通过设置ps图层样式制作个性化主页(9)

admin 40 0

效果图:

通过设置ps图层样式制作个性化主页(9)-第1张图片-快备云

步骤 1、创建新画布,将树木素材置于画布左上角。

通过设置ps图层样式制作个性化主页(9)-第2张图片-快备云

步骤 2、使用圆角矩形工具在树的下方绘制一矩形框。
通过设置ps图层样式制作个性化主页(9)-第3张图片-快备云

步骤 3、绘制其他矩形内容框。

通过设置ps图层样式制作个性化主页(9)-第4张图片-快备云




步骤 4、在背景层上方创建新图层,并用渐变工具填充该层,得到如下效果。

通过设置ps图层样式制作个性化主页(9)-第5张图片-快备云

步骤 5、在渐变层上方创建新图层,选择云彩笔刷(没有此笔刷请上网搜索下载),添加云彩效果。

通过设置ps图层样式制作个性化主页(9)-第6张图片-快备云

步骤 6、选择圆角矩形工具绘制导航按钮(注意将按钮层置于棕色内容框下方)。

通过设置ps图层样式制作个性化主页(9)-第7张图片-快备云




步骤 7、为按钮添加图层样式。

通过设置ps图层样式制作个性化主页(9)-第8张图片-快备云

通过设置ps图层样式制作个性化主页(9)-第9张图片-快备云

通过设置ps图层样式制作个性化主页(9)-第10张图片-快备云

通过设置ps图层样式制作个性化主页(9)-第11张图片-快备云

得到如下效果:
通过设置ps图层样式制作个性化主页(9)-第12张图片-快备云




步骤 8、设置棕色内容框图层样式。
通过设置ps图层样式制作个性化主页(9)-第8张图片-快备云

通过设置ps图层样式制作个性化主页(9)-第14张图片-快备云

通过设置ps图层样式制作个性化主页(9)-第15张图片-快备云

通过设置ps图层样式制作个性化主页(9)-第11张图片-快备云

得到如下效果:
通过设置ps图层样式制作个性化主页(9)-第17张图片-快备云




步骤 10、为导航按钮添加标题。

通过设置ps图层样式制作个性化主页(9)-第18张图片-快备云

步骤 11、充实内容框。

通过设置ps图层样式制作个性化主页(9)-第19张图片-快备云

步骤 12、创建新图层,添加导航符号。

通过设置ps图层样式制作个性化主页(9)-第20张图片-快备云

最终效果如下:
通过设置ps图层样式制作个性化主页(9)-第21张图片-快备云

标签: 个性化 主页 制作 样式 设置 通过 效果图

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~