photoshop教程Web前端之路

photoshop教程淘宝天猫美工店铺装修左侧导航栏的设计制作

2017-08-31  本文已影响29人  e5a2ee3bb269

这次来分享在photoshop软件中制作一个店铺左侧导航的讲解。

启动电脑,打开photoshop软件,在新建文件中,设置文件名字,设置相应的参数,如图所示。

把背景填充成黑夜,转换成普通图层。

使用选框工具,给黑色背景做一个造型,如图所示。

使用矩形工具,填充白色,复制出多个。

创建出来这些形状,然后进行排列,到时候需要添加上导航文字信息。

排列后的效果如图所示。

导航顶部的背景过于单调,在photoshop软件中,使用画笔工具,设置好相应的颜色,然后进行涂抹绘制。

多次调整后的效果,如图所示。

再用矩形工具,创建矩形,填充颜色,放到最顶部的位置,如图所示。

这样的话,整个导航的背景制作就设计完了。

接下里,我们开始对文字内容进行创作。

使用photoshop教程软件里的文字工具,工具箱中“T”键,创建文字。

在字符面板中,调整合适的颜色和大小位置,如图所示。

接下来把导航分类的文字也创建进来。

记得,一定要居中对齐,要整齐统一才行。

如图所示。

最后把底部的扫描信息也创建进来。

把返回顶部也创建进来。

在photoshop软件里制作店铺左侧导航的最终效果,如图所示。

如果在制作的过程有些细节不清楚或者操作的时候不太明白,可以跟着上面的演示视频,操作练习。谢谢大家,希望多多关注,多多点赞。

上一篇 下一篇

猜你喜欢

热点阅读