This article talks about creating featured image for Blogger or WordPress with Keynote.
TABLE OF CONTENT
Why do I use keynote
Keynote is free, easy to use, and has good drawing support. Anyone can get started very quickly.
The real reason: I’m poor and can’t afford Photoshop, so please buy me a coffee if you find this blog helpful, thanks a lot!
How to make featured image with keynote
- Get a featured image on a blog theme
The theme of each blog is different. You need to make your featured image template according to your own blog theme. First, use the screenshot function (⌘+⇧+4) that comes with mac to capture the featured image on the blog, and get a picture below.
- Make the outline of the featured image template
Paste the picture into keynote and zoom in on it, then mark if there are any special marks in the picture. There is a green tag in my blog template, so I need to mark this position to prevent the elements of featured image from being occluded.
- Create a featured image template
I like the simpler featured image styles, so I decided to use two styles, one with text on the left and image on the right, and the other with the opposite. The picture below is my template.
- Create featured image
Change the text and images to your real blog content, remember not to let the images or text exceed the scope of your template. After making it, delete the locator in the template. Finally, use the screenshot function (⌘+⇧+4) to capture the featured image.
- Put the image in the head of the blog
<img class="featureimg" src="********">
My blogger template will automatically use the first image in the article as a featured image, but I don’t want to display this image in the blog body, so I added a class called featureimg to it.
- Add css to blog template
In Theme->Customize->Edit HTML, search for “</style>”, add the following code before </style>, the effect is to hide the picture in the blog body.
.featureimg {
display: none;
}
Keynote picture function tips
How to cutout
Many of the stock images we download from the Internet have some backgrounds, how to quickly remove them? In fact, keynote provides a very powerful function called: instant alpha.
Hold down the mouse where you want to remove the background color, then move it in any direction, the greater the distance, the more the background will be removed.
This trick is very efficient for images with a simple background color, similar to the lasso tool on Photoshop, but much more efficient.
0 Comments