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!
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:
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)