Make Icons in Adobe Illustrator for your Interface Design—Tutorial: Art Fundamentals—2D Design

Опубликовано: 28 Сентябрь 2026
на канале: Dan Holst Soelberg
326
8

This isn't video about how the tools in Adobe Illustrator work. For that, scroll down for links to short videos by other YouTube channels. This video describes the creative process that designers go through in developing their own icons for user interfaces.
--------
If you are brand new to Adobe Illustrator, these tutorial videos explain what the necessary tools are and show you how to use them:
Adobe Illustrator beginner tutorial in 5 minutes:    • Learn Illustrator in 5 MINUTES! Beginner T...  
Adobe Illustrator—learn everything you need to know about the pen tool in 3 minutes:    • 5 MUST KNOW Shortcuts When Using the Pen T...  
Use Adobe Illustrator’s conversion tool to instantly change your traditional sketch or procreate drawing into vector lines (less than 5 minutes):    • How I turn My Procreate Drawings Into Vect...  
3 other ways to turn your sketch or procreate drawing into vector lines in Adobe Illustrator (less than 5 minutes):    • 3 Ways to turn sketch into vector illustra...  

Clips used in this video are not my property. Some of the clips are from the tutorials with links above.

See my finished interface design:    • Bed of the Future—Demo video for Project 5  

Time stamps:
0:26 Why Adobe Illustrator is recommended for icon rendering.
1:07 Find inspiration.
1:12 Capture that inspiration.
1:17 Look for different ways to represent an idea as an icon.
1:41 Design one button.
2:06 Be consistent with all your icons:
2:08 • Colour
2:23 • Contrast
2:29 • Shape
2:44 • Line Weight
3:24 • Style (sloppy is NOT a style)
4:29 Minimal.
5:19 Delete lines, shapes & boxes.