Photoshop设计教程:设计一款漂亮的网页模板
- 2022-12-24 21:32:33
- 来源/作者：互联网/佚名
- 己被围观次
最终效果： 首先，新建一个800 800px的画布，用渐变工具拉出垂直渐变，颜色系数在图内给出。 画布将成为这样（水印效果为小Y翻译时加上，作者原图无）： 新建图层，用 圆角矩形工具 在中间拉出一个矩形，填充任意颜色，在图层面板里将 填充 设为0%。 选择中间矩形所在图
在另外一侧，选择椭圆工具画三个椭圆，颜色#003333，并将图层面板内填充设为70%,
选择星形笔刷，新建图层，在椭圆周围画几个大小不一的星星，填充设为20%，
制作网站左上方logo，由添加渐变的星形笔刷和域名构成，以下为渐变系数、字体系数与得到效果:
同样在右侧添加迷你导航，
添加导航,
在导航右侧画一个渐变圆角矩形，添加图层样式渐变叠加、描边，系数如下：
在矩形内添加必要说明，
运用圆角矩形工具在导航下方拉一个圆角矩形，宽高如图：
拖入素材，对素材层执行剪切蒙版，如下图：
再次用圆角矩形工具，图片的下面再拉出一个圆角矩形，并运用锚点工具将右侧的两个圆角改为直角，图层样式>渐变叠加。
再下一层再拉出一个圆角矩形，同样添加渐变叠加。
得到如下效果：
接下来用软的笔刷工具为上下两层加上亮角，颜色为# 0099CC
*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）
标签(TAG) 网页模板
上一篇：淘宝皮具修图教程：皮包篇
下一篇：ps cs6做简单的播放按钮
更多精彩内容
-
APP展示图，教你怎么用PS制作APP的界面图片 -
用ps制作大拇指胜利手势logo -
用ps制作金属质感徽章 -
用ps制作绿色环保Logo -
用ps制作放大缩小logo -
ps cs6设计火箭UI图标 -
教你用PS打造网页效果图全过程 -
进度条，设计一个彩色进度条