Flame Text in Photoshop

Creating your own logo, wallpaper, theme, greeting cards, blog titles, or anything that necessitate texts or fonts is somewhat fulfilling and fun. Why? It’s because you create yourself what exactly you want. If you know already the basics and quite familiar with Photoshop, it will be easy for you to follow the steps and technique in creating various text effects. Don’t worry much if your creation don’t look so perfect because that is achieved gradually (a lot of time and practice, actually). What will matter most anyway is that if you are happy with your work and continuously striving to improve it.

Well, here, I’ll show you how to create a flame-effect text using Photoshop, step-by-step.

1. Selecting the Background and Foreground Colors.

By default, your BG/FG colors is set to black/white, and interchangeable. We’ll use this temporarily.
Or, as in this tutorial, you may use a grungy-textured background.

2. Select Font, Type Text, and Blending Options

Select a relatively big font. I use Trajan Pro, 72px.
Type the text you want to appear and work with, like “APOY” which I use here, then duplicate it. The duplicated text layer (“apoy”) will now appear as “apoy copy”.
Double-click the “apoy copy” layer in the dialog box, then proceed with the following Blending Option settings:

check Outer Glow, then click Ok.
double-click Outer Glow in the layer dialog box, click the color box, and set the color to #ffb017; click Ok.
double-click again Outer Glow in the layer dialog box, this time, click Inner Glow style, Opacity to 100, color to #ff9c00, size to 11px.

3. Setting the Flame

Select the Smudge Tool and set the following settings: Hardness=25, Strength=75, Diameter=20.
With the “apoy copy” selected, use Smudge Tool to make wisps of flames each of the typed letters (e.g., APOY).

4. Enhancing the Flames

Turn the “apoy copy” into a selection by holding down Ctrl key and clicking its layer icon in the layers dialog.
Inverse the selection by going to Select>Inverse.
Press Delete key.
Deselect by pressing Ctrl + D.
Turn the “flame copy” again into a selection by holding Ctrl key and clicking its icon in the layer dialog box.
Create a new layer by clicking the new layer icon located below the layer dialog box.
Bring up the Fill dialog window by pressing Shift + Backspace and, under Contents, select White. Click Ok.
Deselect by pressing Ctrl + D.
Set the blending mode to Overlay.

5. Optional (Type a quotation under the typed text)

Blending Options>Effects settings: (check the following)

> Drop Shadow
> Bevel and Emboss
> Color Overlay
> Satin
By the way, I added a border from one of Photoscape’s border selections. Below is the final outcome.

So, that’s it!

Transparent, Pressed Text Effect in Photoshop

A 2-3 minutes tutorial on how to create a transparent, pressed-in text effect in Photoshop is our topic this time. It’s an easy-to-do, few clicks and you’re done!

1. Create a new layer (File>New). Choose a regular frame size, say, 5×3 inches or bigger. Hit Ok.

2. Double-click that layer (usually “Background” layer by default) you just made in the layer dialog box to open it, ready for any editing work. This layer will then be changed automatically as “Layer 0”.

3. Fill the layer with a light color of your choice and clicking the Bucket icon in Tools onto the screen image. I selected a light blue here.

4. Choose a font (black or any dark color, bold with sharp edges preferable, like Impact) and type the text you want. To do this, go to Tools box and click the text icon (the letter T), then choose the font you want located on the top left of your screen. After that, type your text. I typed “pressed” here using the Impact font.

5. Resize and reposition the text you typed (Edit>Free Transform).

6. Go to your layer dialog box and Right-Click the text layer (the current layer you just made which is highlighted by default), click Blending Options…
With Blending Options box in view, check Drop Shadow, Inner Shadow and Inner Glow. Hit Ok… and you’re done!!

And here’s the final result:

Remove background around hair in Photoshop

This is a follow-up to my related tutorial in GIMP, and my first with Photoshop tutorial here.

Not contented much with the result of my GIMP tutorial, I tried doing it in Photoshop and, I daresay, it’s a lot easier indeed! It’s like magic doing it and I did with so much ease and fun. By the way, I use Adobe Photoshop CS5 here.

Here are the few steps to do:

1. With your Photoshop opened, proceed to File menu>Open… Select the image to be edited in your photo gallery. If you are using CS5, it’s more convenient to let the Mini Bridge open at start-up. This will minimize time and easier to select which photo or image you want to edit just by doing the ‘drag and drop’ method.

2. Pick the Quick Selection tool (Free Selection tool in GIMP)>click over to the image on screen and drag the dotted selection tool around it. Be sure to make the best selection but don’t bother if you can’t, that will be fixed later.

3. Click Refine Edge>Edge Detection. Adjust the radius to the right, about 30%, more or less. You’ll notice that the edges of the image is still rough, of course, so…

4. Still on the Edge Detection dialog, click that small brush icon, left of the radius adjuster, then paint over to the gray areas around the hair. Now, the result is better and almost done.

5. To enhance, adjust the selector under Decontaminate Colors to sharpen and hide gray areas. Don’t adjust too much because it will produce white and “warp effect” on the image. You can also adjust the Shift Edge to middle. Okay, we’re done with the image. Now, we’ll proceed to paste it on the selected background.

6. Put the selected background image on screen. Resize it accordingly with your first, if needed.

7. In your layer dialog, click the arrow icon below to move the ‘Background Layer’ (new layer) below your first image layer (background layer).

And that’s it!

How to extract hair from background using GIMP

In this tutorial I will show you how to extract strands of hair from the background. Capturing the best out of the image subject requires patience and modest amount of time (about 30 minutes, more or less, I guess – depending how familiar you are with GIMP and how fast you do it).

Here is a picture of Eva Longoria, before and after. You can download the stock image HERE. Result varies on the time involve in editing and enhancing.

Step 1 : Open GIMP, then go to File>Open. Select a picture from your computer then click Open.
Step 2 : Right-click the ‘background layer'(named eva-longoria.jpg in this case)>Add Alpha Channel.

Step 3 : Duplicate the ‘eva-longoria.jpg’ layer which creates a new layer ‘eva-longoria.jpg copy’.

Step 4 : At this time, we would like to make a good contrast out of our image in preparation to layer masking that we will do. So, to do this, go to Color>Curves and have the most desired adjustment settings like the one below:

Step 5 : Colors>Desaturate>Luminousity, then hit Ok. This step will reveal the image in black and white, where layer masking works.

Step 6 : Pick the Brush Tool and make the face/skin color the same with that of the hair (which is white), and the background with black. Don’t paint the cloth. When done, go to Select>All, then Edit>Cut. Notice that the layer will disappear, but don’t worry because that was just being queued ready to be pasted. A floating layer will appear in place instead.

Step 7 : Switch back to the ‘eva-longoria.jpg’ layer, right-click then select Add Layer Mask. In the dialog box that appears, select White (Full Opacity)>Add.

Step 8 : Now click the mask icon (that small white rectangle), not the image icon. This is where we paste the image we’ve cut earlier.

Step 9 : As we’ve mentioned earlier, a ‘floating layer dialog’ will then appear in the layers palette. Click the anchor button located below the layers palette and the second image below will appear as a result.

Step 10: Observe that the image above has a transparent background so we need to change the background so that the extracted hair will stand out. So create a New Layer (Layer>New…),fill it with black using the Bucket Tool.

Note : White is a better background than black, although you can choose any background of your preference.

Step 11 : Clone Tool>Clone all the grayish areas around the hair and edit the imperfections. Take your time. If satisfied, Flatten Image, then Save it.

Here is the final result:

How to lose weight in seconds in GIMP

If you are fat or obese and you don’t want to look that way in your photos, well, why not fix them? If more than 90% of celebrities have their photos edited before they are published, then you may do it as well! Amaze your friends how you did it without doing any tedious workouts!

Here’s how it works…

1. Choose your photo to be edited. If you have one in bathing suit, that’s preferable to unveil your sexiness. 🙂

2. Open GIMP, go to File menu and Open your chosen photo.

3. With your photo now on the screen ready for editing, go to Filters menu>Distorts>IWarp… The IWarp dialog box then appears. This is where you will do the work – on that photo you have selected to be edited.

4. So how does it work? Right-click your mouse and push it inward or outward right on the edge of the area to be edited. Don’t push it too hard. You can repeat the process until contented with the results by going to Filters>Repeat IWarp…
The circled areas below are the main sections to be edited.

5. If satisfied with your work, go to Image menu>Flatten Image, then File menu>Save.

Here’s the final, edited photo…

So how’d you like it? Please post your comment…

Remove wrinkles, moles, blemishes in GIMP

You want to upload your photo and want to share to your friends, but the moles, wrinkles and blemishes on your face prompts you to do so. Is there a way to fix it so you always look younger and at your best looks in your photos? Of course, there is, and this is actually what we will deal today with our easy-as-ABC tutorial using GIMP.

Ready? Here we go…

1. After opening GIMP, go to File menu and hit Open. Select your photo to be edited from your gallery, then click Open. Your photo should now appear to your screen, ready for editing.

2. Now, go to your Toolbox and select the Healing Tool icon (that crossed plaster below). This is exactly the tool that removes the moles, wrinkles, and all that on your face. All you have to do is point your mouse to an area near the area (e.g., where the mole or wrinkle is located) to be edited so that the color to be patched in place look realistic.

3. With the mouse pointed over the said area, press Ctrl on your keyboard and right-click your mouse. The pointed area now is selected.

4. Now, right-click the areas (moles, wrinkles, warts, blemishes, etc) to be healed. You can see that you’re as if doing some instant magic, with those unwanted skin problems being removed gradually!

5. For some finishing touches, although optional, you may smooth or sharpen your work by using the Blur/Sharpen tool from your Toolbox – that little droplet icon found at the bottom. Just click that and right-click over the areas you want to enhance.

This is the finished product–

You can do more refinements if not satisfied by repeating the process. And you can do more actually to enhance your photo by using the other tools and features of GIMP but for now, enjoy what you’ve done!

How to change the background of your photos in Gimp

Back to our basic tutorials in Gimp. This time, we’ll tackle how to make your photo more interesting and amazing by changing the background. Take a look at the pictures below – before and after.

What to do:

1. Choose the photo you want to edit and the background you like to apply. The color and theme should match your photo to make it more realistic. Feel free whatever background you prefer though as this tutorial just show you how to change background. You may edit or change it later anyway if you already know how to do it, and that is what more important.

2. Open Gimp. Go to File and click Open. Choose the image from your gallery that will serve as your background. I’ve chosen the image below from my computer as an example which should look like this one on your Gimp window.

3. Go to File again, then click Open As Layers. Select the photo now you want to lay on your background image. By doing this, you’re simply putting your photo on top of the background you first opened (which you can no longer see of course at this time). The next steps will show you how to replace the foreground areas selected into the desired background.

4. Go to Layer menu>Transparency>Alpha to Selection.

5. On the Toolbox, click the Eraser icon. Erase the parts of the foreground image you wish to be replaced by the background image by right-clicking your mouse. You can choose the size of the eraser as well as the scale located on the Eraser box settings (just below the Toolbox). Smaller brush size is usually used for the curves for erasing that can’t be done by bigger size. Make sure the edges of the retained image is smooth and no imperfections if possible.

6. To hide from imperfections and make your image more realistic with the new background, go to Filters menu> Blur> Gaussian Blur. Set the blur size to 2, or, depending on the image result, you may experiment it by adjusting the blur size that will suit your preferences.

7. Finally, go to File menu, then Save your work.