找回密码
 注册
搜索
热搜: 回贴

Photoshop创意壁纸教程

2009-12-13 16:46| 发布者: admin| 查看: 28| 评论: 0|原作者: 江海

【提起壁纸,眼下最流行的不是秀美的风景,也......


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

  第一部分、处理背景图像,制作网格和扫描线;
  第二部分、形状和文字,及3D文字效果;
  第三部分、装饰形状和小块文字;
  第四部分、附加的混合云彩。

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


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

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


图01

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


图02

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


图03

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


图04

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


图05

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


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

图07

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

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

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

图11

图12
  第二部分:形状和文字,及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
  但这样的效果还不能使我们满意,再次进入图层样式面板,在自定混合选项的高级混合中,将填充不透明度设为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
  第三部分:装饰形状和小块文字

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

  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
  第四部分:附加的混合云彩

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

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

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

图30

图31
  小结:

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

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 19:28 , Processed in 0.219433 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部