Tutorials

  • How to Create a School-Themed Vector Pack in Adobe Illustrator

    How to Create a School-Themed Vector Pack in Adobe Illustrator

    Andrei Ștefan  •  October 27, 2014

    Learning something new is not just for the kids; it can be for teachers and educators, too. That especially applies when it comes to creating images for use in class projects or...

  • Build a Responsive Grid System in LESS with Recursive Mixins

    Build a Responsive Grid System in LESS with Recursive Mixins

    David East  •  September 30, 2014

    Ever wanted to build your own responsive grid system? It’s easier than you think. LESS has a feature known as recursive mixins, which can generate code that we’d...

  • How to Create Vector Textures in Adobe Photoshop and Illustrator

    How to Create Vector Textures in Adobe Photoshop and Illustrator

    Andrei Ștefan  •  September 1, 2014

    For some time, textures have been an important part of graphic design, but the process for creating them is not always that clear. This ultimately led you on a hunt to find the...

  • How To Create a Web Icon in Adobe Illustrator

    How To Create a Web Icon in Adobe Illustrator

    Andrei Ștefan  •  July 28, 2014

    Ever wanted to design an icon for the web? Today is your day. In this tutorial you’ll learn how to design web icons. If you’re an icon addict, you probably already know...

  • Creating a Scalable SVG Infographic

    Creating a Scalable SVG Infographic

    Benedikte Vanderweeën  •  June 18, 2014

    In this tutorial, I’m exploring how to make a scalable infographic in the browser using SVG as graphical format. I’m also using CSS3 animation techniques to animate...

  • How to Customize a Website with Startup Framework

    How to Customize a Website with Startup Framework

    David East  •  April 14, 2014

    Now that you have built your first website using Designmodo’s Startup Framework, you probably want to further customize your site. In this series of four videos, we will take...

  • How to Create a Splash Screen Illustration

    How to Create a Splash Screen Illustration

    Benedikte Vanderweeën  •  April 10, 2014

    In this tutorial, we will walk through the process of creating a splash screen illustration using vector elements created in Illustrator and applying them to a template in...

  • Tutorial: Make a Landing Page Using Generator

    Tutorial: Make a Landing Page Using Generator

    David East  •  April 4, 2014

    Designmodo’s Generator works with Startup Framework to create an easy drag and drop landing page for almost any website/startup. The two-part video tutorial shows you how easy...

  • How to Create an App Icon in Adobe Illustrator

    How to Create an App Icon in Adobe Illustrator

    Benedikte Vanderweeën  •  March 17, 2014

    In this tutorial, I’m creating an icon for a message/chat application, I’m using a “postman” bird as starting point. This tutorial gives you a insight in...

  • Transfer CSS to LESS when Building a Website with Startup Framework

    Transfer CSS to LESS when Building a Website with Startup Framework

    David East  •  March 7, 2014

    What you will learn in this tutorial: How to code a website (Startup Framework) using LESS for simpler, leaner CSS. Video run time: 4 minutes David East takes you step-by-step...