优艾设计网

Photoshop设计教程之如何制作一个时尚的商业模

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:佚名 发布
今天我们将在Adobe Photoshop中设计一个时尚的商业模板。该模板包含页眉(header)、图片轮换、服务区域、视频,关于我们、页脚(footer)等内容。通过本教程,结合图案、纹理、颜色等元素,轻松几步即可制作出3D效果的

绘制一个580像素 x 50像素,半径为20像素的圆角矩形,与顶部距离为75像素,如下图所示:

Photoshop设计教程之如何制作一个时尚的商业模

应用图层样式

投影颜色:#000

Photoshop设计教程之如何制作一个时尚的商业模

内阴影: #fff

Photoshop设计教程之如何制作一个时尚的商业模

渐变叠加颜色:#fea201, #fccf6a

Photoshop设计教程之如何制作一个时尚的商业模

效果

Photoshop设计教程之如何制作一个时尚的商业模

用文本工具在导航条上分别写上Home, Blog, About Us, Free Consultation和Contact Us。 各个链接之间的距离为41像素,

字体设置

字体名: Helvetica Neue

字体样式: Roman

字体大小: 12pt

字体颜色: #fff(Home的颜色), #ac5b00(其余链接的颜色)

Photoshop设计教程之如何制作一个时尚的商业模

Home文本层与其它链接有所不同,先复制一个图层,将其放在原始文本层下,用键盘上的移动键轻微向上移动1像素,将字体的颜色改变成#d38904。其它的链接放在原始文本层之下,下移1像素的距离,并将颜色变为#ffe91e。这下,各个链接看起来有浮雕效果了。

Photoshop设计教程之如何制作一个时尚的商业模

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消