Wednesday, October 28, 2009

Hell Fire - Remembering

Hell FireIn this photoshop tutorial, you will learn how to make the Fire effect while remembering this Creating Fire lesson that I wrote earlier and apply a series of layer styles.

Here are the steps :

1. Open your new blank document. Here I use 1024x768px, you can use smaller image for this if you want to.

2. Set your Foreground and Background color into Black and White by pressing the D key.

3. Go to Filter > Render > Clouds. Done? Apply the Difference Clouds by going to Filter > Render > Difference Clouds

Optional : Press Ctrl + F 12 times to get the Pattern like this ;



Hell Fire



4. Now by pressing Ctrl + L to call Fire Layer Levels Histogram.


Hell Fire


5. Still with your Background Layer selected, go to Filter > Distort > Polar Coordinates


Hell Fire


6. Flip the Canvas to Vertical by selecting Image > Rotate Canvas > Flip Vertical

7. Add a color fire into your image. Click the Create new fill or adjustment layer in the bottom of your Palette Layer

Hell Fire


Fill it with #f06b13 - Solid Orange color


Hell Fire


Repeat Step 7, but this time with this #FC3030 - solid Red color

8. Now's the tricky final part. Change the Blending Opacity for your solid Orange color from Normal into Color Burn and change the Blending Opacity for your solid Red color from Normal into Screen. Turn your Red color opacity from 100% to about 10-20%. Got it?!?!?


Hell Fire



Variations : This is optional. You are obviously allowed to adjust the wildness of the flames by applying, differing amounts of sharpening.

Simply click on the Fire Layer then select Filter > Sharpen > Unsharp Mask


Flatten Image when you are done. Keep Up your Good Work Doods!



Hell Fire



Other samples:



Hell Fire



Saturday, October 24, 2009

When Dream and Die Unite

When Dream and Die UniteI Hate Photoshop Not.

Photoshop is indeed something extraordinary. I called it and entered into one of the 7 wonders of the world. With this simple and easy software to use, anything can be realized.

But the underlying of my hatred in photoshop thing is the more people getting familiar with this sort of magic design software, the higher one's desire for change, ruffled or even make a damage into a photograph result.

Lotta friends asked me for this one, and I always say BIG NO to photoshop it, please learn first about the basic powerful origin it self, then you must be able to apply what you want. You bet!


Do you have any idea about these two big image resolution :



When Dream and Die Unite



When Dream and Die Unite


Not so here on Earth. As it explains, image manipulation has always been part of the photographic process.

Using these photo stocks, you can manipulate anything you want.. just like 2 big images up there and the big one below as well...








Or this?!?!?!




Friday, October 23, 2009

Chameleon photo effect

Chameleon photo effectToday, I will explain you guys how to create trendy chameleon photo effect but not in photoshop, you have to use Macromedia Flash for this special tips and tricks. Ain't need any action script code to make this kinda trick.

Y'll also learn importing any photo into a flash stage, converting it into a movie clip symbol, applying flash filters on it, creating Motion Tween and much much much more! You can use this effect for some photo banner or for some other flash components! Let's start!





I use this image for sample:



Chameleon photo effect



Open a new flash document. Press Ctrl+J key, set the dimensions of your document. Mine is 700x525px. Use any desire color as background, frame rate to 37 and click ok.


Chameleon photo effect


On current layer photo. Double-click on its default name (Layer 1) to change it into My Car or something else you like.


Chameleon photo effect


Go to File > Import > Import to stage (Ctrl+R), import the photo you saved earlier into a flash stage. While photo is still selected, go to the Align Panel (Ctrl+K).




Chameleon photo effect



Photo is still selected, hit F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.


Chameleon photo effect


Click on frame 110 and 220 and hit F6 key. While you're still on frame 220, pick the Selection Tool (V) and click once on the photo to select it. Go to the Properties Panel (Ctrl+F3) below the stage. On right side, you'll see the Color menu. Select Adjust Color in it and make it like image below said:


Chameleon photo effect



Chameleon photo effect


Repeat obviously the previouse step also for frame 1. You can now do the Right-click anywhere on the gray area between frame 1 and 110 and frame 110 and 220 on the timeline and pick Create Motion Tween from the menu appears.


Chameleon photo effect


We're done now!


Test your movie (Ctrl+Enter).



Chameleon photo effect


The result for this flash trick :




Some other sources you can use to get the Chameleon photo effect :


Chameleon photo effect Chameleon photo effect Chameleon photo effect


Enjoy!


Recreating Patterns

Recreating PatternsHve you doods ever wondered how to create an easy way in making a simple pattern or even the hard one in your beautiful magnifique application called Photoshop? Damn! Quite easy and it’s obviously fun.

Remember about Carbon Fiber Look...?? The one that you use to create Tiger Mask??

I used this set for that pattern..





Recreating Patterns


But now... This is the same way you save your work to become It can be use for any other circumstances, Diplacement Map for example... Let me show you how..

Fire up a new blank document. Better in small version, height and widht. Your creation here will duplicate itself to form your beautiful pattern on workflow later. I'm gonna use 8×8px canvas, zoomed 'em up and create a small pattern like this.


Recreating Patterns


Pattern at 3200% view



Recreating Patterns



Recreating Patterns



Using custom pattern

Create a new document after you close all your document you've created earlier. By pressing Ctrl + N to try out the custom pattern. Highlight or select your new canvas, press Shift + F5 to call the fill color box up or you can simply access it by entering menu Edit > Fill.


Recreating Patterns




Recreating Patterns



Here's your 550x413px Simple Pattern


Recreating Patterns



Some of patterns samples you can download from the lesson this time are moved out here!

Enjoy and have a nice weekend!

Wednesday, October 14, 2009

Create a Creepy Bloddy Text

Creepy Bloddy TextCreating Wood Texture? It's soLast year isn't it? Lmao! We've done that section yesterday. This Photoshop text effect tut today gives a breakdown of how I created one of my realistic bloody text in some texture. Wood texture. We learn two different thing today doods, but if you read my
Lautan Berkabut... Eng Ing Eeeng!!! tut, you can leave the first step and straight jump into second and final step of this tut.

We'll learn how to pick some realistic, cute and horror, bloody text effect on wood bark texture, learn some new techniques that you will create in your works. It's a kinda helpful tips along the way.


First Step

Lets jump right in and open a new document by selecting File > New from the main menu or by pressing the keyboard shortcut Ctrl + N. The size of my working document for this lesson is 1000×600 at 72ppi. First we must create wood textures. To do that, go to Filter > Render > Fibers. Set Variance to 15, Strength= 4, click Ok. You can use Randomize to set more realistic wood texture.

Click Ctrl + S to save this texture as psd file. Remember about diplacement effect tut about makin a realistic water and Creating Leopard Skin or Rock and Stone Textures Hell yeah, this is the similar way to do so. Now we must color our wood. Go to Image > Adjustments > Hue/Saturation. Set parameters, Hue = 40, Saturation = 45, Lightness = -20. Do not forget to check the colorize section.

So far, texture looks too light, not so good for the eyes.. so we need to shade it. Go to Image > Adjustments > Curves. Set parameters like image below said:


Creepy Bloddy Text


See the difference between your first image with this one!


Creepy Bloddy Text


Go to Channels on your palette layers. Hold Ctrl and click on RGB channel, we will select light parts of texture. Done?!?! Watch carefully what the image said..


Creepy Bloddy Text


Now we need to go to Image > Adjustments > Hue/Saturation. Select Hue to 100, Saturation = -56.


Creepy Bloddy Text


Go to Edit > Fade. Turn the Opacity down to about 50%. Click Ok and than Ctrl + D, to deselect.


Creepy Bloddy Text



Creepy Bloddy Text



That the result of the First Step!



Step Two

It’s now time to add some text to our document. I pick the Red Color here for the foreground color, then press the T key to invoke the Type tool. Click on the stage to place the cursor and type some text onto it. Notice that when you added the text that Photoshop automatically added a new layer for it.

note: To commit the text, you can either press the Enter key on the 10-key corner of your standard keyboard or click the Check Mark in the Text Tool options bar at the top of Photoshop.


Why LONTONG BERDARAH? Dunno! Just wanna write that down, lmao! Play with the different size of letters. Select Free transform tool and select best text placement for you. Maybe it remained you with this Carbon Fiber Look.. Yupp, this is the same trick I used here!

Creepy Bloddy Text



Go to Filter > Distort > Displace. On pop-up window say Yes, to rasterize text, set Horizontal and Vertical Scale 8 and select psd file that you saved in 1 step. Now your text look little bit creepy.


Creepy Bloddy Text



To make the wood texture looks more realistic, we need to curve it. Activate background layer, click Ctrl + A. Go to Filter > Distort > Spherize, set Mode to Horizontal Only and set amount to 60%. Activate layer with text and click Ctrl + F to repeat this filter to text as well.


Creepy Bloddy Text


Creepy Bloddy Text



Add a new layer, fill it with black color and drag it below background. Activate wood texture on your palette Layer, take Free Transform tool turn down texture width.


Creepy Bloddy Text



Pick Gradient tool (G), take Linear Gradient. Select Foreground to Transparent gradient.


Creepy Bloddy Text


Create new layer. Again take Gradient tool (G) and click in left side and pull to center, it will overshade left side of texture. Do the same with right side.


Creepy Bloddy Text



Now activate text layer and change the Blending mode to Color Burn. Duplicate text layer by pressing Ctrl + J. And to second text layer set Blending mode to Linear Light and set Fill to 30%.


Creepy Bloddy Text



And for the final step, we must add some layer styles to second text layer. Add Bevel and Emboss, set Depth to 40%, size 5 px, soften 0 px.


Creepy Bloddy Text



And Viola! We create creepy bloody text on wood bark texture. I hope you enjoyed this tutorial. Your job is now complete! Add some tricky blood elements, some more shyt, some more bla bla bla.. see more crazy stuffs in Carbon Fiber Look... go nuts!






For those of you who are wondering how I did for the tricky blood part, it’s all in the Rebuild our FCDB in simple PDF download link and yes.. it's all for free. Enjoy!