Pages

Thursday, October 25, 2012

Wicked Alien-Entity Text Effect

In this easy tutorial I’m going to show you how to make a really cool, high-tech, alien-like text effect (wow, long name!) Mostly just using layer styles, but also some filters to finish it off nicely. You can see my result image below, which you’re going to be making something very similar to!
Alien-Like Text Effect Tutorial Result

1. Creating a Background

First thing’s first, create a new document in which you can make your text, use a size of about 400 x 200 pixels. Now make a background that will suit the theme. I started the background by first making a few white gradients on a black background.
(With the gradient tool, using a black and white gradient, change the gradient tool mode to Lighten)
White Gradients Black Background
Next, apply Filter > Distort > Wave with any old random setting.
Filter Distort Wave Applied
(settings do not matter here, you just want to get a random effect for the background)
Now, create a new layer and fill it with #47711f (green) or a similar color – change the layer mode for your new layer to Color and lower the opacity to around 80%.
Color Layer Mode
Merge the background layers together then duplicate the remaining layer, apply Filter > Disort > Wave with another random setting, change the layer mode to Overlay and lower the opacity to around 80%.
(this will make the background seem more vivid!)
Layer Mode Overlay Changed
Now, lastly for the background layer, I added in some blood splat brushes and changed the layer mode to Soft Light. You can download the blood-splat brushes that I used from here: Download Blood Splat Brushes.
This is what I gave after adding some brushes to my canvas:
Blood Splat Brushing
Looking pretty cool so far, huh? :)

2. Create Your Text

First thing, change your foreground color to a darkish-green color, then write out your text.
Written Text
The font that I’ve used in the above screenshot is called Bebas, the font size was 72 pt, and the color used is #3c5516.

3. Style your Text (Layer Styles)

Now it’s time to give your text a really cool effect using layer styles! Right-click the text layer and go into the Blending Options, choose the following settings:
  1. Drop Shadow
  2. Outer Glow
  3. Inner Glow
  4. Bevel and Emboss
  5. Gradient Overlay
  6. Pattern Overlay (this pattern comes with Photoshop)
And now your text should now look something like this:
After Applying Layer Stylles
Well at the moment it doesn’t look all that brilliant, but after the additional filter effects, I think it looks much better! Don’t worry if it’s not exact, it doesn’t really matter.

4. Additional Filter Effects

Firstly, create a new layer then Apply the Image (Image > Apply Image…) this will have made everything visible in the new layer. Now apply Filter > Distort > Wave with a random setting. Change the layer mode for this distorted layer to Lighten and lower the opacity to about 35-50%.
Lighten Layer Mode
Duplicate that distorted layer, then apply Filter > Blur > Gaussian Blur with any old amount, change the layer mode to Overlay and have the opacity at about 40-50%.
Alien-Like Text Effect Tutorial Result
Looks pretty cool, don’t you think? :)
You could finish this off by applying any of the cool filters, I especially like Filter > Noise > Add Noise.

Wednesday, October 24, 2012

How To Put A Bar Code On A Lemon In PhotoShop

In this tutorial I will show you how to create such a simple thing as a bar code in a few steps.
recreating-barcode-12
Create a new document sized 500×300 pixels and fill it with white color. Then use the Rectangular Marquee Tool to create selection similar to mine on the picture below and fill it with black color on the new layer.
recreating-barcode-1
Press Ctrl+D to deselect chosen area, then apply Filter > Noise > Add Noise with similar settings to these:
recreating-barcode-2
Now we have effect like this:
recreating-barcode-3
After that select Single Row Marque Tool to create selection about 1 pixel height.
recreating-barcode-4
Press Ctrl+T to transform selected area like on my screenshot which you can see below.
recreating-barcode-5
Remove selection with Ctrl+D again and move to the next step. Now we need to cut off some lines on the bottom to add the numbers. Use Rectangular Marquee Tool to create selection again and press Delete button to clean selected area.
recreating-barcode-6
Remove selection with Select > Deselect. Get out the Horizontal Type Tool to add the numbers with black color to our bar code area. Before you start typing the numbers just go to Window > Character and set up following presets for the text:recreating-barcode-7
After that type your text line:recreating-barcode-8
Merge text layer with previous one with Ctrl+E. We are done with creating bar code. Now we can add it to some goods. I found this picture to work with. Open up it and copy to our main canvas under the layer with bar code. Go to bar code layer again and apply Edit > Free Transform to reduce code a little bit and rotate it.recreating-barcode-9
Then apply Edit > Transform > Warp to make right perspective for code on the lemon surface.recreating-barcode-10
Then change layer mode to Multiply for current layer and apply Sharpen Tool a little bit:recreating-barcode-11
We are done on this step. It was easy but very useful, isn̢۪t it? Hope, you have the same good results as me. If you have done similar technique with this post, feel free to post the link in the comment form.
recreating-barcode-12

Create Comic Strip Effect in Photoshop

 

Resources

Step 1

Start by opening photo in Photoshop. Resize image to 669px width and 1000px height by going to Image > Image Size.
Create Comic Strip Effect in Photoshop 1

Step 2

The picture should be black & white. Go to Image > Adjustments > Desaturate to convert color picture to monochrome.
Create Comic Strip Effect in Photoshop 2

Step 3

Duplicate layer (Ctrl+J) and apply Image > Adjustments > Brightness/Contrast with following settings to duplicated layer:
Create Comic Strip Effect in Photoshop 3
Create Comic Strip Effect in Photoshop 4

Step 4

Apply Filter > Sharpen > Sharpen More.
Create Comic Strip Effect in Photoshop 5

Step 5

Apply Image > Adjustments > Levels with following settings:
Create Comic Strip Effect in Photoshop 6
Create Comic Strip Effect in Photoshop 7

Step 6

Right now we have 2 layers: black and white photo and upper layer where we apllied all those effects. Choose the Eraser Tool and soft-edged brush with 200 px in diameter and remove carefully the white color around the girl on the upper layer. In the end you will have something similar to my image below.
Create Comic Strip Effect in Photoshop 8

Step 7

Now we need to add contrast. Copy the upper layer with effects (Ctrl+J) and blur copied layer by using Filter > Blur > Gaussian Blur with next settings:
Create Comic Strip Effect in Photoshop 9
Create Comic Strip Effect in Photoshop 10

Step 8

Assign Darker Color blending mode to this layer.
Create Comic Strip Effect in Photoshop 11

Step 9

The image of the girl should look more bright, so let’s darken the area around her. For this purpose we’ll create a new layer, choose the Brush Tool and soft-edged brush with 400 px in diameter with foregound color #000000 and begin to darken the area around the girl.
Create Comic Strip Effect in Photoshop 12

Step 10

Change layer opacity to 76%.
Create Comic Strip Effect in Photoshop 13

Step 11

Create a new layer on top. Apply Filter > Render > Clouds to it.
Create Comic Strip Effect in Photoshop 14
Then apply Filter > Render > Fibers with the settings, that are shown in the screenshot below:
Create Comic Strip Effect in Photoshop 15
We get this result:
Create Comic Strip Effect in Photoshop 16

Step 12

We apply now Filter > Blur > Motion Blur with the following settings:
Create Comic Strip Effect in Photoshop 17
Create Comic Strip Effect in Photoshop 18
To increase the effect, keep applying filter hitting Ctrl+F until you get the result as in the image below:
Create Comic Strip Effect in Photoshop 19

Step 13

Apply Image > Adjustments > Brightness/Contrast:
Create Comic Strip Effect in Photoshop 20
Create Comic Strip Effect in Photoshop 21

Step 14

After that apply Image > Adjustments > Levels to lighten the image.
Create Comic Strip Effect in Photoshop 22
Create Comic Strip Effect in Photoshop 23

Step 15

Finally, assign Overlay blending mode to this layer.
Create Comic Strip Effect in Photoshop 24

Step 16

Duplicate layer (Ctrl+J) and go to Edit > Transform > Distort and do like i have on screenshot below.
Create Comic Strip Effect in Photoshop 25
Create Comic Strip Effect in Photoshop 26

Step 17

Duplicate layer (Ctrl+J) with the inclined strokes and move to the right to fill empty space.
Create Comic Strip Effect in Photoshop 28

Step 18

Select Custom Shape Tool and one of the standard shapes (Talk1 from Talk Bubbles) and draw a shape with white color (#ffffff).
Create Comic Strip Effect in Photoshop 29
Create Comic Strip Effect in Photoshop 30

Step 19

Go to Edit > Transform > Flip Horizontal to correctly position talk bubble. After that, apply Stroke layer style to


 
Try with different photos to gain the best possible effect. Good luck!
Advertisement