Pugly Pixel

PS I Love You: Monki Mag Box Frames

November 28, 2012

My Monki fixation has intertwined with my abiding love for boxes and borders. One of the most eye-catching features of Monki Magazine is their use of borders to frame photos, especially their use of rotated frames to grab our attention — we can’t help but look at them and linger for a moment! Well, I couldn’t let this pass without a proper exercise for all of us who are unfamiliar with a Photoshop rotate. By the way, in Part 2, I’m going to recreate today’s tutorial for my Style peeps using HTML and CSS — stay tuned!

Inspiration: Monki

Today we’re going to create a layout similar to the one used in the photos above, a rotated square atop a narrow column of text. Instead of black and white line drawings, I’ll be using chocolates. For the background, I’ve chosen a minimal pattern called Noisy Grid from Subtle Patterns.

In the tutorial that follows, we will:

  • Get more practice in extracting backgrounds from photos.
  • Add a patterned background to our Photoshop document.
  • Add a square shape and rotate it 45 degrees.
  • Learn how to center and justify text in Photoshop.
We Will Make This
Step 2
Step 3
Recommended: Subtle Patterns
Step 5
Step 6
∴ credits ∴
calligraphy brushes
box outlines (tutorial)
asos-inspired drop shadows (ps tutorial)
how to remove backgrounds (ps tutorial)
subtle patterns (name: noisy grid)
professor from myfonts
clear line from myfonts
futura condensed and medium (osx default font)
Download (Please READ Terms of Use first):
M E M B E R  E X T R A S
Exercise Files
File Type: 1 PSD, 1 JPG
File Size: 733 KB
D O W N L O A D
Photo Layouts Kit

Previous post:

Next post:

© 2007-2013 Pugly Pixel • Small Dreams Company LLC • powered by pastries