Free Super Easy Typographic Portrait in Photoshop

Step 1

Open Photoshop and create a new document. I used 2560x1440 pixels for the size. Then import a photo of yours, I'm using a portrait taken by a John Arlington, a great photographer friend of mine. The photo I have is with white background, so extract the background.

Step 2

Duplicate the layer and go to Image>Adjustment>Desaturate. You will have a black and white photo. Add a white background. After that save the file, it has to be PSD otherwise it won't work with the Displace filter.

Step 3

With the Horizontal Type Tool (T) create text boxes and start adding texts. The idea is to play with the texts, they don't have to be readable, or at least with normal legibility, so play with the line-heights, reduce that so the lines overlay one another.
Also make some keywords much bigger and bold, like in my case I highlight some words like Photoshop Tutorials, Illustrator, Inspiration... Also, play with italic, regular texts as well as alignments and text sizes. Tip: I used Garamond for the font, I think serif fonts look much better for this effect.

Step 4

For each layer, go to Layer>Layer Style>Drop Shadow. Use Multiply for the Blend Mode, black for the color, 90º for the Angle and 5 pixels for Distance, Spread and Size.
Also, group all the layers and the duplicate the group. Go to Layer>Merge Group and then go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. This blurry layer will have to stay behind the regular one. The idea is to add some depth to your text, that's why the shadow.
You can duplicate the orginal text again and move it a little bit to the top and left as well to add even more depth.

Step 5

Select all the text layers and merge them into one layer only, then go to Filter>Distort>Displace. A dialog box will appear asking you to choose a file. Select the PSD file we created on the Step 2. After that for the Displace settings use 15 for the Horizontal and Vertical Scale; use Tile for Displacement Map and Repeat Edge Pixels for the Undefined Areas.
The displacement map will distort the layer based on the greyscale photo we used, the dark tones go down while the lights go up.

Step 6

Put the photo layer on top of the white text layer, then change the Blend Mode of the photo layer to Light Burn.

Step 7

The photo has too many details, so go to Filter>Noise>Dust & Scratches. Use 7 pixels for the Radius and 0 levels for the Threshold.

Step 8

Mask the text layer so you will have just the texts over the photo.

Conclusion

You can reduce a little bit the saturation and as I mentioned before, you can add more text layers and even try different symbols and shapes.
There are many ways to create this effect, this perhaps is the easiest one, but you have to be very careful to make everything very subtle, otherwise the effect won't look as cool as we expect.

Space Lighting Effects in 10 Steps -Free Photoshop Tutorial

Space Lighting Effects in 10 Steps - Photoshop Tutorial

Abduzeedo means abducted in portuguese, the spelling is not exactly that, it should be abduzido. But the whole idea for the Abduzeedo's design is the space. I'm really fan of playing with this subject because we are sort of free to create whatever we want, and using Photoshop that really means everything.

So in this Photoshop tutorial I will show you how to create a space scene with some nice Lighting Effects in 10 Steps.

Step 1

Create a new document, I'm using my computer screen's resolution (1440x900 pixels) so I can use it as a wallpaper later. Add a new Layer and fill it with any color then go to Layer>Layer Styles> Gradient Overlay. You can add a gradient layer as well, I simply prefer the Layer Styles.

Step 2 - Retro Colors

Create a new layer and fill it with white, then go to Filter>Render>Lighting Effects. Change the style to RGB lights. Use Negative 60 for the Intensity, Narrow 96 for the focus, and for the other options keep the same.

Step 3

Lets add some blur, go to Filter>Blur>Gaussian Blur. Use 80 pixels for the Radius. The last thing here will be change the Blend Mode to Overlay. Doing that the RGB color will be hardly visible but later on with the other layers it will work ;)

Step 4 - Creating Stars

Creating Stars in Photoshop is something really easy. Create a new layer, fill it with black, and change the Blend Mode to Screen. After that go to Filter>Noise>Add Noise. Use 10% for the Amount, Gaussian for the Distribution and select Monochromatic. You will have a layer full of noise, then to create the start just change the levels of the layer, go to Image>Adjustment>Levels. For the Input Levels use 65, 1.00, 99. Doing that you will increase the black so just the bigger dots will appear, also you will increase the white, making the dots that appear brighter.

Step 5 - Nebula

Now that we have the stars and the colors and some colors lets create the Nebula. To do that create a new layer and go to Filter>Render>Clouds. Make sure that your color were black and white for the background and foreground. Then just add some Layer Styles to do that go to Layer>Layer Style. First over the Blending Options, change the Blend Mode to Overlay. After that select Gradient Overlay. use Overlay for the Blend Mode and for the colors use a Cyan, Green, Yellow, and Red. Also change the Angle to 130º and the Scale to 49%.

Step 6 - Lens flare

First, lets create a new layer and fill it with black, however, this time, add this layer in front of the background and beneath the other layers: (Stars and Nebula). Now go to Filter>Render>Lens Flare. This effect might be the most overused ever, like some people even say that using it you wil turn your design in an amateur piece. For me it's a nice filter and, if you use it right, it will give a nice touch to your image. For the settings use 100% Brightness and use 105mm Prime for the Lens Type.

Step 7 - Rays of Light

Now lets create the "A" of ray of lights. So create a new layer in front of the Lens Flare. Then select the Rectangular Marquee Tool (M) and create a rectangular selection like half of the height of the document. Use the image below for reference. After that select the Brush Tool (B). We will use a very big brush, 800px diameter and hardness 0%. Select white for the color and with just like a a bit of the brush inside the marquee (red circle) give a few clicks on the mouse button.

Step 8

Now it's just about duplicating, resizing and rotating. The tip here is convert the original ray of light layer to Smart Objects, so you will be able to resize and rotate in a non-destructive way. After you create the "A", change the blend mode of the elements to Screen and use 80% opacity.

Step 9 - Adjustments

Now lets just adjust some opacities, change the the RGB light opacity to 80% and you can move the gradient overlay to test different color combinations as well.

Conclusion

In this tutorial we've learned how to create a very cool light effect that we often see is some of the NoPattern designs. Of course this tutorial was just an example and now you can improve it and apply it to your needs.

Free Creating Smoke Effect in Photoshop

Some time ago I had posted an article showing how to create a smoke effect in photoshop, and to achieve that I used a photo of smoke and some photoshop filters. However, some people had said at the time that I should have done the smoke as well and it´s exactly what I will show on this post right now.

I had previously thought about what would be the best way to create smoke in photoshop, and I’ve read some tutorials online and watched some episodes of the amazing pixelPerfect podcast, to find a good and easy solution for the matter at hand.
Actually it was easier than I had expected.

1 - Create some Shapes: I created some random shapes.

2 - Apply a Gaussian blur on each shape

3 - Using the liquify filter

4 - Positioning the shapes

5 - Adding some colors

Add a background color on the layer of the shape, otherwise the Hue/Saturation won't work

6 - Creating a cloud behind the smoke

Set a feather with a high value, like 40 to 80, and after that apply the hue/saturation on the cloud too

7 - Adding a gradient to create an atmosphere

The gradient will give a atmosphere and more depth to the image

Final Result

The whole process took me about 30 to 40 minutes tops, it’s pretty simple, although it can be quite hard to create a n