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

January 12, 2019 at 3:13 pm 1 comment

If you’re selling your teaching resources (or other products) at Teachers Pay Teachers, you probably realize that square cover/ preview image looks better than rectangular listing cover. Square cover is also look nice for Etsy.

In this tutorial, I’ll show you how to cut square area out of rectangular size cover preview image. I’ll do this in photoshop.

For this tutorial, I’m using rectangular cover image of a bunny poster with wood background. The file is in jpg, 1500 x 1000 pixels at 72 dpi. I’m gonna cut (the poster area) into square size 1500×1500 pixels.

Okay, let’s start.

I open my cover/ preview image in photoshop.

tutorialhowtosquare

Click the rectangular marquee tool (shortcut is M) from the left toolbar. You’ll see some options from the top line (the one I point with red arrow).

The default is “normal”. From the drop down menu, change it into “Fixed size” and then enter width and height. I fill it w=1000 an h=1000. And then click your work are.

tutorialhowtosquare2

You are now see blinking dots (square) around your work area. You can move the square box as necessary.

tutorialhowtosquare3

Once you’re happy, from top menu Edit–>copy (shortcut: ctrl c), make a new document, from top menu File–>new (ctrl n) pop up box will open, check again the size, then click ok. And then paste, from top menu Edit –>paste (ctrl v). Now, I have my preview image in square.

tutorialhowtosquare4

You can save this new look into a new file.

From top menu, File–> save as. I choose to save as jpeg file.

And it’s done. Now I have a square cover/ preview image that I can happily use for Teachers Pay Teachers listing cover.

PS: Don’t forget to set back the “Rectangular Marquee Tool (M)”, you can click from the left toolbar) back to normal, instead of “fixed size”, so you won’t be confused when you open your photoshop (for other projects) next time.

Check also my previous photoshop tutorial

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

tutorialmakepreviewimage10

Advertisements

Entry filed under: DIGITAL GRAPHIC TUTORIALS. Tags: , , , , , , , , .

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

1 Comment Add your own

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Follow revidevi.wordpress.com on WordPress.com

Categories

Latest tweet


%d bloggers like this: