Photoshop Tutorial : Create a Geometric Wallpaper in Photoshop

by Tom McCracken

Photoshop pattern tutorial

Fall Fonts Fest Tom McCracken of NewEvolution has sent in this tutorial that shows you how to create a complicated pattern in Photoshop CC 14.2. This is a tutorial that focuses on Rectangle Tool, Move Tool, Rectangular Marquee Tool, creating patterns, tiling patterns and adding texture.

full_textured_repeating_pattern

1. Create File

Open Photoshop > File > New... > Name: geometric-wallpaper,
Width: 2880, Height: 1800 > click OK >
File > Save As... > click Save.

set_up_Photoshop_file

2. Create Pattern

Now, create a 100 px rectangle Select Rectangle Tool (U),
double-click on canvas >
      Width: 100 px, Height: 100 px >
click OK >
in Layers panel, double-click Layer thumbnail on Rectangle 1 >
      set color to #8e1537 > click OK.

Again, select Rectangle Tool (U), double-click on canvas >
      Width: 70 px, Height: 70 px > click OK >
in Layers panel, double-click Layer thumbnail on Rectangle 2 >
      set color to #f0f0f0 > click OK > Edit >
      Transform Path > Rotate > Set rotation 45° > press return >
      select Move Tool (V)
in Layers panel, select Rectangle 1 and Rectangle 2
      > Align vertical centers, Align horizontal centers.

select both rectangles and align their centers

In Layers panel,
      select Rectangle 1 and Rectangle 2 >
      right-click > Duplicate Layers... >
      click OK >
move and snap layers to the right >
double-click Layer thumbnail on Rectangle 1 copy >
      set color to #222222 > click OK >
select all 4 layers >
Duplicate Layers... > click OK >
move and snap layers down >
double-click Layer thumbnail on Rectangle 1 copy 2 >
      set color to #f0f0f0 > click OK
(Rectangle 2 copy 2 > set color to #222222)
(Rectangle 1 copy 3 > set color to #f0f0f0)
(Rectangle 1 copy > set color to #8e1537).

duplicated_centered_colored

3. Tile Pattern

Select all 8 layers > Layer > Group Layers >
use Rectangular Marquee Tool (M) to select around pattern (200 px x 200 px) >
Edit > Define Pattern > Name: Geometric > click OK >
double-click Background layer to unlock > click OK >
double-click again
      > select Pattern Overlay
        > select the pattern
          > click OK.

Hide Group 1.

pattern_now_established

4. Add Texture

Download this image to your desktop
> in Photoshop, File
      > Place Embedded...
      > select texture-wallpaper-49.jpg
      > click Place > press return.

placed_downloaded_texture_file

In Layers panel, double-click texture-wallpaper-49 >
      Blend Mode: Overlay > click OK.

layer_styles_blending_options

Filter > Pixelate > Color Halftone... > Max. Radius: 8 (Pixels) > click OK.

color_halftone_dialog

5. Save as Wallpaper

File > Save for Web... > select JPEG > click Save... > click Save.
Group, rename and color layers for organization.
Save Photoshop file. Done!

(To prevent boxes from being cut off on right, make canvas width: 2800 Pixels, but save as 2880 px.)

save_for_web

GO View the full size image here

Thanks to Tom McCracken of NewEvolution for sending in this tutorial! You can download the atual file here: https://newevolutiondesigns.com/images/downloads/geometric-wallpaper.zip! Team NewEvolution is based out of Los Angeles, CA and Bucks County, PA.

Searching for good Photoshop images and tutorials amongst all the total madness out on the web But what ever you do... don't let Photoshop Madness get you down!

There are always lots of spectacular Photoshop images and visuals out there! Share them! We'll be back shortly with MORE Photoshop Madness ... and please -- BE CAREFUL WHERE YOU SURF ... but when you do find a great Photoshop practitioner, or a good Photoshop tutorial, please share it with us! If you create Photoshop Tutorials yourself, please post your info here so you can be considered for a Photoshop Fave!

GO See past issues of Photoshop Madness
GO Legacy Photoshop Tips & Tricks web site!

Don't forget ... we encourage you to share your discoveries with other readers. Just send and email, contribute your own article, follow DTG on Facebook!, or Meet up with Fred at GO +FredShowker

Please share your discoveries with other DTG readers:
GO Send an email to our editorial staff
GO Contribute your own article
GO Follow DTG on Facebook!
The original version of this page is here.


27th Anniversary for DTG Magazine