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

客服QQ:3315713922

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

作者:课课家教育     来源: http://www.kokojia.com点击数:1443发布时间: 2017-02-18 08:00:18

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

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

  这次我们制作一个个人博客网站设计,这个设计涉及的主要内容是“圆角矩形工具”,“渐变工具”,“图层样式”,“钢笔工具”等,这些都是photoshop中常用到的工具和功能,那么制作一个个人博客网站需要调整的地方是很多的,那么接下来就开始我们的教程吧。

  步骤1:首先打开Photoshop软件,然后导入背景素材文件,双击背景图层将其转化为普通的图层,创建一个“背景组”,然后将背景图层拖拽到祖中,新建图层,单击工具箱中的“圆角矩形工具”按钮,在其选项栏中设置绘制类型为“路径”,“圆角半径”为20像素,绘制一个“圆角矩形形状”,然后将路径转化为选区再使用渐变工具,在其选项栏中设置渐变类型为“线性渐变”并编辑一种蓝绿色系渐变。如下图所示:

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

  步骤2:①然后在图层的选区部分填充渐变颜色,执行“图层—图层样式—投影”命令,打开“图层样式”对话框,设置“混合模式”为“正片叠底”,“颜色”为黑色,“不透明度”为73%,“角度”为139度,“距离”为5像素,“大小”为5像素。

  ②然后导入花朵素材,将花朵放置在左上角的位置,放置完成之后,输入三组文字并选中所有文字图层将其合并为一个图层,执行“图层—图层样式—外发光”命令,打开图层样式对话框,设置“不透明度”为73%,“颜色”为蓝色,“方法”为柔和,“大小”为21像素。如下图所示:

①然后在图层的选区部分填充渐变颜色,执行“图层—图层样式—投影”命令,打开“图层样式”对话框,设置“混合模式”为“正片叠底”,“颜色”为黑色,“不透明度”为73%,“角度”为139度,“距离”为5像素,“大小”为5像素。    ②然后导入花朵素材,将花朵放置在左上角的位置,放置完成之后,输入三组文字并选中所有文字图层将其合并为一个图层,执行“图层—图层样式—外发光”命令,打开图层样式对话框,设置“不透明度”为73%,“颜色”为蓝色,“方法”为柔和,“大小”为21像素。

  步骤3:再次导入“卡通花朵”素材,把花朵放置在文字的上面,然后在花朵图层上单击鼠标右键,在弹出的快捷菜单中,选择“创建剪贴蒙版”命令,此时花朵只显示文字选区内的部分,如下图所示:

再次导入“卡通花朵”素材,把花朵放置在文字的上面,然后在花朵图层上单击鼠标右键,在弹出的快捷菜单中,选择“创建剪贴蒙版”命令,此时花朵只显示文字选区内的部分

  小编结语:在我们制作完成好这些文字以及背景之后,我们需要调整的部分还有很多,页面的结构大概就是如此了,如果大家还有什么不明白的地方可以关注我们下一期的教程,感谢大家的支持。

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