How to make a cover image

How to make a cover image

I literally couldn't come up with anything else to write about today!

Jorge Romero's photo
Jorge Romero
·Mar 7, 2022·

2 min read

Subscribe to my newsletter and never miss my upcoming articles

Why take special care just for a cover image?

The goal of my blog is to create a unique identity for myself. A personal brand if you will. To that end, a thumbnail should fulfill two main functions:

  • It should seize attention
  • It should be immediately recognizable

That is, if you see my thumbnail on your feed, you will know I have a new post. Because I made it instantly recognizable. And I achieve that by having a consistent style.

It doesn't have to be good. It just have to be consistent. (Of course it helps if is pleasant to look at)

That certainly is a bold claim. The more we are exposed to certain stimuli, the easier they become to recognize. The more familiar they feel. The more accepting we are towards whatever message they are intending to convey. Specially if it validates what we already assume.

It may sound common sensical but I am purposefuly exploiting a know cognitive bias that psychologist Daniel Kahneman calls cognitive ease. I might write more about that in the future if you are interested!

Hands on!

First of all, you always end up figuring out how to do anything on the go. I started this blog by improvising, pretty much. I am still figuring out stuff. This tutorial is a way I have to explain things to myself. But I hope you also find it useful!

Sketch and workflow

I start by sketching on paper and take a photo with the iPad's camera

E70B2B52-639D-40CA-B038-104F8ADECC05.jpeg On the procreate app on my iPad, I create a 1600x840 canvas

9CD10C0A-CCCA-4CE6-A21A-CB1B28396A9E.png Import the photo I took

231CF207-B1B0-4BFC-AD29-15C4D40C9A22.png And resize it to fit

D3583511-9F8E-4204-BC3F-B38D4B7406B0.png

Then I can lower the opacity of the photo and draw on a new layer on top 4ECE787A-0095-4FBD-A097-41AFBCCE56FC.png

Coloring and lines

These are the brushes I use

877A4188-4AFF-4D85-BA17-A7E202F452BF.png

I just make simple lines 017AC908-3496-429F-8994-6818C1097B4B.png For coloring, I add a new layer and draw behind the lines

97EBA0A8-7F9D-4537-BF8E-5F8330A839C7.png Then I can use the same brush but in eraser mode to achieve the shape

AC13C33D-C411-43BD-B8B5-AE90E06B0E85.png

440F37CE-D675-4A94-871D-0F57A27A07E7.png For adjacent shapes I create a "perceived line" by erasing

7715FA6A-40D4-4DC7-A907-2AB904ACFE80.png

29512AA2-EC5C-495A-94DF-8E512E0F38F1.png

Time-lapse

Here's a video of the time-lapse for this cover image:

Epilogue

I Intended to write about setting up my GitHub and linkedIn profiles today. Alas, I wasn't feeling it. But hey I am specially proud of todays drawing. A little victory to cheer up my day.

See you tomorrow!

Did you find this article valuable?

Support Jorge Romero by becoming a sponsor. Any amount is appreciated!

See recent sponsors Learn more about Hashnode Sponsors
 
Share this