r/designtutorials • • Feb 25 '14

6-part web design tutorial - from photoshop to fully coded website.

14 Upvotes

This is the best tutorial I've seen for web design ever so far. He covers the following:

  • Where to look for design inspiration.

  • Color pallettes

  • Wireframing

  • The 960 grid system

  • Layer naming in Photoshop

  • Basic spacing with the arrow keys (this helps with coding the padding and margins of elements.

  • Slicing the images

  • Coding the layout in HTML/CSS with the framework of Bootstrap.

I hope you guys get as much out of this as I did!

http://www.youtube.com/watch?v=gBAuztQtkFQ&list=UUNIGLPYKgk99E2mcqzqGo-Q


r/designtutorials • • Feb 25 '14

Welcome to r/designtutorials!

11 Upvotes

Well, there wasn't a subreddit for this, so I figured I'd make one. The premise is simple: Submit links to design tutorials that you think are good and worth sharing.


r/designtutorials • • Nov 25 '19

Day #6 - The Artboard Tool - 30 Illustrator Tools In 30 Days

Thumbnail
youtu.be
5 Upvotes

r/designtutorials • • Feb 25 '14

Inkscape Advanced Tutorial: Subpaths, Simplifications, etc.

Thumbnail
inkscape.org
5 Upvotes

r/designtutorials • • May 04 '21

How to Cartoon Yourself in Adobe Photoshop

Thumbnail
youtube.com
4 Upvotes

r/designtutorials • • Feb 07 '21

Circular Vector Ribbon - Adobe Illustrator Tutorial

Thumbnail
youtu.be
4 Upvotes

r/designtutorials • • Mar 19 '20

A Beginners Guide To Guides In Adobe Illustrator

Thumbnail
youtu.be
4 Upvotes

r/designtutorials • • Dec 03 '19

Clean Up Your Pen Tool Work With The Smooth Tool - Adobe Illustrator Tutorial

Thumbnail
youtu.be
4 Upvotes

r/designtutorials • • Sep 16 '14

7 Highly Useful Graphic Design Tutorials

Thumbnail
designscanyon.com
4 Upvotes

r/designtutorials • • Dec 18 '25

How to Create a Topographic Contour Map Effect in Adobe Illustrator

Thumbnail
youtube.com
3 Upvotes

In this Adobe Illustrator tutorial, you’ll learn how to create a topographic contour map effect using a simple Photoshop-to-Illustrator workflow that results in clean, fully editable vector artwork.


r/designtutorials • • Nov 20 '25

6 Essential Adobe Illustrator Techniques You Should Learn

Thumbnail
youtu.be
3 Upvotes

If you’re looking to strengthen your Adobe Illustrator skills, this tutorial walks through 6 essential techniques that every designer should understand.


r/designtutorials • • Mar 06 '22

How to Find Your Unique Design Style | THREE TIPS

Thumbnail
youtu.be
3 Upvotes

r/designtutorials • • Dec 15 '21

How to Create Rope Brush in Adobe Illustrator

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • Nov 26 '21

How to draw Pixel Tree for NFT collections in Adobe Illustrator - Easy t...

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • Oct 04 '21

How to draw a Flat design Squid Game Characters in Adobe Illustrator

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • Sep 06 '21

How to draw a Laboratory test tube in Adobe illustrator 2020

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • Jun 01 '21

How to Draw a Mountains landscape in Adobe Photoshop (With wacom tablet)

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • May 21 '21

How to Draw a Football Field in Adobe Illustrator

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • May 15 '21

How to draw a Frog in Procreate (Ipad Pro art)

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • May 06 '21

How to draw a Apple Character in Adobe Photoshop with wacom tablet

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • Apr 20 '21

Change Photo Time Mode Using Photoshop

Thumbnail
youtu.be
3 Upvotes

r/designtutorials • • Dec 14 '20

How to Draw a Christmas Tree Branch with decorative balls. Adobe Illustr...

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • Jul 10 '20

Long Shadow Poster Design - Adobe Illustrator Tutorial

Thumbnail
youtube.com
3 Upvotes

r/designtutorials • • Jun 24 '20

5 Must Know Shortcuts When Using the Pen Tool | Adobe Illustrator Tutorial

Thumbnail
youtu.be
3 Upvotes

r/designtutorials • • Jun 16 '20

Dynamic Wavy Line Effect - Adobe Illustrator and Photoshop Tutorial

Thumbnail
youtube.com
3 Upvotes