blank
  • Free

    Tutorials

    • All free tutorials
    • Manipulations
    • Effects
    • Abstract
    • Techniques
    • Quick tips
    • Photography

    Popular tutorials

    Review articles

    Latest posts

    blank

    Amazing masonry photo gallery in Photoshop in 5 minutes

    03 March 2021
    blank

    Lost Love – Easy Photoshop Manipulation

    18 February 2021
    blank

    Integrate elements on new backgrounds

    15 February 2021
    blank

    Create an energetic portrait in Photoshop

    08 February 2021

    Photo apps

    Get to know other photo editors for mobile and desktop devices

    Manipulations stock

    Download free high quality stock assets for manipulation projects

    Browse by level

    Beginners tutorials

    Photoshop tutorials for beginner users

    Intermediate tutorials

    Tutorials for experienced users

    Advanced tutorials

    Tutorials for highly skilled artists
    Learn Photoshop online for free. Andrei Oprinca
  • Premium
  • Login
  • Sign up
  • Español
  • English
Home Tutorials Free Dark Wallpaper Tutorial
Dark Wallpaper Tutorial
Loading advertisement...
Preload Image
Up next

Eyes Retouching – Photoshop Tutorial+Video

Cancel
Turn Off Light
I Like ThisUnlike Like Please Login to Vote
I Dislike ThisUn-Dislike Dislike Please Login to Vote
Watch Later
Share
Auto Next
0 Comments
10,977 Views
39
1
Report Report Please Login to Report
Please enter your reasons.
Error!! please try again later.
Many thanks for your report.
You have already reported this video.
Please login to report.
Report
Open Video in Lightbox Lightbox
Previous Video Prev
Next Video Next
More Videos More Videos
  Add New Playlist
Hard Light Effect in Photoshop
Watch LaterAdded 27:18

Hard Light Effect in Photoshop

Andrei Oprinca
12 July 2012 19 February 2021
0
2,199,863
15,753
346
Dramatic Lighting Photoshop Tutorial
Watch LaterAdded 31:09

Dramatic Lighting Photoshop Tutorial

Andrei Oprinca
11 June 2012 16 February 2021
2
732,948
5,237
93
architectural-postprocessing
Watch LaterAdded 44:16

Architectural Post Processing in Photoshop

Andrei Oprinca
07 December 2013 14 February 2021
2
708,679
5,121
110
Make an Amazing Portrait Effect
Watch LaterAdded 31:17

Make an Amazing Portrait Effect

Andrei Oprinca
26 April 2012 19 February 2021
1
743,171
4,276
86
One Moment – Manipulation Tutorial
Watch LaterAdded 30:20

One Moment – Manipulation Tutorial

Andrei Oprinca
15 January 2012 02 February 2021
0
528,708
3,771
65
Create a Fantasy Manipulation With Light Effects in Photoshop
Watch LaterAdded 01:44:02

Create a Fantasy Manipulation With Light Effects in Photoshop

Andrei Oprinca
20 December 2014 02 February 2021
0
398,660
3,609
47
beautiful-lady-flowing-light-effects-final
Watch LaterAdded 01:02:51

Beautiful lady with flowing light effects – Photoshop Tutorial

Andrei Oprinca
20 December 2012 14 February 2021
0
408,511
2,999
48
skull-island
Watch LaterAdded 00:39:13

Skull Portrait Effect – Advanced Manipulation

Andrei Oprinca
17 February 2016 13 November 2020
0
87,856
2,874
216
ambient light beams of light
Watch LaterAdded 09:04

Ambient Light & Beams of light in Photoshop CC

Andrei Oprinca
25 May 2016 02 February 2021
5
97,144
2,379
35
blending-tutorial-preview
Watch LaterAdded

Mix images – Creative Photoshop Blending Tutorial

Andrei Oprinca
27 January 2015 02 February 2021
0
179,668
2,247
66
Revolutionary tools and AI technologies for creative photo editing
FreeIntermediateTutorialsWallpapers

Dark Wallpaper Tutorial

Andrei Oprinca
29 April 2011 02 February 2021
0
10,977
39
1
Available languages for this post
  • EnglishEnglish

Welcome to yet another wallpaper tutorial in Photoshop. In this tutorial you will learn how to make a dark and minimalist wallpaper. You will need to know how to work with selections and with layer masks and also how to work with clipping masks. Enjoy

Resources needed

  • Custom shapes and Styles
  • Metal patterns: http://axertion.deviantart.com/art/Metal-Mesh-Patterns-Pack-1-107942844
  • Step 1

    Create a blank document 1920×1080. You can remove the default Background channel if you want. Create a Gradient Fill layer (Layer>New Fill Layer>Gradient) and choose a Radial Gradient using the settings shown in the picture below.

    Dark Wallpaper Tutorial Free

    Step 2

    In this step you will create the two horizontal metallic shapes. In order to make it easier for you, I decided to create a custom shape because it’s not easy to reproduce the rounded angles.

    So, download the custom shape and draw it as in the image below. Hold down the Shift key while you draw it so that you maintain the aspect ratio. Create the bottom shape by duplicating the first one and flipping it vertically.

    Dark Wallpaper Tutorial Free

    Step 3

    Create a new layer between the background and the shapes. Open the metal mesh patterns and paint on the new layer with the metal pattern shown below. I used a Pattern Fill layer because I always want to be able to change things whenever I want.

    This metal patter must only be visible on the top and bottom part of the wallpaper, on the middle we will add another texture.

    Set the blend mode of the metal mesh pattern to Soft Light.

    Dark Wallpaper Tutorial Free

    Step 4

    Now let’s make the texture in the middle part of the wallpaper. Create a new layer and fill it with black. Than go to Filter>Noise>Add noise and add 100% noise Monochromatic.
    Now create a layer mask and hide the top and bottom parts as shown in the image below.

    Apply a Gaussian Blur of 0,4 pixels and set the layer’s blend mode to Overlay and Opacity to 20%.

    Dark Wallpaper Tutorial Free

    Step 5

    This step might be a bit more difficult for some users. You must create the holes on the shapes you created on Step 3. You need a custom brush for that so create a new document 300×300 pixels.

    Create a selection 17 pixels wide and 210 pixels high and fill it with black. Save that as a brush from Edit>Define Brush Preset.

    Dark Wallpaper Tutorial Free

    Go back to the wallpaper and select the top shape. Create a layer mask for it and select the brush you just saved. Now you must customize this brush. Press F5 t open the brushes window and increase the Spacing to 170%.

    Create a new layer above the top shape and paint a straight line using the custom brush. You can paint straight lines by pressing the Shift key while you draw. See image below.

    The lines that you see on the image below are only used to create a layer mask so the color doesn’t matter. (I painted the white lines below the shape not on top so that you can see the shape better)

    Dark Wallpaper Tutorial Free

    Step 6

    Now we will create the layer mask using the lines you painted on the previous step. Ctrl+Click the custom shape’s vector layer to select it’s edges and then invert the selection with Shift+Ctrl+i or from Select>Inverse. With the inverted selection, go to the layer where you painted the vertical lines and press delete to get rid of the excess.

    Dark Wallpaper Tutorial Free

    We are almost there. All we need is a bit of margin. Load the edges of the custom shape again and go to Select>Modify>Contract and Contract the selection by 10 pixels. After you contract the selection, invert the selection and press delete. See image below. Remeber that the vertical lines must be on a separate layer.

    Dark Wallpaper Tutorial Free

    Step 7

    We are almost ready to make the layer mask. Ctrl+Click the thumbnail of the layer that contains the vertical lines to select their edges.

    Dark Wallpaper Tutorial Free

    Once the selection is loaded, you can hide the layer and go to Select>Modify>Smooth and set the Sample Radius to 3 pixels. With the selection still loaded, select the layer mask and fill the selection with black to create the holes.

    If you’re happy with the result you can delete the layer with the vertical lines.

    Dark Wallpaper Tutorial Free

    Now do the same on the other shape. You can simply duplicate the layer mask and flip it vertically. Hold down the Alt key while you click and drag the layer mask to the other shape. Before you flip it vertically you must unlink it first otherwise you will flip the entire shape.

    Step 8

    Now you have to style these shapes and give them a metallic look. To create the brushed metal effect use the classic technique of the noise and motion blur.

    Create a new clipping mask layer add 100% Monochromatic noise and then apply Motion Blur with Angle 0 degrees. Set the blend mode to Overlay.

    Next add some lights and shadows using a metallic gradient. I used the default metallic gradients that come with Photoshop. Set the blend mode of the gradient to Multiply.

    Dark Wallpaper Tutorial Free

    Step 9

    Now apply some layer styles to to create a nice 3D effect. Apply Drop Shadow and Bevel & Emboss using the settings shown in the image below.

    Dark Wallpaper Tutorial Free

    You should get something like this. Notice the highlights on the top edges.

    Dark Wallpaper Tutorial Free

    Repeat the step for the other shape but when you get to the bevel & emboss set the Angle to -85 degrees so that the highlights appear on the bottom edges not on the top.

    This is how the bottom shape should look like.

    Dark Wallpaper Tutorial Free

    Step 10

    Now that the base of the wallpaper is ready, you can add some color. I simply added the letters X and Y and applyed tome styles. The text font used is Ethnocentric.

    Dark Wallpaper Tutorial Free

    Step 11

    The styles that I applied to the text is a bit complex so instead of posting screenshots, I decided to give them to you. Download them and apply them directly.

    Dark Wallpaper Tutorial Free

    Step 12

    In order to make the letters look a bit better you can cast a light with the same color as the letter on a new layer below the letters themselves.

    Use a big soft brush and paint with a single stroke like show in the image below. Then, change the Blend Mode to Color Dodge.

    Dark Wallpaper Tutorial Free

    Step 13

    As a final detail I added 3 smooth triangle shapes in the middle each with a different color. I just want to show you how to make those shapes. Select the Polygon Tool (U) and from the top options bar change Sides to 3. Click the arrow located to the right of the custom shapes icon and choose Smooth Corners.

    Then draw your shapes and apply the styles from the same file.

    Dark Wallpaper Tutorial Free

    You reached the end of the tutorial. Thanks for reading and I hope you liked it. If you have any questions post a comment.

    Final result

    Dark Wallpaper Tutorial Free

    Post views: 10,977
    I Like ThisUnlike 39 Please Login to Vote
    I Dislike ThisUn-Dislike 1 Please Login to Vote
    Tags custom wallpapercustomizationdesignfree tutorialsminimalphotoshop wallpaper tutorialwallpaper

    Similar tutorials

    Hard Light Effect in Photoshop27:18

    Hard Light Effect in Photoshop

    Andrei Oprinca
    2,199,856
    15,753
    devil-bride-psdbox-tutorial00:33:24

    Devil’s bride – Create an angel of fire

    Andrei Oprinca
    498,480
    5,794
    Dramatic Lighting Photoshop Tutorial31:09

    Dramatic Lighting Photoshop Tutorial

    Andrei Oprinca
    732,938
    5,237
    dramatic-skin-tones-retouching-photoshop

    Dramatic Skin Tones Tutorial

    Andrei Oprinca
    84,541
    5,128
    breakeven-final-HD01:15:13

    Breakeven – Advanced Manipulation Tutorial

    Andrei Oprinca
    15,594
    2,468
    Create a Fantasy Manipulation With Light Effects in Photoshop01:44:02

    Create a Fantasy Manipulation With Light Effects in Photoshop

    Andrei Oprinca
    398,656
    3,609
    the-cowboy-final-HD34:48

    The Cowboy – Composition Tutorial

    Andrei Oprinca
    78,319
    2,841
    cassiopeia-final-HD01:09:38

    Cassiopeia – Manipulation Tutorial

    Andrei Oprinca
    11,524
    2,566
    blank

    Join PSD Box for more downloads

    Create an account now

    PSD Box photoshop tutorials

    Welcome to my blog, I’m Andrei Oprinca and here you’ll find Photoshop tutorials for beginners and advanced users. Photoshop courses and advanced tutorials for professionals.

    I also publish photo app reviews and graphic design articles to help you improve your design skills.

    Useful links

    • PSD Box on Skillshare
    • Online design suite for your brand
    • My cheap Stock photos choice
    • Take your photo editing to the next level
    • Millions of top quality design assets

    [FREE COURSE]​ Express Photoshop for Beginners

    Learn the basics of Photoshop with 16 video episodes that will introduce you to the world pf Photoshop

    Create a free account and start the course

      • No videos yet!
        Click on "Watch later" to put videos here
      • View all videos  

      • Don't miss new videos
        Sign in to see updates from your favourite channels

        Sign In  

      • You are not logged in!
        Login  |  Create new account
      • Free

        Tutorials

        • All free tutorials
        • Manipulations
        • Effects
        • Abstract
        • Techniques
        • Quick tips
        • Photography

        Popular tutorials

        Review articles

        Latest posts

        blank

        Amazing masonry photo gallery in Photoshop in 5 minutes

        03 March 2021
        blank

        Lost Love – Easy Photoshop Manipulation

        18 February 2021
        blank

        Integrate elements on new backgrounds

        15 February 2021
        blank

        Create an energetic portrait in Photoshop

        08 February 2021

        Photo apps

        Get to know other photo editors for mobile and desktop devices

        Manipulations stock

        Download free high quality stock assets for manipulation projects

        Browse by level

        Beginners tutorials

        Photoshop tutorials for beginner users

        Intermediate tutorials

        Tutorials for experienced users

        Advanced tutorials

        Tutorials for highly skilled artists
        Learn Photoshop online for free. Andrei Oprinca
      • Premium