-
1. Re: How to create professional image of multiple screenshots
Noel Carboni Jul 21, 2010 7:53 PM (in response to gunderj)Might be best if you could show a small sample... Use the little camera icon just above where you type; it does work. You can upload images even though they say you can't. That's an old message.
-Noel
-
2. Re: How to create professional image of multiple screenshots
gunderj Jul 22, 2010 6:14 AM (in response to Noel Carboni)Thanks Noel.
Above, the top piece shows the polished professional look I am going for. On the bottom I have my screen shot with perspective added. I created a high quality jpeg to upload but the quality is reduced when uploading the image to this forum. See how the edges of the screenshots look wavy? Well, prior to uploading to this forum, the top screenshot's edges are perfectly straight. The bottom edge on the bottom screen shot (my image with my perspective added) looks wavy even before I upload. Also, the top piece how I am trying to throw shadows correctly between the screenshots.
Any advise on how to achieve "picture perfect"?
Thanks,
Jay
-
3. Re: How to create professional image of multiple screenshots
Noel Carboni Jul 22, 2010 8:51 AM (in response to gunderj)There's always more than one way to do things, but here's how I'd do it:
Basically, you'll want to paste your multiple screens into a single document as separate layers. Make your Layers palette visible; you're going to need to select different layers to do things to them. Layers nearer the top of the stack show "in front" of layers below.
You might want to expand the canvas to give you room around the windows.
Use the Transform tool to give the screens perspective, and move them around with the move tool..
Create a backdrop with a couple of runs of the gradient tool with rectangular selection.
Create some new layers in between the screens to make shadows. You can use a selection made with the Polygonal lasso tool to create straight-edged selections to limit where you paint into the shadows layer, and a big brush with partial Opacity or Flow to make the shadow partially transparent.
Your layers will look something like this:
Here's a .psd file you can load to see how the above is put together:
http://images.prodigitalsoftware.com/MultipleScreens.zip
-Noel
-
4. Re: How to create professional image of multiple screenshots
Noel Carboni Jul 22, 2010 9:09 AM (in response to Noel Carboni)As an exercise, as an added touch add reflections on the table.
Hint: Copy the layers containing the screens, flip them and distort them to match the bottom of the existing window using the various Transform tools, and use a layer mask and gradient to make the reflections partially transparent and fade away.
-Noel
-
5. Re: How to create professional image of multiple screenshots
gunderj Jul 25, 2010 10:18 AM (in response to Noel Carboni)Wow, that is great work you do Noel. Any chance you would be willing to produce
my image on contract? Hopefully we could agree on some price, then you could
deliver the photoshop design file (including the layers), for payment.
Interested?
Thanks,
Jay Gunderson
Preparelink.com
-
6. Re: How to create professional image of multiple screenshots
Noel Carboni Jul 25, 2010 12:41 PM (in response to gunderj)It certainly wasn't my intent to solicit business, but please eMail me if you like (click on my avatar for my address).
-Noel





