Easy to Read Thumbnails

by Proto G in Craft > Digital Graphics

7812 Views, 49 Favorites, 0 Comments

Easy to Read Thumbnails

ible thumbnail.jpg

In this instructable I will show you how to create a thumbnail with a title that can be easily read on any background. White text with a black outline can be read on any color. You will need photoshop to follow along with this instructable. If you do not have photoshop, ask if your school has any photo editing software for students. Some public libraries have a pretty good selection of software for free.

I am also doing a giveaway on my youtube channel that ends on June 1st(my birthday). I am giving away an Arduino Mega, Arduino Uno, and an Arduino Pro Mini. (Details at the end.)

Open Your Thumbnail Background and Change the Image Size.

Screen Shot 2015-05-17 at 5.02.36 PM.png

I Usually Use an Image Width of 1280 As Recommended by YouTube.

Screen Shot 2015-05-17 at 5.02.42 PM.png

If you are creating a thumbnail for your Instructable, this image size will get cut off. For Instructables, an image size of 800x800 will work great.

Use the Horizontal Type Tool to Make Your Title.

Screen Shot 2015-05-17 at 5.02.49 PM.png

You can use a default font but I high suggest you look at websites like this that offer free unique bold fonts for your titles. There are also a lot of great paid fonts out there. I use a font size around 180 pt. for my YouTube thumbnails and around 110 pt. for my Instructables thumbnails.

Notice How Hard It Is to Read the Title and How Pixelated the Text Looks.

Screen Shot 2015-05-17 at 5.03.10 PM.png

With the Text Layer Selected, Change the Anti-aliasing to Sharp.

Screen Shot 2015-05-17 at 5.03.16 PM.png

Now That the Text Is No Longer Pixelated, Create a New Layer.

Screen Shot 2015-05-17 at 5.03.25 PM.png

Drag Layer 1 Under Your Text Layer.

Screen Shot 2015-05-17 at 5.03.30 PM.png

Select Your Text Layer and Go to the Expand Tool.

Screen Shot 2015-05-17 at 5.03.48 PM.png

Choose How Thick You Would Like Your Outline.

Screen Shot 2015-05-17 at 5.03.51 PM.png

With Layer 1 Selected, Go to the Fill Tool.

Screen Shot 2015-05-17 at 5.03.57 PM.png

Use Black at 100% Opacity.

Screen Shot 2015-05-17 at 5.04.00 PM.png

You Could Stop Here, But We Can Do Better.

Screen Shot 2015-05-17 at 5.04.03 PM.png

With the Background Layer Selected, Go to the Fill Tool.

Screen Shot 2015-05-17 at 5.04.10 PM.png

Use Black With an Opacity Around 30%

Screen Shot 2015-05-17 at 5.04.15 PM.png

That's It!

Screen Shot 2015-05-17 at 5.04.18 PM.png

Play around with different colors, fonts, and settings to make it your own. Try using different filters like field blur on the outline layer to add more depth to the words. Thumbnails are the first thing most people see when browsing the internet so make sure that yours stands out from the crowd!

Arduino Giveaway

IMG_0710.JPG

I am giving away an Arduino Mega, Arduino Uno, and an Arduino Pro Mini!

When I was in high school and college, I remember not having enough money for some of the projects that I wanted to do. I have 100+ microcontrollers and a great job now so I just wanted to give back a little. I'll be doing more giveaways in the future too. Possibly free filament, stepper motors and other things that I have an abundance of so stay tuned!

Rules for the giveaway:

Subscribe to my YouTube Channel, like this video and leave a comment on the video saying what you would do with the microcontrollers. On June 1st (My Birthday) I will randomly select a subscriber's comment and ship them out for free!

Thank you guys for being such a welcoming community!