Photoshop设计教程:设计一款漂亮的网页模板
- 2022-12-24 21:32:33
- 来源/作者：互联网/佚名
- 己被围观次
最终效果： 首先，新建一个800 800px的画布，用渐变工具拉出垂直渐变，颜色系数在图内给出。 画布将成为这样（水印效果为小Y翻译时加上，作者原图无）： 新建图层，用 圆角矩形工具 在中间拉出一个矩形，填充任意颜色，在图层面板里将 填充 设为0%。 选择中间矩形所在图
加上文字和图片，并且在左上角注明标题（添加外发光样式，系数给出），右上角注明日期和另外一个logo出现过的五角星（笔刷工具）。
再在下面添加一个类似层，你将得到如下效果，
继续在画布右侧，画出两个前面我们做过的渐变（垂直）交叉层，渐变系数给出。
得到以下效果：
添加上文字和图片，
将以上三个图层放如一个组中，复制组，放置在下方。
用矩形工具在下方做出若干个矩形图形，交替的添加渐变样式（垂直），渐变系数分别给出。
添加上文字和标题，所用字体（标题的外发光样式）同上。
矩形工具，拉一个大的圆角矩形，包括页面以下的两个板块，添加渐变样式(垂直)。
添加蒙版，略微用黑色笔刷在蒙版上将两边擦暗一点，得到如下效果。
再次用椭圆形状工具+变形工具，在页面底部同样拉出不规则的若干椭圆形状，添加上颜色#0066cc。
大功告成，我们就得到了如此精致绚丽的网页，该教程主要是训练了学习者对于网页层次感的把握以及细节的处理，跟着做一遍能大有收获的。
*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）
标签(TAG) 网页模板
上一篇：淘宝皮具修图教程：皮包篇
下一篇：ps cs6做简单的播放按钮
更多精彩内容
-
APP展示图，教你怎么用PS制作APP的界面图片 -
用ps制作大拇指胜利手势logo -
用ps制作金属质感徽章 -
用ps制作绿色环保Logo -
用ps制作放大缩小logo -
ps cs6设计火箭UI图标 -
教你用PS打造网页效果图全过程 -
进度条，设计一个彩色进度条