广

Photoshop教程

  • Photoshop教程
  • Fireworks教程
  • Illustrator教程
  • Coreldraw教程
  • ArtiosCAD教程
  • 3Dsmax教程
  • Painter教程
  • 首页 > 学习 > 设计软件 > Photoshop

    Photoshop设计教程:临摹微软银光Silverlight标志

    2018-09-17 14:13:01 次阅读 稿源:互联网
    处理 SSI 文件时出错

    微软 Silverlight 是微软主刀开发的一个类似于Adobe Flash的浏览器插件,虽然没有Flash那么主流,但相信大家也都有所了解。银光的Logo可谓属于那种看一眼就忘不掉的类型( 当然我也看到过蛮多盗版的 )。并且我比较关心它的创意和制作过程,这个Logo已经很多年了,所以也想尝试着制作一下,网上找了一大圈未果,主要是想看看有没有什么简单的实现方法,倒回来吧,也许大家会说从技术上讲这样的Logo不难,但其实我蛮关心关键是这样的Logo是怎么样被创造出来的,复杂而具有很好的美感,如果笔记本上草图就能画出这样的东西可不简单啊。

    同时,这个Logo还具有一个动态版本,很短,大概有12帧图片组成(平面的主标与这12帧也毫不相干),但却很炫。最开始分析这个Logo有没有什么规律可言,因为它像是一些烟雾围着一个球形的玻璃壁在转,但脑袋转来转去的观察还是觉得没什么规律,但从细节观察又可以看到一些半透明状的扭曲着的结构存在,于是乎我也用了最笨的一种方法去尝试,完全的用平面软件绘制。软件选择Photoshop,因为我觉得位图软件在透明度上面处理会好些,思路比较简单,大概是用曲线勾出大型(不爽PS钢笔工具的这一步到是可以到矢量软件中完成),然后基础填色,最后根据具体情况修饰细节和调整透明度等等。最后也算是磨了个大概出来。

    Photoshop设计教程:临摹微软银光Silverlight标志

    下面是制作中的一些截图:

    充分利用钢笔路径,和光电的变形可以创造出想要的光线效果以及蒙版功能,如下

    Photoshop设计教程:临摹微软银光Silverlight标志

    Photoshop设计教程:临摹微软银光Silverlight标志

    开始填充路径,颜色大概OK就好

    Photoshop设计教程:临摹微软银光Silverlight标志

    Photoshop设计教程:临摹微软银光Silverlight标志

    这两步刚从路径转换而来的图形有点诡异吧,呵呵,接下来开始深化细节,我基本都利用最上面提到的三点制作技巧

    Photoshop设计教程:临摹微软银光Silverlight标志

    Photoshop设计教程:临摹微软银光Silverlight标志

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    处理 SSI 文件时出错
    处理 SSI 文件时出错
    处理 SSI 文件时出错