查看完整版本: [-- 【原创PS图效教程】简单勋章制作教程 --]

-> 教程分享 -> 【原创PS图效教程】简单勋章制作教程 [打印本页]

登录 -> 注册 -> 回复主题 -> 发表主题

辛寻

2010-01-28 15:32

【原创PS图效教程】简单勋章制作教程

从影视的活动到图组求图再到上网搜教程，现在自己也会尝试做勋章。有MM问怎么弄的，这里放上教程。

一个勋章由缎带和素材章体组成。

首先缎带的制作：

方法一：直接用笔刷。（需要使用Photoshop和Fireworks两个图像制作软件）
1、启动Adobe Photoshop CS3，在顶端工具栏中选“编辑”，选择“预设管理器
   预设类型选择“画笔”，然后点击“载入”，选择“勋章笔刷”，完成。

[attachment=480309]

2、选择“文件”，点击“新建”，设置宽度和高度，背景设成“透明”

[attachment=480310]

３、填充“白色”

[attachment=480311]

４、快捷键“shit+ctrl+N”，新建图层。

   [attachment=480312]

５、左侧工具栏中选择“画笔”工具，选择之前已经载入的“勋章画笔”，并设置合适的“主直径”

  [attachment=480313]

6、在合适的空白处点击一下画笔，然后用“橡皮擦工具”擦掉下半部分的勋章，保留上半部分的勋章带。

[attachment=480315]

７、再新建一个图层，导入勋章素材。并且用方向键移动图层，达到如图所示的效果。

  [attachment=480316]

８、将白色背景图层隐藏。

  [attachment=480317]

９、导出图片为PNG格式。

  [attachment=480318]

方法二：自己制作。（需要使用Photoshop）
1、新建文件
[attachment=480319]
2、从标尺中拉出参考线.对应以下标尺.标尺在视窗里设置.并且右击标尺将单位设置成象素
[attachment=480321]
3、钢笔工具画出带子基础形状.菜单里设置对齐到参考线(默认就设置好的)
[attachment=480322]
4、新建个图层.然后右击填充路径.随意填个颜色.(**为例)
[attachment=480323]
5、然后选中填充的图层在下方按FX效果选单

6、按以下设置效果目录
[attachment=480324]
[attachment=480325]
[attachment=480326]
[attachment=480327]
[attachment=480328]
7、拉出参考线补上扣子(画2个矩形一个填充灰色一个填充白色.也可以用钢笔画)
[attachment=480329]

辛寻

2010-01-28 16:17

章体部分的制作：

（星星闪烁的思路：将闪烁划分成分镜头就是：无→出现小星星→小星星变大→小星星变小→无
换成术语："桢1"没有，“桢2”画一个小星星，"桢3"将小星星在同位置拉大，“桢4”复制“桢2”效果，"桢5"星星消失。）
１、启动Adobe Fireworks CS3，打开刚才保存的文件。

[attachment=480350]

２、在左侧的矢量工具栏选择“多边形工具”

  [attachment=480351]

3、设置颜色为白色，形状“星形”，边“4”，角度“12”。

  [attachment=480352]

４、将勋章所在图层设置成“背景”，并且锁定。　　　　　　　　        　（桢1：无星星）
　　然后新建“桢２”，在合适的地方，用多边形工具，拖出一个四角星。（桢2：小星星）
　　将四角星羽化一个像素。
[attachment=480353]

５、在“桢2”中，选择四角星图层，Ctrl+C 复制，
　　新建“桢3”，Ctrl+V 粘贴，这样，“桢3”和"桢2"在相同位置有一个相同大小的四角星
　　在“桢3”中，调大“四角星”形状，并用方向键将调大后的“四角星的中心点”移动到与“桢2”中四角星中心点的位置。（桢3：大星星）
  [attachment=480354]

６、新建“桢4”，复制“桢2”中的四角星，粘贴到“桢4”，（桢4：小星星）

７、新建“桢5”，（桢5：无星星）

到这里，就完成了一个完整的星星闪烁的过程，

如法炮制，在其它合适位置，做出第二个闪烁的星星，和第三个闪烁的星星。
------------------------------------------------------------------------------
接下来做白光划过勋章头像的效果

１、新建位图图像，

　　选择画笔工具，设置直径15像素，白色，
　
　　按住shift键，在新建的位图图像层上，画一条白色的斜线。
[attachment=480358]

２、选中白线，选择“滤镜”，“模糊”，“高斯模糊”，

　　设置“透明度“60%”。
[attachment=480359]

3、一共新建四桢，每新建一桢，用方向键将白线向上移动合适距离。

[attachment=480360]
[attachment=480361]
  [attachment=480362]

４、调整每桢停留的时间，设成10/100秒

[attachment=480367]

５、选择“文件”，选择“另存为”，格式选择“动画GIF”

  [attachment=480368]

６、然后点击“选项”，在“文件”选项卡中，将宽和高缩放到合适像素。

  [attachment=480369]

７、确定

辛寻

2010-01-28 16:19

附上勋章笔刷见附件

另外一些说明

逸文的章子，俺看到回帖，貌似小扇子的中意的人最多。

开始刚琢磨怎么做章子的时候，一步步来，后来...就开始图省事了，比如，缎带我会直接找到别的勋章，把章体素材去掉，加上自己的，然后加动画就可以，当然要注意颜色搭配，或者找到自己觉得合适当作缎带的来用也可以，这次逸文的章子因为主打中国风，所以一般的缎带不好搭配，所以我去百度了下中国传统纹样，最后找来了祥云图案，然后按照制作缎带方法二中的一些步骤让它看起来更立体，下面的章体，就直接上网搜的中国风PNG素材，搭配着一起用就OK。

另外，请注意：

1、园子的勋章，貌似大小是23（宽）× 35（高），所以差不多下面的章体高是25左右。
2、有些素材放大的时候你觉得不错，缩小了可能会由于色阶原因导致模糊.可以用锐化-智能锐化.调节一下。

怎么样？自己来做一个橘子章试试？

llyy1105	2010-01-28 16:40
哇。。。。我也要学习做做看。。。

厷主_贝	2010-01-28 16:49
拉面偶太爱乃了太感动了偶才跟乃说过偶要学习做勋章乃就出教程了乃。。。55555乃。。。555 乃太把偶放在心上了偶一定努力的学！大么！

多啦v梦	2010-01-28 17:09
拉面乃太厉害鸟。。。偶学都学不会，看看就晕鸟

厷主_贝	2010-01-28 17:38
拉面，偶基本明白怎么制作的鸟~ 乃的素材偶还米下载等偶下班回家再下载不过，偶想问下，偶没装FW 偶用IR做应该不影响效果吧？

adele1928	2010-01-28 20:37
看着好复杂的样子。。。不知道学不学的会。。。对手指...

陈琳	2010-01-28 21:17
晕鸟，晕鸟。。偶先把它收藏起来，有时间静下心来学学。

妙妙心	2010-01-28 21:56
拉面mm滴教程很好哇，发展一批勋章生力军哦，嘎嘎~ 园子滴勋章都素透明底滴，尺寸大概为20*35，俺都素直接拖图片素材改滴，只有放园子logo时才用钢笔画下，囧~

重之	2010-01-28 22:37
我比较笨，看的有点晕，似懂非懂的对不起LZ啊

小瓜子sama	2010-01-28 22:59
好细致啊。。。占楼等考完试放假的时候交作业。。。园子终于开PS版了啊~~~ 斑斑啊。。俺用第二个方法做，做到这一步就做不下去了。。。那个扣子没看太懂怎么弄。。。因为没有下Fireworks所以动画效果没有弄。。加了一个章体。。俺滴第一份作业……

懒洋洋吗	2010-01-28 23:42
开心开见开PS教程了，我想学啊拉面辛苦了，我先收藏，找空学习

njblue0707	2010-01-28 23:56
哇，好好哦，偶这种门外汉也有机会成为PS高手了，太棒了，辛苦了。

又见云深	2010-01-29 07:52
有意思有兴趣，太好了。绝对参加

dadibaby	2010-01-29 10:27
偶是超级菜鸟一枚，偶试试，这对偶来说，还是有点难度。毕竟连猪跑也没见过，汗。。。。

凌光波动	2010-01-29 10:58
占座学习，过一阵子来交作业~ 辛寻MM不要太早收作业啊

sunsun.7	2010-01-29 11:15
呜呜~~看起来好像好难哦~~~

柰夏	2010-01-29 21:33
第一次真正接触PS呢～放假了努力试试～

箫篱	2010-01-30 00:25
这个有意思，很想学，但这个MS难度很高

兰西	2010-01-30 09:03
偶真的真的真的好想学哦，但偶的朋友们对偶的评价就是：这位除了开机关机上上网，对电脑根本一窃不通哇

云筱潇	2010-02-01 18:34
咱就稀饭动态哒PS,等回去就试试~~

云筱潇	2010-02-01 18:35
另外,再说一句,LZ的这个教程真的很详细啊..真是辛苦了~

小瓜子sama	2010-02-02 20:01
楼楼。。出问题了。。。那个方法一的第7步素材导入，怎么导入啊？俺太笨了。。捣腾了半天都不对，图片老失真。。。还有，gif格式的图片PS只能显示一帧怎么办啊？暂时就这么多问题。。

可可儿	2010-02-11 18:09
我觉得看不太懂啊...太复杂了，看来勋章得来不易。

碧琉璃	2010-02-25 16:45
拉面。。。膜拜。。。乃强啊！！！！太强啦。。

凛冬	2010-03-03 22:41
╮(╯▽╰)╭ 24*35的太小了。。来个放大滴。。。。 [attachment=504976]

东纺	2010-03-03 22:53
偶对PS非常有兴趣捏，但是偶的天份不高！怕做不好！先收藏起来慢慢研究！

cookie.xue	2010-04-09 16:00
[attachment=525552] 来看看偶滴作业哈哈是个小人儿来个放大D [attachment=525554]

shadow804	2010-04-13 21:18
兴趣是很大滴，智商是不够用地，看过头好晕，不过还是想试试，嘿嘿

七公子	2010-05-22 13:56
本人画画无能，o(︶︿︶)o 唉

小栗旬	2010-05-23 13:35
这个对我来说还挺难我要好好琢磨下子

七公子	2010-05-29 08:22
方法一蛮简单地，不过貌似下面的弄得有点大，不怎么协调 [attachment=549781]

秋千晓	2010-07-16 08:19
还要用到FIREWORKS的啊？我一次都没有碰过的诶

秋千晓	2010-07-16 12:31
后面做的粗糙起来了，抠图没抠好，还有白光的效果我咋看咋像团雾飘过啊还有白影的说，交作业了 [attachment=592441]

十九	2010-11-09 12:39
看起来不简单我是冲着这个教程来注册的~~~

717442147	2011-07-20 08:39
顶个太有帮助了···························

sd_linger0621	2011-07-20 17:13
嗯，8错8错，有时间我也做个来试试

jinlu_u	2011-08-24 18:16
交作业交作业！！！ [attachment=814206] 感觉颜色搭的不是很好。。。

查看完整版本: [-- 【原创PS图效教程】简单勋章制作教程 --] [-- top --]

Powered by PHPWind v7.5 SP3 Code ©2003-2010 PHPWind
Time 0.016324 second(s),query:2 Gzip enabled

You can contact us