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

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

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

【 tulaoshi.com - PS 】

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

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

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

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

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

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

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

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

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

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

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

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

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

Photoshop设计教程:临摹微软银光Silverlight标志,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创意过程或者动画的制作方式等等啦。

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

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop设计炫彩效果的光环标志教程,立体效果的表现和颜色应用非常的漂亮,喜欢的朋友一起来学习吧。 最终效果: 1、新建画布(1000x700),分辨率为72。用渐变工具画一个由中心放射的圆形渐变: 2、画一个圆形,图层样式使用角度渐变,如下图所示。对色彩把握不好的同学,可以直接在图片上吸色。加蒙版,中间删...
在这个教学中,我将展示我是如何临摹Gerome Jean Leon的黑色土耳其雇佣军这幅作品的,作为一名艺术家,我觉得能从研究过去的大师的作品中学到许多,特别是颜色方面,当你尝试做大师的学生时,你必须注意到你不能单纯地复制画作,而是将思考注入其中,问问你自己为什么艺术家选择这种颜色,而不是另一种,以及更多此类的问题。 翻译: CWWS ...
标签: PS PS教程
临摹是最快的学习方法。不过临摹之前还有很多准备工作:先把原作品细致的分解,构图、素材、字体、色彩等都要了解清楚;然后搜集类似的素材,逐层去刻画即可。 最终效果 下面,看一原图和山寨图的对比。左图为原图,右图为山寨。 1、首先建个新文档。跟前两个教程一样,尺寸还是用的600X882像素。创建一个渐变调整层,参数如下。 2、放...
标签: PS PS基础
最终效果: 1、首先运行Photoshop创建一个新的图片文件,图片的尺寸你可以随意,这个编写ps教程时,我使用了1920*1200px的尺寸。创建文件后,使用油漆桶工具填充背景颜色,如图所示。 2、复制背景图层(按Ctrl+J),接着执行滤镜杂色添加杂色命令,设置数量:348%、分布:平均分布,如图所示。 然后就会得到下图所示的效果。 3、...

经验教程

295

收藏

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