Designer Resource: Tutorials Round-up/ Icons, GIFs, Website, Lightroom, and more!

We have always been a big believer of free education (no one should pay for knowledge), and trust that learning is a big part of becoming a ninja designer, not just God given talent. So this week, we poked around the web and rounded up a few tutorials that’s sure to spark some motivation.

As a popular art form, I believe most designers would have attempted creating icons before, so in this post I found tremendous help from Benedikte Vanderweeen’s post of creating a pixel perfect icon in Illustrator. With this tutorial, why not take it a step further and create an animated custom GIF? If you’re up for it, then hey we’ve got a post for that, too! Head over to Skillshare and enrol in a free class by Jake Bartlett.

For young budding designers looking to get into the wicked world of web design, we’ve got your back! Our friends over at Pixelhint gave us the low down on creating a website in Photoshop from scratch! Even if nobody does it from scratch anymore these days, it’s always good to learn the basics first to later expand on it.

Once you’ve gotten web basics down pat, check out a tutorial that helps both web and graphic designers create perfectly aligned typography – a truly important element to any design project. Join Mark Bloom in his tutorial that teaches you how to use the column grid system.

For aspiring photographers, check out an awesome free course to help you bring your photos from “mehhh” to jaw-dropping “WHOAA!” Join over 30,000 students who’ve taken this Free Photoshop and Lightroom tutorial by professional photographer Yanik Chauvin from Montreal, Canada.

How to Create an App Icon in Adobe Illustrator

creating an app icon

In this tutorial, follow Benedikte Vanderweeën as he teaches you how to create an icon for a message/chat application. This tutorial gives you an insight into the steps taken from initial sketch to a vectorized icon. He also lists down resources and articles that are useful at the end of his tutorial.

The Beginner’s Guide to Animating Custom GIFs

Great Examples of Animated GIFs on Pinterest 16 Pins

If you ever wanted to know how to create a graphics interchange format or GIF, look no further! This simple yet profoundly useful tutorial will get you creating and animating a GIF for friends and family in no time! After taking this tutorial, join others and upload your design to the gallery to show off!

Learn How to Design a Website from Scratch in Photoshop


Start your learning process with the correct tips with this tutorial from Pixelhint. In this tutorial, you’ll learn how to design a clean, beautiful and pixel perfect website using Adobe Photoshop including useful techniques to help you in your personal or commercial projects. Let’s get started!

Use a column grid to align your typography

column grid tutorial

Mark Bloom, aka Mash Creative, walks you through the creation process for perfect typography using a column-grid system as a guide. Creating a column grid can be done via InDesign, but the mathematics is what is being taught here. This principle can be useful in both print and web design. Go to there!

Photoshop & Lightroom for Photographers



Learn how to bring your photos from “mehhh” to “WHOAA what the h***?” in just a few hours. Join Yanik Chauvin in his tutorial for passionate photographers looking to improve the quality of their images and be more efficient in Photoshop and Lightroom. The course has more than 55 lessons to improve your post processing skills and is free! Start learning now!


I hope these tutorials have been useful, even if it helps one person. Leave your comments at the bottom if any of these have helped you out. If you have suggestions let us know, too!







Written by CrazyLeaf Editorial

Follow us on Twitter @crazyleaf , Facebook , Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.


This Week On: List of Freebies

CLD Exclusive: Freebie Mega Pack San Valentines Day Vectors(AI)