How to use Photopea to make a Character Card for #TheReadingQuest

A quick tutorial on how to use Photopea (a free online editor site) so that anyone can make a character card for #TheReadingQuest. This tutorial only has 6 steps to help anyone without Photoshop.

how-to-make-a-card-graphic

(Update: Readers can still participate in #TheReadingQuest for fun after the official sign-up closed on 14 August but won’t be eligible for the book prizes.)

If you have any questions, feel free to ask them on Twitter or through the contact form.

Step 1: Download the graphics from #TheReadingQuest Signup post. Next, open Photopea. If there is a large introduction banner at the top of the site, click the cross to close it.

1) In Photopea, select ‘File’ + ‘Open’ to open the blank card from your downloads folder.

Step 1: File-Open Graphic

2)  Select ‘File’ + ‘Open’ to open your character graphic from the downloads folder. Both the blank card and character graphic should now be separate tabs in Photopea as shown below.

Step 1: Two files open in two tabs graphic

Step 2: Resize the image

1) Go to the ‘Image’ tab and select ‘Image Size’ to resize the character graphic in order to fit the blank card.

Step 2: How to resize image

2) In the ‘Image Size box’ below, change the width + height from ‘1000’ px to ‘385’ px and click ‘OK.’

*Updated tutorial to 385 px for a better fit instead of 400 px.

image-resize

Step 3: How to copy your character graphic onto the blank card:

1) Go to the right hand side of the screen and right-click the character’s layer in ‘Layers.’ Then select ‘Duplicate Into’ from the white pop up menu.

Step 3: How to duplicate character

2) In the ‘Duplicate Into box’ below, change the ‘Destination’ in the drop down menu from the character graphic option to the blank card option highlighted in blue. Click ‘OK.’

Step 3: Duplicate destination graphic

Step 4: Click on the ‘Blank card‘ tab to see that your character has copied onto the card below. If needed, click and drag your character to re-position it on the card.

Step 4: Coped character card image

Step 5: Skip to Step 6 to download your image and use paint, canva or picmonkey to add text to it.

OR

1) Continue to add text by selecting the ‘T’ icon in the left-hand corner below. Type the text first. Then highlight the text and select the tools needed to change the font type, font size and colour.

Step 5: how to add text graphic

2) In this example, I used the Teutonic No1 font (with font size: 70 pt) for the name. I then used the IM FELL DW Pica font (with font size: 27 or 30 pt) for the rest of the text but feel free to use the font type that works for you.

13

3) Tip: I recommend a lighter font colour for visibility. For example, copy and paste a hex colour code like b7abf0 in the ‘Color Picker’ box below.

Step 5: how to add font colour graphic

Step 6: Save and download your character card by selecting ‘File’ then ‘Save for web.’

Step 6: how to save graphic

Finally, check the format is ‘PNG’ and click ‘Save.’

Step 6: how to savebox

Congrats! Your saved image should appear in your downloads folder. Use Photopea, Paint, Canva or Picmonkey to add text like the example below.

Update: How to add your character card to the Goodreads TBR or sign-up.

Let me know if this helped! Link back to this post, share it on Twitter or share a coffee on Ko-Fi. Good luck to all the mages, rogues, knights, and bards!

blank-card (1)

For more on #TheReadingQuest, see my updates on Twitter

me01

For more books, check out my TBR for #TheReadingQuest

Advertisements

5 thoughts on “How to use Photopea to make a Character Card for #TheReadingQuest

    1. I’m sorry that I missed your comment asking for help on the blank card! I’m glad that you were able to get the card up in the end (from your blog post). Your TBR looks great too!

      Like

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s