Skip to main content

Command Palette

Search for a command to run...

How to make a cover image

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

Published
2 min read
How to make a cover image
J

I like programming and learning about stuff I find interesting. Particularly interested in functional programming and typing systems.

I have a background in Cognitive Science/Psychology and Mathematics. Sadly halted due to physical and mental health issues arising from getting Covid. Which unfortunately hit me quite hard back on 2020. I'm still dealing with some sequels so I would prefer working from home.

I find it fun trying to find insights that cut across disciplines. I tend to favor the "theoretical" side of things. But I also try to get as much hands-on experience as possible.

I am writing a blog. Trying to share what I learn, and that others might find useful. I try to focus on the unique things I can bring to the table. Hoping to add value to the life of other developers. I always have a thousand ideas racing through my mind, so I don't have any trouble coming up with ideas on what to write. If any, I have a hard time cutting down on the number of things I want to write about :D

On a personal note. I have always been quite solitary and introverted. But I don't think I'm shy. I love videogames and started programming because I wanted to make my own.

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!

R

Really nice post on sketching for digital design work. It's a good place for people to start doing their own illustrations. 😎

1
J

Thank you Randy Knight! :)

S

Thanks for writing this post, it was a much-needed one for me as I am very much interested in digital drawing. As suggested by Miki Szeles, it will be better if you can start a series on digital drawing. Maybe you won't have to plan about your blogpost every day and you won't be facing writer's block ever!

1
J

You know what Swati Sarangi? I might as well do!

I don't have the slightest idea about drawing (I am literally just learning). But I can learn a ton by teaching. And making sure that whatever I share is truly useful to my readers!

M

I would love to read a series on the basics of (digital) drawing.

My cover image which I think nakes my profile standout is also a handcrafted drawing. But it was not created by me but by my cousin, who is an illustrator. You can check her work on insta. I won't put a link as haahnode has a bug recently which prevents displaying links in comments, but her username is illustratoth. 😊

1
J

I think your profile cover represents all of use at some point XD

I couldn't find your cousin's instagram by username :(

10
M

Of course you could not find it as I mistyped :D Here it is: illustratoth Jorge Romero

3
M

This is pure awesomeness man. Thanks for sharing your workflow. Just a few more posts and I might get inspired, to start drawing. 😊

2
J

Please do Miki Szeles! I would love to see your drawings. The truth is, I can barely draw. But just a little bit of time and effort will get you a long way!

The process of drawing uses a kind of thinking different from the linguistic thinking we are often more familiar with. We usually have a cultural bias (at least here in the west) towards "analytical" and linguistic ideals of reasoning. Drawing and doing art in general is as much an exercise in reasoning as doing math. (On the other hand, math is as much an exercise in creativity as art)

Just different kinds of reasoning. Both important. (That's my claim anyways. I was researching creativity during my masters. And I have very strong opinions about the philosophy of reasoning, which may perhaps go against the mainstream of the traditional psychology of reasoning).

Well, that went flying off the tangent. Sorry. Please draw!

10
M

Thanks for the inspiration I might try at some point, up till then I will try to use some of my photographs like the one I used in the article I posted today. By the way having the series on drawing would be awesome. 😊Jorge Romero

1

Writing Everyday!

Part 19 of 22

I want to make it a habit to write daily. So I will challenge myself to write *something*, everyday. Lower your expectations...

Up next

Plans!?

Or how I try to deal with ADHD