Photoshop设计时尚的促销专题页面(3)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:木草弥生

关键词

使用文字工具(T)新建文本,使用Proxima Nova Light字体,字号为18 pt。

Photoshop设计时尚的促销专题页面

添加标题,还是文字工具(T),字号36 pt,字间距为-10。

Photoshop设计时尚的促销专题页面

选择刚才建立的文字层,按住Alt拖动,复制文字层。

Photoshop设计时尚的促销专题页面

还是文字工具(T),改写刚刚复制的图层,使用移动工具(V)调整文字的位置。

Photoshop设计时尚的促销专题页面

在文件 > 置入,选择矢量LOGO素材acme-travel-logo.ai。

Photoshop设计时尚的促销专题页面

调整LOGO的大小和位置,让LOGO停放在图片右上角。

Photoshop设计时尚的促销专题页面

给LOGO添加一个投影。

数据设置为透明度11%,距离3 px,尺寸16 px。

Photoshop设计时尚的促销专题页面

添加二级图片

建立一个新的矩形(U),尺寸为60 x 28 px。

Photoshop设计时尚的促销专题页面

用直接选择工具(A)选中刚刚建立的矩形,对齐方式中选择中心对齐。

Photoshop设计时尚的促销专题页面

文件 > 置入,置入素材people-11.jpg。

Photoshop设计时尚的促销专题页面

根据刚刚建立的矩形调整图片尺寸。

Photoshop设计时尚的促销专题页面

激活矩形工具(U),在选项面板中,点击蒙版,这些操作会建立一个矢量蒙版,并应用到打开的图片上。

Photoshop设计时尚的促销专题页面

让刚刚置入的图片层保持选中状态,按住alt+Shift,拖拽图片复制。

Photoshop设计时尚的促销专题页面

还是置入,这次我们置入city-5.jpg。

Photoshop设计时尚的促销专题页面

还是调整图片尺寸,让图片尺寸跟刚刚置入的女孩的图片一致。

Photoshop设计时尚的促销专题页面

将刚刚的蒙版拖拽到刚刚置入的图片上,然后删除people-11-copylayer。

Photoshop设计时尚的促销专题页面

重复前面三步操作,置入右下角的地图。

Photoshop设计时尚的促销专题页面

选中map-screenshot图层,添加描边。

Photoshop设计时尚的促销专题页面

描边的设置面板中,尺寸为2 px,调整位置为内部,颜色设置成棕色(C=30 M=80 Y=100 K=30)。

Photoshop设计时尚的促销专题页面

添加二级文字

还是文字工具(T),创建新的文字,字号11 pt,颜色浅棕色(C=10 M=65 Y=100 K=0),

Photoshop设计时尚的促销专题页面

 收藏