Photo templates for photoshop11/3/2022 When your product image is retail-ready, go to File > Save As at the top of the Photoshop window. Step 5: Save your product image for your eCommerce store Use the centre point to help you get the product in the middle. Unless your product is perfectly square, only two points on opposite sides of the product should meet the outer guidelines. Resize until no part of the product is outside the outer guides, and the longest/widest points are just touching the guides. As mentioned above, never enlarge your product images. Hit Command + T on your keyboard and resize your product image by holding down shift and dragging the the corners inwards. You need to either create a smaller template or take better-quality product images. The product image should be larger than the template if you’ve pasted it and it’s smaller than the guidelines, your template is too big. Go back to the template file and hit Command + V and the product image will appear in the template. Don’t freak out - it’s only been placed in your clipboard. Hit Command + X on your keyboard and it’ll disappear. A dotted line (marching ants) will appear around the product image. Open your product image in Photoshop and hit Command + A on your keyboard. If you’re using Windows, substitute ‘Command’ with ‘Ctrl’. Note: The following step involves keyboard shortcuts as written for a Mac. Step 4: Apply your product image to the template You should save a Photoshop version (PSD) of your product image template so you don’t have to remake it each time. When you’ve created four guidelines, you should have a nice, even border like in the screenshot below. Note that you must type ‘px’ after the number value as Photoshop does not default to this measurement. You then need to type these values into the field. Simply work out what 10% and 90% (or whichever percentages you choose to go with) of your width and height are in pixels. If your product is rectangular, you’ll need to do a bit of maths. You should start by testing the image on your eCommerce store as it will look completely different when viewed on your site. If you want less white space, use 5% and 95%. If you want more white space, use 15% and 85%. If your product image is a square, create guidelines by repeating Step 2, but this time use the values 10% and 90% and create both horizontal and vertical guidelines for these specifications. To make them look consistent, you want to align them so they meet the same guidelines either horizontally or vertically. Unless you only sell the same product in multiple styles or colours, your product images are likely to all be a different shape. A thin aqua line will appear on the canvas - these guides are only visible in Photoshop, so don’t worry, they won’t be visible on your eCommerce store.Ĭreate a horizontal centre guide by selecting the ‘Horizontal’ radio button and typing ‘50%’ into the field. Go to View > New Guide at the top of your Photoshop window.Ĭreate a vertical centre guide by selecting the ‘Vertical’ radio button and typing ‘50%’ into the field. This will help you centre your product later. These guidelines will create a ‘cross’ in the middle of your canvas to identify the centre point and create a four-square grid. Press ‘OK’ and your new canvas will appear! Set the color mode to ‘RGB Color, 8 bit’ and the background contents to white. Ignore resolution! This is only needed if you’re printing images, and not if you’re uploading them to an eCommerce store. To summarise, the ideal size for a product image is anywhere between 1000px to 1600px on the longest side, and a square product image is always the safest because it will look great with products that are either vertically or horizontally longer. If you’re not sure what size you need, we’ve written a blog post to help you. Applying all your product images to this template will ensure they’re all the same size and that the product takes up the same amount of canvas space either vertically or horizontally.įollow these five steps to create and apply an eCommerce product image template in Adobe Photoshop: Step 1: Create a new file in PhotoshopĬreate a new file by going to File > New at the top of the Photoshop window.Ī dialogue box will appear that will let you set up your canvas. What’s the point of having awesome product images if they don’t look great on your eCommerce store?įor consistent product images, you need to create a template.
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |