25 12
发新话题
打印

[PhotoShop] 图标设计-艺术基础入门教程[非艺术类必看]

本主题由 iconsbox 于 2007-12-31 22:05 设置高亮

图标设计-艺术基础入门教程[非艺术类必看]

教程由转自Zcool    原始出处:不详  作者:不详  【由iconsbox重新整理】


【序】
在这之前有不少朋友问我“为什么我的图标不立体?”“为什么我的图标颜色不自然?”“怎样才能在平面软件里做出3D效果”“怎么才能控制好一套图标的整体”等等等~~~~~~
其实我总结了一些这些问题,我个人觉得终归还是艺术基础惹的祸。只要画过画的朋友都很清楚,艺术基础是在一张白纸上塑造立体物体的最基本要素。
学会了这些基础,也许你会在图标、界面设计制作上有一个新的突破!


      艺术基础入门

  我们所看到的一切事物都是存在于三度空间里的,也就是三维物体。都是具备“长宽高”基本属性的。当然,有的物体的这一属性是直观的,有的是要经过分析后才能显现。

  从物体外观看,除了具有上面说的属性外,还具备“色彩”属性。

  我们绘画中的构图其实就是在表现物体“长宽高”的空间属性;而着色则表现物体的“色彩”属性。

  所以为了表现物体的外观属性,绘画的过程基本分两步,即构图和着色。

  第一、构图

  1、构图时候表现物体的立体感的重要手段是对“三面”“五调”的刻划。

  三面,即:黑、灰、白三面。由于光源照射的角度不同,面向光源的部分稍亮一些,即“白”面,背对光源部分稍暗一些,即“黑”面;中间的过渡部分呈现“灰”的效果。如图:



  上面的例子也可以看出,物体所包含的三面中不只有三面的区别,各个面中因为形体的变化和光照的不同,还有一些层次变化称为:“五调”即:

  高光、明暗交界部、暗部、反光、投影。如图:



  用球体表现更突出:



  “三面” “五调”表现好了,你的作品就会呈现出一种物体的质感,给人的感觉就会离真实近了一大步。

  除了这两个要素以外,要使自己的作品显得真实,符合逻辑,还有 “透视”这一要素。我们这里所说的可不是上医院照X光那个透视。
  详细说明如下:

  2、透视

  透视的基本规律是“近大远小” 。比如一列由远及近的火车驶来,人眼观察的结果是:



  透视分大体分为两种:平行透视和成角透视

  当物体的一个面与视者正对时候的透视效果(平行透视):



  当物体的一个角线正对着视者的时候的透视效果(成角透视):



  其他的透视大体上也都可以归纳成上述两种;是上述透视的细分。

  透视的表现就使得物体具有了空间感,可以很形象的表现出物体的大小、方向等特征。

  透视原理是来源于实际的。绘画过程中如果失去了透视,那么所表达的物体就会不符合逻辑,就会严重失真。

  以上所述的两点就是绘画中构图的基本原理,如果你想画出一个好的写实风格的作品来,一定不要偏离了实际。用理性来约束感性。即使是美术大师,他也是在充分掌握理性的东西的基础上,发挥出自己的创作才能的。

  此外,构图上也要有技巧,要根据物体安排版面。不然,即使你的构图表现再优秀,所做的作品也会很蹩脚。想深入了解的朋友可以参考一下介绍“形势美法则”相关的书籍。

  第二、着色

  所有的物体都是有颜色的。颜色是光照射在物体上,反射不同波长的色光到视者的眼中所形成的。颜色形成的原因和理论这里就不赘述,有兴趣的朋友可以参考一下美术书,那上面说的很详细,有不明白的大家可以交流。

  我们主要说说颜色的感觉:

  要使物体的颜色表现真实,就一定要打破你的“思维定势”。比如,我问你,番茄是什么颜色的?你一定回答是红色的。如果我问一个番茄上的颜色有几种,你一定回答“一种”。这就是我们在颜色问题上的“思维定势” 。



  实际上番茄在受到光源照射时会表现出很多的颜色,起码的会有“三面”“五调”的变化。-------面光的部分比较亮一点,呈现发白的颜色;背光的部分暗一点,呈现黑红的颜色,另外还有部分是H色的。



  如果物体所处的环境颜色很丰富,加上光源的颜色,物体所表现的颜色简直可以用万紫千红来比喻。

  如果,你不打破这个定势,你的作品也同样会失真,失去生命力!

  那么,如何能打破思维定势而熟练运用这些颜色呢?除了掌握颜色基本属性规律外还要靠平时的观察与积累。

  PHOTOSHOP做画不同于用实际做画,相对来说要简单。在PHOTOSHOP的拾色器中可以很方便直观的找到自己需要的颜色;“渐变”和“油漆桶”工具更是添加颜色的好帮手;如果渐变层次较多,还可以使用“加深”和“减淡”工具刻画。而在实际做画时,你需要有很高的色彩素养,才能根据实际调出所需要的颜色。而且,给作品着色也需要你掌握一定的绘画技法,才能将颜色涂抹均匀、合理。

  所以,我个人认为:准备学美术的的朋友可以先用图像处理软件练习一下对颜色的感觉。这样的好处是,方便、直观节约成本。
  学习以上知识后,就涉及到实际应用问题了。

  (PHOTOSHOP软件方面需要读者自己了解,这里就不赘述。)
附件: 您所在的用户组无法下载或查看附件
Do you know SoCool skin? check here!

IconsBox‘s Blog

TOP

支持~~~~努力学习~~~~

TOP

这篇文章很像当初刚学美术课时的教程,素描色彩基础。只是那时还没电脑,没有photoshop~

没学过美术的粉丝可要好好看看这篇文章,我在做家教教基础的时候也差不多这么让学生理解的~

TOP

回复 3# 的帖子

恩,这篇文章写的挺不错的,之前有不少朋友问自己的图标体感不强,我觉得基础问题是最关键的。所以我想自己写一篇相关的文章,突然发现了这篇文章,感觉写的还是蛮详细的~呵呵
Do you know SoCool skin? check here!

IconsBox‘s Blog

TOP

好好学习……

很多都不弄,很感谢BOX。。。
本人中科院潜水院院士

TOP

谢谢

TOP


我要 开始学习了~

TOP

多观察与积累

TOP

按理说我也临摹了不少了 但是就是为什么 没有真正自己的原创出来呢!
苦恼啊
有没有朋友 有过这样的感觉啊
点盏明灯啊

我的那点东西
http://space.chinaui.com/org

TOP

回复 9# 的帖子

看过你的东西了,呵呵。我觉得你原创的mp3的造型挺新颖的,为什么不叫真正的原创呢?
软件相关的图形界面跟工业设计也是不可分离的。我觉得可能是临摹的多,接触的实际案例不多的原因。
Do you know SoCool skin? check here!

IconsBox‘s Blog

TOP


谢谢点评!
有时候临摹的时候 觉得老实临摹不好吧 就自己改了改 想改成自己的东西
但是往往没有经过反复的推敲,结果就成这样了。
那个mp3是原创好老了 还是在学校的时候做的。
以前是学工业设计的

TOP

学习中...

TOP

是啊,每次做图标的时候总是在色彩方面考虑好久,边做的时候边改边看效果。哎,对颜色总是把握不好。

TOP

:P :P :P

TOP

  想起了以前启蒙老师说过的“透视和素描是基本功,必须得扎实”。

TOP

 25 12
发新话题