中国教程网论坛's Archiver

Derek-Yu 发表于 2007-12-8 22:53

简单LOGO设计二例[106/8]

例1、
Photoshop做为强大的工具软件,除了可以用来处理图像外,它的设计能力也不可小瞧。
下面就利用它的这一功能动手为我们互助课堂做一个LOGO。
效果如下图:
[attach]679459[/attach]
下面是制作的过程和思路:
1、在PS中新建1个300*300,分辨率为72的文件。文件的大小要根据设计的目标而定,
这里为了方便向大家说明,我选用了比较大的尺寸。按Shift+F5先把背景填充为50%灰,
这样为我们的设计定义一个环境。再按Ctrl+R调出标尺,分别在水平150像素和垂直150
像素建立两条参考线(参考线在LOGO设计中的作用很重要,可以帮助我们精确定位)如下图示:
[attach]679529[/attach]
2、按Ctrl+Shft+N新建一层,使用多边形形状工具,把边数定义为3;
[attach]679530[/attach]
把前景色改为白色,画出一个正三角形,并将它拖移对齐参考线如下图示;
[attach]679531[/attach]
3、按Ctrl+J复制此三角形,然后按Ctrl+T自由变换,水平翻转,再缩小并移动到如下图,
按Ctrl+E合并此两个三角形,并命名为层01。
[attach]679532[/attach]
4、用多边形套索工具,做出如下图所示的选区,并填充为浅灰色;
[attach]679533[/attach]
5、按Ctrl+D取消选择,再新建一条如下图示的参考线;
[attach]679534[/attach]
然后用钢笔工具做出如下的路径(为了使大家看得更清楚,我隐藏了参考线);
[attach]679535[/attach]
6、使用直接选择工具选择刚才做出的路径,按Ctrl+C拷贝路径,再按Ctrl+V粘贴。
然后按Ctrl+T自由变换,垂直移动到合适的位置,如直图示:
[attach]679565[/attach]
7、按Shft+Ctrl+Alt+T定向复制出第三个:
[attach]679566[/attach]
用直接选择工具全选这三个路径后移动到合适的位置
[attach]679567[/attach]
8、按Ctrl+Shft+N新建一层,设置前景色为暗红色6e1418,填充路径,此时可以把路径删除。
载入层01的选区,按Ctrl+Shft+I反选,回到新建层按Delete键删除多余的部分,如下图:
[attach]679568[/attach]
按Ctrl+D取消选择,再合并新建层与层01。
9、按Ctrl+T自由变换,移动到合适的位置。
[attach]679569[/attach]
10、用钢笔工具画出如下图所示的路径;
[attach]679570[/attach]
按Ctrl+Shft+N新建一层(命名为层02),填充路径为白色;
[attach]679571[/attach]
删除路径,使用比较大的,硬度为0的橡皮工具擦出如下图示的效果;
[attach]679572[/attach]
11、回到背景层,用暗红色6e1418填充,再把层02的图层模式改为叠加,得到如下的效果:
[attach]679580[/attach]
12、找到合适的字体输入文字,并放置在合适的位置;
[attach]679581[/attach]
13、现在我们再为这个LOGO加点修饰:新建一层,前景色白色,用圆角矩形工具画一长的圆角矩形,
将其不透明度调为50%,并复制一层,对此复制层添加“渐变叠加”的图层样式,参数如下图:
[attach]679582[/attach]
效果如下图
[attach]679583[/attach]
14、再次添加文字,颜色用暗红色,如下:
[attach]679584[/attach]
15、最后的修饰,为飞机添加“外发光”图层样式,参数如下:
[attach]679585[/attach]
完成本例的制作。

[[i] 本帖最后由 edndzd 于 2009-2-2 10:51 编辑 [/i]]

Derek-Yu 发表于 2007-12-9 02:50

例2

先看下结果(论坛的水印影响,我多截了一部分):
[attach]679599[/attach]
此例相对简单一些,不过效果也不错!
1、在PS中新建一400*100,分辨率72的文件,设置前景色为深灰色3f3f3f,背景色为黑色。
使用线性渐变工具做出如下的背景:
[attach]679600[/attach]
2、按Ctrl+R调出标尺,在水平50像素处新建一参考线。按Ctrl+Shift+N新建一层,命名为line
使用直线工具对齐参考线画一水平直线,此时按CtrL+;隐藏参考线,如下图:
[attach]679601[/attach]
3、选择合适的字体输入文字“Photoshop互助课堂LOGO系列教程”,我使用黑体,24号,并使文字贴在
刚才所画的直线上,命名此层为“up".
[attach]679602[/attach]
4、按Ctrl+J复制此文字层,再按Ctrl+T自由变换,垂直翻转,并移动到下面,命名此层为“down";
[attach]679603[/attach]
回到up层编辑文字,将后半部分的文字改为浅蓝色00A7CC
[attach]679604[/attach]
5、按Ctrl键在图层面板上选择“line、up、down"三个图层,按Ctrl+T同时对此三个图层做轻微的旋转
[attach]679605[/attach]
6、复制图层line,得到line副本,对line副本执行:滤镜》模糊》高斯模糊,模糊半径4,然后合并图层
line和line副本,仍命名为line。分别对“up、down”图层执行相同的操作,效果如下:
[attach]679606[/attach]
[attach]679607[/attach]
7、对图层down添加渐变叠加的图层样式,参数如下:
[attach]679608[/attach]
再把此图层的不透明度改为25%
8、为图层line添加色相、饱和度调整层参数如下:
[attach]679609[/attach]
完成此例制作,效果如下:
[attach]679610[/attach]

[[i] 本帖最后由 Derek-Yu 于 2007-12-9 03:11 编辑 [/i]]

Derek-Yu 发表于 2007-12-9 03:20

备用楼层

鹊踏枝 发表于 2007-12-9 06:19

坐地板,交作业支持(^#@^[color=F7F7F7]

[[i] 本帖最后由 鹊踏枝 于 2007-12-9 08:35 编辑 [/i]]

秋江带雨 发表于 2007-12-9 10:41

嘿,钢笔工具不大会用!#bbs.jcwcn.com@

[attach]679926[/attach]

草原羚羊 发表于 2007-12-9 11:44

已经做晕了

(^#@$ 终于做完了 一个
(^#@$

[[i] 本帖最后由 草原羚羊 于 2007-12-9 12:06 编辑 [/i]]

nicholasxman 发表于 2007-12-9 12:18

学着做了个 ,呵呵

edndzd 发表于 2007-12-9 13:48

终于可以进来啦#kt..jcwcn.com@ #@#$!
练习一个

redeagle 发表于 2007-12-9 16:18

为什么做到“填充路径”这一步时,选“填充路径”会没反应?弹出了“填充路径”这个对话框,可是点击确定后却什么反应也没有,这是怎么回事?jcwcn.com@

[[i] 本帖最后由 redeagle 于 2007-12-9 16:22 编辑 [/i]]

Derek-Yu 发表于 2007-12-9 16:57

回复 9# 的帖子

仔细对照教程,在填充前要新建一层的

redeagle 发表于 2007-12-9 17:16

[quote]原帖由 [i]Derek-Yu[/i] 于 2007-12-9 16:57 发表 [url=http://bbs.jcwcn.com/redirect.php?goto=findpost&pid=3006974&ptid=141595][img]http://bbs.jcwcn.com/images/common/back.gif[/img][/url]
仔细对照教程,在填充前要新建一层的 [/quote]
是啊,我已经新建了一层了,再回去练练,不行再来问你~~~

菜菜 发表于 2007-12-9 17:45

交作业

nicholasxman 发表于 2007-12-9 18:20

补上先前没做的(^#@$%^

菜菜 发表于 2007-12-10 00:01

交再做的作业

stedeke 发表于 2007-12-10 07:57

练习一个

白开水_ 发表于 2007-12-10 14:23

呼,,,终于做完了一个,,对于这种类似于手绘的纯手工活有点发愁,,,请老师指点,谢谢!

苏沪 发表于 2007-12-10 18:35

作业

白开水_ 发表于 2007-12-10 20:15

补交第二份设计作业。

drx2007 发表于 2007-12-12 11:01

练习

为什么我做的这么慢呢,唉……(^#@%^ (^#@%^

drx2007 发表于 2007-12-12 12:21

练习

这个效果好些#@#$*$

40178玉儿 发表于 2007-12-16 10:17

学习

msn-alin 发表于 2007-12-16 22:56

[font=微软雅黑][size=5]  不知为什么?第8步没效果。我用CS3,色相最大只能调到180,而且没变化发生。jcwcn.com@ [/size][/font]

frankhzy 发表于 2007-12-17 00:12

[attach]688952[/attach]

Derek-Yu 发表于 2007-12-17 00:14

回复 22# 的帖子

要勾选着色这一选项的,如下图红圈示

[[i] 本帖最后由 Derek-Yu 于 2007-12-17 04:06 编辑 [/i]]

msn-alin 发表于 2007-12-17 19:57

[font=微软雅黑][size=6]  又做了下:(^#@^ [/size][/font]

ZHKTZZJ 发表于 2007-12-27 14:13

支持原创作品啊

jamsxww 发表于 2007-12-28 23:19

交作业拉

@#jcwcn@@#$  给点宝贵意见  谢谢了

xianai88 发表于 2007-12-29 15:29

有几个步骤没有按照老师说的来,希望作业能合格,呵呵!!

chaojizhanshi 发表于 2007-12-29 19:03

我也占个楼层

朋友和其他 发表于 2008-1-7 01:29

[attach]714572[/attach]

页: [1] 2 3 4 5 6

Powered by Discuz! Archiver 7.0.0  © 2001-2009 Comsenz Inc.