在看Wordpress creator的blog时,发现他blog里那个wordpress的贴纸图案蛮好玩的,于是自己琢磨着用PS也做了几个,请看下图。本想用screencast方式来写这个tutorial,结果win下的屏幕录制工具录制的颜色都是16位,失真严重,没办法,还是手把手放出截图教程吧,有点啰嗦,其实就几分钟搞定的事。
1. 准备工作
建立一个新文件,随便填充点背景色或者直接用透明背景都成。另外一个文件是我的标志性Logo :),也是我要做的贴纸图案。
添加一个新的空白图层,我们要在这个图层上画出贴纸的圆形。
2. 画出基本图形
点击新创建的图层,选择椭圆形选取工具(Elliptical Marquee Tool),摁住Shift
键画圆。 然后选择填充(Shift+F5
)为#FDFDFD
颜色,这是贴纸的基本颜色。
把logo图片拖进文件中,我们先给它降低点透明度(Opacity),以便于我们调整logo图片的位置正好位于圆形的中央。
接下来我们需要去除掉logo图层中多余的区域,摁住Ctrl
键,点击circle所在图层,将得到一个圆形区域。然后在菜单中的”选择”->”修改”中选择”收缩”,设置为”6px”收缩,OK后我们会得到一个比刚才半径小了6px的圆形选取。然后使用Ctrl + I
反选选取,点击logo所在的图层,Ctrl + X
删掉多余部分。
摁住Shift
选中logo和circle两个图层,右键选择合并(Merge Layers),并命名图层为sticker。这样我们就得到了最基本的贴纸图案了。
3. 制作卷曲部分
摁住Ctrl
点击选中sticker图层选取,选择矩形选取工具(Rectangular Marquee Tool),并选择相交选区(Intersect with selection),在贴纸边缘画矩形,得到我们要卷曲的那一小部分。
然后”选择”->”修改”->”扩展”,将选区扩展1px,确保选取不被取消,新建图层Curled Part用来存放我们的贴纸卷曲部分,然后先随便填充个颜色,至少让我们能够把它和贴纸部分区分开来。
点击Sticker图层,利用刚才的选区Ctrl + X
删掉贴纸的多余部分。你可以选择隐藏Curler Part图层来查看剩下的贴纸部分效果。
回到Curled Part图层,选择”编辑”->”变换”->”缩放”(Ctrl + T
),水平翻转卷曲部分。
然后Shift
选择两个图层,选择”编辑”->”变换”->”旋转”,稍微调整下贴纸的角度,这样基本的带卷曲的贴纸就成型了。
4. 添加真实感
选择Curler Part图层,添加”投影”(Drop Shadow)和”渐变”(Gradient Overlay)图层效果。
在”渐变”中设置渐变颜色由#8E8E8E
到#FDFDFD
,你还可以调整下”角度”和”不透明度”来让卷曲部分显得更自然。
按上图所示设置”投影”中的属性。
然后选择Sticker图层,也加上点”投影”效果。
虽然有了卷曲效果,但整体感觉缺乏立体感。摁住Ctrl
选中sticker图层以得到选区,选择”渐变”(Gradient Tools)工具,在展开的”渐变工具”属性栏里选择”对称渐变”(Reflected Gradient),设置渐变颜色为白色到全透明。
继续保持选区,在sticker上新建一个图层并单击选中该图层,命名为reflection,用”渐变工具”从选区中心向选区边缘拖一条渐变线。让它看起来两侧有点发光,如果是中间成白色的话,可选择重来,在”渐变工具”属性栏里选择”反转”(Reverse)后重新拖渐变线。
这发光看起来太亮了,我们可以稍微降低点不透明度,调整到自己认为合适的数值为止。这样,整个带卷曲效果的贴纸就大功告成了!
5. 下载PSD源文件
点击下载PSD源文件。
上个gimp下的教程吧
Gimp没手感,我连怎么选中object选区都没搞明白。
u use an english version of ps…in that way i’ll never know where to find or wat to do…
没看到我都是用中文讲解啊,里面的菜单名字我都是用的中文,括号里的才是英文菜单名。
你一定很无聊
的确很无聊,看了这张截图,你会更觉得我非常之无聊
音乐播放器是英语的,文件管理器是德语的,日语单词查询软件是日语的,电驴是中文的:D
[q]上个gimp下的教程吧[/q]
都gentoo了,还整天PS……
GIMP嘛,没有传说中的好,也没有它们说的那么烂。“无它,手熟而”。
zhangle要搞planet,我推荐了您的blog,不介意吧?
http://planet.gentoo-cn.org/
我有写过一篇GIMP的教程的
GIMP教程:打造web 2.0 logo
Photoshop之所以有这么多人追捧还是有他的优势在的,我现在在linux下wine了一个Fireworks,gimp实在是把一件很简单的事情弄得格外复杂了。
而且虽然我是个linux fan,但是我并不否认Windows的优点。只要有Photoshop,给我Mac也行 :D
已经加入planet了,谢谢。
一、我对微软不反感,而且对比尔大叔如何捞钱非常感兴趣,对他在商业上的成功,我是非常崇拜的。
二、但是,我对微软利用它的垄断地位,妨害我的正当利益、权利,非常反感,非常痛恨。
为什么我买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本地化出点力,因为您有能力,有机会。
垄断是件很讨厌的事,Microsoft Office Suite是个很棒的软件,但是不至于一个简简单单的文本都要拿word来写,更不至于像论文这种专业性强的东西也要拿word这种办公室软件来做。
其实我对GIMP也是个门外汉,始终不能习惯它的操作方式,更别说拿它真正做些图片处理了。