Want to keep the TNW Conference vibe going?? Tickets for TNW2022 are available now >>

The heart of tech

This article was published on October 30, 2014

    How to make your own wallpaper for any screen size

    How to make your own wallpaper for any screen size
    Odes Roberts

    Odes Roberts is an in-house designer for Shutterstock. This post was originally published on the Shutterstock blog and has been reprinted with permission.


    Making wallpapers for desktops and other screens is easily one of my favorite things to do. I change my wallpapers frequently with found images and experiments with new visual techniques. Here are some fun ways that you can merge images together to make a quick and easy wallpaper that will fit any screen size.

    wallpaper1
    Abstract background by ilolab

    I enjoy bright, rich colors with a bit of texture, so I chose my images with that in mind. Make sure that your original images are at least as large as the screen size you want to use them on. Since I have a retina display, I started with 2880 x 1800 pixels and scaled down to the most popular desktop and device sizes.

    wallpaper2
    Brunette submerged in water by katielittle

    I chose three different images for this example, which we’ll merge together to create the final result.

    wallpaper3
    Fair-ride long exposure shot by Annette Shaff

    Step 1

    Start with image of woman in the water. This is the anchor that ties the wallpaper together, regardless of how many effects or textures you add. Because of the vertical aspect ratio, I decided that making the model blend with a mirror image would produce a more surreal effect, while also changing the orientation to landscape.

    wallpaper4

    Step 2

    I added textures to the model’s hair and face to make them a bit darker and richer. I also adjusted some of the curves to achieve this effect. Next, start to add in gradients. I started with a base gradient before laying down something a bit more vibrant.

    wallpaper5

    Step 3

    Begin adding texture assets and using layer styles such as Overlay and Hard Light to get just enough texture with out making it look overly textured. You’ll want to play around with the transparency of the overlay to get see how much or how little texture you think looks best.

    wallpaper6

    Step 4

    After combining everything together, if you feel this laser-light show of blended images is too bright, try adjusting the hue and saturation to make it more to your liking.

    wallpaper8

    Step 5

    Once you’ve made your wallpaper, you can resize it to fit your screen. Since I started with the fairly large sized 2880 x 1800 pixels, it was easier for me to scale down to iPad and iPhone sizes.

    To download the wallpaper I created for this post, just use the arrows in the slideshow below to select your preferred size, then right-click on the image and click Save As.

    Trippyneon1920px
    wallpaper10

    To download any of the images used to create this post, click on the first three images in the text of this story.