How to - iphone covers

I’ve heard a few people say they’re having trouble with creating iphone covers…so I thought I’d show you how I do it, in case it can be of some assistance! I’m using photoshop here, and hope that some of the explanation can convert to your graphics program.

First thing is get the template from the link for adding phone cases.

Open the template in your program.

Once you have it open, it should be the correct size to fit the phones. Do NOT resize it!

Then, go to File/Place, and browse to the image that you want to use on the phone. In this version of PS the file is placed over the template, with the transform handles all ready to go, and it’s also a smart object, so it can be resized to fit without messing with the pixels too much.

As you can see, this image is the wrong shape to fit, however I’m going to stretch it up to fill the printed area of the cover. Holding down the shift key whilst resizing the image will retain the proportions. Click Enter to set the transformation.

Using the selection marquee, make a selection around the outside, then Image/crop.

Flatten the image and save as jpg.

And here’s the finished product

I hope this helps a little!

Comments

  • Geoff Carpenter
    Geoff Carpenterover 2 years ago

    Very clear and precise Mel. Well done, I might even try one…! LOL :-)

  • Martin Muir
    Martin Muirover 2 years ago

    same here Mel great walk through :)

  • Sonja Wells
    Sonja Wellsover 2 years ago

    May I suggest though, covering the entire canvas with the image, I believe the entire white section wraps around the edges. (Unless of course the different coloured edge is what you’re after :) ) I just fill up everything, including the bleed, so long as what I want placed on the back of the phone is in the right position :)

  • I wanted to show an option where the image doesn’t cover the entire canvas, cos in most of the ones I’ve done so far, I’ve had to do a bit of jiggery pokery to make it fit and look good, because only the smaller rectangle shows on the case. The wrap-around is tiny, and impossible to make out….and the bleed is completely missing…so the inner rectangle is what’s important…

    – Mel Brackstone

  • dovey1968
    dovey1968over 2 years ago

    thanks, I am definately going to give this a go ! faved.

  • Sonja Wells
    Sonja Wellsover 2 years ago

    Fair enough, Mel, it is a great tut :) I have an iphone 3 still, so the edge on mine is quite large. Good points! :D

  • lol, OTS says the image does need to go all the way to the edges in case future cases are bigger…so I will make it fit the entire shape :)

    – Mel Brackstone

  • onetonshadow
    onetonshadowover 2 years ago

    Hey Mel, just thought I’d mention that it’s rather important your image fills the WHOLE template file, bleed and all, as it says in the description. Your image should go right to the top and bottom and left and right edges, even if you can’t see it on the preview. This is because the printing method itself requires a reasonably bleed and because the templates are futureproofed. If the next iPhone is a different size, or we add an Android we don’t want you to have to upload your art again. Obviously we can’t foresee what Apple will do, but we do our best. But with that black box you’ll probably get a thin black line at the top and bottom if the iPhone 5 is larger……

    Fill the whole thing, all the way. Don’t worry about what isn’t seen.

  • bummer….I’ll redo it then….lol! thanks OTS…

    – Mel Brackstone

  • Sonja Wells
    Sonja Wellsover 2 years ago

    He’s a helpful chap too! It’s nice to know what they’re thinking when they make these templates for us :D
    xx

  • Ingz
    Ingzover 2 years ago

    I’ve always had trouble with the proportions looking really odd in some of my pics so I would just not use them…..this is soooo helpful, thank you very much Mel xxx

  • Leanne Robson
    Leanne Robsonover 2 years ago

    Oh Mel, you have just made my life soooooooo much easier. BIG Thank you.
    I could never resize the image…probably because I was copy/paste. I had to get the image about the right size before pasting…I should be bald!!

  • wigs
    wigsover 2 years ago

    Thank you…much appreciated Mel, this makes it all much clearer :¬))