Shadow

Lighting Effects

Iron Man View Interface Effect In Photoshop

Iron Man View Interface Effect In Photoshop

Lighting Effects
So in this tutorial I will show you how to create the Iron Man screen interface, I don't even know if I can call it that way :). We will use Illustrator to create some vectors and Photoshop to put everything together. Step 1 Create a new document and fill the background layer with black. I used 1920x1200 pixels for the size.Step 2 Now let's use a photo. I'm using a photo of Paulo, one of our writers here on abduzeedo, he's an ironman fan and asked me to use his picture.Step 3 - Digital Make Up Create a new folder on the Layer Palette and rename it to Face. Then move the photo layer to this new folder. After that select the folder again and go to Layer>Layer Mask>Reveal All. Now with the Brush Tool (B) paint with Black to hide the areas we don't need.Step 4 Duplicate the layer ...
Advanced Glow Effects

Advanced Glow Effects

Lighting Effects
In this tutorial, we’re going to create some really sharp-looking glow effects using a combination of layer styles, the Pen Tool and Color Blending. The end effect is quite stunning and hopefully you’ll pick up some tips you didn’t know before.Step 1: As with pretty much every tutorial I’ve ever written, we begin with a radial gradient. This one is pretty harsh and goes from a reddish brown color to black. Here are the exact color codes: Foreground color – #922f00 Background color – #000000Step 2: In this tutorial, we actually need a pretty intense center, so what we’ll do is duplicate the layer we just made and set the one above to a blending mode of Color Dodge. There are a few types of blending modes, darkening ones, lightening ones, colorizing ones and inverting ones. Color Do...
A Cool Lighting Effect In Photoshop

A Cool Lighting Effect In Photoshop

Lighting Effects
In this tutorial, I will show you how to create that effect we saw on the screen at the Macworld San Francisco. It’s basically some lighting effects with blurs and blend modes, but the effect is awesome.Step 1 Create a new document. On the Background layer, double-click to open the Layer Style dialog box and apply the Gradient Overlay with black and green (#9dc5c7).Step 2 Create a new layer. Set white for the foreground and black for the background color. After that, go to Filter>Render>Clouds. Rename the layer to “Clouds.”Step 3 Change the Blend Mode of the clouds layer to Multiply 60%. Duplicate the layer and rename it to “radial blur.” After that, go to Filter>Blur>Radial Blur.Step 4 Duplicate the background layer and move it up in front of the other layers. Rename...
light effect, Lighting Effects
Beijing 2008 Logo Light Painting in PhotoshopIn this tutorial I will show you how to create a nice light painiting effect for texts and logos. You will be able to design nice wallpapers and images using this technique and even different light effects. Also, celebrating the Olympic Games we will use its logo for the example. Step 1Open a new document and Photoshop, unlock the background layer and apply a Layer Style to it. Use Gradient Overlay, for the colors use Black and a dark red (#1d0c0c). Use Radial for the style and Normal for the Blend Mode. Step 2Create a new layer and go to Filter>Render>Clouds. Make sure you have black and white for the background and foreground colors. Change the Blend Mode to Color Dodge. The Gradient Overlay and this cloud layer is necessary to ...
light effect, Lighting Effects, Photoshop
Create An Amazing Ad In PhotoshopThis tutorial is just an exercise I did with my friend Cameron trying to create a Nike ad, it's not commercial, it's just because we love some of their ads and we'd love to be able to design one, maybe someday. So in this tutorial we will use some images and play with Blend Modes and Color Adjustments to create a really cool Nike Ad in Photoshop. Step 1Open Photoshop and create a new document. I used 1920x1200. After that select the background layer and go to Layer>Layer Style>Grandient Overlay. Use #150b06 and # 321c0f for the gradient colors, Radial for Style and Normal for Blend Mode. Step 2Create a new layer and go to Filter>Render>Clouds. Make sure that the colors were black and white for the foreground an background. Step 3Change...
light effect, Lighting Effects
Creating light motion trails & glowing sparksA nice technique for creating light motion lines.A technique often used in advertising these days, is these glowing lines. They look like light motion trails. If you ever wondered how to create these kind of lines, here is how I do it…Light motion trails Drawing a lineDraw a nice thin curved filled line in Photoshop using the Pen tool. Add a glowDouble click the shape layer on the right to activate the Effects. Check the Outer Glow option and play with the color, transparency,... That's basically it. I think the hardest part is finding the exact setting and drawing the exact line you want. Glowing sparksCreate the right brushCreate a brush using the following settings. Choose the default Soft Round 21 px brush. Go to the Brushes pal...
Flying Girl In Photoshop

Flying Girl In Photoshop

light effect, Lighting Effects
A few weeks ago I published a tutorial called Girl in Tempo. I used the new version of Pixelmator that had the codename Tempo. The result was really nice and I got a very positive feedback, and, also some emails asking me to do that tutorial in Adobe Photoshop. So yesterday I took a couple of hours to create the Photoshop version of my flying girl.In this tutorial we will use some stock photos and mix them together to create a nice effect. It was inspired by a chapter of the depthCORE collective called NOIR. Step 1 Create a new document in Photoshop, as usual I used 1920x1200 pixels. Then select the background layer and add a layer style, go to Layer>Layer Style>Gradient Overlay. Use Radial for the Style, and Scale 62%. You will have to position the gradient later on as well, bu...
light effect, Lighting Effects
Magic Lighting Effect In PhotoshopSince my last article on how to create smoke generated lots of traffic, I decided to write another one on some of the photoshop effects. Although I use Photoshop on a daily basis, I am by no means a photoshop expert.  Well what I want to show here is how to create a nice light and magic effect.1 - Create a radial gradient, in this case from a purple to a really dark purple2 - Here I added a really cool Icon of a magic hat from the Crystal Clear Collection by Everaldo3 - Add some text, I used the source code of a site to get the text and apply the Distort >Wave filter Create two stripes of text4 - Rotate and place the text5 - Add some light using glow : Use different values for each line of text, the secret here is the blending option COLOR D...
light effect, Lighting Effects, Smoke
Creating SmokeA popular effect explained very well.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 shape3 - Using the liquify filter4 - Positioning the shapes5 - Add...
Luminescent Lines

Luminescent Lines

light effect, Lighting Effects
 Final ImageThis tutorial will show you how to create an image similar to this: Step 1Start by creating a new document, here I used 1024x768px and 72dpi. Using the paint bucket tool (G) fill the background layer with black, alternatively you could use a dark gradient instead. Click the brush tool (B) then change the settings of this brush to a 1px round, white brush with 0% hardness. Create a new layer then select the pen tool (P) and in the main toolbar make sure paths is selected, now start slightly outwith the canvas on the left then using about four points draw a curve with a similar shape to the one below. Right click anywhere inside the document then select stroke path, make sure simulate pressure is checked then hit OK. Lastly hit the Esc key twice to get rid of the pa...