Tutorial: Patterned Wallpaper

Friday, September 4, 2015

Tutorial: Patterned Wallpaper

Today I'm gonna show you a quick random wallpaper which you can reproduce very easy.


Time: 20min  
Software: Adobe Illustrator (& Photoshop if you want)
Textures: cgtextures.com

Maybe you remember my isometric landscape tutorial. This is the same pattern and I used it because of the interesting result you get when you use it with colors!

For those who didn't open the link above: how to create the bricks?
  1. Draw a square and rotate it to 45 degrees. 
  2. Scale it to the half size of the original square. Don't scale it evenly - compress it like in the image below. 
  3. Duplicate it to get the basement and pull it down until the lower angle meets the upper angle of those two squares (the lower one is just for orientation you can delete it later like me). 
  4. From here you can draw rectangles for the side walls like in the first part of the image below.

Now it's time to choose colors. I wanted to have some bright and crazy colors:
Dark Blue: #000AD4 ; Bright Blue #00E9C4 ; Pink #FF3FC6.

Time to duplicate your brick. Make sure you selected view>snap to point or better view>snap to grid to not to get some distances between your bricks.

If not there is a trick to get your points exactly on the others:
Switch to outline view with pressing strg+y. Mark all points you wanna merge with the anchor tool (press A). Right click an choose average>both. All points are on the same now!

Duplicate groups of bricks and you will get a very nice pattern which you could use as a wallpaper or as a 'material design' like me on a snowboard.
I used this wooden texture to get a bit more structure in my wallpaper. Just play around with the photoshop blending modes of the wooden texture to let it shine through!


No comments:

Post a Comment