Light Burst Background Tutorial

[equinox10]

This tutorial is from photoshop-dragon.com
Difficulty: Advanced

Step 1: Start with an empty canvas. I chose 600 by 600 pixels for this example. You can use a different size, but keep it square since we will be doing a rotation later that's easier if the canvas is square. Select Edit->Fill, and in the pop-up dialogue select "Use: Pattern" and the Bubbles pattern from the Custom Pattern list as indicated to the right. Click OK.




Step 2:Choose Filter->Distort->Polar Coordinates. Select the Rectangular to Polar option and click OK.


Step 3:Next we'll get rid of the circular pattern in the middle and just leave the light rays that appear to be coming from the center of the image. Chose Filter->Distort->Spherize and set the Amount to -100% and Mode to Normal. You'll notice that this has the effect of shrinking the center image. Hit cmd-F to reapply the filter again (control-F on Windows) and the center image will shrink further. Keep hitting cmd-F until the circular pattern in the center completely disappears and you're left with just the light burst rays.


Step 4:This step is optional. If you want the rays to have a more pronounced look, you can sharpen the image at this point. Try Filter->Sharpen->Smart Sharpen with a Radius around 4 and an amount around 60 for starters. Conversely, if you want a more subdued look, you can blur the image with Filter->Blur->Gaussian Blur. Choose whatever setting you like. You can also increase or decrease the contrast between the light and dark rays with either Image->Adjustments->Levels or Image->Adjustments->Brightness/Contrast.

For my example here, I chose to apply the sharpening I mentioned above. My image now looks like this:


Step 5:Now let's add some color. Select Image->Adjustments->Hue/Saturation. Select Colorize and slide the controls around until you find a color you like. Now we have a nice vortex type look that appears to be receding into the distance.



Step 6:Click the new layer icon to create one above our base layer. Select the Rectangular Marquee Tool and create a narrow band selection along the entire right side edge of the image. I made mine about 30 pixels wide. The exact size isn't important, but make sure the selection goes all the way from the top to the bottom of the image.


Step 7:Now we need to fill this selection with paint. I prefer to use a neutral shade here and colorize it later to get the look I want. However, if you know what color you want, you can use it now. I chose a gray that's 90% of white (color #e6e6e6). Set your chosen color as the background color and hit cmd-Delete (control-Delete on Windows) to fill the selection. Then Deselect the selection with cmd-d (control-d on Windows).



Step 8:Next we'll create what will eventually be beams of light radiating from the center of the image. Select Filter->Stylize->Wind and choose the Blast and From the Right options. We want to really stretch those lines out, so hit cmd-F (control-F on Windows) to reapply the filter a bunch of times. Keep hitting it until the filter no longer has any effect. The procedure we're doing here seems odd at first, but you'll see what will happen in a few steps.


Step 9:We'll stretch the effect out even further using Edit->Free Transform. Grab the handle in the center of the left side and pull it far to the left. Keep going until some of the longest lines cross the left edge of the canvas like this:


Step 10:Stretching the image in the last step gave a band on the right that's probably larger than we want. The wider this area is, the bigger the white area will be in the center of the image when we get done. Making the band narrower will leave a smaller area of white in the center. This will make more sense after you see what the following steps will do. I'm going to narrow mine quite a bit by grabbing the handle in the center of the right side and dragging it right. I stopped when I had a band about 30 pixels wide like this:


Step 11:The transformation we just did left some pixels in the layer that are beyond the edge of the canvas. We will want to get rid of these since they'll get in the way of the next steps. Select the Crop Tool and swipe out the entire area of the canvas (make sure the width and height boxes in the toolbar are clear). Hit return to crop the layer to the canvas size. You won't see any change to the image since all you did was delete pixels beyond the edge of the canvas.

Step 12:Hit cmd-A (control-A on Windows) to Select All, then choose Edit->Transform->Rotate 90 CCW. Deselect when done (cmd-D on Mac, control-D on Windows). The reason we have to do the rotation here is that the Wind filter we used above only works from the sides, while the filter we'll use in the next step requires that things be oriented from top to bottom. Rotations and manipulations like this in Photoshop are not uncommon in order to get things set up for a particular filter or transformation you want. It's good to keep this in mind since it expands the power of the built-in tools.


Step 13:At this point, we finally have this ready to turn into a circular light burst pattern. Choose Filter->Distort->Polar Coordinates and use Rectangular to Polar. What this filter does is to wrap the layer around the inside of a cone. The top edge ends up in the center and the bottom edge goes around the base of the cone in a circular pattern.


Step 14:The next step is to make these lines emanating from the center look more like light rays. Select Filter->Blur->Radial Blur and use the settings shown to the right.



Step 15:Let's add more color by colorizing this highlight layer. We'll use Image->Adjustments->Hue/Saturation again for this. Be sure to select the Colorize option. I'm going to tint my highlight with purple again to blend nicely with the broader light burst rays we created back in Step 5. The settings I used are on the right. Feel free to experiment and try something else. If you want to take it even further, repeat steps 6-15 and choose a different color. You can stack up as many layers as you want here. My result is shown below:



Step 16:This is looking pretty good, but no light burst effect would be complete without some lens flare. So let's add it. First, create a new layer with the icon and fill the layer with black. The easiest way to do this is to hit the d key to set the default colors, then x to switch them so that black is in the background color. Now hit cmd-Delete (control-Delete on Windows) to fill the layer with the background color. Now add the lens flare effect to this layer with Filter->Render->Lens Flare. The settings are a matter of taste.



Step 17:Set the Blending Mode on the layer you created in Step 16 to Screen. In screen mode, anything that's black in the layer essentially becomes transparent. This causes the lens flare effect to overlay the rest of the image thusly:




~ung gawa ko makikita nyo sa sig ko. if you don't understand the hue/saturation part may tutorial si darryl about that. http://www.filipinoes.net/filboard/index...#msg290062 check it out para magets nyo otherwise just follow the instructions above. have fun!!

[d_palapuz]

ayos yan faye..!
akala ko hanggang d2 lng...



yun pla marami pa..!
galing..!
may alam akong light burst tutorial na ganyan..
lam mo yung background ng "Pimp My Ride"?
starburst yun, pero mas astig toh..!

[equinox10]

di ako familiar dun sa background ng pimp my ride. patingin ako.

[d_palapuz]

o cge..
eto yung link...

Starburst Tutorial

hanapin mo yung tutorial na akalagay "Three girls posing in the night llustration"..
gagawa sana ako ng tutorial pero nakakatamad pa eh...
pro may nagawa na akong sig neto..
nilagay ko pa nga sa car eh...
pag may time, post ko d2, o baka pati yung tutorial na rin..



eto pla yung tutorial:

Pimp My Ride

gawa ako ng sarili kong style para d2 sa tutorial na toh pag may time..

[equinox10]

ah ibang style naman ung sau.

[d_palapuz]

uu nga...
simple design lng..
yung sayo iba't ibang style...
meron pa yung shiny straburts din eh..
may chrome style pa ata...
LoL!
dmi akong tutorials, nakakatamad lng ilagay d2 kc gagawa ako ng sarili kong style dun sa tutorials, at saka ita-try ko pa kung tama yung mga tutorials o hindi, kc yung iba di ko nasusundan eh..
may mga kulang din..

[equinox10]

haha. sisipagin ka din.

[dominicuz]

gagaling talaga ha .. :35:

[equinox10]

salamat manong doms

[d_palapuz]

kuya domz na-try mo na isa sa mga yan..!
share mo nmn..!

\nn/