快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

用Photoshop将普通图片变成轮廓型插图

    原图:

用Photoshop将普通图片变成轮廓型插图

    成品效果:

用Photoshop将普通图片变成轮廓型插图

    译者的话:轮廓型插图是一种具有很强视觉效果的设计风格,它将繁琐的对象最大程度地简化,只用一些最基本的外形来表达,但却仍旧能够传达出原来对象的重点和特性。其实创作这种风格的设计,最重要的倒并不是什么 PS 的技巧,而是你对一个对象最基本的元素提取的能力,从这一点来说,这种设计与你的美术基础的能力更加密切相关,假如你对素描及绘画有基础,会更加得心应手。

    轮廓型插图在今天的设计中越来越受欢迎。这种设计形式是提取对象的一些最基本元素,并将它们变成有艺术效果的设计。无论是在网页图片、 FLASH 小电影、杂志广告中甚至在电视广告中,我们都可以看到这种设计艺术的身影。轮廓型插图将对象简化,但仍旧能传达对象的最本质的特性。在本文中,我将向你展示在 PS 中是如何创作这种效果的,希望本文能对你有所启发。

    什么叫轮廓型效果?

    其实对这种艺术效果有很多个定义,然而,大多数的定义都有两个共同点:第一,轮廓型插图一般是主要集中在对象的轮廓上。第二,去掉多余的背景,只留下这些最基本的元素。总而言之,轮廓画主要是表现对象(包括物体、人物或者建筑物)等最重要的视觉元素。

    让我们开始:在这里,我们要创作一个高尔夫球运动服的广告。我们利用下面这张照片开始设计。

用Photoshop将普通图片变成轮廓型插图

    面对这张照片时,首先你要决定在你的设计中,你最想表达的是那个区域。我个人认为,对于这张照片来说,我并不需要用到这个人物的所有轮廓,因为我觉得他的衬衣的迎光面及阴影已经能够传达一种动感的特性,但我需要进行一些适当的调整。轮廓画的最主要问题是你对细节的感受。你可以在 PS 里利用各种调整工具来使你的设计表现更加出众。利用这张原始图片,减少它的颜色数量,你会发觉出来的效果会激发你的灵感。

    在层面板上选择该图片,然后在该面板下打开 新调整图层按纽的列表,选择色调分离( Posterize ),见下图。

用Photoshop将普通图片变成轮廓型插图

    当你选择这个色调分离工具时,你会注意到图片起了很大的变化,同时,会弹出一个对话框。

用Photoshop将普通图片变成轮廓型插图

    色调分离命令让能够指定图片的每一个通道上色阶的数量(或色调的光亮值)。我们将对话框的数量设为 3 ,这将会减少图片内色调水平的数量。

用Photoshop将普通图片变成轮廓型插图

    应用该命令后,你可以看到原来的图片变成只有少数几种颜色的图片。现在你可以仔细观察一下这张图片,选择你认为一些重点的元素。你可以注意到图中人物脸上的黑色区域占了大多数,而帽子几乎全部变成黑色。同时,也有一些特殊光亮的区域。我们要用一种明亮的颜色描绘出这些加亮的区域。这样我们就可以让图中的人物的轮廓变得鲜明。

用Photoshop将普通图片变成轮廓型插图

    我们可以通过外形图层来创建插图。首选我们选择钢笔工具,然后选择上方工具栏的“外形图层”( Shape Layers )按纽。并将前景色设为白色。

    现在我们开始沿着衬衣到肩的光亮区域描绘。你并不需要描绘得十全十美。事实上,你只要根据一些最基本的几何外形,然后凭着一些直觉对某些细微的地方自由发挥就行了。当你描完后,我们将这个图层命名为 SHIRT 。

    假如你在描绘时白色的填充区域阻挡了原图片,你可以将图片的不透明度降到 20% ,这样你在描绘时就不会被挡住。当然,最后完成时要调回 100% 。

用Photoshop将普通图片变成轮廓型插图

    重复这个步骤,你在描绘的时候在心里要记住你是在描绘光亮的区域,因为有时候你在描绘时会不知不觉地将过多的区域也描绘进来。你可以看到,在鼻子上并不是所有区域都是光亮的,你要描绘的就是鼻梁上的那一点。做完后我们将这个区域命名为 FACE 。

用Photoshop将普通图片变成轮廓型插图

    下一步就要描绘帽子。根据经验,我发觉假如我照图片中的光亮区域描绘,最终的效果并不象是一顶帽子。所以我根据想象,自己加多一些区域,使到最后出来的外形更象帽子。

用Photoshop将普通图片变成轮廓型插图

    接下来描绘耳朵。

用Photoshop将普通图片变成轮廓型插图

    现在我们要描绘手臂了。在这里并不需要描绘太多的细节,只要我们描绘出一些最基本的外形就可以了,出来的效果已经令人满足了。

用Photoshop将普通图片变成轮廓型插图

    最后我们要描绘出球杆。我认为原图的球杆放得有点低,于是我大胆地将球杆画得靠上一点,使它高于肩膀。

用Photoshop将普通图片变成轮廓型插图

    现在一个高尔夫运动员的形象基本出来了。我们现在隐藏色调分离调整图层,并新建一个图层,命名为 BACKGROUND ,这个图层要放在最原始图的上面。我们可以将这个图层填充成绿色,这里我使用的颜色数值为 R:64 G:181 B:73 。这样你就可以感受一下这个轮廓图的整体效果了。

用Photoshop将普通图片变成轮廓型插图

    为了使各个图层有条有序,我们将这种外形图层链接成一起,并创建一个新图层组( new layer set ),我们这个图层组命名为 GOLFER 。

用Photoshop将普通图片变成轮廓型插图

    作为一个平面广告,当然需要其它一些元素,在这个设计中,我做了一张下图的广告背景边框。

用Photoshop将普通图片变成轮廓型插图

    这个背景要放在刚才的图层组的下方。

用Photoshop将普通图片变成轮廓型插图

    出来的效果挺不错的,但图中的轮廓人物显得有点小。问题并不大,因为我们是用外形图层创建的,你可以将描绘出来的外形放大到你所需要用的大小。

用Photoshop将普通图片变成轮廓型插图


    只需要选择图层组 GOLFER 的图层,然后应用编辑 > 变换 > 缩放( Edit > Transform > Scale ),按住 SHIFT 键,让后将拉伸控制点,直到你放大到满足的大小为止。 SHIFT 键使你的放大是按比例的。

用Photoshop将普通图片变成轮廓型插图

    加入一个图层蒙板,使到这个高尔夫运动员的下部能够与背景产生渐变融合,使到出来后的效果更完美。

用Photoshop将普通图片变成轮廓型插图

    总结:做这种轮廓型设计, PS 里的技巧并不复杂,但这种设计却需要你有基本的美术功底,特殊是你在面对各种各样的对象时,用最少的外形描绘哪一个区域就能表达出原图的特性?有些细节需要增加,而有些则需要删除,这一点是需要经验积累的,也特殊能够表现出你对一个对象的重点元素的掌握能力。当然,试多几次,反复调整一下,总会有令人满足的效果出来的。

 


返回类别: Photoshop教程
上一教程: PS调色教程:复古淡黄肤色美女照片
下一教程: Photoshop制作透明的玻璃桌子图标

您可以阅读与"用Photoshop将普通图片变成轮廓型插图"相关的教程:
· photoshop中创作轮廓型插图
· 用PS动作迅速将小图片变成大图片教程
· PS将废照片变成艺术图片
· Photoshop将普通照片处理成艺术照片
· 保持图片色相不变 将CMYK变成CMY模式
    微笑服务 优质保证 索取样品