AI教程!教你制作圣诞主题可爱icon
关于教程
这是一组圣诞节的icon,整体还是想体现icon的圆润可爱,所以造型比较矮胖Q萌。配色方面选择了偏暖调的红绿黄,体现温馨节日的感觉。
在绘制的时候,我们按以下4个步骤来执行,分别是:
1. 找寻参考并绘制草稿 - 2. 新建文档 - 3. 按照网格绘制图标 - 4. 调整和导出
现在就来一步步详细说明咯:
教程效果图
(注意:制作icon时我使用了网格框作为辅助参考,因是最终效果图所以没呈现,素材链接在下方)
教程步骤
步骤1:找寻参考并绘制草稿
关于参考图我还是以我的构思圆润...
设计神器IconPark!字节跳动出品高质量免费图标资源库
IconPark 是一个开源的矢量图标库,拥有 2300+预设图标,29个图标分类。可以在线对预设图标进行风格和样式调整,变换出多种风格,叉乘后图标数量可达到数万级。网站所有图标皆可免费使用!
9组Google地图Icon图标
图标的设计要具有足够的示意性,而且同属一个系列的软件图标需要足够的统一性。来看看这9款运用了Google配色的地图图标设计,或许可以开拓你的思路。
Paper Google Map Icon by Amelia Thompson
Google Maps / logo redesign concept by Usarek™ Studio
Alter Google Maps by Aleksandr Reva
Google Maps logo concept by Leo
...
灵感必备!12组创意ICON设计
随着互联网的发展和智能手机的普及,移动应用成了人们最热爱的宠儿,UI作为APP设计中是不可缺少的一环,好的UI设计更是可以让APP更上一层楼~看看这组不同风格的icon设计可以给你带来什么灵感吧~
Pet Icons by Antonina
Flat Design Colorful Icons Set Illustration by Gigantic
Gradual icon 3 2x by Moli_xEs
icons by Jobe0019
ICON by Heat...
高级感!12组毛玻璃质感icon设计
时下流行的毛玻璃质感,可以达到视觉上的通透,虚实结合,达到一种轻透高级的美感,并极富层次感,巧妙使用可以提高设计的高级感。一起来看看这12组毛玻璃质感icon设计吧~
Pet Iconly Essential icons by Antonina
Image may contain screenshot by Hassan Ali
Freebie Iconly Glass by Afshin T2Y ️
Glass...
12张简洁线性icon图标设计
一组线性图标设计,运用图标式的简洁线条,进行巧妙的设计,让同一组icon之间的视觉统一,表达出单色线条icon的魅力。一起来看看,相信会对你有所启发。
Angular Icons Vol.1
by Dennis Snellenberg
Line Icons
by Nagamani
Dashboard Illustration Delivery
by Ivona Polláková
Covid 19 | Back to Work
by Zach Roszczewski
Burikek Ic...
魅力四射!动态icon神器
设计届的良心 icons8 又出新图库啦!这次是动态 icon 库,这些动态 icon 丰富多样,涵盖多种日常使用场景,而且数量还在持续更新~快用动态 icon 让你的项目稿魅力四射起来吧!
AI教程!教你绘制日系风格icon图标
关于教程
这是一组以日本的标志性建筑或者代表性物体为主题的 icon,整体颜色搭配给人满满的日系感。
效果图
教程步骤
步骤一:新建文档
打开AI-新建一个800x600像素的文档
步骤二:导入原图作参考层
临摹时,我习惯把原图粘贴进文档中,并进行参考线建立,再锁住该图层改名为参考层。
步骤三:制作底座
3.1 新建一个150x150的矩形,圆角半径为18px。
设计神器Lineicons!拥有2000+款高质量线性图标的网站
Lineicons 中包含 2000+ 款针对设计师和开发人员的线性图标,分类齐全,可自由编辑,支持多种格式,且有多种下载使用方式,非常的方便实用。
AI教程!教你绘制具有律动美感的Music icons
关于教程
这是一组为即将上线的手机音乐游戏制作的icons,其中,金属元素的加入和光影的表现,增加了整组icon的立体感和动态美,满满的摇滚风,传达了音乐游戏想要带给玩家的律动感,具有一定的临摹价值。
如果你也想学习绘制这样好看的扁平插画风格图标,记得戳链接喔 → 点我学习制作AI图标
教程步骤
开始教程之前,先来个小提示:我们在临摹时,首先要对整个作品进行分析。
原作者想要表现什么(风格?
12组各有千秋的icon设计
icon的设计会贯穿全套设计稿,所以在设计的环节中必不可少,优质的icon设计会帮助品牌和企业更好的树立形象,形成自己的设计语言。
Icon Illustrations by Ted Kulakevich for Unfold
MI Zili Icon by Itern
Abstract Icon Set by Ted Kulakevich
Iconstyle by DylanMoran
Illustration Set by Ted Kulakevich
COLORFU...
设计神器IconFinder!可在线编辑的免费高质量图标库
快要到年底啦,相信很多小伙伴都在为了圣诞节、元旦节和春节熬夜加班赶稿。So,今天神器小分队又特地来为年末繁忙的小伙伴送温暖啦~
高品质可在线编辑图标资源网站——ICONFINDER,图标质量高、支持在线编辑,其中还有超多图标支持免费商用哟!
有需要的小伙伴,就继续看下去吧~
首先,戳一下网址。
C4D教程!教你用OC渲染器制作金币材质App Store的立体icon
今天来教大家如何使用的是OC渲染器,制作反射好看的金币材质,希望大家喜欢!
结语
本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。
相关推荐:
→C4D教程!
设计神器Icons8!让你相见恨晚的图标神器
不管是UI设计还是平面设计,图标都是大家的心头肉~
但每次项目都有不同的设计风格和适配设备,所以只能重新找更适合的图标素材,简直是令人头秃!
之前神器小分队也给大家安利过不少图标素材网站:
支持在线改色、下载SVG格式的阿里妈妈Iconfont+
还有风格分类清晰、能在线改色的illustrio:
但图标多、格式全、分类清晰、在线改色…真正的图标神器怎么能只会这些?
PS教程!超详细步骤教你绘制光影质感摄像机icon
关于教程
—
第一次看到 Eddie Lobanovskiy 做出的这款icon时,我感到十分惊艳,他对于细节的把控,让我赞叹不已。而通过临摹 Eddie Lobanovskiy 这款作品,主要也是为了锻炼自己,在设计中对细节的把控和对图层样式应用的熟练度。光影方面,和 @吃喝玩乐团团长 一起重新定义了光影的方式,让L型的背景更加立体。