Photoshop教程:将普通图片打造成数码科技桌面壁纸

2016-01-29 20:58 7 1 收藏

Photoshop教程:将普通图片打造成数码科技桌面壁纸,提起壁纸,眼下最流行的不是秀美的风景,也不是娇憨可爱的小宠物,而是那些充满科技智慧的图像。数码、符号,等等诸如此类的画面元素,虽令人不解,但仍具有致命魅力。破格而又奇妙的组合,带给人巨大的震撼。初 ...

【 tulaoshi.com - PS 】

提起壁纸,眼下最流行的不是秀美的风景,也不是娇憨可爱的小宠物,而是那些充满科技智慧的图像。数码、符号,等等诸如此类的画面元素,虽令人不解,但仍具有致命魅力。破格而又奇妙的组合,带给人巨大的震撼。初见之下,往往会被它们所迷惑,但细细分析之下,却又释然。如果你是Photoshop的使用者,就快别再观望了。Photoshop的图层可是制作这种类型图像的一大利器!今天,我们就来用 Photoshop来制作这样一张精美的壁纸,放在桌面上,带给自己一个好心情!

    最终效果如图所示。(图wallpaper)    


图wallpaper[next]
 

    第一部分:处理背景图像,制作网格和扫描线

    1.首先,要解决的第一个问题是,我们的背景是如何得到的。它看上去是那么的……朦胧。“朦胧”?如果你意识到了这个词,那这个问题就迎刃而解了。随意找一张图片吧,只要顺眼就行,不必追求图像质量。用 Photoshop打开,做好备份之后,用图像大小命令,将图像设为你的屏幕区域大小,我设置的是800×600像素。如果原图像的分辨率太高,也要将之设低,太高的分辨率会消耗大量的系统资源,对作为屏幕显示的壁纸来说毫无益处。如果你选择的源图像不是小的离谱,那么就不必在意图像在调整大小之后的变形。(图01)

    

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

图01

    2.执行滤镜模糊高斯模糊,将模糊半径设为19(根据你的画面情况来设定模糊半径)。这样,背景就被柔化了,不会影响到一会儿我们要加上去的画面元素。(图02)

    

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

图02

    3. 现在我们来制作要作为填充图案的图像。新建一个文档,大小为2×4像素(你也可以设为3×6像素,4×8像素等,这将决定你的线条宽度,)背景为白色,选择铅笔工具,用2像素的黑色画笔在图像上点击一下,将图像的上半部分填充为黑色。选择定义图案命令,将这个图像定义为新图案(图03)。

    

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

图03

     之后关闭文档。回到我们的壁纸中,新建图层1,按shift+Backspace ,调出填充对话框(这是个很有效率的快捷键,但有很多人并不知道)。在对话框中,将填充使用内容设为图案,在下拉列表中选择我们刚才定义的图案,正常模式,不透明度为100%,结果如图04。

    

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

图04

    4.将图层混合模式改为“屏幕”,将不透明度降低为20%。(图05)

    

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

图05
 

    5.点击图层面板上的添加蒙版按纽,为图层1添加蒙版。然后选择渐变工具,将前景/背景色面板恢复为默认的前黑后白,用从前景色到背景色的线性渐变在蒙版中绘出渐变路径,这样,扫描线部分被遮挡起来。(图06)

    

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

图06[next]
 

6.现在我们开始制作网格效果,和扫描线一样,这是两种最常用的修饰图像的方法。新建一个文档,10×10像素大小,背景为透明。将图像放大到你能看得很清楚的程度,按CTRL+A,将图像全部选择,选择描边命令,宽度为1像素,位置居中,将描边颜色设为白色,取消选择。将图像定义为新的图案后,关闭文档(图07)。回到壁纸图像中,新建图层Layer2,调出填充对话框,用刚定义的网格图案填充(图08)。

    

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

图07

    

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

图08

    7.将图层2的混合模式改为“柔光”,将不透明度降低为17%。为图层2添加蒙版,用黑色到白色的渐变,在蒙版中制作从上至下的渐隐效果(图09)。

    

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

图09

    8.为了使网格和扫描线更好的融合在一起,将图层1的不透明度降低为10%(图10)。

    

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

图10

    9. 新建图层3,从工具面板中选择直线工具,在工具选项中选择创建新的填充区域,,宽度为1像素,将前景色设为白色,如图11,在Layer3中,画一些白色直线。按住SHIFT可以绘制水平或垂直的线条(图11)。随后,将图层3的混合模式改为“叠加”,不透明度为45%(图12)。这样,我们就完成了图像的第一部分。

    

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

图11

    

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

图12[next]
 
 

    第二部分:形状和文字,及3D文字效果

    这一部分的主要任务是添加文字。

    1.选择文本工具,将文字颜色设为白色,选择合适字体和大小,输入文本。图中所示的文字,分别为Lucida Sans Unicode,28pt和Galant,80pt。你可以在你的字体库中寻找漂亮的字体。分别调整图层混合模式和不透明度,直到合适。(图13,14)

    


图13

    


图14

    2. 现在我们来进行占图像主要画面的3D文字的制作。选择一种较粗的字体,如刚才的Galant,字体大小为250pt,当然,字体不同,大小也会有差异。用白色输入几个字符,用字符面板调整间距,大小等。如图15。然后,在字体图层中右键单击,在弹出面板中选择栅格化图层。按CTRL+T,出现变形框,选择扭曲选项,将字体扭曲(图16)。

    


图15

    


图16

    3. 我们用图层样式赋予文字3D外观。双击图层,进入图层样式,点击斜面和浮雕,设样式为内斜面,方法为平滑,深度为890%,方向为上,大小为13像素,软化为0像素;在阴影选项中,设角度为120度,使用全局光,高度为30度,设光泽等高线为预设类型中环形,选择消除锯齿,高光和暗调基本保持,但将暗调颜色改为RGB(22,63,8)(这个颜色要根据你文字所处的画面位置而定),点击确定(图17)。

    


图17[next]

但这样的效果还不能使我们满意,再次进入图层样式面板,在自定混合选项的高级混合中,将填充不透明度设为0%,这样,字体会保留样式,但自身却没有填充了(图18)。和前面的扫描线与网格一样,我们对3D文字也要添加蒙版,使其渐隐。点击蒙版按钮,添加蒙版以后,沿着文字倾斜的方向做直线渐变(图19)。

    


图18

    


图19

    4.接下来,我们要为图像添加一些六边形的小格。这是一种非常流行的图案,常常用于网页或图像设计中,我们准备用它来装饰我们的壁纸。

     新建图层4,将前景色设为白色,在形状工具中选择多边形工具,将其边数设为6,用创建填充区域的方式,在图层4中画一个正六边形。当放松鼠标的时候,它被填充为白色。将其图层混合模式改为“叠加”,不透明度降低到26%;新建图层5,按住CTRL,点击图层4,载入六边形选区,在图层5中,用描边命令,为选区加边,宽度为1像素,位置为居中,取消选择;将图层5和图层4链接起来,再合并链接图层,或者直接将图层5向下合并,但合并后的图层模式为叠加,再将之改为正常模式即可。(图20)

    


图20

    5.按住ALT,拖动六边形,复制一个副本,用这个方法,复制所有需要的六边形,按住SHIFT,保证复制按水平排列,然后将所有六边形图层拼合。(图21)

    


图21[next]

    第三部分:装饰形状和小块文字

    经过前面两部分,我们的壁纸大致已经定型了,下面的工作是要进一步装饰,使画面更丰富。

    1.新建图层5,选择多边形套索工具,在图中选取一个如图22的形状,按住SHIFT可使限制选取按水平,垂直或45度方向。封闭选区之后,选取前景色RGB(196,189,108),填充选区后保持选区。(图23)

    


图22

    


图23

    2.将图层5的混合模式改为“颜色加深”,不透明度降低为57%。(图24)

    


图24

    3.新建图层6,选择描边命令,依然用白色描边,宽度为1像素,位置居中。(图25)

    


图25

    4. 在这篇教程中,我们要用一些很小的文字块来作为装饰。所以,第一步,就是要输入大量的文字,需要量可能远比你想象中要多。为了不给给自己找那么多麻烦,选择一种英文字体,不要繁杂的样式,简单就好。字体大小要尽量小一些,能看清格式就可以了。由于一会儿我们要将文字调整的非常非常小,所以,这里有个偷懒的法子,那就是——随便敲吧!十几秒钟之内,你就能完成大段大段的文本。像我们的例子,图26,看起来也不错,但内容只有天知道!用文本工具高亮显示全部文本,在文字栏内将文字大小改为3pt,按CTRL+C复制文字。

    


图26



接下来,我们要用到Photoshop中的段落文字功能。定界框内的文字可以基于定界框的尺寸换行,所以可以调整定界框的大小,使文字在调整后的矩形中自动重新排列。

     用文字工具沿对角线方向拖移,为文字定义定界框,按CTRL+V,将文字粘贴入框内。拖动手柄,调整定界框大小(图27)。你也可以用调板选项面板来对齐文字。调整后之后,按下ENTER确定。按同样的方法,创建另一个文本块。最后,将文本块拖移到画面的不同位置。(图28)

    


图27

    


图28[next]
 
 

    第四部分:附加的混合云彩

    其实,在我们这张壁纸中,经过前面三个部分就可以完成了。之所以称这一部分为附加,意思就是如果你已经很满意你的作品,就不用这一步了。但如果你觉得还有不足,不妨用下面的方法改进你的画面。

    在进一步调整之前,先来确定一下图层顺序。将3D文字层放置在最顶层,这样,我们在第三部分中创建的条形装饰和透明效果的文字会结合的更好。(图29)

    


图29

     在3D文字层上创建新层,在这一层中,我用吸管工具在图中选择了两种颜色,用云彩滤镜渲染图层(图30)。随后,将图层混合模式改为“强光”,不透明度降低为80%(图31)。现在我们来看看结果:画面下方的绿色得到加强,使透明效果更为突出;但上方的蓝天白云却被破坏了。所以,针对这种情况,我们为图层加上蒙版,将这一层上面隐去,只保留画面的下部。这样就可以了。最后,用存储为Web所用格式的命令,将图像存为JPEG格式,放置在桌面上即可。(图 wallpaper)

    


图30

    


图31

    小结:

     在这篇教程中,用到最多是图层混合模式。只在这篇教程中,我们就用到了屏幕、柔光、叠加、颜色加深、强光5种图层混合模式。灵活运用各种模式,将使你的图像千变万化。特别是最后一部分,只要一个图层,不同的模式将你的图像完全不同。不妨多多试验,找到最合适的组合。

来源:http://www.tulaoshi.com/n/20160129/1511638.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop设计清爽的夏季桌面壁纸教程,本教程制作过程非常详细,基本上每个细节及调色数值都有说明,同时教程中的一些笔刷和素材都是用透明底的PNG格式保持的,我们直接下载拖入就可以使用,部分素材是白色的,点击放大后会看不到,需要保存后用PS打开查看。 本教程为 图老师论坛 版主 凯文多拉 原创教程,转载必须注明作者和...
标签: PS PS教程
Photoshop绘制苹果风格背景效果简明教程,效果不错!大家可以去下面的英文原文连接网站下载PSD源文件。 英文原文:http://www.psdtuts.com/tutorial_mac.html 效果图 [next] 1. 创建透明背景图层,再新建一个图层(图层1),使用矩形工具绘制一个矩形路径,(这里我将矩形大小设置为1280*1024),在矩形路径上点击右键,选择建立选区。然...
先看看效果图 过程如下: 1、 2、 3、 4、 5、 6、 7、 8、 9、
先看看效果图 回顾一下香蕉制作过程如下:1、做一个黄色的背景,注意色调上有深和浅的渐变效果。 2、放上选好的香蕉素材。 3、利用色阶,把香蕉的色调调整跟背景相称的色调。 4、用钢笔工具,把香蕉大致切割块块 5、在以上的大致形状上,把香蕉的皮继续切割,有种打散的感觉。再给香蕉的身子加上厚度。(过程不难,但...
标签: PS PS基础
在街上经常看到一些广告会用钻石金属之类的效果,我也来弄弄。所以这回跟大家分享一个简单的PS效果。金色效果就在这个银色效果的基础上调成的,让大家自己琢磨琢磨吧,在这儿就不说了。相信懂ps的朋友很快就明白了,呵呵。 银色效果 金色效果 制作过程如下:1、在背景层使用渐变工具,灰色到白色的渐变。 2、滤镜杂色添加杂色,...

经验教程

307

收藏

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