How to create the perfect cover image for a post using PROCREATE on IPAD - Steemit

in #steem6 years ago (edited)

D7C59E9C-2CF7-469F-B39A-856EAE2E504D.png

Creating a cover image for your post with Procreate, and getting the thumbnail right at the same time

This post explains how to create a really good cover image for your Steemit post using the Procreate app for IPad. We want the cover to show up well in posts but also in the thumbnail in a post list. This is what people see when they decide to click on your post or not, so we want it to be well aligned.

Step 1 Use your own photos or go to Pixabay.com to find a free image. If you type one word that describes your post you can often find an appropriate image. Here, we look for an image of a sunset.

F716838C-D7FF-4573-B8F2-D32769EA8499.png

When you found a picture, download it to your camera roll

Step 2 Start Procreate and create a new image. Click on the + sign in the upper right corner of the screen to create a new canvas. Then tap ‘create custom size’.

*UPDATE: with the new design of the steemit website, the exact resolution is less important. You can also choose another resolution or click on **photo** in the same screen below to get your photo directly. To save your work see step 8* At the moment I’m seeing sometimes a new layout of the Steemit website and sometimes it’s back to the older layout, so not sure where it’s going

Step 3 The image resolution needs to be 600x353 or another measure of 1.7/1. Type it in as shown on the picture and click on CREATE

203355E6-7E89-4C29-9B48-6217D5E7531B.png

Step 4 Go to the actions menu and under image, click on ‘insert a photo’

9A3D96F1-5184-4D08-83F7-3F4B13C53229.png

Step 5 Find your photo and insert it, but preferable DON’T RESIZE IT TO MAKE IT BIGGER as it could become very pixelated. Instead of enlarging the photo, it is often better to leave a border. We’ll make the border transparent in the next step.

FB5F229E-BF20-439A-895D-A5EF68434189.png

Step 6 We can now get rid of the white background. Go to the layers menu and untick the box next to background as shown.

EDE398F7-AAE9-4126-8ADA-4A8B47A6AE0B.jpeg
Step 7 Now we can insert another layer by repeating step 4 and 5, (or you could draw or use effects from Procreate to enhance your cover picture). Note: if you want a slightly rotated photo like in this example, then apply the rotation beforehand on a bigger version of the photo so it doesn’t become pixelated.

E3AB3C2D-FC3D-4455-A15A-4C147040F676.png

Step 8 Go to Actions, Share and choose PNG

E7982378-F6BC-42B4-813B-3D31363578D1.png

Step 9 Insert the image into your post, making sure that it’s the first image in your post You can center the image in the following way

E1C2D7F1-9154-4784-B62E-853D331E4479.png

That’s all! Have fun creating your own cover image

Sort:  

Thank you @verbaldancing! Great tool... I kinda need it... lol.

This is cool. I am definitely going to bookmark this post. Thank you for sharing. :)

Great tutorial! I need to try your instructions. Thank you.

Thanks for your feedback :-)

It is my pleasure and my appreciation.

The @OriginalWorks bot has determined this post by @verbaldancing to be original material and upvoted it!

ezgif.com-resize.gif

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

This post has received a 0.08 % upvote from @drotto thanks to: @dreamingirwin.

Thanks for the gift!

Your Post Has Been Featured on @Resteemable!
Feature any Steemit post using resteemit.com!
How It Works:
1. Take Any Steemit URL
2. Erase https://
3. Type re
Get Featured Instantly – Featured Posts are voted every 2.4hrs
Join the Curation Team Here

Coin Marketplace

STEEM 0.29
TRX 0.11
JST 0.031
BTC 68564.31
ETH 3859.20
USDT 1.00
SBD 3.65