Photoshop教程:打造漂亮的光影vista壁纸

2016-01-29 20:06 2 1 收藏

Photoshop教程:打造漂亮的光影vista壁纸,本例介绍了用PS来制作漂亮的Windows vista壁纸,通过对选区做各种透明调整、自由变换和画笔涂抹等办法做出光影效果,然后通过图层样式和自由变换的网格工具完成windows 图标的制作,对质感和光影的制作有一定的帮助,希望朋友们喜欢~~

【 tulaoshi.com - PS 】

让我们先看看最终效果:  

Photoshop制作Windows vista壁


效果图

[next]

背景制作过程:

一、蓝色图层,图层效果:黑到白的渐变叠加(混合模式:叠加)

Photoshop制作Windows vista壁


图1

二、新建一层,做一矩形选区,然后拉出渐变(白色到透明),随机重复上两步作选区,拉渐变

Photoshop制作Windows vista壁


图2

三、适当调整透明度,然后复制这一层,高斯模糊复制出来的图层,调整透明度至合适。然后合并这两个图层

Photoshop制作Windows vista壁


图3

四、用橡皮擦(柔边,有一定透明度)修饰这层然后Ctrl+U给这层添加颜色(如图),再选择该层的混合模式为颜色减淡

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作Windows vista壁


图4

[next]

五、得到如图所示效果后,对这一层进行自由变形(Ctrl+T)达到一种发散的效果,再给这一层添加图层蒙板

Photoshop制作Windows vista壁


图5

六、在图层蒙板上用黑灰色适当描画涂抹,使透明自然一些

Photoshop制作Windows vista壁


图6

 背景制作完成,开始绘制背景上的亮线

 七、新建一层,画一实心长条,随便什么颜色,设置该层填充不透明度为0,再添加图层样式:描边1像素,白色,内发光(如图)

Photoshop制作Windows vista壁


图7

八、将该层透明度减低,然后合并到一个空白的图层上,Ctrl+T自由变换为如图效果

Photoshop制作Windows vista壁


图8

[next]

九、再网格自由变换为如图效果(早期版本没这个功能,可以采用其他方法达到同样效果)

Photoshop制作Windows vista壁


图9

网格变换似乎效果不好,建议采用 环形区域+自由变形的方式。

十、用橡皮擦(柔边)适当修饰,尤其是两端达到自然的效果(如图)。然后复制多次这个图层

Photoshop制作Windows vista壁


图10

十一、调整这几个图层(变形、透明度、橡皮擦)达到类似效果。如果觉得刚才那个图作基础不好变形的话,可以再类似做几个

Photoshop制作Windows vista壁


图11

十二、合并这些图层,添加图层样式:外发光,然后调整透明度至合适,看着顺眼就好

Photoshop制作Windows vista壁


图12

[next]

十三、Ctrl+Alt+Shift+E合并一个新图层出来(盖印图层),将这个层的混合模式调整为叠加,再适当减低透明度,这样颜色会艳丽一些

Photoshop制作Windows vista壁


图13

  触类旁通,不多讲了,你可以再加点其他效果修饰背景。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

  比如再增加一些必要的半透明的东西来表现光感。

接下来讲那个windows 图标制作

十四、新建一个图层,画个圆,添加图层样式:渐变叠加,外发光(颜色减淡)

Photoshop制作Windows vista壁


图14

Photoshop制作vista壁纸


图15

十五、再新建一层,估一个小一点的圆形选区,然后拉个从上到下,从白色到透明的渐变

Photoshop制作vista壁纸


图16

[next]

十六、绿色大圆那层的图层样式再加上一个内发光,这里是当内边的暗圈用的,注意模式改为加深,颜色用深色

Photoshop制作vista壁纸


图17

十七、在高光和绿色圆之间新建一层,画上微软的窗户标志~~,然后用自由变换工具的网格,把它给拖成飘动的样子

Photoshop制作vista壁纸


图18

十八、变形后(注意,变形容易产生行刺,有时间还是用路径)调整旗子层的图层效果,这里简单用了阴影;浮雕;渐变叠加(用辐射模式,白色到灰色,线形减淡)。效果不是很好,意思一下~

Photoshop制作vista壁纸


图19

十九、把字添加上去,再修饰修饰(加了点光道儿作了一些调整、复制之类的),最后结果就出来了。

时间仓促,很粗糙,只是说明一下做法罢了,希望有所启发

Photoshop制作vista壁纸


图20

来源:https://www.tulaoshi.com/n/20160129/1510706.html

延伸阅读
标签: PS PS教程
先看一下最终效果。 [next]本文以Photoshop CS2中文版为例,其它版本的Photoshop可能会在某些操作上略有差异。具体操作步骤如下。 1.按Ctrl+N打开“新建”对话框,将文档大小设置为1024x768像素,分辨率设置为72像素/英寸。选择工具箱中的“矩形工具”,确定在选项栏中按下了“形状图层”按钮,然后绘制一个满画布的矩形。矩形的填充渐变...
本教程介绍光影壁纸的制作方法。重点在光速部分的制作,需要用到滤镜及蒙版等制作不同的光束,然后整体渲染,加强光的感觉。 最终效果 1、新建一个1024 * 768像素文件(可根据自己电脑屏幕实际大小设置),选择渐变工具,颜色设置如图1,然后用图层中心拉出图2所示的径向渐变。 图1 图2 2、新建一个图层,选择套索工具选取...
最终效果 1、用钢笔工具绘制出你想要的形状,然后变换成选区。 2、新建一层,按Ctrl + D羽化,数值为10,然后拉渐变,保存一个渐变的样式,以备以后多次使用。 3、将之前用的路径调出,然后再变换成选区,在上边拉相同的渐变,再调出图层样式,适当加点内发光和外发光,数值自己把握。 4、调出用过的路径将其变瘦一点,注意高度...
标签: PS PS教程
此教程只是模仿耐克广告的实验,而非真正的耐克广告,因为我很喜欢他们的广告,如果有一天有可能,我会很高兴为他们设计一个。在本教程中,将使用图像混合模式和颜色调整来创造一个很酷的耐克广告。 最终效果: [next] 第一步: 打开Photoshop并创建一个新文件。尺寸我用的1920×1200(像素),之后,选择背景层,打开它的混合...
来源:PS联盟 作者:Sener 闪电壁纸包括两个大的部分:云彩和闪电;云彩部分直接用PS自带的云彩滤镜制作,并控制好范围及局部渲染好高光;闪电部分直接使用闪电笔刷,增加一点发光样式即可。 最终效果 1、新建一个1024 * 768,分辨率为72像素的画布,也可以根据自己屏幕大小设置尺寸。然后用油漆桶工具把背景填充暗蓝色:#1C036F,如下图...

经验教程

407

收藏

45
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部