Weather

Senin, 31 Oktober 2011

How to Create a Flaming Photo Manipulation

Final Product What You'll Be Creating

In this tutorial, we’ll manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool and Warp command. I hope you enjoy the tutorial and try it with your own stock imagery.

Editor’s note: This tutorial was originally published on Psdtuts in January 2009.

Step 1

For this project, I used two nice images that suits for the manipulation; image1, image2. I would like to thank the author of this two great pictures, which is thiquinho and huibidos from sxc.hu. And before we continue with the steps, I need to inform you that this tutorial is written using Photoshop CS3.

Step 2

Let’s start with image1, open and duplicate this image by using the Image > Duplicate command from the menu bar. In the Duplicate Image dialog box, you can name it anything you like, but to follow this tutorial reference, name it "PassionFire" and hit OK. By doing this, we kept the original image. Be sure to save.

Step 3

With the "PassionFire" image active, duplicate the "background" layer. Set the foreground and background color to black and white by pressing D on the keyboard. Click the "background" layer again and fill it with the foreground color ~ which is set to black. See the images below.

Step 4

Reactivate "Layer 1," then press Command + Shift + U to apply desaturate command. Now invert the color by pressing Command + I. Your image should look like a film’s negative now.

Step 5

Duplicate "Layer 1," then apply the find edges filter from Filter > Stylized > Find Edges. Next, invert the color by pressing Command + I and change the Blending Mode to Hard light. There, your image now has contrast white line and a very dark background.

Step 6

To give the white line more contrast, duplicate the "Layer 1" copy then change the Blending Mode to Screen.

Step 7

Now we move to the second image. Drag image2 into "PassionFire" document image window using the Move tool. If the Paste profile mismatch dialog appears, just click OK to fix it.

Step 8

The fire image from "image2" should be in "Layer 2" now. Change its Blending Mode to screen, this will hide all the black colors in "Layer 2." If done right, your image should be similar to the one below.

Step 9

Duplicate "Layer 2" by pressing Command + J. Make sure you use the Screen Blending mode, same as the original "Layer 2." Next, make "Layer 2" become invisible by hiding it from the layers panel.

Step 10

Click the "Layer 2 copy" to make it active, then use the Free Transform command ( Edit > Free Transform) to rotate and resize the fire image like shown below. Don’t forget to press Enter when you’re done transforming.

Step 11

Still in the same layer, now use the warp command (Edit > Transform > Warp) to bend the fire image – so it following the hair flow. Press Enter when done. See the example below as a reference.

Step 12

If you feel the result is not quite good enough, simply use the Liquify filter to fix it. I assume you already know how to use the liquify filter; the Forward Warp tool and Twirl Clockwise tool is the only tool I used to get this result (see image below).

Step 13

Duplicate the "Layer 2" copy, then use the Free Transform command to resize and rotate the fire image in the current layer. Don’t forget to reposition the fire image too. Once you get this composition (see image below), hit Enter.


Step 14

Repeat the previous process to get the hair covered with fire. Just duplicate and modify the layer until you get all the hair part covered. If needed, use the Liquify Filter again. The end result of this process should look like the image below, notice how many layers are used.

Step 15

Okay, now activate "Layer 2" and make it visible again. Then Change the Blending Mode to Vivid Light. This step will colorize only the white line in the layer below it.

Step 16

Still in "Layer 2," apply the Free Transform command to resize and rotate the fire image like shown below. The purpose is to cover up the girl’s body and hair with the fire texture. Press Enter when you’re done transforming.

Step 17

We’re gonna blur the fire image in "Layer 2," To do so, apply the Gaussian Blur filter from the Filter > Blur > Gaussian Blur menu. Fill the Radius around 10 to 15 pixels, then click OK when done. Blurring the fire image will cause its texture to blend smoother with the layer below it.

Step 18

Now add a layer mask to "Layer 2." Then use a soft round Brush tool with Opacity at 100%. Set the brush size according to your need, then just mask until the fire outside becoming hidden. See the process below.

Step 19

Sure we will remove the white line shown in the image (marked in red rectangle below). First, add a new blank layer below "Layer 2." Then simply paint it with black using the soft round brush tool.

Step 20

Now go to the top most layer (mine is: "Layer 2 copy 6"), add two adjustment layers which is Hue/Saturation and Brightness/Contrast. Careful not to change the layer adjustment order, or the color effect will be wrong. Below you can see the setting I used to complete this step, also pay attention to the adjustment layer order.
By adding a Hue/Saturation adjustment layer, we unify all colors. The Brightness/Contrast adjustment layer brings more color contrast and makes sure the image color’s looks like real fire.

Step 21

I’m sure you notice the fire sparks effect. I create it using the Brush tool with this simple setting. No special brush needed, but if you have one that will be useful then feel free to use it. Below you can see all the settings I used within the Brush palette, of course you can change the setting as you like. Just make sure the brush spatter enough and vary the size.

Step 22

Now to use the modified brush, create a new blank layer below the adjustment layers ( mine is named "Layer 4"). Choose 50% gray from the swatches palette, then you can start creating the fire sparks. Remember not to be monotone, resize the brush size if needed. I start using a big sized brush, then reduce it to smaller size (you can change brush size faster by pressing the bracket keys on the keyboard ).
If you’re not sure how to do this steps, just imagine where and how the fire sparks will flow if it was real fire. For me, imagining stuff is very helpful.

Step 23

To make it more interesting, create a new layer and change the Blending Mode to Screen. Then use a normal soft round brush (not the one we modified earlier), with an Opacity of 50%. Just click in the part of body, neck, and hair. I’m not sure how to explain this, but you can see the difference between the above and below images.

Conclusion

And that’s all of it! Hope you learned something new and had fun. You can view the final image below or view a larger version here.

Electrifying Energy Beams

Here's a great effect that will bring some energy to your subject. We'll be wrapping this singer's arm with a glowing beam of light, adding sparkles, and adjusting the colors to make it all seem magical.
Firstly, create a new layer, then grab your Pen Tool (P) and draw out a spiraling path, as if you have a snake wrapped around the arm.
Then select the Brush Tool (B) and set your diameter to 7px, with the Opacity and Flow at 100%, and your foreground color set to white. With your path still on the artwork, go back to the Pen Tool, right click on the canvas, and choose "Stroke Path." A menu will appear with the Brush set as the Tool. Check "Simulate Pressure" and press OK. This will make the beginning and end of your stroke thinner.
Now you need to delete the parts you want hidden behind the arm. With your stroke layer selected, choose "Add layer mask" at the bottom of the Layers Palette. Use the Polygonal Lasso Tool (L) to select areas of the arm you want in front of the stroke -- use your eye and imagine how this path will wrap around the arm. Make sure your mask is active by clicking on it, and fill these selected areas with black. They should now be cut out, appearing as if they're behind the arm.
Right click on your stroke layer and choose Blending Options. A Layer Style menu will appear, where you'll be adding an Inner and Outer Glow to the stroke, making the edges of it glow with a blue hue. Use the settings below:
Make a copy of your stroke layer and right click on the Layer Effects icon. Choose "Clear Layer Style" -- we simply want to blur this layer (about 6 pixels) to add another layer of glow. Everything's looking nice and illuminated here, so let�s add some sparkles. With your Brush Tool, add some quick spots around your glowing path with varying small brush sizes (3 - 5px). Make as many as you want here, as you're always free Erase undesired sparkles.
We're now going to make a secondary stroke to create another level of motion. Use the Pen Tool to go over your original path, but make it a bit different and overlap parts. Select a smaller diameter brush this time with a 50% opacity, and stroke the path as before.
Our energy beam is nearly there. To make the effect more dramatic, you can adjust the overall hue of your photo. Create a new Curves adjustment layer, and tweak the colors to get a vibrant blue atmosphere. Download the Curves preset below to load it in your document. After your colors are locked in, use the Dodge Tool (O) (with a diameter of 35 pixels and the exposure set to 25%) to brush in some highlights underneath your beam, directly on the background photo. This makes it appear as if your beam is casting light on to the arm.
Download blue.acv
For the last part of this effect, we'll add one more layer of shimmer. Hold down Ctrl and click on your main stroked path in the layers palette -- your path should now be selected. Go to Select › Modify › and Expand the selection by 7px, then feather it by 10px.
Now select your background photo layer and apply a Plastic Wrap filter, found in your Artistic filters. This will add some wispy lines around your path. Set the Highlight Strength to 20, the Detail to 6, and the Smoothness to 8. Finally, lightly Gaussian Blur your background layer with the feathered selection still active.

Sabtu, 29 Oktober 2011

How To Make Digital Photos Look Like Lomo Photography

Getting Started – Creating a Vignette

The first thing you want to do is create the classic vignette that the Lomos are well known for and I achieve this by doing a freehand lasso of a circle around the photo. It doesn’t need to be perfect and to prevent hard edges, I set the feather to 80-90px before creating the circle.


Lomography from Digital
Once you have set the feather (shown above) and have drawn the circle, you must invert the selection. You can do this one of two ways. #1 Shift-Ctrl-I (Shift-cmd-I on the mac) or #2 Go to the menu Select>Inverse.
Digital to Lomo
Now to achieve the vignette, I add a Levels layer. Note: I still have the invert selected.
Lomography to Digital
This will add a masked out layer on top of your original layer. I then adjust the levels by moving the center arrow to the right. This will darken the edges, giving me a vignette. The amount is up to you and in this case I went from 1.00 to 0.50 on the center number highlighted in the image below.
Digital to Lomo Photos
Now you have a vignette.

On to making the photo look Lomo

Another key to a Lomo picture is the color contrast and saturation. This occurs because people with real Lomos use color slide film and cross-process the film in C41 chemicals.
For those that don’t know what cross-processing is, it’s when you develop film in a chemical other then what it was made for. Standard 35mm film is usually processed in C41 chemicals and Color Slide film is usually processed in E6 chemicals. Interesting results happen when you mix and match.
Typically, Lomo owners will take color slide film (E6) and have it processed as standard 35mm film (C41). This results in over saturation of colors and at times some freaky results. All of which make Lomo as special as they are.
To get a digital photo to look Lomo, we need to fake the cross-processing effect (E6 film in C41 chemicals).
At this point I usually flatten the image using shift-ctrl-e (shift-cmd-e on the mac) or go to the menu and Layer>Merge Layers.
First, I add a curves layer and create a slanted S.
Digital to Lomo
Then I create a new layer on top of the other two layers. I select the paint bucket and pick the color black and fill the new layer with solid black.
Digital Photos look like Lomo Photography
Then I change the blending mode and set it to Hue and reduce the opacity to 40%.
Lomo to Digital

Sharpening and Saving

This has gotten us very close to be finished. Again, I flatten the photo by using shift-ctrl-e (shift-cmd-e on the mac) or go to the menu and Layer>Merge Layers.
Before saving the photo as a JPG, you need to sharpen the photo. I use the unsharp mask and Lab mode/lightness technique. The purpose of this step is that it adds more contrast and darkens some of the areas as well. Now you can use whatever sharpening technique you want, but the following method prevents the color halos that come with certain sharpening techniques.
Go to Image>Mode>Lab Color. If you hadn’t flattened the image yet, it will ask you if want to flatten, please do so.
Then select your channel window and click on the lightness channel. The 3 other channels should deselect.
Lomography
Then go to the menu, select Filter>Sharpen>Unsharp Mask.
Lomo Photoshop
I like sharpness, so I set the Amount to 50%, Radius to 50% and the Threshold to 0. Click Ok. This is completely up to you on the settings. Plus it will depend on the photo as well and use your best judgment/preference.
Go to Image>Mode> RGB Color. You do not have to reselect the unchecked channels, when converting back to RGB, the channels will automatically turn back on and the photo will go back to be in color.
Now you are done, save the file and share.
Final step, save as a Jpeg.

Before the Lomo Photography Look

Before Lomo

After the Lomo Photography Look

After Lomo

Jumat, 28 Oktober 2011

Plant vs. Zombies: Game Of The Year Edition


Plants vs. Zombies: Game Of The Year Edition


Get ready to soil your plants! Again! PopCap's fun-dead game of the year is updated and expanded with 20 new achievements and the interactive Zombatar™. Make your very own zombie, then watch it come to "life" in your game!

Stop 26 types of zombies dead in their tracks with your arsenal of 49 zombie-zapping plants! Battle through 50 Adventure levels, 20 Mini-Games, plus Puzzle and Survival modes. Or dig into the zombie-free Zen Garden. The fun never dies.






Five game modes: Adventure, Mini-Games, Puzzle, Survival and Zen Garden
Battle zombies through day, night, fog, in a swimming pool and on the rooftop
Earn 20 Achievements and show off your zombie-zapping skills

Download: