Photoshop教程:将普通图片打造成数码科技桌面壁纸,提起壁纸,眼下最流行的不是秀美的风景,也不是娇憨可爱的小宠物,而是那些充满科技智慧的图像。数码、符号,等等诸如此类的画面元素,虽令人不解,但仍具有致命魅力。破格而又奇妙的组合,带给人巨大的震撼。初 ...
【 tulaoshi.com - PS 】
提起壁纸,眼下最流行的不是秀美的风景,也不是娇憨可爱的小宠物,而是那些充满科技智慧的图像。数码、符号,等等诸如此类的画面元素,虽令人不解,但仍具有致命魅力。破格而又奇妙的组合,带给人巨大的震撼。初见之下,往往会被它们所迷惑,但细细分析之下,却又释然。如果你是Photoshop的使用者,就快别再观望了。Photoshop的图层可是制作这种类型图像的一大利器!今天,我们就来用 Photoshop来制作这样一张精美的壁纸,放在桌面上,带给自己一个好心情!
最终效果如图所示。(图wallpaper)
第一部分:处理背景图像,制作网格和扫描线
1.首先,要解决的第一个问题是,我们的背景是如何得到的。它看上去是那么的……朦胧。“朦胧”?如果你意识到了这个词,那这个问题就迎刃而解了。随意找一张图片吧,只要顺眼就行,不必追求图像质量。用 Photoshop打开,做好备份之后,用图像大小命令,将图像设为你的屏幕区域大小,我设置的是800×600像素。如果原图像的分辨率太高,也要将之设低,太高的分辨率会消耗大量的系统资源,对作为屏幕显示的壁纸来说毫无益处。如果你选择的源图像不是小的离谱,那么就不必在意图像在调整大小之后的变形。(图01)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
2.执行滤镜模糊高斯模糊,将模糊半径设为19(根据你的画面情况来设定模糊半径)。这样,背景就被柔化了,不会影响到一会儿我们要加上去的画面元素。(图02)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
3. 现在我们来制作要作为填充图案的图像。新建一个文档,大小为2×4像素(你也可以设为3×6像素,4×8像素等,这将决定你的线条宽度,)背景为白色,选择铅笔工具,用2像素的黑色画笔在图像上点击一下,将图像的上半部分填充为黑色。选择定义图案命令,将这个图像定义为新图案(图03)。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
之后关闭文档。回到我们的壁纸中,新建图层1,按shift+Backspace ,调出填充对话框(这是个很有效率的快捷键,但有很多人并不知道)。在对话框中,将填充使用内容设为图案,在下拉列表中选择我们刚才定义的图案,正常模式,不透明度为100%,结果如图04。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
4.将图层混合模式改为“屏幕”,将不透明度降低为20%。(图05)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
5.点击图层面板上的添加蒙版按纽,为图层1添加蒙版。然后选择渐变工具,将前景/背景色面板恢复为默认的前黑后白,用从前景色到背景色的线性渐变在蒙版中绘出渐变路径,这样,扫描线部分被遮挡起来。(图06)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
6.现在我们开始制作网格效果,和扫描线一样,这是两种最常用的修饰图像的方法。新建一个文档,10×10像素大小,背景为透明。将图像放大到你能看得很清楚的程度,按CTRL+A,将图像全部选择,选择描边命令,宽度为1像素,位置居中,将描边颜色设为白色,取消选择。将图像定义为新的图案后,关闭文档(图07)。回到壁纸图像中,新建图层Layer2,调出填充对话框,用刚定义的网格图案填充(图08)。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
7.将图层2的混合模式改为“柔光”,将不透明度降低为17%。为图层2添加蒙版,用黑色到白色的渐变,在蒙版中制作从上至下的渐隐效果(图09)。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
8.为了使网格和扫描线更好的融合在一起,将图层1的不透明度降低为10%(图10)。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
9. 新建图层3,从工具面板中选择直线工具,在工具选项中选择创建新的填充区域,,宽度为1像素,将前景色设为白色,如图11,在Layer3中,画一些白色直线。按住SHIFT可以绘制水平或垂直的线条(图11)。随后,将图层3的混合模式改为“叠加”,不透明度为45%(图12)。这样,我们就完成了图像的第一部分。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
第二部分:形状和文字,及3D文字效果
这一部分的主要任务是添加文字。
1.选择文本工具,将文字颜色设为白色,选择合适字体和大小,输入文本。图中所示的文字,分别为Lucida Sans Unicode,28pt和Galant,80pt。你可以在你的字体库中寻找漂亮的字体。分别调整图层混合模式和不透明度,直到合适。(图13,14)
2. 现在我们来进行占图像主要画面的3D文字的制作。选择一种较粗的字体,如刚才的Galant,字体大小为250pt,当然,字体不同,大小也会有差异。用白色输入几个字符,用字符面板调整间距,大小等。如图15。然后,在字体图层中右键单击,在弹出面板中选择栅格化图层。按CTRL+T,出现变形框,选择扭曲选项,将字体扭曲(图16)。
3. 我们用图层样式赋予文字3D外观。双击图层,进入图层样式,点击斜面和浮雕,设样式为内斜面,方法为平滑,深度为890%,方向为上,大小为13像素,软化为0像素;在阴影选项中,设角度为120度,使用全局光,高度为30度,设光泽等高线为预设类型中环形,选择消除锯齿,高光和暗调基本保持,但将暗调颜色改为RGB(22,63,8)(这个颜色要根据你文字所处的画面位置而定),点击确定(图17)。
但这样的效果还不能使我们满意,再次进入图层样式面板,在自定混合选项的高级混合中,将填充不透明度设为0%,这样,字体会保留样式,但自身却没有填充了(图18)。和前面的扫描线与网格一样,我们对3D文字也要添加蒙版,使其渐隐。点击蒙版按钮,添加蒙版以后,沿着文字倾斜的方向做直线渐变(图19)。
4.接下来,我们要为图像添加一些六边形的小格。这是一种非常流行的图案,常常用于网页或图像设计中,我们准备用它来装饰我们的壁纸。
新建图层4,将前景色设为白色,在形状工具中选择多边形工具,将其边数设为6,用创建填充区域的方式,在图层4中画一个正六边形。当放松鼠标的时候,它被填充为白色。将其图层混合模式改为“叠加”,不透明度降低到26%;新建图层5,按住CTRL,点击图层4,载入六边形选区,在图层5中,用描边命令,为选区加边,宽度为1像素,位置为居中,取消选择;将图层5和图层4链接起来,再合并链接图层,或者直接将图层5向下合并,但合并后的图层模式为叠加,再将之改为正常模式即可。(图20)
5.按住ALT,拖动六边形,复制一个副本,用这个方法,复制所有需要的六边形,按住SHIFT,保证复制按水平排列,然后将所有六边形图层拼合。(图21)
第三部分:装饰形状和小块文字
经过前面两部分,我们的壁纸大致已经定型了,下面的工作是要进一步装饰,使画面更丰富。
1.新建图层5,选择多边形套索工具,在图中选取一个如图22的形状,按住SHIFT可使限制选取按水平,垂直或45度方向。封闭选区之后,选取前景色RGB(196,189,108),填充选区后保持选区。(图23)
2.将图层5的混合模式改为“颜色加深”,不透明度降低为57%。(图24)
3.新建图层6,选择描边命令,依然用白色描边,宽度为1像素,位置居中。(图25)
4. 在这篇教程中,我们要用一些很小的文字块来作为装饰。所以,第一步,就是要输入大量的文字,需要量可能远比你想象中要多。为了不给给自己找那么多麻烦,选择一种英文字体,不要繁杂的样式,简单就好。字体大小要尽量小一些,能看清格式就可以了。由于一会儿我们要将文字调整的非常非常小,所以,这里有个偷懒的法子,那就是——随便敲吧!十几秒钟之内,你就能完成大段大段的文本。像我们的例子,图26,看起来也不错,但内容只有天知道!用文本工具高亮显示全部文本,在文字栏内将文字大小改为3pt,按CTRL+C复制文字。
接下来,我们要用到Photoshop中的段落文字功能。定界框内的文字可以基于定界框的尺寸换行,所以可以调整定界框的大小,使文字在调整后的矩形中自动重新排列。
用文字工具沿对角线方向拖移,为文字定义定界框,按CTRL+V,将文字粘贴入框内。拖动手柄,调整定界框大小(图27)。你也可以用调板选项面板来对齐文字。调整后之后,按下ENTER确定。按同样的方法,创建另一个文本块。最后,将文本块拖移到画面的不同位置。(图28)
第四部分:附加的混合云彩
其实,在我们这张壁纸中,经过前面三个部分就可以完成了。之所以称这一部分为附加,意思就是如果你已经很满意你的作品,就不用这一步了。但如果你觉得还有不足,不妨用下面的方法改进你的画面。
在进一步调整之前,先来确定一下图层顺序。将3D文字层放置在最顶层,这样,我们在第三部分中创建的条形装饰和透明效果的文字会结合的更好。(图29)
在3D文字层上创建新层,在这一层中,我用吸管工具在图中选择了两种颜色,用云彩滤镜渲染图层(图30)。随后,将图层混合模式改为“强光”,不透明度降低为80%(图31)。现在我们来看看结果:画面下方的绿色得到加强,使透明效果更为突出;但上方的蓝天白云却被破坏了。所以,针对这种情况,我们为图层加上蒙版,将这一层上面隐去,只保留画面的下部。这样就可以了。最后,用存储为Web所用格式的命令,将图像存为JPEG格式,放置在桌面上即可。(图 wallpaper)
小结:
在这篇教程中,用到最多是图层混合模式。只在这篇教程中,我们就用到了屏幕、柔光、叠加、颜色加深、强光5种图层混合模式。灵活运用各种模式,将使你的图像千变万化。特别是最后一部分,只要一个图层,不同的模式将你的图像完全不同。不妨多多试验,找到最合适的组合。
来源:http://www.tulaoshi.com/n/20160129/1511638.html
看过《Photoshop教程:将普通图片打造成数码科技桌面壁纸》的人还看了以下文章 更多>>