在看Wordpress creator的blog时,发现他blog里那个wordpress的贴纸图案蛮好玩的,于是自己琢磨着用PS也做了几个,请看下图。本想用screencast方式来写这个tutorial,结果win下的屏幕录制工具录制的颜色都是16位,失真严重,没办法,还是手把手放出截图教程吧,有点啰嗦,其实就几分钟搞定的事。

Curled Stickers

1. 准备工作

1

建立一个新文件,随便填充点背景色或者直接用透明背景都成。另外一个文件是我的标志性Logo :),也是我要做的贴纸图案。

添加一个新的空白图层,我们要在这个图层上画出贴纸的圆形。

2. 画出基本图形

2

点击新创建的图层,选择椭圆形选取工具(Elliptical Marquee Tool),摁住Shift键画圆。 然后选择填充(Shift+F5)为#FDFDFD颜色,这是贴纸的基本颜色。

3

把logo图片拖进文件中,我们先给它降低点透明度(Opacity),以便于我们调整logo图片的位置正好位于圆形的中央。

接下来我们需要去除掉logo图层中多余的区域,摁住Ctrl键,点击circle所在图层,将得到一个圆形区域。然后在菜单中的”选择”->”修改”中选择”收缩”,设置为”6px”收缩,OK后我们会得到一个比刚才半径小了6px的圆形选取。然后使用Ctrl + I反选选取,点击logo所在的图层,Ctrl + X 删掉多余部分。

4

摁住Shift选中logo和circle两个图层,右键选择合并(Merge Layers),并命名图层为sticker。这样我们就得到了最基本的贴纸图案了。

3. 制作卷曲部分

5

摁住Ctrl点击选中sticker图层选取,选择矩形选取工具(Rectangular Marquee Tool),并选择相交选区(Intersect with selection),在贴纸边缘画矩形,得到我们要卷曲的那一小部分。

6

然后”选择”->”修改”->”扩展”,将选区扩展1px,确保选取不被取消,新建图层Curled Part用来存放我们的贴纸卷曲部分,然后先随便填充个颜色,至少让我们能够把它和贴纸部分区分开来。

7

点击Sticker图层,利用刚才的选区Ctrl + X删掉贴纸的多余部分。你可以选择隐藏Curler Part图层来查看剩下的贴纸部分效果。

8

回到Curled Part图层,选择”编辑”->”变换”->”缩放”(Ctrl + T),水平翻转卷曲部分。

9

然后Shift选择两个图层,选择”编辑”->”变换”->”旋转”,稍微调整下贴纸的角度,这样基本的带卷曲的贴纸就成型了。

4. 添加真实感

选择Curler Part图层,添加”投影”(Drop Shadow)和”渐变”(Gradient Overlay)图层效果。

11

在”渐变”中设置渐变颜色由#8E8E8E#FDFDFD,你还可以调整下”角度”和”不透明度”来让卷曲部分显得更自然。

10

按上图所示设置”投影”中的属性。

13

然后选择Sticker图层,也加上点”投影”效果。

14

虽然有了卷曲效果,但整体感觉缺乏立体感。摁住Ctrl选中sticker图层以得到选区,选择”渐变”(Gradient Tools)工具,在展开的”渐变工具”属性栏里选择”对称渐变”(Reflected Gradient),设置渐变颜色为白色到全透明。

15

继续保持选区,在sticker上新建一个图层并单击选中该图层,命名为reflection,用”渐变工具”从选区中心向选区边缘拖一条渐变线。让它看起来两侧有点发光,如果是中间成白色的话,可选择重来,在”渐变工具”属性栏里选择”反转”(Reverse)后重新拖渐变线。

16

这发光看起来太亮了,我们可以稍微降低点不透明度,调整到自己认为合适的数值为止。这样,整个带卷曲效果的贴纸就大功告成了!

5. 下载PSD源文件

点击下载PSD源文件

10 Reponses So Far ↓

  1. druggo:

    上个gimp下的教程吧

  2. punkid:

    Gimp没手感,我连怎么选中object选区都没搞明白。

  3. Hermy:

    u use an english version of ps…in that way i’ll never know where to find or wat to do…

  4. punkid:

    没看到我都是用中文讲解啊,里面的菜单名字我都是用的中文,括号里的才是英文菜单名。

  5. Tony:

    你一定很无聊

  6. punkid:

    的确很无聊,看了这张截图,你会更觉得我非常之无聊

    音乐播放器是英语的,文件管理器是德语的,日语单词查询软件是日语的,电驴是中文的:D

  7. shuge.lee:

    [q]上个gimp下的教程吧[/q]

    都gentoo了,还整天PS……

    GIMP嘛,没有传说中的好,也没有它们说的那么烂。“无它,手熟而”。

    zhangle要搞planet,我推荐了您的blog,不介意吧?
    http://planet.gentoo-cn.org/

  8. punkid:

    我有写过一篇GIMP的教程的

    GIMP教程:打造web 2.0 logo

    Photoshop之所以有这么多人追捧还是有他的优势在的,我现在在linux下wine了一个Fireworks,gimp实在是把一件很简单的事情弄得格外复杂了。

    而且虽然我是个linux fan,但是我并不否认Windows的优点。只要有Photoshop,给我Mac也行 :D

    已经加入planet了,谢谢。

  9. shuge.lee:

    一、我对微软不反感,而且对比尔大叔如何捞钱非常感兴趣,对他在商业上的成功,我是非常崇拜的。

    二、但是,我对微软利用它的垄断地位,妨害我的正当利益、权利,非常反感,非常痛恨。

    为什么我买thinkpad,它非得安装一个我不需要的系统?!我为什么非得为它付钱?!

    三、我对别人使用正版Windows不反感,只要它不影响我及我的同胞。

    四、gimp的软件界面中文包、中文手册自2.2.0以后就绝种了,非常可惜。由于某种原因,我必须学习图形处理基础以取得一定的学分,但课程都是以Photoshop为例,我没有Windows系统,也没有Photoshop软件,所以我只好学习GIMP。

    我有我的原则http://www.shuge.org/project/yukilib/share/doc/yukilib_foundation_regulations__dev.txt

    正在翻看GIMP教程──2.2.0的中文手册。如果可能,我希望您能为GIMP本地化出点力,因为您有能力,有机会。

  10. punkid:

    垄断是件很讨厌的事,Microsoft Office Suite是个很棒的软件,但是不至于一个简简单单的文本都要拿word来写,更不至于像论文这种专业性强的东西也要拿word这种办公室软件来做。

    其实我对GIMP也是个门外汉,始终不能习惯它的操作方式,更别说拿它真正做些图片处理了。

Leave a Reply ↓