Posts filed under ‘DIGITAL GRAPHIC TUTORIALS’

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

Advertisements

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

How to make watermark in photoshop

In this photoshop tutorial, I’ll show you how to add watermark text in photoshop. This watermark effect known for protecting your works. So people won’t be able to use your preview image for something else (since there’s a watermark text on it). This is useful for sellers who have online shops and put cover/ preview image in big size, and somehow your works look big enough in that cover/ preview image.

howtowatermark3

Okey, Let’s start.

howtowatermark1

 

Open your cover/ preview image in photoshop. I’m using cute bunny poster preview image for this tutorial.

Now, you will add text.

From the left toolbar, click the “T” icon (see blue) arrow. Shortcut is T, simple click T on your keyboard.

Once you’ve clicked the “T” icon, you’ll see some option on the top second line (see red arrows). From there, you can choose font, size, color, alignment, etc.

I use Dream Orphans font that I downloaded for free from Creative Fabrica Freebies

Type your text, and position it in the middle. I use black for the text color.

After that, make sure you’re on the text layer (see yellow arrow). So make sure that your text is above the layer of your work.

howtowatermark2

You can see the opacity slider there. I set mine into 35%. From the drop down menu (from opacity), slide it into 35%. You can see that the text become gray, however, you can still see the bunny ears and wood image.

Well, I’ve done with the watermark text. It’s easy actually.

Now you can save it into a new file. From top menu choose File –> Save as. I saved mine as Jpeg.

Credit: valentine Bunny poster by DarraKadisha

2019 #revidevi #revidevidesign

Be a friend..

https://facebook.com/revidevidesign

January 12, 2019 at 5:00 pm 1 comment

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

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

January 12, 2019 at 3:13 pm 1 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

How to make password protected PDF file

If you are a teacher author and selling your teaching resources at Teachers Pay Teachers (or other marketplace), you might want to protect your PDF file so others won’t be able to steal your work. This is to protect your work, and also to protect clip art graphics and fonts you use in your work.

In in this tutorial I will show you how to turn your PDF file into a password protected PDF file. I’m using Adobe Acrobat Professional 6.0. This is actually an old version, however (if you’re using newer version) the steps are basically same.

1. Open your PDF file in adobe acrobat pro. Click the padlock icon “Secure”, choose “Restrict Opening and Editing..”

RevideviHowToAdAcroPro1

2. Pay attention to the “permission” box. Check mark in the box saying “Use a password to restrict…. and so on”. Then, enter your password.

From Printing Allowed section choose: HIGH RESOLUTION

From Changes Allowed section choose: NONE

DO NOT mark the box saying “Enable copying of text, and so on..”

Check mark the box saying “Enable text access for screen ready and so on…”

After done, save your file.

RevideviHowToAdAcroPro2

Another way to do this.

Open your PDF file in Adobe Acrobat Pro.

1. Choose “Document properties” from the File menu on the top of the page.

RevideviHowToAdAcroPro3

2. It goes to this box. Choose “SECURITY” (on the bottom of the left list), and then choose “Password Security”.

RevideviHowToAdAcroPro4

3. You will this box. Fill in the password and so on. Just like I explained earlier. After that, click Ok.

RevideviHowToAdAcroPro5

4. You will see confirmation box. It asks you to enter your password one more time.

RevideviHowToAdAcroPro6

Save your file once done.

Hope this quick tutorial helps you.

If you’re making teaching resources for early grades, you probably need clip art graphics/ images for your worksheets.

Good news! REVIDEVI offers 170+ clip art freebies. Check below

https://www.teacherspayteachers.com/Store/Revidevi

Check also fun free clip art from DarraKadisha. Link below

https://www.teacherspayteachers.com/Store/Darrakadisha

Need fonts instead?

You can also get free commercial use fonts from link below

https://www.creativefabrica.com/freebies/ref/235496/

Thanks for visiting my blog. Till next time!

#revidevi

December 9, 2018 at 4:57 pm Leave a comment

How to use planner sticker templates in photoshop

This quick tutorial will show you how to use REVIDEVI planner sticker templates in photoshop.

  1. Open the psd file in photoshop or photoshop element. It will look like thisSnap1Pay attention to those layers. The top layer is the template. You can place something (such as digital papers, images) behind/ below the template layer. Thus, click the 2nd or 3rd layer.
  2. Now, open one of the digital paper file.

ps. You can add more layer, just click the button below the red arrow.

Drag the paper file into the template file. Place it below the template layer. Drag (hold the cursor), and then bring that paper, and place it where you want it behind the template.

Snap2

3. Once you dragged the paper into the template file, you will have one new layer.

Snap3

Now, you can open another digital paper file, and do the same. Drag the paper into the template file. Place it behind the template layer.

4. It will look like this

You can add more than 2 digital papers. Make a good arrangement of those papers. You can also add images, text, etc. Just make sure to place theme behind the template layer.

Snap4

Once you satisfied with the layout. You can save your work and export it as a jpeg file. Go to “File” from the top menu, and choose “save as..”, then choose the format file you want (jpg, etc).

The template used in this tutorial is available at my etsy store. check here

TPS007Cover1

Valentine’s day planner sticker templates

 

Check more collection of planner sticker templates from this link. It’s always fun to make planner stickers. You can use the stickers for Erin Condren Life Planner.

Planner stickers templates

 

January 22, 2018 at 3:46 pm Leave a comment

How to capture an image

First, open the pdf file with adobe reader. If you don’t have adobe reader, you can download it for free from www.adobe.com

Zoom the image into 375%

(you can drag the sheet with your mouse the get into the circle you want. I want the top left bug, so I drag into that circle)

My screen now looks like this

On photoshop, press ctrl+N (press ctrl and N at the same time)

A box will pop up, with the following..

widht: 1280 pixels

height: 800 pixels

(note: 1280×800 is my monitor resolution)

resolution: 72 pixels/inch

Now, you will need to change the resolution into 300.

So, you will have 300 pixels/ inch (and not 72 pixels/ inch)

After that, click ok

the box will disappear

Press ctrl+V (at the same time)

Now, you will have your circle (from adobe reader) on photoshop.

Click the “elliptical Marquee Tool” from top left tool, or you can simply press “M”

Change the “Style” from normal into “fixed size”, then set widht “1,313” in and height “1,313 in”

click the bug image, and drag the cirlce into the right place of the image,

you will see dot running white (indicating the 1,313” circle)

now, we’re going to copy this circle, press Ctrl+c

press Ctrl+N

a bow will appear, with this..

widht: 393 pixels

height: 393 pixels

resolution: 300

from the drop down menu, you can change the pixels with inches,

when you change it into inches, you will get this size

widht: 1,31 inches

height: 1,31 inches

resolution: 300

click “ok”

we have a new blank document

press “ctrl+V”

you will have your circle on that document

now, we will save this one circle

from “file” menu (on top), choose “save as”, and from the dropdown menu, you can use the type of file you want.

If you want a transparent background, you can save as a “png” file

otherwise (with a white background), you can sace as a “jpg” file

Once you have this one circle (in one png or jpg file), you can import this one circle into microsoft word, or openoffice (or, you can also import it into photoshop), and then you can create a page with these circles on it (just copy paste this one cirlce over and over in a sheet/page)

September 5, 2010 at 1:35 am Leave a comment


Follow revidevi.wordpress.com on WordPress.com

Categories

Latest tweet