AI图标教程,设计一个天气主题图标
来源:微博 作者:杨洋-XHM
这是一篇临摹教程,参考了别人的作品设计出来的,主题是一秋分天气,特别介绍了AI的渐变工具的使用,分享给想学AI的同学了。
作者追波:@Yuan
步骤一:
打开你的Adobe Illustrator,创建一个新文档。
宽度:800像素高度:600像素首先,我们将插画的背景画出来。
使用椭圆工具(L)画一个正圆,并用对齐面板(Shift+F7)将圆对齐到画板中心。?然后用参考线工具标出正圆的正中心。
使用路径查找器(Shift+Ctrl+F7)将背景一分为四,上面天空多一点,下面的地面适当的少一点。同时给每个色块填充相应颜色,数值见下图:
步骤二:
刻画天空的夜晚与清晨。
温馨提示:在AI里面使用渐变,需要尽可能的多调节角度、长度以及颜色的扩展范围。切不可心急,想一次出效果。参数不重要,一切以实际效果为准。
夜晚渐变:径向 - 45° - #136078~#1C2E43清晨渐变:径向 - 137° - #EBC814~#D19D3B步骤三:
刻画地面的夜晚与清晨。
温馨提示:这里的地面渐变因为要与后面设计的元素有很好的融合,所以在这里的渐变和之前的天空采用不一样的方式。
将地面的两个块面,左侧原地复制粘贴一份(Ctrl+C – Ctrl+F ),右侧因为有两个光,所以原地粘贴两份。三个光的渐变数值与角度如下图:
夜晚渐变:线性 - -90° - #37A88E(不透明:0%)~#1E775F清晨渐变:右上光 - 径向 - -90° - #EBC814(不透明:60%)~#D19D3B(不透明:0%)清晨渐变:右下光 - 径向 - -86° - #EBC814(不透明:0%)~#D19D3B步骤四:
刻画太阳于增加地面颜色的丰富性。
温馨提示:这里的就是用了两个正半圆, 也是使用路径查找器(Shift+Ctrl+F7)做的,一块做太阳,一块放在地面右侧的,同时记得对齐锚点和中心
太阳渐变:线性 – 0° - #BF3524~#D28B2D右下渐变:径向 - -85.7° - #37A88E(不透明:0%)~#1E775F步骤五:
增加太阳的辐射光。
温馨提示:这里的三个正半圆, 也是使用路径查找器(Shift+Ctrl+F7)做的,先做好靠近太阳的一块, 先调整好渐变。然后原地复制粘贴一份(Ctrl+C - Ctrl+F ),使用选择工具(V),按住(Shift)等比例放大做出第二层。最后一块则是用选择工具(V)复制、翻转+对齐就可以了,同时记得对齐锚点和中心线。
太阳同向渐变:径向 - 90° - #D29F3C (不透明:0%) ~#EBCC3B太阳向左渐变:径向 - -180° - #BF3524(不透明:0%)~#D28B2D因为辐射的范围不同,所以左侧色值的位置也要有相应的调整,状态如下图:步骤六:
增加太阳在地面的辐射光。
温馨提示:下方的正半圆, 也是使用路径查找器(Shift+Ctrl+F7)做的,唯一要注意的,就是要和上面的半圆吻合,最好是把之前的圆保留下来在这里进行操作。最后要记得检查对齐锚点和中心线。
太阳下方渐变:径向 - 90° - #D29F3C (不透明:0%) ~#EBCC3B步骤七:
增加夜晚的云朵。
温馨提示:云朵的基本型,是通过三个正圆得到的。
一个正圆打底, 填充:#35b094。原地复制粘贴两份(Ctrl+C - Ctrl+F ),使用选择工具(V),选择其中一个正圆调整好位置大小, 选择对象使用路径查找器(Shift+Ctrl+F7)将基本形的暗部做出来,加上渐变,最后复制粘贴,调整位置即可。
基本形暗部渐变:线性 - 100° - #37a88e (不透明:0%) ~#1e775f步骤八:
增加清晨的云朵。
温馨提示:清晨的云朵,基本是通过上一步得到的基本形,复制、粘贴改变位置和暗部渐变做出来的,所以这一步我就不在重复了。
打底正圆填充:#f4d644基本形暗部渐变:线性 - 100° - #ebcf49 (不透明:0%) ~#e3b93b步骤九:
增加清晨的元素。
温馨提示:这里的两向右的正半圆, 也是使用路径查找器(Shift+Ctrl+F7)做的,先做好靠近太阳的一块,调整好渐变。然后原地复制粘贴一份(Ctrl+C - Ctrl+F ),使用选择工具(V),按住(Shift)等比例放大做出第二层,最后再检查一下是否对齐锚点和中心线就可以。
元素渐变:径向 - 0° - #ebc93c ~ #d19d3b步骤十:
增加夜晚的元素。
温馨提示:因为是夜晚,所以需要用椭圆工具(L)画一些正圆来作为星星点缀画面。
星星的颜色填充:#dcc584星星的位置和数量就由你们自己,自由发挥,但星星不宜过多,以免喧宾夺主。?今天秋分,昼夜温差慢慢变大,各位加班的设鸡师们,一定要注意保暖哟。
全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。
推荐教程
-
AI图标教程,用AI设计苹果图标教程
11534271 -
AI图标教程,设计穿插线条图标教程
格律设计 -
AI插画绘制,用AI绘制一幅落日西下场景的插画
不详 -
AI插画制作,用AI创建一个外星人入侵的场景
不详 -
AI图形绘制,用AI绘制游戏《纪念碑谷》的游戏画面
米你教育 -
AI绘制教程,设计一张梦幻星空背景图片
那天不会笑了 -
AI花朵制作,用AI打造一朵绚丽盛开的花
vivwcw -
AI绘画教程,制作苹果笔记本电脑
公众号 -
火箭插画,通过PS设计一幅卡通火箭插画
小智 -
AI图形教程,通过AI绘制一张漂亮的花朵
lnpjgswsw592 -
AI文字海报,通过PS制作水波效果的文字
野鹿志 -
AI效果教程,通过PS和AI结合制作围棋效果的图片
野鹿志