Thursday, December 16

Making of the HD Color Lines Wallpaper

Making of the HD Color Lines Wallpaper

In this tutorial I am gonna show you how to make a colorfull wallpaper. I will explain how i made V2 – Radial of the wallpapers i uploaded shortly before this post. It’s not a difficult tutorial. This will be the outcome:


Step 1; Set this thing up
Let’s start off with setting up our document. Create a new document. I used the sizes for a HD wallpaper so that’s 2560 pixels (width) by 1440 pixels (height). Resolution stays 72 dpi and color mode RBG Color and 8 bit. Of course you can change this settings for you own unique sizes and sh*t. However, it’s recommended that you change the background contents to Background Color.

Click OK and you’ll get something black.

Step 2; A bunch of lines

Ok, now that we have our background, lets start with the lines. Now we go on with the radial lines. This is very easy but takes a bit of your time, the way I do it. I haven’t checked if there is a less time-absorbing way, but if you got one please comment!

- Get your line tool, change the weight to 2 pixels and create a white line from the bottom to the top.
You should see a line. To change the position just press V (Move Tool), then Ctrl+A (Select All) and then you should notice that in the bar where you can change the settings for your current tool (I’ll call it the Options bar from now on) the buttons on the right have become clickable.
- Click the second one to align the line to the bottom of your document and the 5th button to align it to the horizontal centers.

Here comes the duplicating part. 

- Press Ctrl_J (Duplicate Layer) 7 times. Now you should have 8 layers with 1 line. 

-click on the second layer containing a line ant press Ctrl+T (Free Transform). At the Options bar you set the reference point location to bottom center and the rotation to 2,5 (or 2.5 depending on you preferences). 

-Apply the transformation. Now go on to the next line-layer and do the same as just before, but now add 2,5. So instead of 2,5 you rotate it with a value of 5,0. Do this again for the 3rd, 4th and 5th layer. 

- Now merge those 5 layers and duplicate them 4 times. Just as before you press Ctrl+T on the second layer containing a line but be sure you change the reference point location to left bottom instead of center bottom.

 Rotate it with a value of 12,5 and apply the transformation. Do this again with the 3rd layer, 4th, 5th, 6th, 7th and 8th layer by constantly adding a value of 12,5 at the rotate part. Now merge them line layers and duplicate the result layer of the lines

Press Ctrl+T and set the reference point location to left bottom, the width to -100%. 
It CAN turn out ugly at the center line; be sure to let the center line be 1 center line, not 2. So if you have to just press V (Move Tool) and push the new layer a bit to the probably right to make it look like just one line. Merge the 2 layers containing lines and now you should have something like the last image.

Step 3; Go brushing

Create a new layer, get a soft 2000 pixel (based on the 2560×1440 document size) brush and click 1 time at the center bottom.

Put the layer underneath the lines layer. Now you change the lines layer blending mode to overlay. This is to make the lines look fading away at the tops.

Now create a new layer and get a soft 1000 pixel (based on the 2560×1440 document size) brush and make a line from the previous brush down at the center bottom to the top.

- Duplicate the layer 4 times.
- Transform the first duplicated layer by pressing Ctrl+T.
- Set the reference point location to center bottom and the rotate to 45.
- Do it again for the other layer but use there the rotate values 90, -45 and -90.

You’ll think this sucks but it is just to help us with the gradient maps in the following step. TIP: it’s handy when you put the 5 layers in order of left to right for the following step.

Step 4; Adding them colors

 It’s time for the colors.
- First click the eyes of the 5 layers you just created with the 1000 pixel brushes to make them dissapear.
- Insert a gradient map.
- Take the black to white gradient and add a color (in the gradient) at 50%.
- Change the middle color to red (#FF0000).

As you can see on the image above, it’s not correct that some parts arent red. I know, just don’t bother about that ‘couse I will show you how i did it. Ctrl+Click on the first brushed layer from the 5.
- Press Ctrl+Shift+I (Inverse Selection) and delete that on the red gradient mask.

- Do this 4 more times for the other brushed soft “lines”.
-Use altern colors. I used the following: 1st #FF0000 2nd #FFFF00 3rd #00FF00 4th #00FFFF and 5th #FF00FF.

Final Results





Tuesday, September 21

Orange Effects

Orange Effects 

Hello and this time we'll create extremely fill of glow wallpaper. Out theme for today is - oranges so this is why the base color of our illustration will be orange too. Let's start by creating a document in Photoshop. 

Now let's find some orange references in the net

Here are some fine oranges to work with - but not that i will use other orange reference photo in the end ( it will be included in the set).

Here is the full composition.

So the first thing i'm going to do is - clear all the white areas and leave the background transparent. Many tactics will do here. As we have nicely done big dimension picture we can use : selections magic eraser tool and just an eraser: may things to choose from. I'm not using the single one - I'm combining selections with plain eraser.

So here is our result: As you can see it is nicely clean and has a transparent background - like just we needed. 

ow back to our initial document. Copy the orange there and position it like i do. 

As a background i will use paper texture. It easy to find one on the net i guess. 

Set it underneath the orange layer - here we go. 

It seems to me that background need a little bit more attention. I'd like to drop some stripes to the background. Here is vertical stripe with default color. i will use the same stripe with the same color in next steps

Here is the same color stripe with blending mode set to Exclusion. in changed our color - it looks ok i think. 

Then let's draw some horizontal lines too: oh did i say draw ? you can just copy the ones that you have.

As you can see -one line is smaller than the other and the colors vary too. This is actually our very first line with different layer blending modes. 

Here is the result

SO a think we are done shaping the document. i think it is time to begin to adjust colors and add some elements to it.

First take any texture brush you have, create a layer next to paper texture layer set it to overlay

Now let's take care of our Orange - main object. First i would like to apply some of layer effects using layer styles.

Here are the settings. 

As you can see i used glow filters only. 

Zoom in a little bit - there is also a good way to add local contrast to the are - you just create a layer underneath the object layer set it's mode to overlay or soft light and paint with White using soft edged brush - Airbrush (with opacity set to 3-9%).

Our next step will be the creation of deco elements to the object - the orange. I will pick a HR floral brush. So create a layer underneath the orange layer but upper than all the layers with the stripes. Choose Floral brush ( download ) pick white color and do just one tap. 

... a little bit more of those

....a little bit overlay to the orange and we are done there. so here is the result - note that there is another orange. See you next time. 

Friday, August 13

Create a High Contrast, Artistic Portrait

Final Image

This is the final that we’ll be creating:

Images Used

These are the photos that I’ve used for this tutorial.
Burnt Paper

Step 1

Create a new document (600X600px) and paste in an image of an old paper texture. Call this layer ‘paper texture’.

Step 2

Now go to image>adjustments>hue/saturation and reduce the saturation to -60, and increase the lightness to +80. This should give you a nice looking washed out background.

Step 3

Now paste in a portrait photo of a woman into the center of your canvas.
Be sure to cut out the woman from her original background using the lasso or pen tool selection tools. Name this layer ‘woman photo’.

Step 4

Now go to image>adjustments>desaturate, to grayscale your photo. Then go to image>adjustments>brightness/contrast and increase the contrast to +85.

Step 5

Next I paste in an image of some burnt paper. Resize the paper so that the edge of the burn fits with the edge of your woman’s torso. I reduced my layer opacity on the burn layer in order to judge where these edges were.

Step 6

Now use your magic wand tool at 50 tolerance and click on the white part of your burnt paper image.
Then go to select>inverse. This should select the dark part of the burn. Then create a new layer called ‘burnt paper outline’ and fill this selection with black.

You can see the resulting shape below. After this is done use your lasso tool to cut away and fill in parts of the woman’s torso to fit with this burnt paper edge.

Step 7

Now select the dark parts of your image (the shadows of your woman and the black burnt paper outline).
To do this go to select>color range. Then select ’shadows’ from the drop down list, and set selection mode to ’selection’. Finally increase ‘fuzziness’ to 200. Hit OK, and this should select the dark parts of your image (which are shown up as white in the preview box).

Step 8

Now with your selection in place go to select>save selection and save it as ‘mask selection woman’. Create a new top layer called ‘gradient overlay’. Then deselect. Now select a large paintbrush (100px), and set hardness to 0%. Then choose a nice bright/obvious color (I went with red) and paint over your woman’s facial features and parts of her hair.

Step 9

Now we want to apply a layer mask in order to fit the red paintbrush marks over the dark parts of the woman’s face/hair. To do this go to select>load and load your previous selection (‘mask selection woman’). Then with your selection in place go to layer>add layer mask>reveal selection.
You can see the result of this below:

Step 10

Now right click on your paintbrush layer and go to ‘blending options’.
Apply a gradient overlay, with using the settings shown below. This should turn your red overlay into a nice gradient transition, giving a spot of color to your woman’s face.

Step 11

Now reduce the opacity of your paintbrush layer to 70% to make the coloring more subtle.

Step 12

Now paste in a photo of a newspaper headline over the woman’s body. Use the same technique of loading the selection and applying a layer mask to fit the photo properly to your woman’s shape.

Step 13

Now change the layer’s blend mode to ‘hard light’ and reduce it’s opacity to 90%. Also use a large, soft eraser brush to erase away the edge of the newspaper, as the photo cut off the top unnaturally. Erasing the top edge subtly should also give the newspaper image some depth.

Step 14

Now repeat these steps and add more photos over the woman’s body/hair. For the other photos keep the layer’s blending mode’s at ‘normal’, as you only want the bold newspaper headline to be a really harsh light.
To blend the images nicely together do 3 things:
Reduce their layer opacities to around 40%
Erase their edges using a large, soft eraser brush
Desaturate them.

Step 15

Now I want to improve the gradient color overlay over the woman’s face/hair. I change the light green part of the gradient to a reasonably dark blue, and then use my paintbrush to paint in a little more over the edges of the woman’s hair, so as to extend my gradient overlay effect.

Step 16

Now merge your burn paper edge with your woman photo layer. Reduce the merged layer’s opacity to 87%. This should make your image look overall more subtle.

Step 17

Now create a new layer above your newspaper image layer and use a large, soft black paintbrush (30% opacity) and paint in a subtle shadow, making the newspaper get darker near it’s bottom. Then apply the selection/masking techniques shown earlier to fit the shadow to the woman’s body.

Step 18

To finish off I add some nice details, including the Swirl 2 Brush from QBrushes and a handwritten style heading using the free font Dirty and Classic

And We’re Done!

Obviously much more can be done with these techniques and you can come up with some really complicated compositions. However, hopefully this tutorial taught you some cool techniques for you use in your own designs!