One of the best ways to improve and build upon your design skills is by using tutorials — short, instructional guides that teach techniques so you can craft great designs.

We’ve collected 25 of our favorite tutorials from across the web to help you practice your skills. These skills include:

  • Programs: Adobe Photoshop, Illustrator, InDesign
  • Logo, Web, App, Icons, Print and Packaging, Tshirt
  • Typography, Grids, 3-D, Opacity, Gradients, Masks, Patterns, Layout, Color Management, Brushes, Meshes, Textures, Bleeds and Margins, and more.

Logo

Create Isometric Grid-Based 3D Lettering

art189tutillus615

Programs: Illustrator
Level: Intermediate
Skills: Typography, Grids, Creating 3D Objects

Simple Organic Shapes the Illustrator Way

organic-shapes-ai

Programs: Illustrator
Level: Beginner
Skills: Opacity, Duplication, Masks

Creating a Crazy Cool Logo

zagora_logo_0

Programs: Illustrator
Level: Intermediate
Skills: Typography, Shading, Gradient, Transformations

Create a Clean Retro Badge in Adobe Illustrator

final-copy

Programs: Illustrator
Level: Intermediate
Skills: Typography, Pattern Brushes, Effects, Color Management

Web

Watercolored Design Studio Blog Layout

Web-Watercolor

Programs: Photoshop
Level: Intermediate
Skills: Opacity, Typography, Buttons, Layout

Design a Warm, Cheerful Website Interface in Adobe Photoshop

final

Program: Photoshop
Level: Intermediate
Skills: Grids, Filters, Navigation Bars, Typography, Buttons, Masks

How to Build a Stylish Portfolio Web Design Concept

Screen-Shot-2011-12-08-at-3.23.26-PM

Program: Photoshop
Level: Beginner
Skills: Color Management, Buttons, Shadows

Create a Nature Inspirated Painted Backdrop in Photoshop

painted_bkg

Programs: Photoshop
Level: Beginner
Skills: Brushes, Noise, Color Management, Texture
Remember: If you use any brushes as a stamp, remember that you MUST declare that as stock artwork when you submit your design!

App

Photoshop Tutorial: Create a Multimedia Player

Untitled-18

Program: Photoshop
Level: Beginner
Skills: Beveling and Embossing, Gradients, Layers, Masks

Design a Clean Launch Email for a Mobile App

3iphones

Program: Photoshop
Level: Intermediate
Skills: Smart Objects, Clipping Masks, Warping Text, Buttons, Shadows, Footers

Design an IPad App UI

art193photoshop

Program: Photoshop
Level: Intermediate
Skills: Grid Structures, Wireframes, UI/UX design, Marquee, Masking

Icon

Quick Tutorial: Create a Sleek Bevel Styled Icon

icon1

Program: Illustrator
Level: Beginner
Skills: Buttons, Depth, Shading

Icon Design Tutorial: Drawing a Pencil Icon

step-by-step

Programs: Illustrator
Level: Intermediate
Skills: Sketching, Paths, Shapes, Gradient, Color Management

Icon Tutorial: Video Projector

filmprojector1711

Programs: Illustrator
Level: Intermediate
Skills: Gradients, Pen Tool, Ellipse Tool

How to Illustrate a Tomato Using Adobe Illustrator

0

Programs: Illustrator
Level: Advanced
Skills: Meshes, Gradients, Blends, Paths, Shading

Print

A Tutorial for Good Typography in InDesign – Setting up a Baseline Grid

Again

Programs: InDesign
Level: Beginner
Skills: Grids, Typography, Layout

How to Create A Professional Magazine Layout

16

Programs: Indesign
Level: Beginner
Skills: Alignment, Grids, Text, White Space

Design a Ready to Print Brochure in Photoshop

final-image-mockup

Program: Photoshop
Level: Intermediate
Skills: Drafting, Bleeds and Margins, Texture, Color, Shadow, Free Transform

Design a Grunge Vintage Poster in Photoshop

vintage_preview2

Program: Photoshop
Level: Beginner
Skills: Pattern, Guides, Shapes, Layers, Colorizing, Texture, Hue/Saturation

Packaging

Create a Zee Vintage Label on Illustrator

photostream1

Programs: Illustrator, Photoshop
Level: Intermediate
Skills: Typography, Layout, Masks, Layers, Texture

Create a Stylish Coffee Cup with Smart Objects

final-1

Programs: Photoshop
Level: Advanced
Skills: Paths, Free Transform, Shadows, Gradient Overlay, Layers, Opacity, Blurs, Highlights, Masks

T-shirt

Create Abstract Characters

art190tutillus615

Programs: Illustrator
Level: Intermediate
Skills: Sketching, Color Management, Depth, Brushes

Add Textures to Vectors Using Smart Objects

art194tutillus

Program: Illustrator, Photoshop
Level: Intermediate
Skills: Color, Smart Objects, Textures

Layer up Vectors for Unique Effects

art192tutillus

Programs: Illustrator
Level: Advanced
Skills: Pen Tool, Color Management, Layers, Shading

Simulate Screenprint Effects

art191tutindesign

Programs: InDesign, Photoshop
Level: Beginner
Skills: Photography, Converting File Type, Bitmap, Rasters

Have great tutorials you’ve used? Share them in the comments!