Sunday, March 8, 2009

Super Fast - Speed Lighting Effect


In Photo Effects by Arik Take an image of a fireworks display and turn it into an intense sensation of speed. Manipulate natural lighting to fill a motion filled scene. Use masks to blend the effect over a car image to make the car appear to be in motion. This tutorial shows you exactly what to do. Let's get moving.

Step 1
First, you'll need two stock images for this tutorial, one of the car, and the other is of fireworks. Start off by duplicating your background layer. Now desaturate this image to get rid of the annoying hue by pressing Ctrl+Shift+U. Next, we'll add our own color modifications, which are more subtle, and cover the entire vehicle. Add a new adjustment color balance layer and fill in the values as shown in the screenshot. Next we place everything in a layer set called "edit". The layer set is so that you can turn off all the visibility on all the work you did. This will allow you to see the difference between the original image and how far you are in the design.


Step 2
Using the Dodge and Burn Tools with soft round brushes around 150–200px in size, with the Dodge Tool set to Highlights, the Exposure at 45-50%, the Burn Tool set to Highlights, and with the Exposure set to about 85-90%, start dodging and burning certain parts of the image. For instance, you may want to dodge the front wheel arch, the lights, Mercedes logo, grill, and the mirror. You may want to burn the rear end, the bottom, the back door a tad, and the windows until they turn completely black. You should decide what you find adequate. If you are using a mouse like me, simply tap, instead of constantly pressing, this way you have a lot more control. We are doing this to add contrast. The After image below shows the windows blackened, and other areas as well.


Step 3

Now open up the fireworks image. Go to image > rotate canvas > 90°CW. Next go to filter > blur > motion blur. Set the angle to 0° and the distance to 750px. Hit OK. Then cut and paste this picture onto our car. We won't be using this entire image, the areas of interest have been marked in the image below. The area with the big red X over it is p
retty much useless.


Step 4
Paste this "light" layer above the background copy layer and below the color adjustment layer. Set its blending mode to screen. This gets rid of the black background without hurting the other light values. Now rotate and position the spot marked with the green arrow in the previous screenshot above the right headlight, as shown below in the screenshot. You can stretch the image if you want; it's blurred already so blurring it more won't hurt.


Step 5

Duplicate the light layer and move the spot that was marked green in the previous screenshot to the left headlight. Hit Ctrl+T and size it down just a bit. Now add a layer mask to this layer. Then with a soft, black brush get rid of most of the surrounding light. Below is the image of the mask.


Step 6
Go back to your "light" layer. Select the Clone Stamp Tool (S). Set it to Linear Dodge (add) in the settings at the top of the window. Then get a decent sized brush, about 500–600px. With the settings below, start cloning different parts of the existing light onto the windows and the roof. Cloning is an easy task, you Alt-click to set a source. This is where the material will be cloned from. Then simply click on another spot on the canvas to clone a piece there. One word of caution, make sure that Sample is set to current layer!!



Step 7
Add a new layer below the "light" layer. Call it "flare". Fill this layer with black and set it to screen. Next go to Filter > Render > Lens Flare. The 105mm prime at 110% brightness looks good, but perhaps you like something else. Put the flare a bit off-center, hit OK. Then position the flare over the left headlight. You might notice a white box appear when you move around the flare—that's because the flare stretches beyond our canvas. Use a layer mask to get rid of this box.
Now make sure the "flare" layer is selected (and not the mask), hit Ctrl+U, or go to Image > Adjustments > Hue/Saturation. Then in the dialog box, tick Colorize. Then enter 60 for Saturation. Hit OK, duplicate this layer, make it a bit smaller, and place it over the other headlight. Tip: if you don't want to repeat the flare process again, but you do want a brighter flare, then you can duplicate the layer without moving it.


Step 8
I don't like monotone images. This image is far too red. Let's add a splash of color. Create a new Color Balance adjustment layer just above our first one. Then fill in the following values in the images below. This will give you more tones.


Step 9
Duplicate the "background copy" layer and go to Filter > Blur > Motion Blur. Then set the angle to about 35° and the distance to 25px. This gives us a very blurred image. With a layer mask, mask out areas of focus, such as the headlights, the grill with the Mercedes logo, and the windows. Also, mask out the black background, this will focus the blur more. If the background were not black, but rather there was scenery there, then it would make far more sense to leave it blurred. Since it's black, by masking it we will obtain a soft edge around the blur (since we are masking with a soft brush). Name this layer "motion blur".


Step 10
This next step is to get a bit of detail back. Duplicate the "background copy" layer. Move it above the "motion blur" layer. Now hit Ctrl+L ,or go to Image > Adjustments > Levels. This will bring up the Levels dialog. Then take the white slider, located at the right, and move it towards the middle. Next add a Layer Mask, and mask out most of this layer, except for the front of the car. I called this layer "grill detail".



Step 11
Let's light up the window a bit. The next step is to create a layer above all other layers and call this "window light". Take a low Opacity (15-20%), white, fuzzy brush, which is just big enough to cover a decent part of the window, and slightly tap a few times on the glass. This should add brightness to the light there. Last but not least, create another layer on top of all the other layers. Fill it with black. Then go to Filter > Noise > Add Noise. Set the amount to 10%, Uniform distribution, and tick Monochromatic. Set the layer to screen, and d
rop the Opacity to around 40%. We're done.


Conclusion Starting with the natural lighting of a fireworks display image, we created a motion effect. You can apply this to many different objects—think sunglasses, and other reflective surfaces. It works great as a tool to enrich a scene, like a club scene where you might want some extra lights, or a whole design element for a poster. It's a strong effect you can add to your Photoshop skill set.

Tuesday, March 3, 2009

Create an Energy Drink Ad Design (tutorial)


In Effects by Alex Beltechi Featuring a product in an ad is a common task for any designer. In this tutorial, we'll look at a flexible design solution that you can use to create one for an energy drink. It relies on a combination of the Difference Blending Mode and the Radial Blur Filter to achieve unique colors, contrast, and lighting.

Step 1
The first thing that you need to do is plan a color palette. But in order to choose your colors, you need to understand how the Difference Blending Mode works. It looks at the color information in each channel and subtracts either the blend color from the base color, or the base color from the blend color. This depends on which has the higher brightness value.
Difference only works when transforming dark to light, and not light to dark. However, if you apply any type of blur to a difference layer, you'll get smooth gradients and dynamic lighting. Since the end result needs to be dark, choose bright colors that in combination with a radial blur will create gradients from light to dark. So begin by opening a new Photoshop document at 1600px by 1280px. Fill the background layer with this color: (#b1c900).


Step 2
Bring up your Custom Shapes Menu and select the Ray shape, as shown below. You can find it under the Symbols Folder. Then draw the first one right in the middle that is large enough to spread outside the canvas. Use this color: (#bddc01). As soon as you create the first one, duplicate it. Then rotate the copy so that it leaves just a thin line of the background. Then change it to this color: (#d3eb45). You should align them so that they match the image below.


Step 3
At this point, begin painting with a Regular Circle Brush at different sizes. Set your Brush Opacity to 60%, change the color to (#7a263e), and click individually while changing the size for each spot. By manually creating each spot, you have more control over your layout. Once you've created the first set, add a few spots on a separate layer with this new color: (#93133d).



Step 4
Next, make a new layer and add smaller spots with this color (#cdde67). Again, on a separate layer, paint even smaller spots with a slightly more saturated color: (#d9f14a).



Step 5
Now it's time to add some contrast by using a saturated version of the color that you used for the very first spots: (#93133d)



Step 6
To finish off the effect, create some small spots that follow the original layout, and others that fill the unused space of the canvas. Make sure to fade them out gradually as they approach the edge of the canvas. You don't want those to become distracting later. As a final touch, add a new color that will later be transformed into a vivid pink: (#7b2dc1).



Step 7
As pointed out before, the radial blur effect plays a crucial part in the overall image. Select all the shapes, spots, and background layers and press Ctrl+Shift+E to merge them together. After they are all merged, duplicate the layer. Name this new layer "radial blur". Then go to Filter > Blur > Radial Blur and insert the values shown below.


Step 8
You should now have two layers: the background layer that you recently merged together and its duplicated version that you named "radial blur." Select the "radial blur" layer and change its blending mode to Difference. You should now get a dark image with bright green and blue colors. It's not the hue that we want, so merge both layers together. Then go to Image > Adjustments > Hue/Saturation, or simply press Ctrl+U. Then change the Hue to 73.



Step 9
In this step you'll add some depth to the image that will guide the viewer's attention to the center of the design. Enter Quickmask Mode (Q), and use the Bucket Tool with the color set on black to fill the whole canvas. Next select the Eraser Tool, and add some scattering to it's preset.
Now drag across the canvas while focusing on the center. As soon as you're done with that, exit Quickmask Mode (Q) again, and invert the selection by pressing Ctrl+Shift+I. Then right-click on the canvas while the Marquee Tool is selected. Then chose the Layer Via Copy option. As soon as you have the selection in a new layer, go to Filter > Blur > Gaussian Blur, and blur it by 4 pixels.


Step 10
At this point it's time to add the can. So download this image from stock.xchng. Then cut it out with the Pen Tool. Don't worry about the bottom, since you will only need the top. Once you have that done, position it in the center, and rotate it at a 45 degree angle. Then change the hue by 180. The use the Burn Tool to darken the lower left half of the can.



Step 11
Now you need to hide a part of the can in order to fade it into the rest of the photo. A simple layer mask should suffice. So enter Quickmask Mode again. Then fill the entire canvas with black. Erase the part that you want left out with a soft brush. After that, exit Quickmask Mode. Then go to Layer > Layer Mask > Hide Selection. You may also want to sharpen it at this point. To do so, go to Filter > Sharpen > Sharpen.



Step 12
Now if you'll look closely at the photo, you'll notice that it's simply too smooth. Rather than adding noise or grunge, we'll mimic the can texture by using one of Fabio's tutorials: Creating a Cool Brushed Metal Surface in Photoshop. So first off, fill the canvas area with white. Then go to Filter > Pixelate > Mezzotint. Select Medium Dots and then apply the filter. Then set the layer's Blending Mode to Color Burn.


Step 13
In the final step is to add the title on the left side of the canvas. I used a font called Incised901 NdIt BT, which is the abbreviated name for Incised 901 Nord Italic. After typing it in, double-click on the layer, and use the layer style described in the photo below.



Final Result And that's it! One energy drink ad ready to go!


Conclusion
The unique feature of this technique is that it can easily be adapted to suit a variety of different needs. Below is an example of how you can change the outcome simply by modifying the colors and shapes. It's all up to your creativity! Hopefully you will have found this tutorial helpful and useable in your designs.

Thursday, February 19, 2009

Poster From the Words (tutorial)


Would you like to make your own cool musical poster? Ok, now I will teach you how to do this.

Ok, let’s start! Firstly we’re going to create a new document in Photoshop sized 500×500 px, all the default settings. After making your new document, fill the background layer with black color.


After that select the Horizontal Type Tool and place any text on all background as on my picture below. Use the color of #431a1a for this text:


Now rotate the text 45 degrees CW using Edit > Transform >Rotate:


After that set up the following font presets:


Now we have something like this:


Ok, time to find some appropriate picture to place it on our canvas. You can find it using Google search or feel free to use this picture. Copy this picture onto your canvas over the text layer (please don’t use images with small details or elements to make a good picture effect).


After that press Ctrl+J to copy the layer, then hide the copy (click on the eye, which indicates layer visibility) and go to lower layer. Select the lips area using the Polygonal Lasso Tool, then use Ctrl+Shift+I to invert selection and press Delete to delete selected part of image.


Remove the selection with Ctrl+D, after that go back to the hidden copy of layer and make it visible again. Ok now make selection from the text (Ctrl+right click the Layer Thumbnail in the Layers Palette) and press Ctrl+Shift+I to invert the selection, after that press Delete to clear image in selection.


Deselect image with Ctrl+D, now we should have something like this:


Now I would like to add some text to our poster. Get out the Horizontal Type Tool (just the regular one) and write out something like ‘DJ Music! Only best hits!’ on two lines with the same presets as background text. Use white color for words.


Now rotate this text 45 degrees CW using Edit > Transform >Rotate. Also move it a little bit as on picture below:


We are done! I like this musical poster so much! Thanks for reading this tutorial everyone, I hope you enjoyed it!


source from photosopstar

Wednesday, February 18, 2009

Ruinous Brick Wall (tutorial)



In this Photoshop tutorial we’ll be designing ruinous brick wall effect.

First of all you’ll have to start by making a new document; in my case 500×500 pixels and fill it with color of #504C43.

After that apply Filter > Texture > Texturizer with similar settings to these:

To get the effect on the picture below:

Now apply one more Filter > Noise > Add Noise:

See the difference now:

Time to bring some picture on the wall. Select the Custom Shape Tool and choose any picture from the custom shape palette:

Select the color of #f8f1d5 and make the same print as below:

Then right click the Layer Thumbnail in the Layers Palette and select Raterize Layer:

Now apply the Outer Glow layer style to this layer:

You can see the result:

Ok, now create a new layer with Ctrl+Shift+N and merge it with previous to get all effects in one layer. Then change layer mode to Overlay:

Then I would like to bring this dog print more realistic view. For this effect get out the Eraser Tool and choose the next brush from the brushes palette:

Then do a little bit of clean-work on the shape to get result as on my picture:

Looks better the before, isn’t it? Ok, now I would like to make this print a little bit discolored and bring it old style view. For this effect use the Dodge Tool and the Burn Tool. Select the Dodge Tool (Brush: 80 px, Range: Highlights, Exposure: 30%.) at first and do a little bit of dodge-work on the shape:

The select the Burn Tool (Brush: 65 px, Range: Midtones, Exposure: 35%.) to make some parts darker as shown below:

Now it’s time for some more old style effects. I think it will be good to bring some splits on the wall. We can do it by using the Polygonal Lasso Tool. Create a new layer at first and then make the same selection as on picture below and fill it with black color:

Make a new one selection and fill it with black color again on the same layer.

Create the same split one more time.

Ok, now remove selection with Ctrl+D and duplicate layer using Ctrl+J to apply Filter > Blur > Gaussian Blur with similar settings to these for the new layer:

After that mess with the layer mode & opacity/fill. I tried Soft Light with opacity of 55%.

So, the next step in our composing tutorial that we need to do is finding some appropriate brick wall texture. You can find it using Google search or buy some texture from stock photo resources or feel free to use my brick texture (get the texture). Copy this texture onto your canvas at first.
Now resize and duplicate the it a couple of times, and then combine it as below. Use the Eraser Tool (soft round brush about 25 px) to make texture borders edges when combine it.

Ok, go to the next step. Select the Poligonal Lasso Tool and select place for the future hole. After that press Delete to clear selected area. Our hole almost vizualizated, but as for me it will be more realistic with some shadow effects.

Remove the selection with Ctrl+D and after that apply the Drop Shadow and Outer Glow layer styles to this layer:

And the last one thing… I would like to bring some durty gradients to our stone wall. Go to the layer with stone wall, then get out the Burn Tool with moderate settings (Range: Shadows, Exposure: 10%.) and select the next brush from the standard Photoshop brushes palette:

Do a little bit of dodge-work on the wall:

To finish off the tutorial select the Dodge Tool with moderate settings (Range: Highlights, Exposure: 30%) and use the same brush to make a couple of light spots on the wall.

Well, we’re done for this tutorial! I hope it was useful for you. Good luck!


source from photoshopstar

sitemap

Google Sitemap Generator