Posts tagged ‘preview image’

How to make cover for bundle to sell at Teachers Pay Teachers – Photoshop Tutorial

One of the great thing about selling at Teachers Pay Teachers is that you can make an automatic bundle. This means once you update your individual product (the product which is included in the bundle), the bundle is also automatic updated.

tutorialbundlecoverhowto

In this tutorial I’ll show how to make preview image/ cover for bundle. The square cover looks better for Teachers Pay Teachers. So, I’ll do my preview image in square.

Open photoshop.

Make a new file. I use 1000 x 1000 pixels at 72 dpi, RGB color. If you prefer rectangular horizontal cover, is also okey.

I’ll make a bundle from 4 individual poster products (each product already has a cover in square size of 1000 x 1000 pixels). So, I’ll combine them all into one page for the bundle cover.

I open one of the poster cover.

I copy the poster cover into the new file (the file for the bundle cover). As always, I just use shortcut as follow

from the poster cover file: ctrl A (select all), ctrl c (copy)

back to the new file (the cover bundle file): ctrl v (paste)

tutorialbundlecover1

After that, I resize the poster cover. Again, using the shortcut ctrl T (transform), and then I set 50% for the width and also 50% for the height (see red arrows). Now, I have the 1st poster in half size.

tutorialbundlecover2

Drag along the image into the top left.

Do the same thing for the 2nd, 3rd, & 4th poster covers. Place them into the blank space.

tutorialbundlecover3

After that, I’ll add text.

Clik the T icon from left tool bar. Choose the font/size/color from the top menu (see red arrows). Make sure your text layer is above other layers (see yellow arrow).

tutorialbundlecover4

Then, I’ll add some effects to the text.

From the top menu, choose layer –> layer style –> stroke

tutorialbundlecover5

From the pop up box, you can make some adjustments.

After that, I’ll ad drop shadow to the text.

tutorialbundlecover6

And that’s all. Bundle cover is ready now.

#revidevi 2019

credit:

All poster covers used in this tutorial is by DarraKadisha

Check also my other photoshop tutorials

How to make preview image for selling poster online – Photoshop tutorial

How to cut square area out of rectangular preview image – Photoshop Tutorial

How to make watermark in photoshop

January 16, 2019 at 7:24 pm Leave a comment

How to make preview image for selling poster online – Photoshop tutorial

In this Photoshop tutorial, I’ll teach you how to make cover/ preview image for your poster (to look more appealing). If you’re selling your wall art/ posters at online marketplaces such as Teachers Pay Teachers and Etsy, then this tutorial might help you to have an attractive preview image, which will lead visitors to pin/ share/ tweet your listing, that might bring sales.

I’m using wood background that I have modified the size into 1500 x 1000 pixels at 72 dpi. For downloading free fonts, graphics, backgrounds, I recommend Creative Fabrica Freebies

As for the Valentine Bunny poster, it’s from DarraKadisha

The poster is in US Letter size at 300 dpi.

Okey, let’s begin.

Open your background and poster in photoshop.

tutorialmakepreviewimage1

tutorialmakepreviewimage2

Go to your poster (the one opened in photoshop). From the top menu, choose Select–> all area, the shortcut is Ctrl A. After that, choose Edit–>Copy (shortcut is ctrl c).

Go to your background (the one opened in photoshop). Choose Edit –> Paste (shortcut is ctrl v). You will see your poster there, however very big, my poster shows only the top of bunny ears.

From top menu, click View–>zoom out (shortcut is ctrl alt space bar, press all at the same time). zoom out several time. So, you’ll get this preview

tutorialmakepreviewimage3

Now, I’m gonna make the bunny poster into smaller size, so it will fit into the area of the wood background.

Press Ctrl T (at the same time), this is the shortcut for “transform”. You’ll see there’s a box around the poster. Now see the second line menu (below the top menu), those I spot with red arrows. I’ll go with percentage scaling 25% for the width and 25% for the height. Simple type 25% on each box. Then press enter.

You can see that your poster in now smaller.

tutorialmakepreviewimage4

Point your cursor above the poster area (that area with the gray box), click and drag it into the wood area.Then, press enter.

Now zoom in several time. Shortcut is z. Press z, then click, and so on, till you get something like this

tutorialmakepreviewimage5

Pay attention to the layer (on the right side), my bunny poster is above my wood background. Stay there, on your poster layer.

Now, I’ll add dimension effect to the poster by adding drop shadow.

tutorialmakepreviewimage6

Make sure you’re on the poster layer. From the top menu, choose Layer–> Layer style –> Drop shadow.

A pop up box will open.

tutorialmakepreviewimage7

 

 

 

You can adjust many things from the pop up box. I’ll go with just the basic. You can see the drop shadow appears on my poster.

Once done, click OK.

Since I have an empty space on the left, I’ll add text there, something to explain about the poster.

tutorialmakepreviewimage8

From the left toolbar, choose “T”, or you can use shortcut t, simply click t in your keyboard.

If you find any problem, you can always go back to the move tool, the one with arrow icon (top on the left toolbar), shortcut is v.

Okey, now I’m in Horizontal Type Tool (after I use shortcut T). This allows me to type text, modify text such as choosing the font, change the size, color, alignment, etc. See the top menu (the second line menu actually, the one I point with red arrows).

After done with the modification setting (such as choosing font, color, font size, etc), I type the text. Do something wrong? You can go back to the move tool (on top from the left toolbar, with arrow icon, click it), and do shortcut ctrl t again.

Once you’re happy with your text, click the move tool, and you’re done.

Now, you can save your work. You can save your photoshop workfile as psd.

As for your preview image, the one you will use for preview image/cover for your product listing (for online marketplace), you can save it as jpg format.

From to menu, choose File –> Save as –> pop box will appear, from the drop down menu, choose JPEG. See below

tutorialmakepreviewimage10

Click save, after that, another small pop up box will appear, asking for quality. For web/ online preview, I usually go with high or medium, so the file size won’t be too big.

That’s all!

Get fun clip art graphics for your design creations from DarraKadisha and Revidevi

2019 #revidevi

 

 

 

 

January 12, 2019 at 2:11 pm 1 comment


Follow revidevi.wordpress.com on WordPress.com

Categories

Latest tweet