设计欣赏,设计教程,平面,广告,VI,标志,画册,封面

接吻鱼的诞生,工业产品设计

平面设计欣赏 | 标志设计欣赏 | 包装设计欣赏 | 广告设计欣赏 | 画册设计欣赏 | 个人简历封面

·个人简历封面
·产品设计欣赏
·广告设计欣赏
·photoshop教程
·VI设计欣赏
·标志设计欣赏
·网页制作教程
·包装设计欣赏
·封面设计欣赏
·广告设计教程
·平面设计欣赏

·Henry Warren 平面设计欣赏
·Kyle Cole 平面设计欣赏
·bendableelement T恤设计欣
·Stephen Chovanec 平面设计
·Paul Sternglass 平面设计
·Max Guzman 平面设计欣赏
·Ikuko Aoki-Salinas 平面设
·Chad Geran 标志及应用设计
·NITIS DESIGNS 平面设计欣
·Jillian Specter 平面设计
·SEGURA INC 包装及应用设计
·国际平面设计联合会设计师
·世界华人优秀平面设计作品
·世界华人优秀平面设计作品
·世界华人优秀平面设计作品

·Mariana B. Pabon 标志设计欣赏
·John Malmquist 标志设计欣赏
·Phil Miller 标志设计欣赏
·melissa diglio 标志设计欣赏
·Logo Design 办公室类标志设计
·Chet Yeary II 标志设计
·国外精品标志设计欣赏
·LogoDesign 通信类标志设计欣赏
·LogoDesign 清洁类标志设计
·Robert Bell 标志设计欣赏
接吻鱼的诞生



 活泼可爱的接吻鱼不但令女孩子爱不释手,其魅力就连小伙子也无法抗拒。今天,我们就用Photoshop和ImageReady来制作一个接吻鱼的小小动画。(如图)

  这篇教程主要涉及到Photoshop中的图层,通道和变形功能,ImageReady中使用到了图层和过渡来完成动画效果。如果你愿意的话,你可以用我们提供的文件来完成这个动画(点击这里下载)。


  1.首先,用Photoshop打开图像background和redfish,其中,redfish已经去除了背景。(图background和redfish)



  我们的红鱼看起来,嗯……有些害羞,所以在这个动画中,我们把它隐藏在背景图像左下角的珊瑚丛中。首先要做的,就是把珊瑚从画面中分离出来,把它复制到另一个层中,这样它可以在背景前面显示出来,我们将在通道中进行这一步。

  2.选择背景图像,打开通道面板。 依次查看每个通道,找到珊瑚和周围环境对比最大的一个通道,在这张图片中,绿色通道中珊瑚与周围的对比最大。选择绿色通道,把它拖拽到面板下方的创建新通道按纽上,复制绿色通道。在默认情况下,这个通道将被自动命名为“绿 副本”。(图01)

图01
3.选择绿色副本通道,我们的目的是要使珊瑚的外部边缘几乎成为白色,而周围的环境几乎全都为黑色,进一步加大对比,以便于选择。打开色阶对话框,将输入色阶分别设为52,2.07,167。(图02)

图02

  4.选择喷笔工具,用黑色涂抹绿色副本通道中珊瑚以外的所有白色区域,现在画面中除了珊瑚部分之外,应该全都被黑色填充。(图03)

图03

  5.按住Ctrl键,单击绿色副本通道,载入通道中的白色区域,点击RGB通道缩览图,回到彩色图像,转到图层面板中去。这时的选区就是珊瑚的主要范围。按Ctrl+J,将选区内的图像复制到新的一层中去,图像看起来并无变化。

  如果你隐藏了背景,你就会发现,我们所复制的珊瑚并不完整,中间留下了不少的空隙。当然,如果你在上一步用白色画笔涂满了绿色副本通道中珊瑚内部的话,这时你得到的就是完整的珊瑚形状。有什么不同之处呢?跟我来,马上你就会明白。

  6.现在,用移动工具将红色的小鱼从redfish文件中拖移到背景中来。随即,在图层面板中调整图层的位置,将红鱼层放置在珊瑚层之上。按Ctrl+T,调出变形框,在工具选项中将长和宽链接,将红色的鱼缩小到原来的90%,确定变形。然后,选择编辑>变换>水平翻转命令,再用变形工具旋转红鱼,使它的身体和大鱼的身体保持平行,用移动工具将红鱼移动到珊瑚丛的后面,注意鱼嘴的位置哦!(觉得不好把握的话,可以在最上面新建一层,画一条用于参考的线)(图05)

图05

  在移动的过程中,你可能发现了,由于珊瑚丛有间隙,所以鱼的身体在珊瑚丛中若隐若现,这样不但有趣,也较符合真实情况。如果我们选取了整个的珊瑚,那就会把鱼的身体完全挡住。

  现在,储存你的图像,下一步我们要转入ImageReady中,完成动画部分。
 7.点击Photoshop面板的转跳到在ImageReady,在ImageReady打开我们刚才制作的图像。如果你的动画面板没有打开,从窗口>显示动画打开。目前,动画面板上这个文件只有一帧。(图06)

图06

  8.图层面板中,激活红鱼所在的图层。然后用移动工具将红鱼移动到大鱼的前面,使鱼嘴相接,看起来像是在接吻的样子(图07)。

图07

  注意:这时的动画面板中,只有第二帧出现了变化,反映出图像移动后的情况。(图08)

图08

  9.在动画面板底部选择“动画帧过渡”按纽,在过渡对话框中,选择所有图层,参数只选择位置,过渡选择上一帧,添加帧数量中选择3。(图09)

图09
 过渡为我们的动画添加了中间帧。在动画面板上可以看到,在第一帧和最后一帧之间,增加了3个中间帧。(图10)

图10

  要注意的是:增加的中间帧会使动画更加流畅,但是,每增加一帧,文件大小也会相应增加。如果你要做的是在网络播放的动画,你可能需要试验用尽可能少的帧数达到尽可能好的效果。任何时候,你都可以点击动画面板上的播放键来预览动画效果。

  10.在绝大多数情况下,你都需要调整动画播放的速度。看到动画面板上每帧下面的数字了吗?这些数字标明了相邻两帧之间的延迟时间,或者说是帧显示的速度。要想一次改变所有帧的时间,可以点击第一帧,按住Shift键,点击最后一帧,选择所有的帧。

  点击帧速度旁边的下拉箭头,从弹出菜单中选择一个时间。在这个例子中,我选择了0.2秒。你也可以单独为每帧指定延迟时间。(图11)

图11

  11.当你对动画速度满意之后,接下来就该优化动画了。有时候,动画可能会非常大,这时候,你就需要牺牲一些图像品质来确保动画合适的大小。我将优化文件的格式设为GIF,耗损为0,可觉察的,仿色算法设为扩散,颜色为64色,仿色100%,无杂边。(图12)

图12

  你可以在工具面板中选择预览,或者右击图像,从弹出菜单中选择预览;满意之后,用“将优化结果储存为”命令输出动画。在输出之前,最好用PSD格式保存一下原稿,这样你可以方便修改。最后,我们输出的动画只有34K,是不是很小巧精致呢?
工业设计欣赏---灯 绝妙创意设计赋予产品新生命 LULU卫浴产品设计
接吻鱼的诞生设计摘要:工业产品设计,为您提供画册设计,样本设计,产品目录设计,广告设计,海报设计深圳画册设计等设计资源欣赏,下载,图库,为设计师打造一个自我学习和提升的平台,学习设计最好的方法是多看,多做,多做,只有不断学习借鉴优秀设计师的作品才能不断的提高自我,才能不断地迈向成功。
下一篇:透明泡泡效果
接吻鱼的诞生设计摘要:深圳画册设计,认真阅读艺术与设计杂志,一切有关平面设计的技巧都囊括其中,而且毫不张扬,温文而雅,为抄袭者提供了大量改头换面的空间。对平面设计的理解很多来自这堆旧杂志。“平面不平”是我对平面设计,工业产品设计中画面效果的一种理解,很多人把它叫做版式、构图、结构、形式感…都可以,拜读了很多好的设计后,我感到设计师们都在有意无意地追求着“不平”的效果。即利用各种平面元素,在平面材质上(比如纸张等),努力拉伸视觉空间。工业产品设计这一理论,画家塞尚早我们一百年就开始尝试了,并已作到了极致。令我很感叹的是一百年前最不商业的令人类恐慌的艺术变革,一百年后却变成了最最商业的平面艺术,多有意思。
网站地图·画册设计·样本设计·产品目录设计·广告设计·DM设计·友情支持·海报设计·包装设计·标志设计· ·
广告设计,广告制作,广告设计公司