创建清新、色彩生动的网页布局(下)_平面设计_美术作品_ps教程

最终效果图：

第二十一步：新建蓝色矩形

在组“导航”下新建组（图层>新建>组），组命名为“案例”，再新建组放置在“案例”中，并命名为“背景”
选取矩形工具（U），颜色设置为#219aad，创建宽度为983px，高度为273px的蓝色矩形，（提示：打开(按F8）信息面板，查看宽度和高度），设置此图层的透明度为55%，命名为“bg4”

3.　在photoshop中打开在上篇中一开始要保存的第二张“像素化的蓝色矩形”，把图片移动到此文档中，并且覆盖蓝色矩形，同样也设置透明度为55%，命名为“bg3”。

4.　按住ctrl键，点击“bg4”中的矢量蒙版缩略图以选中此蒙版

5.　新建图层，放在“bg3”上方，命名为“bg2”，选取渐变工具（G），画一个颜色#56b8e5到透明的渐变，方向是从选区底部到选区头部，然后按ctrl+d撤消选区　

6、新建图层，放在图层“bg2”上方，命名为“bg1”，选取矩形选框工具（M），像下图一样创建选区，宽度为983px，高度43px

7、选取渐变工具（G），画一个颜色#0f2b42到颜色#2a607f的渐变，方向是从选区底部到选区头部，然后按ctrl+d撤消选区

主题测试文章，只做测试使用。发布者：绘画吧，转转请注明出处：http://www.huitu8.com/shejijiaocheng/PSjiaocheng/20191022/119632.html

欢迎关注:【绘图吧,学画画网】http://www.huitu8.com/

创建清新、色彩生动的网页布局(下)