找回密码
 立即注册
搜索
查看: 3368|回复: 0
打印 上一主题 下一主题
收起左侧

[制图教程] 别具一格!简单符号图形的制作

[复制链接]

灰铜v1_01绿金v1_01绿铜v3_01

跳转到指定楼层
楼主
发表于 2013-11-15 17:01 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
图案填充是我们在制作图像时经常用到的方法,这篇非常简单的小教程,主要帮助大家复习一下定义/使用图案,以及图层编组的知识。即使对初学者而言,不到五分钟就能完成如下图所示的符号图形。(图00)

图00
1.首先,我们先来制作用以填充的图案。打开Photoshop,新建一个文档,100×100像素即可,背景为透明。在新文档的图层1中,用文本工具拖出一个大致为正方形的文本框,将文本颜色设为黑色,设定好字体属性后,用0和1填满文本框。需要的话,打开字符属性栏,调整行距。(图01)

图01
  如果希望最后的图像效果更清晰一些,那么要对文字保留锯齿效果,也就是将消除锯齿方式设为无。在这里,我使用了一种像素字体,将字体设为该种字体最合适的大小,在字符属性面板中,将自动行距适当减小。有时候,图案中过高的行距可能会造成最终图像中部分细节缺失。如果发现文本右端无法对齐(这种情况和所用字体有关),可以打开段落属性面板,将文本对齐方式选择为全部对齐,这样文本框内的文字便能满足图案的要求了。(图02)

图02
  如果定义的图案非常清晰,那么最终的图像效果也会强调像素特征。相反,如果消除了文字的锯齿,最终生成的图像也会柔和一些。
2.接下来就是定义图案的过程。用矩形选框工具选择全部数字,然后使用编辑>定义图案命令,将选区内的图像定义为图案,命名。随后关闭图案文档。(图03)

图03
  为了使填充更有规则,可以在选取数字范围后在文字右边留下一个间距的空隙,同样,末行之下留出大约一个行距的空隙。这样,图案和图案之间就不会因文字挤在一起而看出拼接的痕迹了。将数字图像定义为图案是全部制作过程中最重要的一步,图案定义好之后,下面的工作就很轻松了。
  3.在Photoshop中打开要处理的目标文档。在这里,我们要选择那些对比度较高的图像,这样最后的效果会比较理想。双击背景层,将背景层转换为图层0。(图04)

图04
  4.在图层0上新建图层1,用Shift+BackSpace快捷方式打开填充对话框,从自定填充图案中选择刚才定义好的图案,用它来填充图层1。(图05)

图05
5.现在调整图层顺序,将图层0置于图层1之上,按住Alt键,将鼠标移动到图层面板上两个图层之间的分隔线上,指针变为编组符号,点击分隔线,即将图层编组(图06b)。这时,图像应如图06a所示。

图06a

图06b
  图层编组的效果可以看作是将下层图层作为上层图层的蒙板。具体到这个例子而言,当图层编组后,图层0中的图像透过下面图层1中的不透明像素显示出来,而图层1中的透明像素区域却无法显示任何图像。当然,如果位于图层组中底层的图层中没有透明像素,那么蒙板的作用自然也起不到了。
  6.下面我们为图像添加背景层。按下Ctrl键,点击图层面板上的新建图层按钮,在图层1之下新建图层2。复位色板,交换前景/背景色,用图层>新建>图层背景命令,将图层2转换为黑色填充的背景。如果愿意的话,你可以在这里完成图像的制作了。不过,要想得到更神秘的效果,还差最后一步。(图07)

图07
  7.最后,我们在最顶部添加一个调整图层,用以改变图像整体色调。选择图层0,从图层面板底部选择新建色相/饱和度调整图层命令,在打开的色相/饱和度对话框中,勾选着色,然后调整各项数值。如果希望最终图像更图形化,可以降低明度,隐藏部分图像,如本例中的设置为色相126,饱和度39,明度为-40。(图08,08b, 最终效果图)


图08
图08b

最终效果图
  本篇最重要的两个过程就是定义图案和图层编组,掌握了这两点,你就可以变幻各种手法,使图像效果多样化。下面的图像就是通过变化填充图案和不同色相/饱和度制作出来的。(图09)

图09
插件设计:zasq.net
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋| ( Q群816270601 )

GMT+8, 2024-11-14 18:48 , Processed in 2.122226 second(s), 47 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表