美文网首页视觉艺术
用PS制作时尚风格导航条设计

用PS制作时尚风格导航条设计

作者: 71dc033e3fda | 来源:发表于2019-08-27 14:19 被阅读0次

    本实例制作的是导航条设计,选择深灰绿和浅灰绿的色彩进行搭配,同时使用针线外形的虚线进行修饰,表现出一种古朴、自然的效果

    制作彩带背景

    (1)按快捷键Ctrl+N新建一个“时尚风格导航条设计”文件,具体参数设置“宽度”为950像素、“高度”为60像素,如图所示。

    (2)使用“矩形工具”绘制一个矩形,如图所示,在选项栏单击“填充”选项,选择“渐变”效果,设置颜色从深灰绿(R:104,G:108,B:91)到浅灰绿(R:144,G:153,B:132),具体设置如图所示,效果如图所示。

    (3)选择“钢笔工具”,在选项栏设置“描边”颜色为灰绿色(R:104,G:113,B:92)、“描边宽度”为2点,再单击“描边样式”,设置“端点”为“圆形”、“虚线”为2、“间隙”为3,如图所示。

    (4)然后在矩形上端绘制一条线段,如图所示。

    (5)执行“图层>图层样式>内阴影”菜单命令,打开“图层样式”对话框,设置内阴影颜色为浅灰绿色(R:104,G:113,B:92),其他参数设置如图所示。

    (6)在图层面板中设置图层的“填充”为30%,效果如图所示。

    (7)使用“钢笔工具”在矩形下端绘制一条线段,在选项栏设置“描边”颜色为深灰绿色(R:90,G:94,B:77),效果如图所示。

    (8)鼠标右键单击第一条线段图层,在弹出的下拉菜单中选择“拷贝图层样式”,再右键单击第二条线段的图层,在下拉菜单中选择“粘贴图层样式”,效果如图所示。

    (9)使用“钢笔工具”绘制对象,如图所示,在选项栏单击“填充”选项,选择“渐变”效果,设置渐变颜色从深灰绿色(R:96,G:101,B:85)到浅灰绿色(R:143,G:152,B:131),设置如图所示,效果如图所示。

    (10)使用“钢笔工具”在不规则图形上绘制一条线段,在选项栏设置“描边”颜色为深灰绿色(R:115,G:126,B:103),将绘制的图层移动到矩形图层下,并粘贴内阴影图层样式,效果如图所示。

    (11)使用“钢笔工具”在不规则图形下绘制一条线段,在选项栏设置“描边”颜色为深灰绿色(R:115,G:126,B:103),将绘制的图层移动到矩形图层下,并粘贴内阴影图层样式,效果如图所示。

    (12)使用“钢笔工具”绘制对象,在选项栏单击“填充”选项,选择“渐变”效果,设置渐变颜色从灰绿色(R:53,G:60,B:53)到深灰绿色(R:28,G:36,B:25),设置如图所示,将绘制的图层移动到矩形图层下,效果如图所示。

    (13)选中绘制的右边所有彩带部分的图层,按快捷键Ctrl+G将图层成组,再按快捷键Ctrl+J复制一份,然后按快捷键Ctrl+T打开自由变换模式,单击鼠标右键在弹出的下拉菜单中选择“水平翻转”,接着将翻转的对象拖曳到绘图区右侧,如图所示。

    输入文本

    (1)选择“钢笔工具”,在选项栏设置“描边”颜色为灰绿色(R:117,G:127,B:105)、“描边宽度”为2点、“描边样式”为实线,然后在矩形图像上绘制线段,如图所示。

    (2)选择线段图层,按快捷键Ctrl+J复制多份,再使用“移动工具”分别将复制线段向右水平移动到合适的位置,如图所示。

    (3)设置“前景色”为灰色(R:251,G:251,B:251),选择“横排文字工具”,在矩形图像上输入文本,斌在选项栏设置字体和大小,效果如图所示。

    (4)执行“图层>图层样式>内阴影”菜单命令,打开“图层样式”对话框,设置参数如图所示。

    (5)将文本水平向右复制多份,选择“横排文字工具”将文本内容进行修改,如图所示。

    (6)选择“T恤系列”图层,在选项栏设置“文本颜色”为深蓝色(R:31,G:39,B:28),如图所示。

    (7)选择“钢笔工具”,在选项栏设置“描边”颜色为灰绿色(R:130,G:137,B:117)、“描边宽度”为1.2点、“描边样式”为实线,然后在矩形图像上绘制线段,如图所示。

    (8)设置“前景色”为灰蓝色(R:59,G:66,B:74),选择“背景”图层,再按快捷键Alt+Delete填充背景颜色,效果如图所示。

    本文节选至

    爱读(iread360.com)原创读物|中文版Photoshop CC平面设计实用教程

    相关文章

      网友评论

        本文标题:用PS制作时尚风格导航条设计

        本文链接:https://www.haomeiwen.com/subject/wtheectx.html