火星设计教程之「用基本形快速画一个鸡年图标」

 

利用简单的矩形、方形、圆形,巧妙设计鸡年图标。...

——火星设计教程——

用基本形快速画一个鸡年图标

作者介绍


Nick Sun,火星时代上海校区UIUE设计老师。从事设计工作12年以上,5年科学普及出版社美术编辑经验,后进入互联网行业,3年OA软件界面设计工作,2年美资团购网站网页前端设计工作。

教程简介:用基本形快速画一个鸡年图标

应用软件:Ps

适用人群:所有人

难度:简单
咯咯哒,鸡年来了,
身边自然少不了鸡年元素。
本期我们就以“鸡”形象为元素,
打造了简单易学的设计教程,
“鸡年图标设计”
本期教程仅用简单的矩形、方形、圆形,
便能够设计一款生动形象的鸡年图标,
小白们再也不用担心啦!
快跟着Nick Sun老师一起动手设计吧!
STEP1:


1、用矩形工具画一个240像素X80像素矩形,填充红色(R:255、G23、B50)

2、椭圆工具画一个300像素X300像素圆形,填充白色(R:255、G255、B255),并将圆形的中心与矩形的右侧对齐。
STEP2:


1、用直接选择工具(小白),点击矩形的左下角,调节角点工具,使左半边变成一个四分之一的圆弧(图1)。同理调整右上角。得到下面图2里的形状。(图2)

2、用直线工具,从圆形中心开始,分别在横向和纵向上画直线,形成十字状。(线条长度要超过圆形即可,直线要在圆形上面)。

3、用选择工具将圆形和直线一起选中,打开路径查找器面板(CTRL+SHIFT+F9),点击分割按钮,将圆形分割开,保持圆形选择状态,点击右键选择取消编组。


STEP3:


1、调整图形,将右上的四分之一圆删除。

2、用选择工具框选下面半圆形状,同时打开路径查找器面板(CTRL+SHIFT+F9),点击联集,将分割开的两个四分之一圆合并成完整的半圆。并将半圆的位置向左移动,使半圆的右侧与上面四分之一圆右侧对齐。公鸡的基本形状就已经得到了。


STEP4:


1、选择鸡冠部分,点击旋转工具(R键),按住ALT键将中心点移动到鸡冠的右下部(图中绿色圆圈的部位)。释放鼠标后会弹出旋转面板。旋转角度输入15度,可以勾选预览看下位置,点击复制按钮,随后再按下CTRL+D(重复上一步操作),复制形状。最终得到3个形状。(图3图4)

2、给复制出的鸡冠填充颜色,分别为(R152,G26,B54),(R193,G23,B120)(图5)

3、选择鸡冠,右键—排列,调整鸡冠的上下顺序。得到如下图形.(图6)


STEP5:


1、在鸡头上,鸡冠下画一个红色圆形(R:255、G23、B50),直径30像素,三分之一在鸡头的外面。

2、紧贴这个圆下方再画一个大一些的圆形,直径62像素,颜色(R152,G26,B54),也可以用吸管直接吸取第2片鸡冠的颜色。公鸡的肉垂部分画好了。(图7)


STEP6:


1、先画一个黄色正方型(R:255、G226、B23),宽高26像素,正方形的左侧边缘与鸡头的右侧边缘对齐,正好覆盖住红色小圆超出鸡头的部分。(图8)

2、选择钢笔工具的删减锚点工具,点击正方形右下角,将点删除,形成一个三角型。(图9)

3、选择三角形,点击镜像工具,按住ALT键,点击中心点,弹出镜像面板,选择水平方向,点击复制按钮,复制出下半个嘴。填充一个深一点的黄色(R:255、G226、B23),并将他排列到底层(CTRL+SHIFT+[),公鸡嘴做完成了。(图10)


STEP7:


1、选中公鸡半圆部分,点击旋转工具,按住ALT键,将中心点移动到右上角,松开鼠标会弹出旋转面板。(图11)

2.在面板里输入角度 -20度左右,点击复制按钮。复制出一个,然后CTRL+D两次,复制出另两个(图12)

3.用选择工具,选择复制出的三个半圆,打开路径查找器面板,点击联集,将3个半圆合并一起。(图13)

4。调整尾巴的位置,并进行缩放,将尾巴的上部对准鸡冠第2片的上部,并将尾巴置于底层(CTRL+SHIFT+[)(图14)


STEP8:


1、用直线工具,沿着公鸡上嘴巴的斜向角度画一根直线,长度要超过公鸡的身体。选中直线和公鸡的半圆,打开路径查找器面板,点击分割。并右键取消编组。(图15)

2、选择分割后的左半边,并填充颜色(R:230、G230、B230)。最后将色块置于底层(CTRL+SHIFT+[)。完成这个图形。(图16)


鸡年图标,你学会了吗?
祝大家鸡年行大运!

号外号外!!


本公众号将持续推出“火星时代教程”系列文章,分享适用于所有人的入门级基础设计技能。如果你有好的设计教程,欢迎分享给我们,大家一起学设计。猜你感兴趣的文章

火星设计教程之「Q版头像」

火星设计教程之「木疙瘩应用教程-如何巧妙实现H5跨页帧数跳转」
投稿及合作:QQ2853636788
仅供学习请勿商用丨尽情分享朋友圈丨转载请注明出处


    关注 火星人进化论


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册