{"id":1984,"date":"2016-06-11T21:39:42","date_gmt":"2016-06-12T05:39:42","guid":{"rendered":"http:\/\/www.sacollins.com\/blog\/?p=1984"},"modified":"2017-09-28T16:06:05","modified_gmt":"2017-09-29T00:06:05","slug":"angels-of-mercy-phoenix-in-the-fire-book-cover-creation","status":"publish","type":"post","link":"http:\/\/www.sacollins.com\/blog-wp\/?p=1984","title":{"rendered":"Angels of Mercy – Phoenix In The Fire (Book Cover Creation)"},"content":{"rendered":"

Angels of Mercy – Phoenix In The Fire (Book Cover Creation)<\/span><\/h1>\n
\"BookCover6x9_AoM_Phoenix_masterv3_100px\"<\/a>

The final result – a print book cover I can really be proud of …<\/p><\/div>\n

 <\/p>\n

\n

PLEASE NOTE<\/span><\/strong>: This post assumes you have a general knowledge (or wish to gain said knowledge) of how Adobe Photoshop functions and makes no attempt to walk you through that process. There are numerous online tutorials (both written\/blog versions as well as video examples) that can easily instruct on the basics of Photoshop.<\/em><\/p>\n

\n

Okay, this one I have to start out by saying I owe a certain photographer out there a book cover tutorial. He already knows the final product. I’ve shown him that much. But what I’ve struggled with is how to document my creative choices AND not permit anyone to steal his photography artwork in the process (he was kind enough to loan me one for the tutorial I proposed to him). So, here’s the lowdown on\u00a0that<\/em> little scenario:<\/p>\n

I can’t sort out how to make the image non-downloadable. The issue is I know code to make it do that but the upkeep would be a nightmare because the tech keeps changing and thus at some point it would break and his image would be out there for free! I can’t risk that. So Paul, I did come up with a method of protecting your work BUT I also have never attempted to do what I am going to do so bear with me while I work out the kinks. It’s going to be my first screen cap narrated video! All these years involved in tech and filmmaking and I’ve never done one – I find that truly shocking. But there’s no way to lift a clean copy of the image from that and I won’t worry that tech has progressed enough to crack and allow stealing of Paul’s original image. In the interim – I do hope if you are ever in need of a licensed photo for your book cover, seek out Paul Henry Serres Photography<\/a> … he’s an amazing artist\/photographer and such a lovely man to interact with!<\/p>\n

Basically I go from this:<\/p>\n

 <\/p>\n

\"daboyz_master_example\"<\/a><\/p>\n

 <\/p>\n

To this:<\/p>\n

\"PSP_BookCoverExample_FINAL\"<\/a><\/p>\n

So the video broadcast of using one of Paul’s images for a faux book cover as a tutorial will be coming soon.<\/span><\/h2>\n

 <\/p>\n

Onward to this post in the meantime!<\/p>\n

So for Angels of Mercy – Phoenix in the Fire<\/em>, I needed to come up with the print edition. If you recall, I struggled even to come up with the front cover to begin with. I knew I was going to break from the football theme that had been consistent with the Angels<\/em> proper series (Phoenix<\/em> is a companion book and not part of the main series works). If you haven’t seen the evolution of that ebook cover you can find it here<\/a>.<\/p>\n

So the print editions always make me a bit queasy from a design aspect. I mean, I goof around enough with the front cover to get something that looks right. Now to spread that across a full print cover – uh, in a word – YIKES!<\/p>\n

But tackle it I must.<\/p>\n

So the first stab at it had me thinking since this book was not a proper Angels series book, more of a companion novel, that I could finally depart from the football theme I had going in the Angels proper part of their world. Also, since this book was narrated by Elliot I thought I should sort of mirror what I did for the Angels V1 book – use some artwork that I would create for Elliot and put it on the back cover.<\/p>\n

\"Cover<\/a>

The cover artwork for Angels of Mercy – Volume One: Elliot<\/p><\/div>\n

 <\/p>\n

So, with that in mind I toyed around and around until I came up with this little ditty:<\/p>\n

\"Angels<\/a>

The first round of the Phoenix print edition. This one featured a pop-culture art piece on how Elliot feels about the football team.<\/p><\/div>\n

 <\/p>\n

While the idea of using another piece of Elliot’s artwork as a way of tying it back to the first book he narrated, the violence he had to claw his way back from didn’t come across in this version. Even with the fire and blood splatters, it just wasn’t where I needed to go with it. People liked it well enough, even I did, to a point. But it seemed I was settling in drafting it. I could do better to represent the story plot line.<\/p>\n

So I let it percolate a bit, stewing in its own unsettled sauce, as it were. Then I became inspired – why not go with Elliot being shown as rising (sort of the next step from the front cover of the book – only this time more fully formed and capable – it is what happens in the work) from his adversity? So I decided to start combing the stock photos out there, searching for a teen-ish looking boy that I could put up for Elliot (who also had to fit the way I’d always envisioned him). My budget for this cover wasn’t substantial, so I had to stick to stock photo sites I already had subscriptions to … which can be limiting at times. This time though, it paid off.<\/p>\n

Here is the original image I started with (I purchased the license for the actual work – just showing the comp for the purposes of this post).<\/p>\n

\"Comp<\/a>

Comp version of the original model pic I chose for the novel’s cover.<\/p><\/div>\n

 <\/p>\n

Two things were against me in starting with this – 1) the background setting and 2) the lighting. Both of which could be addressed but it was a consideration going in.<\/p>\n

I also needed angel’s wings … to keep with the phoenix\/angel motif I had from the front cover.<\/p>\n

\"canstockphoto16934539_comp\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

And believe it or not, there is actually a background in the final product – though, what I did to the whole piece did sort of obscure most of it. Ah well, the price of art, I suppose.<\/p>\n

 <\/p>\n

\"canstockphoto10460904_comp\"<\/a><\/p>\n

 <\/p>\n

With my pieces in hand I began to work. The first thing I started off was the composition of elements to see if what I wanted to do would work. After I hastily placed items I twitter messaged my go to for all things Angels and asked him what he thought. He gave me the thumbs up on my little mock up:<\/p>\n

 <\/p>\n

\"ElsLegend_comp\"<\/a><\/p>\n

 <\/p>\n

It was a start. But I needed to start mucking around a bit to get it closer to both the theme of rising from your own ashes to something greater AND keep to the color spectrum of the original ebook cover.<\/p>\n

First up – I needed some action! Photoshop actions, to be precise.<\/p>\n

Enter SevenStyles<\/a> and Graphic River<\/a>. They’re my best kept secret with\u00a0what I do (but I guess that’s out of the box now, isn’t it?).<\/p>\n

Of course, this begs the obvious that you have to have Photoshop to begin with to attempt to do what I show here in this post. So for those that don’t – might I suggest that if you are a self-pubber wanting to save a bit of cash over time (won’t be an immediate savings) that you subscribe to Adobe Creative Cloud (TODAY) and start to dive in and sort it. It’s not all that hard to do. Yes, it will take you away from writing, but if you want to be in control of your creative destiny by self-publishing, then this too, is part of your craft\/business. If you can gain these skills and add them to your talent coffers, just think of the money you’ll save on designs for swag, promotional banners\/ads\/bookmarks and the like? Design once, distribute multiple times (be sure to understand your licensing of the graphics before you do … a very important point I can’t stress enough). You don’t have to have a big time eye for art … look at what attracts you and mimic it for a bit (not using it for commercial purposes, but more to hone your creative eye for placement, typography, and marketing). Learn from those that seem to work and gain your interest – start to cultivate a discerning eye on why it works for you. Then go and make the attempt yourself. Use comp images for that – the intent is not to publish but to perfect your design capabilities. With the subscription price of Creative Cloud at various levels, there is a path to get Photoshop on your desktop fairly easily.<\/p>\n

So, enough of my – hone your craft – speech, back to the book cover:<\/p>\n

With my photoshop actions tucked into my design arsenal I began to work on the individual parts to bring the whole book cover together.<\/p>\n

First up I had to address the male model and the background I didn’t need. Easy enough – using the quick select and magic wand tools I quickly selected him and cut and pasted to a new layer in a new doc (or you can place him in a new doc on a new layer – your choice). After putting him on his own layer I went back to the background layer and filled it with a solid color. \u00a0To properly begin to compile you need to isolate all of your separate images to solo pieces that you can begin to manipulate into your composite artwork. One word about cutting the model out of a background – sometimes precision is required so that every stray (unwanted) pixel needs to be cleaned up before you can proceed to compositing your final image. In my case I knew I was going to throw a helluva lot of graphical elements and adjustments to it do precision on cropping him out of the original background wasn’t so essential. The actions I’d be applying would more than likely obliterate any odd pixel hanging out there that I didn’t have to be so precise this time around.<\/p>\n

In this revision, I also had to find a way to use\u00a0the Mercy High Avenging Angels football logo that I wanted to tie this book with the main series (the team logo appears there). Since I discarded the previous artwork from my first draft I decided to repurpose it as a piece of clothing. The male model luckily had a very neutral hoodie on that had absolutely no graphic or artwork of any kind – BINGO! I’m in.<\/p>\n

So how do you do that?<\/p>\n

DISPLACEMENT MAPS<\/span><\/strong> (learn all you can<\/em> about them – brilliant little nugget that will allow you to modify standard fair stock art into something a bit more unique)!<\/p>\n

For a decent tutorial on them I would start here<\/a> (though googling “Photoshop Tutorial Displacement Maps” brings up a ton of tutorials out there to guide you along. Long story – short, I got the logo placed on my guy and it bent and folded along the warps of the hoodie with no problem. I was quite pleased with the results. To compare look at the image above this section and then scroll back down to note the addition of the football team logo on the hoodie with the lower image.<\/p>\n

This was the end result (obviously sans the “SAMPLE” stamp across it):<\/p>\n

\"Els_isolated_displaced100px\"<\/a><\/p>\n

 <\/p>\n

The wings and desolate background with the cloudy sunset were fine as they were – the only thing I needed to address was to separate the two wings into two separate images that I could manipulate on the final composite image.<\/p>\n

Next up – The wings<\/strong><\/span> … I wanted them to have a specific shape (other than the form they came in).<\/p>\n

The default layout of the wings from my first attempt (two images above) have them outstretched – the way I bought them. But I wanted them to be more in “flight” mode. Thus I needed to distort each wing to give them that sort of look. To do this you have each wing on it’s own layer and then select the wing and choose EDIT –> Transform –> Distort. Then you pull the handles surrounding the selected image to manipulate the wing into what you want it to do. You can alternatively use Skew and Perspective or Warp should Distort not completely satisfy.<\/p>\n

 <\/p>\n

\"Using<\/a>

Using the “distort” tool in Photoshop to manipulate the wing shape\/position. Note the handles surrounding the image – that’s what you click and drag around to reshape the layer object.<\/p><\/div>\n

 <\/p>\n

Remember with Photoshop you can always roll back to a previous action via the History panel so feel free to experiment. Don’t like the adjustment you just made … simply click the history level one level (or as many as you like) to roll back to a good starting point and go at it another way.<\/p>\n

 <\/p>\n

\"PS_history_panel\"<\/a><\/p>\n

 <\/p>\n

Once the wings were in the position I wanted them in \u00a0(see below) I duplicated the layers and placed them in the composite image for further manipulation:<\/p>\n

\"distortedwings_isolated\"<\/a><\/p>\n

 <\/p>\n

I realized I wanted to make them a bit translucent as your eye traveled from the frame bone structure along the top of the wings to the lower extremities.<\/p>\n

 <\/p>\n

\"PS_comprough\"<\/a><\/p>\n

 <\/p>\n

So I now compiled the separate elements so I could use the first Photoshop action by Seven Styles (footnote: they’re extremely powerful actions that will save you oodles of time, look great, are easily modifiable, and the best part – they’re super inexpensive!). In this case, I started off using the STORM\u00a0action from Seven Styles. An example of how it works can be found in the following video tutorial (don’tcha just love his Aussie accent?):<\/p>\n

 <\/p>\n