正在阅读:Photoshop CS3打造Vista Aqua风格壁纸Photoshop CS3打造Vista Aqua风格壁纸

2007-10-25 09:15 出处:PConline 作者:TnG 编译 责任编辑:chenzhenjia
1Photoshop CS3打造Vista Aqua风格壁纸(1)回顶部

  本教程将以Photoshop CS3为范本,介绍Windows Vista Aqua风格壁纸的制作。

  制作要点:壁纸中大大小小的球体其实具有非常类似的性质,只要制作出一个球体,然后对球体大小、不透明度及其他图层样式稍加调整,即可轻松得到不同的球体。

  先看看最终效果图:

Photoshop CS3打造Vista Aqua
效果图 (+上图点击可查看原图)

  下面是详细的制作步骤

  1、选择菜单“文件 > 新建”,新建一个文档,宽度1024像素 × 高度768像素,分辨率为72像素/英寸。

Photoshop CS3打造Vista Aqua
图1:新建图像文档

  2、使用矩形工具(U)为我们的壁纸描绘渐变背景。从工具栏选择矩形工具 Photoshop CS3打造Vista Aqua 在选项栏点击选中“形状图层”Photoshop CS3打造Vista Aqua 图标,绘制一个1024像素×768像素的形状。这时图层面板上自动生成一个“形状”图层,将其重命名为“渐变背景”。

Photoshop CS3打造Vista Aqua
图2:重命名图层为“渐变背景”

2Photoshop CS3打造Vista Aqua风格壁纸(2)回顶部

  3、双击“渐变背景”图层空白处,打开图层样式对话框,勾选“渐变叠加”,并做03, 04所示的设置:

Photoshop CS3打造Vista Aqua
图3:给图层应用“渐变叠加”样式

Photoshop CS3打造Vista Aqua
图04:编辑渐变色彩(三个色标值分别为: 73f2f8, 3681ab, 183962)

  这时我们得到如下效果:

Photoshop CS3打造Vista Aqua
图5:渐变背景效果

  4、从工具栏选择“椭圆工具”(U)Photoshop CS3打造Vista Aqua,在选项栏点击选中“形状图层”Photoshop CS3打造Vista Aqua 图标,绘制一个正圆形状。此时面板上自动生成一个形状图层,将其重命名为“球体”,06。同时在图层面板上,将其“填充”值由100%降至0%。

Photoshop CS3打造Vista Aqua
图6:绘制正圆形的形状

3Photoshop CS3打造Vista Aqua风格壁纸(3)回顶部

  双击“球体”图层空白处,打开图层样式对话框,分别给图层应用“外发光”、“斜面和浮雕”、“渐变叠加”等样式,设置07, 08, 09, 10。

Photoshop CS3打造Vista Aqua
图7:“外发光”图层样式参数设置

Photoshop CS3打造Vista Aqua
图8:“斜面和浮雕”图层样式参数设置

Photoshop CS3打造Vista Aqua
图9:“渐变叠加”图层样式参数设置

Photoshop CS3打造Vista Aqua
图10:编辑“渐变叠加”的渐变色彩(两个色标值分别为:5abfd5, 3b8bb9)

  这时,我们得到如下效果:

Photoshop CS3打造Vista Aqua
图11:应用样式后的球体效果

4Photoshop CS3打造Vista Aqua风格壁纸(4)回顶部

  5、接下来我们制作球体表面的高光部分。与第4步类似,再使用“椭圆工具”绘制一个比“球体”小一些的正圆形状。将图层面板上自动生成的图层重命名为“高光”。双击“高光”的“图层缩览图”图标,在弹出的“拾取实色”对话框中,将色彩改为FFFFFF。

Photoshop CS3打造Vista Aqua
图12:绘制高光形状图层并设置色彩

  6、选中“高光”图层,点击图层面板底部的“添加图层蒙板”按钮。再点击选中“高光”图层中刚生成的“蒙板”图标,然后从工具栏选择橡皮擦工具(E),使用低硬度(例如0%)的大号画笔(例如175)擦拭,得到13的效果,这时我们就完成了球体的制作。

Photoshop CS3打造Vista Aqua
图13:球体完成的效果

  7、为方便起见,将组成球体的所有图层合并到一个图层组里(按Ctrl+鼠标左键选出所需的图层,然后按住鼠标左键将选中的图层拖到图层面板下方的“创建新组”图标上)。将刚组合的图层组复制两份,如果需要的话,应用自由变换工具缩小复制的球体。

Photoshop CS3打造Vista Aqua
图14:复制并缩放球体

  8、再复制一个球体图层组,改变球体图层的不透明度。注意“填充不透明度”要设置为0%,在复制的图层组中,改变图层组中主图层的渐变叠加的不透明度参数,通过这个方法我们将得到不同透明度的球体。

Photoshop CS3打造Vista Aqua
图15:调整不透明度

Photoshop CS3打造Vista Aqua
图16:调整后的效果

5Photoshop CS3打造Vista Aqua风格壁纸(5)回顶部

  9、复制几个最后制作的图层组(即上一步完成的图层组),得到形的效果。像我们刚才所操作的那样,改变不透明度,得到不同的不透明效果。图层组的大小可以使用自由变换工具进行调整。

Photoshop CS3打造Vista Aqua
图17:复制图层组并调整不透明度和大小

  10、再复制一份球体图层组,再次改变图层组主图层的外发光参数:

Photoshop CS3打造Vista Aqua
图18:调整“外发光”图层样式

  通过调整我们得到一个暗一些的球体轮廓:

Photoshop CS3打造Vista Aqua
图19:调整后的效果

  11、复制十个第10步中制作的球体图层组,然后使用自由变换工具改变它们的大小,

Photoshop CS3打造Vista Aqua
图20:复制十个球体并缩缩球体大小

  12、使用“圆角矩形工具(U)”Photoshop CS3打造Vista Aqua 绘制LOGO标识元素。

Photoshop CS3打造Vista Aqua
图21:绘制LOGO标识元素

6Photoshop CS3打造Vista Aqua风格壁纸(6)回顶部

  13、应用图层样式,设置参数

Photoshop CS3打造Vista Aqua
图22:“不透明度”及“填充不透明度”设置

Photoshop CS3打造Vista Aqua
图23:“内发光”参数设置

Photoshop CS3打造Vista Aqua
图24:“斜面和浮雕”参数设置

Photoshop CS3打造Vista Aqua
图25:“渐变叠加”参数设置

Photoshop CS3打造Vista Aqua
图26:编辑“渐变叠加”渐变色(两个色标值分别为:5abfd5, 3b8bb9)

  得到如下效果:

Photoshop CS3打造Vista Aqua
图27:LOGO标识元素效果

7Photoshop CS3打造Vista Aqua风格壁纸(7)回顶部

  14、复制刚制作的图层,再次使用自由变换工具,稍稍移动副本,复制的图层参数如下:不透明度:100%,填充:100%。

Photoshop CS3打造Vista Aqua
图28:复制并调整LOGO标识元素

  15、最后一步,我们插入文字,设置如下:

Photoshop CS3打造Vista Aqua
图29:文本参数设置

Photoshop CS3打造Vista Aqua
图30:文本效果

  文字图层的样式参数设置:

Photoshop CS3打造Vista Aqua
图31:外发光图层样式参数设置

  漂亮的Aqua风格Vista壁纸至此就完成了,效果如下:

Photoshop CS3打造Vista Aqua
图32:壁纸最终完成效果

相关推荐photoshop实例教程:轻松打造炫彩桌面

用Photoshop制作一个漂亮的Vista背景

视频教程:Photoshop打造VISTA壁纸

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品