我爱电脑技术论坛 » 原创作品专区 » 制做LOGO详细教程

炉火纯青 发表于 2008-4-13 02:00

制做LOGO详细教程

大家好，今天给自己的博客制做了一个LOGO，做下教程来让大家看看我的制作过程，本人美工极差，设计不好别笑我啦，呵呵！G ^~A%Gy`){1g
说明：用到两个工具，PhotoShopCS2与FLASH8
PSN` B:H.rKN LOGO效果：[SWF=88,31]http://www.520diannao.com/attachments/day_080413/20080413_c1c23b56fb067007c48bsl32j2laQqBI.swf[/SWF]
A["~0[^$|
c!Nhp4`2E 一、首先将背景图片与要显示的文字在PhotoShop里面做好，并且另存为透明的PNG格式，如下图所示。。n,o9@,f7ug
[attach]17041[/attach]bq(cN-tI qt
[attach]17023[/attach]*K_7{B HS

W'\k h?S'D1_/m$x [attach]17024[/attach]
rMN0J$M rrv+u~~
二、打开FLASH，新建一个FLASH文件，并且将宽高设置为88*31。fpRf4{'d-G,n+Yt

@;{r&Wo [attach]17025[/attach]
%r!D6aAHH U&XLQ X8g
,\0[~eqP)\:z0L 三、将photoShop里面保存的3张PNG图片按以下方法导入到FLASH软件中。F3i%M;u)S

2luT.k#Da [U.Y
MS%z
[attach]17026[/attach]N?T
|.H S
K4n6Y

w:@k"I*a*GkB!mQXh 四、将FLASH里面新建出图个图层，并且以下图的名称标示好。。
I,s@4?9R6?;WPc
Y+GRwD'bq!EW#z} [attach]17027[/attach]5@b"{F#D Nd)e S?k

Ye6{N7TQn:I 五、将“背景”图层放入背景图片，再到30贞处按下F6抢建一个关键贞，选择“炉火纯青”图层，再第一贞上把文字图层拖动到如图所示位置。#J3iK5O-Aws)YZ
e
\(l2h&m
[attach]17028[/attach]
;z(e)RRTK]U3|T
P"Y1Y8_Ay 六、在图层“炉火纯青”第10贞处按下F6插入关键贞，再将“炉火纯青”文件图片移动到如下图所示位置。
'v!w%P9Go X k(m
5stEt w8D [attach]17030[/attach]
+C6a oI/Kv}
l!d} +m kGa*z
$]BZ`rO'p
六、用鼠标点击“炉火纯青图层”点右键，选择创建补间动画。R'OKw3k
[attach]17031[/attach] F1l$e&a"K#Y-u*z!}r

IP2z+i O!AmG ^*Ied
I_T7VWr
七、插入需要显示的第二行文件，如下图所示。并且在第20贞处按下F6创建关键贞。
Dkh#fE
/noKxeAS [attach]17032[/attach]
G\'_7wY'O y|&n+xJ o
%vn8|&c,`.ybIQ D
[attach]17033[/attach].VD U{!JsE

/j,^'a5bR1H3s [attach]17034[/attach]
'p:O)P,Ch.\
{
.I-V }nE0fFOc 八、在“BLOG”图层的第10贞按下右键，选择“创建补间动画”B'gVGJ7Y
VA+t
N3nPkzs
[attach]17035[/attach]
8d"FdRn1N'u-}+L +AyB}JNeJW

w?s(O`s 九、在“闪光”图层的第20贞按下F6键创建关键贞，在用矩行工具绘制一个下图所示的斜行长条。9n GbrIIMO1O

Z`9?zy5lp(P [attach]17036[/attach],cz.b~`W2\~o

)s4An u'D|/w imk [attach]17037[/attach]yg#BIA] TI

X/K3p,J&v 十、在“闪光”图层第25贞创建关键贞，再将斜行长条移动到如图所示位置。#m ~`5s'^6X(rb
h{m7^Y
[attach]17038[/attach]3EA*Jf,]7_7\$UR5@8dY
I(Q;x$Te?3WA
(O.x5O$LN6K
十一、用鼠标点击20贞右击，选择“创建补间动画”。6TY+h*N Ah

:C4jM
c4i(z:} [attach]17039[/attach]
`%\4Uqd#C [attach]17040[/attach]"j
Y3^_k+c }*\

*~'[DjY@rz ` p3b|J-b#Y[R
好了，LOGO就制做完毕，按下F12效果预览一下，应该还不错吧，呵呵！#{9mR0R,Gw*X,AQ
欢迎光临我的BLOG呀，[url]http://www.lovekkk.com[/url]B"H["fP/tRa k-a

'z,y|0S@ P4K ~^Lrv
效果预览图：3g.U/Aw&{
[SWF=88,31]http://www.520diannao.com/attachments/day_080413/20080413_c1c23b56fb067007c48bsl32j2laQqBI.swf[/SWF]

天使乖乖 发表于 2008-4-13 07:12

[:16;] 呵呵不错值得表扬一下[;q20]

bbs23 发表于 2008-4-13 08:09

非常不错的一个教程，真得好好学习一下。
J.{%qQ/|ZpZ 这个LOGE总体来说做得还是很不错，非常值得表扬一下。Q\KJL-J*o9~Wx [ w
支持原创，支持我爱电脑技术论坛！[:16;] [:16;]

超越平凡 发表于 2008-4-13 08:36

[:14;] 我都不会做。。。

︶ㄣ嘚握紧ャ 发表于 2008-4-13 08:48

支持下。。。好东东就要收藏。。。呵呵。。收藏了。。
i0em4R9WZ4O 。。呵呵。。我看我能不能学会。。学习一下。。GO。。GO 。。

︶ㄣ嘚握紧ャ 发表于 2008-4-13 08:53

又认真看了一下。。应该是不会的。。就第一步就不会。。O9P-t/V nP4J8S5w
。。PS现在忘的干干净净了。。郁闷那。。

炉火纯青 发表于 2008-4-13 09:06

[quote]原帖由 [i]︶ㄣ嘚握紧ャ[/i] 于 2008-4-13 08:53 发表 [url=http://www.520diannao.com/redirect.php?goto=findpost&pid=54631&ptid=25610][img]http://www.520diannao.com/images/common/back.gif[/img][/url]
W,b$wg[5u3?'Y&o 又认真看了一下。。应该是不会的。。就第一步就不会。。|(@IPF$C:Nu
。。PS现在忘的干干净净了。。郁闷那。。 [/quote]
+? Os#tEz@ [color=Blue][size=4]不是吧,第一步最简单的,所以我就没说出来,随便打几个字另存一下就好了啊..[/size][/color]

8727547 发表于 2008-4-13 09:59

FLASH8这个东东偶没学过，不会用啊~~~

︶ㄣ嘚握紧ャ 发表于 2008-4-13 10:46

我做一下吧。。试一下。。看看能做不。。
Qb%O*~4J[0y^q 。。我现在什么都没有。。PhotoShopCS2与FLASH8都没有。。VwAM},UX
。。还得现下。。。[:14;] [:14;]

炉火纯青 发表于 2008-4-13 10:56

[quote]原帖由 [i]︶ㄣ嘚握紧ャ[/i] 于 2008-4-13 10:46 发表 [url=http://www.520diannao.com/redirect.php?goto=findpost&pid=54679&ptid=25610][img]http://www.520diannao.com/images/common/back.gif[/img][/url]
1W P8si8{ M 我做一下吧。。试一下。。看看能做不。。ffAq"E
I9f
。。我现在什么都没有。。PhotoShopCS2与FLASH8都没有。。&E!L:iKO
。。还得现下。。。[:14;] [:14;] [/quote]
@MRP;R] X,e
$_C4e1M un` g/}vgMH +dd$I.f*\$Z d#F*u
[color=Blue][size=4]PhotoSHop下载地址:[url]http://www.520diannao.com/viewthread.php?tid=2031&highlight=photo[/url]
,V-s+A5k|6d9b-U3VK~ }

Rt1EOx_{m Flash8.0下载地址:[url]http://www.520diannao.com/viewthread.php?tid=2017&fromuid=5[/url]o8CdITs

3{3Fjb7eu p 请使用迅雷下载[/size][/color]

zzba201314 发表于 2008-4-13 11:20

呵呵，值得学习。以后帮助很大[:23;]

kaysnoopy 发表于 2008-4-13 17:44

郁闷。。火弟弟有老婆了。沙发也不让哥哥来坐了。

︶ㄣ嘚握紧ャ 发表于 2008-4-13 17:57

我刚做的，，呵呵。。大家不要笑啊。。
5r.DSIZ 。。我会继续努力学习的。。呵呵。。'M'[4OSJ A(X!zT
。。。3hx8R-f8O P^5XTu

z)J_k9u [SWF=88,31]http://www.520diannao.com/attachment.php?aid=17163[/SWF]

天使乖乖 发表于 2008-4-13 18:12

[:16;] 楼上的做的很好呵呵

︶ㄣ嘚握紧ャ 发表于 2008-4-14 09:21

谢谢乖乖的夸奖。。。呵呵。。 ]:w#v2M5Ez
。。其实做的一点都不好。。但我会努力的。。。呵呵。。)Xm+x~:Q|A
。。。学习。。

447452869 发表于 2008-4-14 09:56

[;qq3] 晚上我也去试试

︶ㄣ嘚握紧ャ 发表于 2008-4-14 10:52

在火哥的。。再次指导下。。我又做了个。。S(qRfe)Et
。。呵呵。。我想比上次。要好点。。呵呵。。
XbKuC.n3f%O 、。。还要努力。。。。B$nR)D gUp2o&^
，，还有。大家在看的时候。。点。。查看。。再点。100%。。这样效果会更好一点。。。uIOKSl;t
#pAN u:\ G
[SWF=88,31]http://www.520diannao.com/attachment.php?aid=17196[/SWF]

hewan4444 发表于 2008-4-17 15:10

试试吧，还是有点学问:)11)

炉火纯青 发表于 2008-4-18 02:23

[quote]原帖由 [i]︶ㄣ嘚握紧ャ[/i] 于 2008-4-14 10:52 发表 [url=http://www.520diannao.com/redirect.php?goto=findpost&pid=55116&ptid=25610][img]http://www.520diannao.com/images/common/back.gif[/img][/url]
J|(zY*r\WW 在火哥的。。再次指导下。。我又做了个。。$a0hO|(h`Z+D~
。。呵呵。。我想比上次。要好点。。呵呵。。
*H9i3zo6R4v 、。。还要努力。。。。~^S$K ?8qy7`6C#X
，，还有。大家在看的时候。。点。。查看。。再点。100%。。这样效果会更好一点。。。nO!K4Nqa.J*{_ }

n Zr&e'A r:C http:/ ... [/quote]
%Nl`fs:lf` +N+Z5l PxdTjXX
[color=Blue][size=6]做的不错，[/size][/color][;q25]

夜深了 发表于 2008-4-20 16:05

这么个小东西这么多步骤:)101:)

查看完整版本: 制做LOGO详细教程