Category: Tutorials

Sep 14

Tutorial: How to Make Seamless Pattern Repeats in Adobe Illustrator

Posted by Benedikte Vanderweeën on 14/09/2016

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

Sep 08

Drawing a map in Illustrator

Posted by Benedikte Vanderweeën on 08/09/2016

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:

May 25

Understanding vector graphics

Posted by Benedikte Vanderweeën on 25/05/2016

Short and comprehensive tutorial on vector graphics versus bitmap

Dec 17

Color made easy

Posted by Benedikte Vanderweeën on 17/12/2015

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

Jul 01

Creating Illustrations with Illustrator Draw

Posted by Benedikte Vanderweeën on 01/07/2015

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

Apr 28

Designing a splash screen for mobile

Posted by Benedikte Vanderweeën on 28/04/2014

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

Apr 09

Creating text effects in Photoshop

Posted by Benedikte Vanderweeën on 09/04/2014

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.

Mar 21

Tutorial on how to make your sketch an app icon

Posted by Benedikte Vanderweeën on 21/03/2014

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

Mar 11

Amazing Photoshop actions for building iOS 7 user interfaces

Posted by Benedikte Vanderweeën on 11/03/2014

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

Feb 12

Style guide collection

Posted by Benedikte Vanderweeën on 12/02/2014

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.

  • Page 1 of 2 pages  1 2 >
  • Powered by Creative Market

    About this blog

    We write about subjects that are related to our business in web design and the other services we offer. Mostly, I write about projects we have done for our clients, some tutorials on software we use, about creative processes and side projects I am working on when not working on client projects. We appreciate your time here on our website, thanks! In case you want to reach out, please send an e-mail to benedikte at bene dot be.