In tutorials

Create custom images for your brand in Photoshop

how to create custom images for your blog

Hi MabLab.net community!

Back with a new tutorial!

Today we are gonna talk about custom images for your brand!

Pin it for later!

how to create custom images for your blog

I’ve been there. You start out with your blog, you are excited and optimistic. You are ready to be a blogger and share your knowledge with the rest of the world. So you start writing your first posts.

Then, you start comparing yourself with others and you realize your posts lacks personality and uniqueness.

Well, don’t get discouraged! All your posts need, are CUSTOM IMAGES!

Don’t worry! I’m not suggesting you need to spend money on expensive scene creator packs, you can create custom scenes for your blog that will cost you nothing more than a tiny fraction of your time. Especially if you are starting out with your new little venture with not much capital to invest, this might sound a good idea. Are you still with me?!?! Well, let’s watch the tutorial then!

 

 

 

I can understand if you are in a rush. That’s why you can visit the CREATIVE MARKET platform and purchase professional and good quality resources that will help you speed up the process of creating your hero images.

And now, a step by step description to create professional custom images for your blog.

 

1. Create a new artwork and import all objects in Photoshop

Create a new document in Photoshop, set the dimension you need.

Open all the objects you want to appear in your image. Ideally in .png format (i.e. transparent background).

If you want to know how to cut out an object from a photograph or you are just looking for a technique to do it more efficiently, click here to read one of my previous posts on this subject.

 

2. Duplicate all your .png objects into your main artwork

This is an easy one. Just go into the tab of the object you want to duplicate.

Select the layer you want to duplicate (you should only have one) > reach the layers tab > Right click > Duplicate layer > Select the destination file.

 

3. Convert all your objects layers into smart objects

Once you’ve duplicated the layer into the main artwork you are working on, you can convert it into a smart object.

Select the layer containing the object > right click > Convert into a smart object.

This step is not mandatory but will help not affecting the final resolution as you’ll need to resize the layer afterwards.

 

4. Resize your object and position them to have a nice composition

Repeat step 1 and 2 with all the objects you want in your scene. Now, resize them in order to get a realistic image and place around leaving the central space empty.

Keyboard shortcut to resize and move objects around is cmd-T (Mac) or ctrl-T (PC)

In this particular case, we are trying to create a custom image that you can use as a featured image for your posts. Usually, the central space is where you write the title of your post or the message you want to communicate.

You don’t need to leave the central space empty. It depends on the style you want to recreate.

Looking for inspirations?!? Check out my Pinterest board!

 

5. Adjust colour if needed

In order to have a scene that looks really like it had come out your camera, colours need to look balanced.

Try to desaturate what’s too colourful and increase the saturation of what tends to be too much black and white.

By double-clicking on the layer containing the object you want to adjust, you’ll be taken back into the source file where you can make colour adjustments.

My suggestion is always to create adjustment layers by using the little black and white circular icon at the bottom of the layers tab. By doing so, you’ll always be able to hide or delete the layer and start over.

Another way is to reach the top bar > image > adjustments. You’ll find the same options available. The only difference is that this is not reversible.

 

6. Add shadows

To pretend that the scene has come out a camera, we need to add shadows. Without shadows, your scene will just look like a patchwork.

Double-click on the layer containing the object > activate the drop shadow tab

Play with the settings until you’ve found a realistic result. Two settings to pay attention to are:

-Angle: it will give your shadow a direction. My suggestion is to arrange your objects in the scene in a way that they seem lit from the same light source. You can take as a reference one of your objects. Judge where it’s being lighted. Arrange the other objects and set the direction of the shadows accordingly.

-Global light: if this option is checked, when you’ll change the angle of one of your shadows in the scene, all the others will change accordingly.

 

7. Add a fading layer (optional)

I really like those featured images where the scene acts a background and the message or title sits above a white or coloured semi-transparent layer.

This could also be a clever way to introduce the colours that identify your brand.

Just create a new layer > fill it with a colour of your choice or create a gradient.

 

8. Type your message

We can finally write our message by simply using the text tool.

Change the font and the colour ( you can use your branding colours )

 

Job done!

 

Hope you found this post useful! I would be thrilled to hear your technique, so if you have any suggestion just type it in the comments here below!

 

If you like this place and you’d like to receive an exclusive monthly freebie before anyone else, become part of the MabLab community!!

This will gain you access to all free resources I use in my tutorials, hand or digitally crafted by me and also keep you updated on what’s new here on MabLab.net.

It’s just one click away! What are you waiting for?

join the community

Share Tweet Pin It +1
Previous PostJune Freebie - The Ultimate Packing List
Next PostHow to create rose gold text

1 Comment

  1. How to create rose gold text - MabLab
    4 months ago

    […] been using this font A LOT! I just love it. I used it for my Youtube videos thumbnails and for some custom image I created for the blog. It just matches my brand perfectly! I had the chance to download it for […]

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.