查看完整版本: 天天看到你:AI制作精美照片日历

爱你不要你 2006-9-27 16:51

天天看到你:AI制作精美照片日历

  为了探讨用[color=blue]Illustrator[/color]处理数码摄影照片,并制作出精美的、可打印日历,Relen尝试了一些从来没有用过的方法,以前大家都认为Illustrator的优点是处理[color=blue]矢量[/color]图而不是处理像素图。但Relen出乎意料地发现Illustrator强大的数码照片的艺术处理功能。
  如果你的照片比较小,无法使用在印刷上,你可以尝试用Relen接下来将要介绍的方法来缓解打印问题。同时,加上一些特有的Illustrator可实现的风格,会使[color=blue]设计[/color]更加出彩。今天我们就详细介绍一个用数码人像照片经过艺术设计处理制作成日历的过程。
[img]http://cimg.163.com/catchpic/F/F0/F09BF4DA707FA488BAE42C2CDA0517E0.jpg[/img]

人像照片(两张)               完成月历效果
[img]http://cimg.163.com/catchpic/1/1E/1E549CD0B080ADF8F8482DEAC56CBC6C.jpg[/img]

完成效果
  下面我们就分四个步骤来详细剖析这个照片月历的设计制作过程,文章讲得比较细,即使是初学者,只要按步骤进行也可以把图形制作出来。文章的设计思路剖析也比较透彻,细节处涉及到一些商业实用设计的技法。(注:为方便大家阅读,文中特此标出AI10.0的中文版和英文版两种版本的参数名称。)

爱你不要你 2006-9-27 16:52

[b][color=#990000]一、处理照片阴影线[/color][/b]
  先准备你要用的素材照片。尽量选择色彩背景不复杂的、主体明确的照片。
[img]http://cimg.163.com/catchpic/3/3C/3C12DA347E19AF9677CE8AE164511DA6.jpg[/img]

  本设计仅用到两张图片,其中一张将使用多次,另一张只使用一次。下面我们先看看如何把图片处理成矢量效果的线条。
[img]http://cimg.163.com/catchpic/4/4F/4FB4E64B79C018A2545EA2BC834C15D9.jpg[/img]

  打开Illustrator 10 ,把第一张图片导入到Illustrator里。
[img]http://cimg.163.com/catchpic/5/5A/5AB0528AAD904AABA9B49B02D2487BB4.jpg[/img]

  选择菜单中的 [b]滤镜 > [/b][b]钢笔和墨水 > [/b][b]照片阴影线 [/b]
[img]http://cimg.163.com/catchpic/B/B4/B45941C501D65EF2B0612799E2202AC7.jpg[/img]

  弹出照片阴影线的窗口,注意:现在的参数是Illustrator默认的,先不要更改任何参数,看一下画面效果。(若你的Illustrator打开后不是以上数值,可以参照上图填入数值)
[img]http://cimg.163.com/catchpic/C/C8/C88AB4CAA630566B0E88C5C11E534AF3.jpg[/img]

  原来的点阵图小时了。现在使大量的线条布满画面,这些线条可是矢量的了。
[img]http://cimg.163.com/catchpic/A/A9/A9845CC5518AF9F75CA1C152CE470663.jpg[/img]

  真实的效果是这样的,感觉很不错。
[img]http://cimg.163.com/catchpic/0/0B/0BD7EEDA9CB51C0D86FDB3B4CC4A9003.jpg[/img]

  放大看看,线条结构:线条角度相同、间距相同、长短不一,同时只有一层。
[img]http://cimg.163.com/catchpic/3/38/38406E9669CD2AEC3B4B0169156F627C.jpg[/img]

  前后对比如上图所示。可以注意到,这种方法亦然是以色彩来寻找边缘,完全没有灰色过渡,黑白分明。所以当你选图的时候,尽量选择色彩分明的画面比较好。了解到这是怎样的一个滤镜后,我们接下来会运用到它做很多事情。
[img]http://cimg.163.com/catchpic/B/B4/B46E967A4F80FD2B9A273BABEFD3741C.jpg[/img]

  把照片导入到Illustrator 10中。亦然是选择菜单中的 [b]滤镜 > [/b][b]钢笔和墨水 > [/b][b]照片阴影线 [/b]调入设置面板。
  参数使用默认参数,然后执行。
[img]http://cimg.163.com/catchpic/5/5B/5BB49C2AD996BF44E005DB836A07CDB6.jpg[/img]

  形成上图画面。注意这副图形的线条是黑色的勾边充填的。
[img]http://cimg.163.com/catchpic/7/79/797F4ED8C470E502DDD6DAA9280C8EE9.jpg[/img]

  全选,尝试更换颜色。
[img]http://cimg.163.com/catchpic/8/82/827956CE0D6836BD582629A34528A4AD.jpg[/img]

  感觉蓝色比灰色更有魅力。
[img]http://cimg.163.com/catchpic/8/84/84790B7EB742CA3C443853B5E17D65F6.jpg[/img]

  前两次尝试阴影线均使用了默认参数。接下来更换不同参数看会出现什么效果。
[img]http://cimg.163.com/catchpic/F/FA/FAC233F88877B1487FC5DE2DAC9A2C45.jpg[/img]

  建立新的图层,重新置入一张照片。调整少许旋转杂色及旋转偏差。离散杂色也做少许调整。图层加为3层。看下效果:
[img]http://cimg.163.com/catchpic/3/39/39451130421806941F5FCE367E54CC56.jpg[/img]

  注意到黑色区域比原来的多了许多。
[img]http://cimg.163.com/catchpic/F/F9/F99ACB53829CF632A0C645FC10797A99.jpg[/img]

  换个颜色。对照放大后线条的情况。
[img]http://cimg.163.com/catchpic/D/D0/D064DA3ABFAB9919CA1FEC2C0C31EFA5.jpg[/img]

  进行再次尝试。调整旋转杂色与旋转偏差,以及图层。图层少了,曲度缩短,画面应该会比之前的淡一些。
[img]http://cimg.163.com/catchpic/0/02/02706D19A77FD0A3BB2359BF5FEA09CE.jpg[/img]

  果然,黑色的地方明显减少,白色面积更大了。
  篇幅有限,Relen不在本文中针对照片阴影线的极限及更多应用展开研究。请各位看官自己尝试使用它吧。肯定会出现很多意料之外的视觉效果。
  [b]Relen[/b][b]给出照片阴影线的设置选项:[/b]
  密度(Density):这是控制各阴影线互相靠近的程度。
  离散杂色(Dispersion Noise):这是控制阴影线在整个填充区均匀分布的程度。
  厚度(Thickness):这是控制阴影线的粗细。
  最大线长(Max.Line Length):这是设置阴影线的最大长度。
  旋转杂色(Rotation Noise):这是控制阴影线分层上的阴影线的随机旋转度。
  旋转偏差(Potation Variance):这是控制分层之间的旋转度。
  顶角(Top Angle):这是控制阴影线分层的顶层角度。
  阴影图层(Hatch Layers):用子图层的阴影线分层的层数越多,阴影线分层就越高,阴影线的色彩范围从0至256黑色。

爱你不要你 2006-9-27 16:53

[b][color=#990000]三、加一条纱巾增加装饰效果[/color][/b]
[img]http://cimg.163.com/catchpic/B/BF/BF18D90FA0CEDF6F497239B26E056F77.jpg[/img]

     观察这张画面,因全部是使用照片阴影线处理的,细节比较统一,使画面缺少跳跃的变化。Relen决定加上一条丝巾,为画面增加些许飘扬的气氛。
[img]http://cimg.163.com/catchpic/E/ED/ED0F75E48AAE2CD5E31175D0B87BF944.jpg[/img]

  使用钢笔画出一个大致的飘扬的丝巾的轮廓。
[img]http://cimg.163.com/catchpic/4/4A/4A37213A099C9A2395C65D2A6242E05B.jpg[/img]

  可以旋转或进行细致调整。
[img]http://cimg.163.com/catchpic/9/97/977DC7CF9C4ED8646022AE923FA757BA.jpg[/img]

  使用工具栏中的涂抹工具,灵活的调整丝巾的形状。
[img]http://cimg.163.com/catchpic/9/90/9025B92B3D33C4EE7E97EF13F1FCCFC7.jpg[/img]

  感觉形状不够丰满时,复制一条,缩小它,摆放位置。
[img]http://cimg.163.com/catchpic/0/06/06FCAE22F865BD59D194CDCD4F9413B8.jpg[/img]

[img]http://cimg.163.com/catchpic/A/A7/A71939845F093A4C7D5907B1F1EABE01.jpg[/img]

[img]http://cimg.163.com/catchpic/4/46/46F1A92EA88F4DA118B15D1357E71794.jpg[/img]

  继续使用涂抹工具进行两条丝巾的图形修正。对照整体感觉,注意两者之间的关系。
[img]http://cimg.163.com/catchpic/F/F3/F3E6E99C90C628AF8383F0A72BCCA3DD.jpg[/img]

  这个形状还算满意。但是色彩过于突出了。为了让纱巾能够与设计风格融合到一起,必须对它进行一定的设计处理。
[img]http://cimg.163.com/catchpic/6/68/68782F1B1E6CED213612DE7D63B67087.jpg[/img]

  打开菜单中的 [b]滤镜 > [/b][b]钢笔和墨水 > [/b][b]影线效果…[/b]
  注意到矢量物体时,照片阴影线就无法选用;相反,点阵图时,影线效果也无法选中。
[img]http://cimg.163.com/catchpic/0/0B/0BA0368A86A29F4EC6DCCA6878E764E0.jpg[/img]

[img]http://cimg.163.com/catchpic/1/13/13033B5EE33E344178EBF127C9DCBBE4.jpg[/img]

  谈出影线效果的设置面板,注意以上参数,观看预览窗口。调整适合的效果。选择确定。
[img]http://cimg.163.com/catchpic/6/6F/6F0B5BF0BC69678B67374A8AAB29E047.jpg[/img]

  原丝巾形状区域被线布满。
[img]http://cimg.163.com/catchpic/F/FE/FE99F799D32D1DD58BD4E643E0BB8325.jpg[/img]

  效果还可以。即有一定的跳跃性,同时感觉画面的统一。
[img]http://cimg.163.com/catchpic/9/9D/9D183CB47AD77716535B29CDBB1D549D.jpg[/img]

  复制一份丝带的形状,再给丝巾增加其他效果。
[img]http://cimg.163.com/catchpic/8/8C/8C4DA8DBBA64EB2AEC2A84E73F860C5C.jpg[/img]

  把复制出的形状叠加在后面,同时进行少许的挪位。给新的形状加上虚线勾边,同时去掉色彩充填。
[img]http://cimg.163.com/catchpic/9/96/96C97CD9EC5BBBE644991FAA822F42E4.jpg[/img]

  这样作是为了给丝巾增加厚度,感觉它的少许变化,但有不至于有太大的隔离。
[img]http://cimg.163.com/catchpic/3/35/35E388B11ABB4FF3AC4F2070A6935EEB.jpg[/img]

  完整的效果出来了。Illustrator真的不能小看,若不是红色线条设置的比较粗,看得很清楚的话,很难联想到这样的一副作品居然是完全依靠Illustrator制作出来的吧?

爱你不要你 2006-9-27 16:53

 [b][color=#990000]四、加入月历文字[/color][/b]
  文字处理一直都是Illustrator的强项,现在我们把月份和日期的数字加进去。
[img]http://cimg.163.com/catchpic/A/A3/A3871F54BD2AA6EA2F6BCE820C68B629.jpg[/img]

  键入May字符。因为想给他填充渐变色彩,所以必须把字符转为路径。
[img]http://cimg.163.com/catchpic/7/72/7226BEF3095A23A3D5A8DDF3231F99ED.jpg[/img]

  选中点击右键,出现菜单后:选择建立轮廓。
[img]http://cimg.163.com/catchpic/F/F6/F62A51F44A7D38E0F7F36466D66B7D82.jpg[/img]

  现在便可以对这个图形进行任意处理。
[img]http://cimg.163.com/catchpic/F/F6/F61C6B9EB57F3DCF4126B4C4D48F27F8.jpg[/img]

  只加上渐变色彩。色彩选择与画面风格统一,使文字即可以做到突出,又不至于脱离画面。
[img]http://cimg.163.com/catchpic/9/9E/9E99547F17B4269A24973BBD6DC7EF7E.jpg[/img]

  渐变色彩的文字边缘出太过浮躁,不够稳重。复制一份字体图形,用于做勾边处理。
[img]http://cimg.163.com/catchpic/8/89/89DEBC657B89C6CBB430B6436B831761.jpg[/img]

  把新的字体图形进行勾边处理,并重叠于原字体图形之上,少许错位,会有阴影效果。
[img]http://cimg.163.com/catchpic/E/E4/E4A035F3840081861FD5B7B23620CF9F.jpg[/img]

  因勾边过于强烈,把勾边变为虚线勾边,减弱它的视觉强度。
[img]http://cimg.163.com/catchpic/E/E2/E26AA5939F884A9D4049198C82C0E210.jpg[/img]

  现在看起来顺眼多了。边缘处理使文字的视觉效果强化了,但虚线又使它不至于过于强化。色彩风格的统一,使文字很容易与背景融合。
[img]http://cimg.163.com/catchpic/D/DF/DFC53B1147CC994E56A6424F324F54D7.jpg[/img]

  数字也使用了同样的方法,注意调整勾边的厚度。数字图形小,勾边厚度也要小一些。周“六日”的数字渐变与其他渐变色彩做出不同来,细节也要稍做留意。
[img]http://cimg.163.com/catchpic/1/1E/1E549CD0B080ADF8F8482DEAC56CBC6C.jpg[/img]

  现在整个作品就完成了。

水白来 2006-10-7 10:14

很强,又知道了几个AI的功能

椿凤熙榆 2006-10-8 10:19

学习中。。。

好作品 学习中。。。

小不点不乖 2006-12-30 09:26

好象在哪见过!

~00~ 2008-11-3 13:23

这是哪个版本的?
怎么没见你说的那些工具?
页: [1]
查看完整版本: 天天看到你:AI制作精美照片日历