close
SketchCasts is closing. Read the announcement and what the future holds. Read more
Serie Icon

Icon Design Series

19 videos in this serie

In these videos we'll demonstrate how to design how to sketch and design detailed icons. We'll go over important rules and replicate some iconic (no pun intended) artwork in Sketch using practical examples and case-studies.

Creating a icon set in Sketch
Watched

Creating a icon set in Sketch

21 minutes

For our 100th episode and after some episodes creating UI, prototyping and walking you guys through different tools, today we go back to the basics...

watch video
Design consistent Icons
Watched

Design consistent Icons

18 minutes

CJ is back to teach us how to create a consistent set of icons using Sketch

watch video
Using Squircles in Sketch
Watched

Using Squircles in Sketch

15 minutes

Squircles are probably the shape that you’ve seen the most if you are using an iOS, macOS or watchOS device, even though they seem a bit unnoticeab...

watch video
Creating a 3D Icon (part 1), by CJ Melegrito
Watched

Creating a 3D Icon (part 1), by CJ Melegrito

9 minutes *free

CJ explores the fundamentals behind 3D icons

watch video
Creating a 3D Icon (part 2), by CJ Melegrito
Watched

Creating a 3D Icon (part 2), by CJ Melegrito

16 minutes

CJ is back to talk about the thinking behind OS X's Yosemite icons, and shows us how to create a beautiful 3D icon

watch video
Creating a 3D Icon (part 3), by CJ Melegrito
Watched

Creating a 3D Icon (part 3), by CJ Melegrito

25 minutes

We finish off this series by CJ by re-creating the already teased Totoro icon.

watch video
Recreating iOS 11 Touch ID Icon in Sketch
Watched

Recreating iOS 11 Touch ID Icon in Sketch

10 minutes

The Touch ID icon has a lot of cool techniques like border options, boolean operations and gradients. Today, we’ll explore them in depth recreating...

watch video
Recreating iOS 9's new wallet and news icons, part 1
Watched

Recreating iOS 9's new wallet and news icons, part 1

16 minutes *free

iOS 9 was announced to the world at WWDC 2015 a couple of weeks ago, let's take a look and recreate two new app icons in this new version of the op...

watch video
Recreating iOS 9's new wallet and news icons, part 2
Watched

Recreating iOS 9's new wallet and news icons, part 2

16 minutes

iOS 9 was announced to the world at WWDC 2015 a couple of weeks ago, let's take a look and recreate two new app icons in this new version of the op...

watch video
Mac Icon Design Workflow
Watched

Mac Icon Design Workflow

10 minutes

CJ gives a walkthrough of his current icon design workflow and shares some tips and tricks when building icons for the Mac.

watch video
Recreating Pages’ Icon
Watched

Recreating Pages’ Icon

10 minutes

A comprehensive guide to recreate Pages for Mac app icon, all in Sketch.

watch video
Recreating Numbers’ Icon
Watched

Recreating Numbers’ Icon

10 minutes *free

A comprehensive guide to recreate Numbers for Mac app icon, all in Sketch.

watch video
Recreating Keynote’s Icon
Watched

Recreating Keynote’s Icon

11 minutes

A comprehensive guide to recreate Keynote for Mac app icon, all in Sketch.

watch video
Recreating the new Sketch icon
Watched

Recreating the new Sketch icon

18 minutes

This is a tutorial on how to design the new Sketch Icon. We explore techniques like linear gradients, vector shapes, path manipulation, zoom blur a...

watch video
Recreating Yosemite's Safari Icon
Watched

Recreating Yosemite's Safari Icon

5 minutes

I like to believe this is how Apple built Safari's new icon for OS X Yosemite

watch video
Recreating the iTunes Icon
Watched

Recreating the iTunes Icon

24 minutes

Requested by one of our awesome members, today we take a look at how to recreate the iTunes icon from scratch using Sketch!

watch video
Designing Icons with the iPad Pro
Watched

Designing Icons with the iPad Pro

10 minutes

When designing icons, fidelity and attention to detail are key, that’s why the iPad is the perfect tool for that. Being able to design while touchi...

watch video
Designing Icons with the iPad Pro (part 2)
Watched

Designing Icons with the iPad Pro (part 2)

12 minutes

When designing icons, fidelity and attention to detail are key, that’s why the iPad is the perfect tool for that. In today’s episode, we take Graph...

watch video
Recreating iOS 11 Touch ID Icon in Sketch
Watched

Recreating iOS 11 Touch ID Icon in Sketch

10 minutes

The Touch ID icon has a lot of cool techniques like border options, boolean operations and gradients. Today, we’ll explore them in depth recreating...

watch video