黑不白 2006-4-11 17:04
[分享]88X31 lOGO制作教程大全＋视频教程
[size=2]不知道以前有没有人发过，大家可以自己动手试一下！
[/size][url=http://www.ayxz.com/down.asp?id=6825&no=1][color=#003366][size=2]视频教程点击下载[/size][/color][/url]
[url=http://d.ayxz.com/G0fRePAC/PhotoshopCS2.rar][color=red]Adobe photoshop CS2 V9.0 零售版  点击下载[/color][/url]
[url=http://d.ayxz.com/G0fRePAC/photoshop.cs2kg.rar][color=red]点击这儿下载Adobe photoshop CS2 V9.0 零售版注册机[/color][/url]
[url=http://d.ayxz.com/G0fRePAC/Fireworks.rar][color=red]点击这儿下载 Macromedia Fireworks V8.0 简体中文版[/color][/url]
[url=http://d.ayxz.com/G0fRePAC/mm8kg.rar][color=red]点击这儿下载 Macromedia Fireworks V8.0 简体中文版注册机[/color][/url]闪电、下雨效果Logo的教程
[img]http://www.it365cn.com/articleimg/890-1.gif[/img]
[img]http://www.it365cn.com/articleimg/890-2.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-3.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-4.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-5.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-6.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-7.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-8.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-9.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-9.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-10.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-11.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-12.jpg[/img]
[img]http://www.it365cn.com/articleimg/890-13.jpg[/img]
黑不白 2006-4-11 17:05
[b][size=2]#2 [/size]
[/b]创意无限制作教程
效果:
[img]http://www.it365cn.com/articleimg/1133-2.gif[/img]
制作方法：
[img]http://www.it365cn.com/articleimg/1133-3.gif[/img]
[img]http://www.it365cn.com/articleimg/1133-4.gif[/img]
[img]http://www.it365cn.com/articleimg/1133-5.gif[/img]
[img]http://www.it365cn.com/articleimg/1133-6.gif[/img]
[img]http://www.it365cn.com/articleimg/1133-7.gif[/img]
[img]http://www.it365cn.com/articleimg/1133-8.gif[/img]
说说FW做LOGO，还是先看效果只有桢动画造成的视觉暂留，虽然是最简单的方式，却也是我制作得最繁杂的一个LOGO。
[img]http://www.it365cn.com/articleimg/879-1.gif[/img]
1.打开原图，剪接取舍得到88*31大小的图。
[img]http://www.it365cn.com/articleimg/879-2.gif[/img]
[img]http://www.it365cn.com/articleimg/879-3.gif[/img]
2.这个LOGO里还有一支笔和一个印章的图案，我借用了PS和FW工具栏里的两个小图标
[img]http://www.it365cn.com/articleimg/879-4.gif[/img]
3.在图象输入“解语”，均匀去除锯齿，颜色为#005A00，大小21号，方正行揩字体。
[img]http://www.it365cn.com/articleimg/879-5.gif[/img]
4.加入笔刷图案后，将该桢复制成22桢。在每一桢上，将笔刷图案依照“解语”的笔画顺序，移动到相应位置。
[img]http://www.it365cn.com/articleimg/879-6.gif[/img]
5.依照笔画，将笔刷图案未移动到的笔画用于背景相同的颜色覆盖。
[img]http://www.it365cn.com/articleimg/879-7.gif[/img]
6.第十三桢就该开始做印章的过程了，先将图章工具的图案进行适当的拉伸、倾斜、翻转，使其与印迹的大小、倾斜度基本适宜。印章的过程分成“印章出现”—>“按在纸上”—>“稍稍移动，显露出印迹边缘”—>“印章上移”—>“完成”五步完成，适当调整每一步的时间，使其流畅即可。
[img]http://www.it365cn.com/articleimg/879-8.gif[/img]
7.最后还该在说说“丁丁冬”三字制作中，自己的一点具体做法。在FW里，输入的文本和矩形框组成的印章在进行倾斜变形后，会走样，变得不清晰。我的做法是建立一适当大小背景透明的画布，输入文本及矩形框后导出成图形，然后再打开，这时候选取图形，复制粘贴到LOGO中，这个时候再做倾斜处理，一般就不会太走样了。
    这个LOGO耗时间最多，但过程不难，只要注意每一步的变化，心细些就做出效果来。边框虚线运动的Logo
步骤一、建立一个88*31的空白图片，背景色为白。
步骤二、选中线段工具，拉出一条长88的直线（水平）。
步骤三、将这条直线的笔触选择铅笔，1像素，纹理为Grie5 100%，这条直线就形成了虚线的效果（也可以通过Fireworks的Command命令插件完成虚线的制作--此插件需自行加入）。如图：
[img]http://www.it365cn.com/articleimg/874-1.gif[/img]
步骤四、选中刚才制作的虚线，按Ctrl+C复制，再按3次Ctrl+V粘贴，这样就有了4条这样的虚线，将其中的两条旋转90度，成为竖直的虚线，将4条虚线（2横2竖）分别放到图形的4个边上。（如果旋转后无法显示虚线，请调节线段的笔触大小）如图：
[img]http://www.it365cn.com/articleimg/874-2.gif[/img]
步骤五：点击帧面板下面的增加一个桢，复制第一桢中的所有线段图形到第二帧，再细微调节四个边上的相交处的虚线位置，叫2个帧有所区别。如图：
[img]http://www.it365cn.com/articleimg/874-3.gif[/img]
黑不白 2006-4-11 17:05
[b][size=2]#3 [/size]
[/b]步骤六：选择菜单中的文件->输出向导，按默认进行，最后选择输出预览中的动画菜单，将2个帧都选中，调节没帧的速度为15，输出成为GIF动画，如图：
[img]http://www.it365cn.com/articleimg/874-4.gif[/img]
完成实例：
[img]http://www.it365cn.com/articleimg/874-5.gif[/img]
好了，一个边框虚线移动的logo做好了，很简单吧？同样的，这也是一般动画logo的制作基础，希望大家举一反三，做出各种效果来。Fireworks制作Logo
[img]http://www.it365cn.com/articleimg/773-1.gif[/img]
[img]http://www.it365cn.com/articleimg/773-2.gif[/img]
[img]http://www.it365cn.com/articleimg/773-3.gif[/img]
光照边框运动的Logo制作
如何做出像下图一样的LOGO呢？
[img]http://www.it365cn.com/articleimg/374-1.gif[/img]
不急慢慢来！以下是在Firework MX下做的，FW 4.0下可能有些命令不一样！
新建一88X31大小的图像，选中Custom这项，背景随便选，接着按Ctrl+=四次，使其放大到400倍，然后用marguee tool工具，在背景上正击一下，接着按Ctrl+a进行全选，再执行Select/contract Marquee命令，弹出来方框里填1PX接着按Ctrl+Shift+I后如图：
[img]http://www.it365cn.com/articleimg/374-2.gif[/img]
再用油桶工具填充为深一点的颜色。如图：
[img]http://www.it365cn.com/articleimg/374-3.gif[/img]
新建一层，然后用Line Tool工具画出一个长14px，宽1px的直线，设置为白色，透明度为75%，再画一个长6px，宽1px的白色直线，再把个图重合放在一起按Ctrl+G进行组合。
[img]http://www.it365cn.com/articleimg/374-4.gif[/img]
接着Clone一个出来，并执行Modify/Transform/Rotate 90 转90度。并且最后一样Clone一个，再把这四个直线放在他们相应的位置，如图：
[img]http://www.it365cn.com/articleimg/374-5.gif[/img]
再把图层一设为共享层。
然后选中左上角准备向下运动的直线，按Modify/animation/animation selection，在Frame这项里填6帧，点确定，再按住红色的那个圆点，拖成如下图的样子：
[img]http://www.it365cn.com/articleimg/374-6.gif[/img]
在选左上角准备向右运动的直线，按Modify/animation/animation selection，在Frame这项里填14帧。
再选下面同样执行上述命令，但Frames这项里填20，出来后把他的位置拖放如下图：
[img]http://www.it365cn.com/articleimg/374-7.gif[/img]
记得把第5帧的位置话这个图的开始，这样前5帧就空出来了，使其第5帧正好到图上。
最后一个当然也一样执行上述命令，Frames也为20帧，当然最后一个是只留最后5帧在图像上，最终这四个Animation Symbol成如下图的样子：
[img]http://www.it365cn.com/articleimg/374-8.gif[/img]
再回到第一层上添加你想要的文字！本文以04-8号字体做例，输入议定Animation，设置好大小后确定。然后再在属性面板里另上Effect里的Shadow and Glow/Glow命令，如图：
[img]http://www.it365cn.com/articleimg/374-9.gif[/img]
OK搞定了！最后一步了，输出 执行File/Export Preview，弹出窗口如图：
[img]http://www.it365cn.com/articleimg/374-10.gif[/img]
选择上面的Animation标签，把第一帧都设置成2/100S 如图设计成2就行啦！Export保存！一个新的边框运动的logo就诞生了。
黑不白 2006-4-11 17:05
[b][size=2]#4 [/size]
[/b]LOGO制作教程实例-制作有光泽质感logo
步骤一、建立一个300*300的画布
步骤二、用矩形工具画出一个88*31的方框（边框颜色填充；中间部分不填充）；再随便截取一张图片大小也是88*31，将刚才的矩形方框放到这张图片上，形成一个带边框的矩形图案。如图：
步骤三、用矩形画出一个高8px 长88px的矩形，填充为白色，再创建一个大小同样的矩形，填充为线性（黑、白），调节线性填充的方向。如图：
步骤四、将刚才作的两个矩形重叠，（白色的在下方，线性填充的在上方）然后选中这两个矩形，选择菜单-->修改-->蒙板-->组成蒙板。如图：
步骤五、把刚才做好的蒙板移到图案矩形的上部，修改蒙板的填充边缘为羽化度1，使其与图形的结合不至于太生硬。这样就形成了一种有光泽度的感觉。如图：
步骤六、从新建立一个88*31的画布，将刚才制作的制作的所有图形复制到新建的画布上。
步骤七、加入4桢，
第一桢保持没有文字的图案；（桢延时=50）
第二桢插入文字，并将文字效果定义为高斯模糊，模糊度为1.5，（桢延时=10）如图：
第三桢完全复制刚才的第二桢所有内容，只是将文字部分的高斯模糊效果去掉，使文字清晰；（桢延时=100）
第四桢完全复制第二桢的所有内容，保留刚才的高斯模糊效果，（桢延时=10）
步骤八、如再有文字的加入，只要重复刚才第七步中的四个分桢设定即可。
这样一个有光泽感的，并且有文字动画效果的logo就做好了，请朋友们借鉴，发挥想象力，作出更漂亮的logo来。
LOGO制作教程实例-制作有光泽质感logo
步骤一、建立一个300*300的画布
步骤二、用矩形工具画出一个88*31的方框（边框颜色填充；中间部分不填充）；再随便截取一张图片大小也是88*31，将刚才的矩形方框放到这张图片上，形成一个带边框的矩形图案。如图：
步骤三、用矩形画出一个高8px 长88px的矩形，填充为白色，再创建一个大小同样的矩形，填充为线性（黑、白），调节线性填充的方向。如图：
步骤四、将刚才作的两个矩形重叠，（白色的在下方，线性填充的在上方）然后选中这两个矩形，选择菜单-->修改-->蒙板-->组成蒙板。如图：
步骤五、把刚才做好的蒙板移到图案矩形的上部，修改蒙板的填充边缘为羽化度1，使其与图形的结合不至于太生硬。这样就形成了一种有光泽度的感觉。如图：
步骤六、从新建立一个88*31的画布，将刚才制作的制作的所有图形复制到新建的画布上。
步骤七、加入4桢，
第一桢保持没有文字的图案；（桢延时=50）
第二桢插入文字，并将文字效果定义为高斯模糊，模糊度为1.5，（桢延时=10）如图：
第三桢完全复制刚才的第二桢所有内容，只是将文字部分的高斯模糊效果去掉，使文字清晰；（桢延时=100）
第四桢完全复制第二桢的所有内容，保留刚才的高斯模糊效果，（桢延时=10）
步骤八、如再有文字的加入，只要重复刚才第七步中的四个分桢设定即可。
这样一个有光泽感的，并且有文字动画效果的logo就做好了，请朋友们借鉴，发挥想象力，作出更漂亮的logo来。
LOGO制作教程实例-制作有光泽质感logo
步骤一、建立一个300*300的画布
步骤二、用矩形工具画出一个88*31的方框（边框颜色填充；中间部分不填充）；再随便截取一张图片大小也是88*31，将刚才的矩形方框放到这张图片上，形成一个带边框的矩形图案。如图：
步骤三、用矩形画出一个高8px 长88px的矩形，填充为白色，再创建一个大小同样的矩形，填充为线性（黑、白），调节线性填充的方向。如图：
步骤四、将刚才作的两个矩形重叠，（白色的在下方，线性填充的在上方）然后选中这两个矩形，选择菜单-->修改-->蒙板-->组成蒙板。如图：
步骤五、把刚才做好的蒙板移到图案矩形的上部，修改蒙板的填充边缘为羽化度1，使其与图形的结合不至于太生硬。这样就形成了一种有光泽度的感觉。如图：
步骤六、从新建立一个88*31的画布，将刚才制作的制作的所有图形复制到新建的画布上。
步骤七、加入4桢，
第一桢保持没有文字的图案；（桢延时=50）
第二桢插入文字，并将文字效果定义为高斯模糊，模糊度为1.5，（桢延时=10）如图：
第三桢完全复制刚才的第二桢所有内容，只是将文字部分的高斯模糊效果去掉，使文字清晰；（桢延时=100）
第四桢完全复制第二桢的所有内容，保留刚才的高斯模糊效果，（桢延时=10）
步骤八、如再有文字的加入，只要重复刚才第七步中的四个分桢设定即可。
这样一个有光泽感的，并且有文字动画效果的logo就做好了，请朋友们借鉴，发挥想象力，作出更漂亮的logo来。
[b][color=#ff0000]LOGO制作教程实例-制作有光泽质感logo
[/color][/b][size=2]步骤一、建立一个300*300的画布 [/size]
[size=2]步骤二、用矩形工具画出一个88*31的方框（边框颜色填充；中间部分不填充）；再随便截取一张图片大小也是88*31，将刚才的矩形方框放到这张图片上，形成一个带边框的矩形图案。如图：[/size]
[size=2]
[img]http://www.37d21.com/zzcn/UploadFiles/2004619183151734.gif[/img]
[/size]
黑不白 2006-4-11 17:06
[b][size=2]#5 [/size]
[/b][size=2]步骤三、用矩形画出一个高8px 长88px的矩形，填充为白色，再创建一个大小同样的矩形，填充为线性（黑、白），调节线性填充的方向。如图：[/size]
[size=2]
[img]http://www.37d21.com/zzcn/UploadFiles/2004619183151580.gif[/img]
[/size]
[size=2]步骤四、将刚才作的两个矩形重叠，（白色的在下方，线性填充的在上方）然后选中这两个矩形，选择菜单-->修改-->蒙板-->组成蒙板。如图：[/size]
[size=2]
[img]http://www.37d21.com/zzcn/UploadFiles/2004619183152621.gif[/img]
[/size]
[size=2]步骤五、把刚才做好的蒙板移到图案矩形的上部，修改蒙板的填充边缘为羽化度1，使其与图形的结合不至于太生硬。这样就形成了一种有光泽度的感觉。如图：[/size]
[size=2]
[img]http://www.37d21.com/zzcn/UploadFiles/2004619183152360.gif[/img]
[/size]
[size=2]步骤六、从新建立一个88*31的画布，将刚才制作的制作的所有图形复制到新建的画布上。[/size]
[size=2]步骤七、加入4桢，[/size]
[size=2]第一桢保持没有文字的图案；（桢延时=50）[/size]
[size=2]第二桢插入文字，并将文字效果定义为高斯模糊，模糊度为1.5，（桢延时=10）如图：[/size]
[size=2]
[img]http://www.37d21.com/zzcn/UploadFiles/2004619183152371.gif[/img]
[/size]
[size=2]第三桢完全复制刚才的第二桢所有内容，只是将文字部分的高斯模糊效果去掉，使文字清晰；（桢延时=100）[/size]
[size=2]第四桢完全复制第二桢的所有内容，保留刚才的高斯模糊效果，（桢延时=10）[/size]
[size=2]步骤八、如再有文字的加入，只要重复刚才第七步中的四个分桢设定即可。[/size]
[size=2]这样一个有光泽感的，并且有文字动画效果的logo就做好了，请朋友们借鉴，发挥想象力，作出更漂亮的logo来。[/size]
[size=2]
[img]http://www.37d21.com/zzcn/UploadFiles/2004619183153797.gif[/img]
[/size]
黑不白 2006-4-11 17:07
#6
logo制作教程- -
LOGO制作指南
设计教程下载：
上半部分:
[url]http://blog.blogchina.com/upload[/url] ... 010904305115133.rar
下半部分:
[url]http://blog.blogchina.com/upload[/url] ... 109042827372347.rar
logo设计素材：
[url]http://www.3lian.com/gif/more/13/1301.html[/url]
logo制作教程- -
LOGO制作指南
设计教程下载：
上半部分:
[url]http://blog.blogchina.com/upload[/url] ... 010904305115133.rar
下半部分:
[url]http://blog.blogchina.com/upload[/url] ... 109042827372347.rar
logo设计素材：
[url]http://www.3lian.com/gif/more/13/1301.html[/url]
logo制作教程- -
LOGO制作指南
设计教程下载：
上半部分:
[url]http://blog.blogchina.com/upload[/url] ... 010904305115133.rar
下半部分:
[url]http://blog.blogchina.com/upload[/url] ... 109042827372347.rar
logo设计素材：
[url]http://www.3lian.com/gif/more/13/1301.html[/url]
logo制作教程- -
                                       
LOGO制作指南
设计教程下载：
上半部分:
[url]http://blog.blogchina.com/upload/2005-01-09/2005010904305115133.rar[/url]
下半部分:
[url]http://blog.blogchina.com/upload/2005-01-09/20050109042827372347.rar[/url]
logo设计素材：
[url]http://www.3lian.com/gif/more/13/1301.html[/url]