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

2016-02-16 06:58 11 1 收藏

图老师小编精心整理的Photoshop设计教程:临摹微软银光Silverlight标志希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

【 tulaoshi.com - PS 】

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

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

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

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

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

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

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

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

对照原Logo逐一深化细节,完全一样不可能啦,大概OK就好了,也可以自己发挥一点

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

差不多完成就是下面那个样子啦,我也没有花更多时间继续深入,因为只是尝试一下制作方式而已。大家感兴趣也可以尝试制作一下,分享下经验。

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

下面是微软的原图:

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

动画效果 ,很炫啊,我只能找到这么小滴。。

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

逐帧剖析

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

Photoshop设计教程:临摹微软银光Silverlight标志,PS教程,图老师教程网

PS:如果大家有什么更好的制作方式或者想法可以分享下哦,还有Logo创意过程或者动画的制作方式等等啦。

来源:http://www.tulaoshi.com/n/20160216/1569450.html

延伸阅读
标签: PS PS基础
本文将通过一个实例教程展示如何利用photoshop(版本:cs2)制作一个美观的LOGO,适用于游戏题材网站,喜欢的朋友让我们一起来学习吧。 本教程为 图老师论坛 会员 intknight 原创教程,转载请注明作者和出处 先看看效果图: 软件:Photoshop CS 2 具体实例: 我的一个客户请我帮他的游戏网站重新设计一个新的LOGO,以下是他目前使用的LOGO...
在这个教学中,我将展示我是如何临摹Gerome Jean Leon的黑色土耳其雇佣军这幅作品的,作为一名艺术家,我觉得能从研究过去的大师的作品中学到许多,特别是颜色方面,当你尝试做大师的学生时,你必须注意到你不能单纯地复制画作,而是将思考注入其中,问问你自己为什么艺术家选择这种颜色,而不是另一种,以及更多此类的问题。 翻译: CWWS ...
标签: PS PS基础
本教程主要使用Photoshop设计炫彩效果的光环标志教程,立体效果的表现和颜色应用非常的漂亮,喜欢的朋友一起来学习吧。 最终效果: 1、新建画布(1000x700),分辨率为72。用渐变工具画一个由中心放射的圆形渐变: 2、画一个圆形,图层样式使用角度渐变,如下图所示。对色彩把握不好的同学,可以直接在图片上吸色。加蒙版,中间删...
这次我们临摹一组人体雕塑来做个素描练习。 临摹参考照片: 临摹练习完成图: 1.先简单地分析一下临摹对象。这次我们临摹的是一组雕塑,而不是一张照片,这之间是有区别的。虽然比不上写生,但也应该尽量从结构上理解。下图中我画了三种颜色的线,来帮助我们尽量在造型上接近临摹对象。红色的垂直线是抓型用的辅助线,分别是从女子头...
来源:PS联盟 作者:咔箔 临摹是件非常复杂的事情。需要认真观察素材中的每一个细节以及光源的变化。并且再刻画的时候一定要控制好手绘及笔刷的流量和透明度。这样画出的作品才会细腻,逼真。 原图 最终效果 1、打开原图素材,画出线稿。不管是什么图,如果是想细画,那么线稿一定要画得仔细些,这样到以后画细节的时候会方便很多。 ...

经验教程

170

收藏

29
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部