优艾设计网

利用PhotoShop制作风格化网站导航

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:佚名
利用PhotoShop制作风格化网站导航按照网站的大小确定导航尺寸。使用钢笔工具创建如下形状的图形。图层 >> 图层样式 >> 外发光,混合模式“滤色”。按下 F5 打开笔刷设置窗口,选择宽边树叶笔刷,并按下图
利用PhotoShop制作风格化网站导航

按照网站的大小确定导航尺寸。

利用PhotoShop制作风格化网站导航

使用钢笔工具创建如下形状的图形。

利用PhotoShop制作风格化网站导航

图层 >> 图层样式 >> 外发光,混合模式“滤色”。

利用PhotoShop制作风格化网站导航

利用PhotoShop制作风格化网站导航

按下 F5 打开笔刷设置窗口,选择宽边树叶笔刷,并按下图设置笔尖形状。

利用PhotoShop制作风格化网站导航

设置笔刷“动态形状”。

利用PhotoShop制作风格化网站导航

设置笔刷“散布”。

利用PhotoShop制作风格化网站导航

设置笔刷“动态颜色”。

利用PhotoShop制作风格化网站导航

将绿色设为前景色,深绿设为背景色,创建新的图层,运用笔刷得到如下效果。

利用PhotoShop制作风格化网站导航

创建新图层,在导航右侧利用钢笔工具绘制“叶片1”。

利用PhotoShop制作风格化网站导航

图层 >> 图层样式 >> 投影。

利用PhotoShop制作风格化网站导航

图层 >> 图层样式 >> 图案叠加。

利用PhotoShop制作风格化网站导航

利用PhotoShop制作风格化网站导航

复制“叶片1”,调整大小、旋转角度和填充色。

利用PhotoShop制作风格化网站导航

利用椭圆工具在曲线上绘制一个圆。

利用PhotoShop制作风格化网站导航

图层 >> 图层样式 >> 外发光。

利用PhotoShop制作风格化网站导航

利用PhotoShop制作风格化网站导航

利用钢笔工具绘制“叶片2”。

利用PhotoShop制作风格化网站导航

图层 >> 图层样式 >> 外发光。

利用PhotoShop制作风格化网站导航

利用PhotoShop制作风格化网站导航

类似的完成其他叶片。

利用PhotoShop制作风格化网站导航

沿路经输入导航文字。(路径文字制作这里不再重复,可查看本站相关教程)

利用PhotoShop制作风格化网站导航

图层 >> 图层样式 >> 描边。

利用PhotoShop制作风格化网站导航

利用PhotoShop制作风格化网站导航

输入网站名称,一个个性化导航栏就制作完成了。

利用PhotoShop制作风格化网站导航

0

精彩评论

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