光军 发表于 2014-3-4 06:04:21

Photoshop设计绚丽的背景教程

      前两天在网上瞎逛的时候看到一个国外的Photoshop网站，觉得一个绚丽的万花筒效果很是不错，想学着做，可是面对这满满的英文，这让我怎么跟着做啊，图层样式都不截个图说明下，这么勤快写下来干嘛，截图不就完事了，算了算了，我们是做设计的，总能找到解决的方法，来来来，大家和本狼一起来研究下吧。
先看看效果图

http://pic.16xx8.com/allimg/140304/042P33060-0.png
提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:**** Hidden Message *****教程编号:0 作者：cyRotel 出处：优设

光军 发表于 2014-3-4 06:04:23

Photoshop设计绚丽的背景教程


新建一个1366×768PX，分辨率为72像素/英寸的画布，前景色为黑色，填充画布。设置前景色为白色，用矩形工具画一个白色矩形，自由变换【CRTL+T】下，旋转45°角。将该图层的填充设置为0，添加图层样式：

http://pic.16xx8.com/allimg/140304/042P31401-1.png


http://pic.16xx8.com/allimg/140304/042P3J20-2.png

这样设置之后，我们会得到如下样子：

http://pic.16xx8.com/allimg/140304/042P31D0-3.png

光军 发表于 2014-3-4 06:04:24

Photoshop设计绚丽的背景教程


给图层添加一个蒙版，用柔边的画笔把矩形的边缘和底柔和进去，然后把图层的不透明度调为30%，大概是酱紫滴：

http://pic.16xx8.com/allimg/140304/042P3F45-4.png

光军 发表于 2014-3-4 06:04:25

Photoshop设计绚丽的背景教程


双击手抓工具，看看效果，大概是酱紫滴：

http://pic.16xx8.com/allimg/140304/042P34210-5.png
      

光军 发表于 2014-3-4 06:04:26

Photoshop设计绚丽的背景教程


步骤二：绘制菱形组
复制图层，挪动下位置：

http://pic.16xx8.com/allimg/140304/042P35R6-6.png

光军 发表于 2014-3-4 06:04:27

Photoshop设计绚丽的背景教程


再复制一个图层，置于两个图层之上。位置么……放在两个方形的正中间，并往下挪大概5个像素左右的样子。然后把这个最上面图层的不透明度设置为100%，图层填充为19%，就像这样：

http://pic.16xx8.com/allimg/140304/042P33945-7.png

光军 发表于 2014-3-4 06:04:28

Photoshop设计绚丽的背景教程


然后再复制一个图层，置于所有的图层之上，往上挪大概5个像素左右的样子，将这个图层的不透明度设置为100%，填充设置为54%。大概这个样子：

http://pic.16xx8.com/allimg/140304/042P36136-8.png

光军 发表于 2014-3-4 06:04:29

Photoshop设计绚丽的背景教程


步骤三：横向发展
选中所有的图层【当然，黑色背景层是不用选的】，按【CTRL+G】全部丢到一个图层组里，同时删掉最右边的那个菱形。将这个图层组命名为【菱形组1】，挪到画布的左下方。完了之后将这个图层组复制一下【Crl+J】，复制出来的图层组转成智能对象，原先的那个就隐藏起来，就是这样：

http://pic.16xx8.com/allimg/140304/042P33G2-9.png

光军 发表于 2014-3-4 06:04:30

Photoshop设计绚丽的背景教程


按ctrl+j把这个智能对象复制一下，挪下位置，大概挪到这：

http://pic.16xx8.com/allimg/140304/042P35V7-10.png

光军 发表于 2014-3-4 06:04:31

Photoshop设计绚丽的背景教程


接下来，就是见证奇迹的时刻，我们按ctrl+shift+alt+T，居然自动复制了一个图层并且自动排好了，多么的奇妙啊，我们多按几次，直到铺满一整行。排好之后大概是这样：

http://pic.16xx8.com/allimg/140304/042P33293-11.png

光军 发表于 2014-3-4 06:04:32

Photoshop设计绚丽的背景教程


步骤四：纵向发展
将这一行弄个图层组，随意命名，然后从下往上复制，注意和上一组错开：

http://pic.16xx8.com/allimg/140304/042P33W2-12.png

光军 发表于 2014-3-4 06:04:33

Photoshop设计绚丽的背景教程


重复这些步骤，直到铺满整个画布：

http://pic.16xx8.com/allimg/140304/042P33595-13.png

光军 发表于 2014-3-4 06:04:34

Photoshop设计绚丽的背景教程


步骤五：添加个性效果
随后加个LOMO特效，这个简单的，也不多说了哈。

http://pic.16xx8.com/allimg/140304/042P3I23-14.png

光军 发表于 2014-3-4 06:04:35

Photoshop设计绚丽的背景教程


最后再加些自己喜欢的颜色，更改下图层样式，试试不同的图层模式有不同的效果哦。

http://pic.16xx8.com/allimg/140304/042P333J-15.png

光军 发表于 2014-3-4 06:04:36

Photoshop设计绚丽的背景教程


PS：各位看官可以把单个的菱形单元单独添加不同的效果来丰富整个画面哟，比如这样：

http://pic.16xx8.com/allimg/140304/042P33060-0.png

页: [1] 2
查看完整版本: Photoshop设计绚丽的背景教程