Welcome to the 7th and final installment of Ashley Ruggirello’s guest post series on cover design.
For those just joining us, meet Ashley, Creative Director/Founder of REUTS Publications, and owner of freelance design company, Cardboard Monet. She’s been sharing her design expertise, taking us through the process behind designing a book cover. From inception to finished product, she’s illustrated the collaborative steps authors and designers go through, using my nemesis WIP as the guinea pig. And today, we’ve reached the end.
Know what that means? That’s right, next week I’ll be revealing the announcement I’ve been teasing you with since the beginning. I’m pretty excited about it, and hope you will be too. So follow along as Ashley walks you through the finishing touches on Unmoving‘s design and get ready for next week’s surprise! 😉
Chapter 7: Unmoving Tutorial Finale
By Ashley Ruggirello
The end is near. We’ve entered the closing chapter of our Book Cover Art Series! We started the series with an idea, something abstract and intangible. After playing around with that idea, and different forms of representation, the final cover was revealed. And, if you’re interested in how the cover was created, Chapter 5 and Chapter 6 have documented that process. But now, the time has come to put the finishing touches on the Unmoving cover, and close the book on the wonderful journey we’ve taken together.
Last, but not least . . . the necklace.
Picking up from last week:
And again, the basic design elements
- The bench background. (Unlimited usage on DeviantArt.com; Permission needed off-site)
- Floral filigree. (Free to use if credit provided)
- Necklace inspiration. (Used only for inspiration, as the final necklace was drawn in)
- Stripe generator. (Generate the stripe texture)
- Proxima Nova font. (Feel free to sub with Collaborate – Thin, font)
- Gotham font. (Feel free to sub with Century Gothic font, standard on most operating systems)
Part III: Step-By-Step Tutorial for the Unmoving Book Cover
Open the Necklace inspiration image in a new browser tab. You don’t need to pull it into Photoshop, just have it easily accessible to reference. In a new layer, above all the background/bench layers, zoom in and draw with the brush tool (“B” on your keyboard to bring it up). It doesn’t matter what color you use, but remember to keep the brush sharp:
Before I show how it looks on my screen, we’ll have to add some FX to the necklace base. Remember the button? Make sure you have the necklace layer selected, and from the toolbar at the bottom of your layer window, click the FX icon and select “Drop Shadow”: (We’ll start with Drop Shadow, but we’ll be adding a couple different effects in one swoop.)
This’ll open the effects window, where you can change the Distance to “3″, Spread to “0″, Size to “38″ and Angle to “150″:
Then, from the left-hand column, click “Outer Glow” (as you see from the above screen shot). You’ll change these options to Blend Mode of “Hard Light”, Opacity of “100%”, Spread to “29%”, Size to “90px”, Range to “50%” and Color to “#c0c9cc” :
Then hit OK. And, while keeping that layer selected, set it to Multiply, Opacity “48%” and Fill “0%”:
It should look something like this (zoomed in):
Duplicate the layer by either clicking CTRL/command + J or right-clicking the layer and selecting Duplicate Layer:
On your new layer, open up the FX window again. You’ll notice the previous effects have already been applied to this duplicate layer:
We’ll be adding a Gradient Overlay, so select that option from the left side bar. Set Blend Mode to “Mulitply”, Opacity to “100%”, Style to “Linear”, and Angle to “90”:
The gradient colors themselves look like this:
From left to right the colors are “#262626”, “#575757”, “#8a8a8a” and “#262626”. Hit OK and OK, then look back at your layer. Make sure you change your layer Opacity to “87%” and you should see something like this:
In a new layer below the necklace, using a soft-edged brush with a black color (#000000), add a slight drop shadow to the bottom edge of the necklace:
I want to apologize for this next step, which I forgot to document: the gem image and coloring. For this, you can either play around and come up with your own gem, or use the following image (taken directly from my design file) and add it as a new layer below your necklace, but above the drop shadow layer:
With the gem in place, you should have something that looks like this:
Zooming back out, the last thing we need to add is the chain. Zooming out allows you to better see how it’ll fall off the bench in relation to the design as a whole. This step was as simple as using the brush tool with a hard brush to draw out a chain:
To add a little bit of realism, we’ll add a Gradient Overlay to the layer, so open the FX and select Gradient Overlay:
Set your options to Blend Mode at “Normal”, Opacity at “100%”, Style to “Linear” and Angle to “90%”:
With the gradient colors from left to right at “#262626”, “#575757”, “#000000” and “#262626”.
Hit OK and OK one final time, and you’re done! Take a moment to bask in your new cover, and the new techniques, tips and tricks you’ve learned.
Thank you for participating and following our Book Cover Art Series! REUTS would love to showcase the work you come up with based on our series, so email them to firstname.lastname@example.org, and we’ll display them on our blog! Happy designing, reading and writing!