下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

个人博客网站的设计(第三篇)

作者:课课家教育     来源: http://www.kokojia.com点击数:1142发布时间: 2017-02-17 15:00:55

标签: PS设计PS制作网站设计

想学设计?来看看大师是如何完成作品的?

  在向一节的教程中我们使用选框工具,设置了一些选框内容作为网页的模块,那么这次我们就要制作一些金属环以及调整它的各个图层样式,还有新建一个个人资料组等等,那么这次我们的photoshop制作的内容比较多,所以,大家一定要认真的听,希望大家能够喜欢这节教程。

  步骤1:制作金属环部分,用圆角矩形工具在灰色圆形上绘制一个较宽的圆角矩形,转换为选区之后,填充对称的灰色,渐变使用移动工具多次拖拽复制出副本,摆放在各个灰色卷型的位置,合并为当前主为一个图层。

  ①执行“图层—图层样式—投影”命令,打开图层样式对话框,设置“混合模式”为正片叠底,“颜色”为黑色,“不透明度”为75%,“角度”为139度,“大小”为5像素。

  ②在图层样式对话框左侧选中“内发光”样式,然后设置“不透明度”为42%,“颜色”为黑色,“方法”为柔和,“大小”为9像素。

  ③在图层样式对话框左侧选中“颜色叠加”样式,然后设置“混合模式”为颜色,“颜色”为青色,此时可以看到金属还出现了绿色凸起效果。

个人博客网站的设计(第三篇)_PS设计_PS制作_网站设计_课课家

  步骤2:设置好金属环后。新建一个个人资料主使用圆角矩形工具绘制一个圆角矩形,然后使用渐变工具在其选项栏中设置渐变,类型为镜像并编辑一种蓝色系渐变,然后在图层中的选区部分填充渐变颜色,并旋转圆角矩形,调整角度,在“投影”样式图层,复制投影图层样式,单击鼠标右键在弹出的快捷菜单中选择“拷贝图层样式”命令,然后再对该图层执行“粘贴图层样式”命令,导入照片素材文件。

  ①执行“图层—图层样式—投影”命令,打开图层样式对话框,设置“混合模式”为正片叠底,“颜色”为黑色,“不透明度”为75%,“角度”为139度,“距离”为22像素,“扩展”为7%,“大小”为5像素。

  ②在图层样式对话框左侧选中“描边样式”然后设置“大小”为10像素,“位置”为外部,“填充类型”为颜色,“颜色”为白色。如下图所示:

设置好金属环后。新建一个个人资料主使用圆角矩形工具绘制一个圆角矩形,然后使用渐变工具在其选项栏中设置渐变,类型为镜像并编辑一种蓝色系渐变,然后在图层中的选区部分填充渐变颜色,并旋转圆角矩形,调整角度,在“投影”样式图层,复制投影图层样式,单击鼠标右键在弹出的快捷菜单中选择“拷贝图层样式”命令,然后再对该图层执行“粘贴图层样式”命令,导入照片素材文件。    ①执行“图层—图层样式—投影”命令,打开图层样式对话框,设置“混合模式”为正片叠底,“颜色”为黑色,“不透明度”为75%,“角度”为139度,“距离”为22像素,“扩展”为7%,“大小”为5像素。    ②在图层样式对话框左侧选中“描边样式”然后设置“大小”为10像素,“位置”为外部,“填充类型”为颜色,“颜色”为白色。

      最终效果:

最终的效果展示

  小编结语:其实,网页的其他模块制作部分大同小异,主要都是使用圆角矩形工具渐变工具图层样式与文字工具进行制作,那么制作这些网页大多数都是使用这些工具来制作的,如果大家还有什么不明白的地方,欢迎继续关注我们小编,感谢大家的支持。

赞(22)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程