Tutorials

14 Sep 2016

Tutorial: How to Make Seamless Pattern Repeats in Adobe Illustrator

Ever wondered how to create seamless patterns in Illustrator? This short video gives you short instructions on how to accomplish this. Video is by TheVectorLab

08 Sep 2016

Drawing a map in Illustrator

I'm currently in the drawing process of a map in Illustrator. In fact, it's a series of maps. The maps need to be in good print quality and also available online in a pdf. I searched for a good solution to cover both needs. Obviously, you go to Google Maps and take a screenshot of your map and location but this results in poor quality as the screenshot has a low resolution. I found some work arounds - i tried "my maps on Google" but the quality for print is not what i was looking for, it was poor quality and poor adjustment options. So i decided to draw them myself in Adobe Illustrator with the Google Map as a template layer as a starting point. I found some good, short video tutorials on how to create roads, rivers and labels in your maps:

25 May 2016

Understanding vector graphics

Short and comprehensive tutorial on vector graphics versus bitmap

17 Dec 2015

Color made easy

How to create a perfect palette? In this brief tutorial Google Design experts lead us through an smart approach to design effectively with color.

01 Jul 2015

Creating Illustrations with Illustrator Draw

With the new version of Adobe Creative Cloud, it is now possible to create vector designs on the iPad or the iPhone with Adobe Illustrator Draw. You can connect with your content and upload your vectors to the community. Let's watch this video on how to start using Illustrator Draw

28 Apr 2014

Designing a splash screen for mobile

For Designmodo - a popular blog about design topics - I wrote a step-by-step tutorial on how to design a splash screen for mobile.

09 Apr 2014

Creating text effects in Photoshop

In this tutorial, i'm showing some text effects that can be applied using the effects panel in Photoshop. First, i'm giving some research tips and references, next i'll show the final result of the text effect and give step-by-step instructions on how to apply the text effects. Resources, fonts and textures that are showcased in the effects are listed at the end in References.

21 Mar 2014

Tutorial on how to make your sketch an app icon

I wrote a step-by-step tutorial on how to convert your sketch to a full vector app icon.

11 Mar 2014

Amazing Photoshop actions for building iOS 7 user interfaces

Jérémy Paul posted a animated gif on Dribbble demonstrating a collection of Photoshop Actions to create iOS 7 iPhone mockups. No need to download a PSD and alter. You can watch and read about the actions here:

12 Feb 2014

Style guide collection

Lately, i have been doing more and more style guides to guide my clients in their online presence. Last week, an excellent article "Getting Started With Pattern Libraries" by Anna Debenham was published on A List Apart explaining the steps to take for coding and maintaining a pattern library. Anna explains how she did the ALA style guide, for web designers to use as guidance. She also wrote a book about this Front-end Style Guides, published by Five Simple Steps.