How to create see-through ghost photos with a single image

*This photoshop tutorial requires Photoshop CS 5 or above

Final Image Preview:

Image

Step1:

Open an image in Photoshop

Image

Duplicate the background layer and rename it to ‘ghost’

Image

click the visibility icon to hide it for now

Image

STEP 2:

Use the Lasso Tool Imageto select the figure of the girl

Image

Go to Edit> Fill

Image

Use ‘Content-Aware’ in contents:

Image

Then the girl will disappear:

Image

Use the Clone StampImage to erase the remaining unwanted areas:

Image

STEP 3:

Click the visibility icon of the ‘ghost’ layer
Click on the adjustment layer and choose Black &White

Image

adjust the red filter as you wish to create an eerie feeling

Image

Click on Brightness/Contrast at the adjustment layer:

Image

Increase the contrast:

Image

STEP4:

Right Click on the ‘ghost’ layer and choose ‘convert to smart object

Image

Go to Filter>Distort> Diffuse Glow

Image

Change Graininess to 0. glow amount to 11 and clear amount to 17

Image

STEP5:

Go to Filter> Blur> Motion Blur

Image

 

Change the distance to 7 pixels

Image

 

Click on the Smart Filters mask of the ‘ghost’ layer

 

Click on the eraser tool

Click D on the keyboard to change the foreground and background colors

Erase around the girl until everything becomes clear except the girl

 

STEP 6:

Change Opacity of the ‘ghost layer’ to 30%

 

 

THEN It’s DONE! (:

 

 

Reference: http://www.youtube.com/watch?v=_Mxi2lR7go4

 

Feedback:
I really like this tutorial, the reference link has really clear step by step  instructions to follow. I think this is a simple way to create ghostly images and it’s really suitable for photoshop beginners.

 

Create smoke type in Photoshop

Final Image previewImage

 

Step1:

Open Photoshop and create a new document. (suggest: 1920X1200 pixels)

Apply a layer style: Gradient Overlay.

Image

Double Click ‘gradient’
Use radial for style. #202bb35- #07090a for colors.

ImageImage

 

Step 2:

Add White Color text

Go to Filter> Motion Blur

Image

Use 90 degrees for Angle, 40 pixels for Distance

Image

 

Step3:

Go to Filer> Distort> Wave

Image

Use 3 for No. of Generators,
10 and 346 for wavelength
5 and 35 for Amplitude

Image

 

Step 4:

Go to Filter> Blur> Gaussian Blur
Image

Use 10 pixels for Radius

Image

 

Group the layers
Change the group’s Blend Mode to Color Dodge

Image

 

Step 5:

Create a new layer on top

Go to Filter> Render> Clouds (Make sure you have black and white for the background and foreground colors)

Image

Change the Blend Mode to Color Dodge

Image

Go to Layer> Layer mask> Reveal All

Image

 

Step 6:

With a very soft brush (0% hardness and BLACK color),
hide some areas of the cloud layers:

(use the image below for reference)

Image

 

 

Step7:

Create a new group on the layer palette
Change the blend mode to Color Dodge
Add a new layer in it

Image

 

Download the smoke brushes from QBrushes

Select Whitefor the color and paint over some letters

 

Image

 

Step 8:

Paint a few more smokes:

Image

 

 

Then it’s DONE!

Congratulations!

 

 

 

Reference: http://abduzeedo.com/smoke-type-photoshop-10-steps

Feedback:

I think that this is a very easy and simple tutorial for beginners.
From this tutorial, you can learn how to download and use a set of brush, and the effects of different filters.

I believe that this will be a useful tutorial for all Photoshop Beginners

How To Create a Retro Style Typographic Poster Design

FInal image:

Image

Step one:

Open a new artboard, of A4 size.

Type out the number one (1) in a font of your choice.
(I used News Gothic). Make the font BOLD.

Image

Step 2:

Fill the type with grey.

Lock it into place by pressing ‘CMD+2’

Image

Step 3:

Using the same font to type out the word ‘ONE’.
Adjust the tracking to tighten up the spacing between letters.

Image

Press CMD+ Shift+O to convert the text to outlines.

Image

Step 4:

Choose a corner to start laying up the text elements and align the first of many objects to the grey background.

Hold ALT and drag to create a duplicate of the text.
Scale and rotate while holding shift to vary the sizes and angles.

Image

Continue duplicating, scaling and rotating new elements to fill the whole grey area.

Image

Step 5:

Press CMD +Alt +2 to unlock All.

Draw a selection across all the elements, then Shift-click to remove the grey background from the selection.

Image  Image

Step 6:

Open up a high resolution watercolor texture in Photoshop to use as a background.
Use the Crop tool to clip the background down to exclude any white page.

STep 7:

Press CMD+A to select all, then right click and select Transform Selection.

Scale it down slightly to create a border effect then fill the inner portion with a bright colour
(#75bedc).

Step 8:

Change the blending mode to Multiply
Paste in the typographic elements from Illustrator

CMD+click on the typographic layer’s thumbnail
delete this selection from the blue panel layer to create a mask or basic screenprint style effect.

 

Step9:

Add a layer mask, then use a selection of  ‘Rough Photoshop Brushes’ (2497) to paint on the 4 edges.

 

Then it’s done!

Reference: http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-retro-style-typographic-poster-design

Feedback:

I think this is a interesting and easy way to create a poster.
However it combines the use of both Photoshop and Illustrator, which might be a little troublesome to beginner users.

Create a Barcode Sticker in Photoshop

Final image preview:

Bar-code sticker on a textured background

Image

Step1:

Create a new document with a width of 1 px and a height of 100 px.

Image

Pick the paint bucket tool and fill the document with black.

Image

Go to Edit > Define Brush Preset, choose a name for your brush and click OK.Image

Image

STEP 2:

Create another new document, put in 600 x 400 px for width and height.

Image

Change the background color to black

Image

Add 2 new layers, change layer 1 background color to white

Image

name the 2nd layer as ‘barcode’

Image

STEP 3:

Select the brush tool and open the brush preset panel.

Image

Scroll down and select the brush preset you just created.

Select “Brush Tip Shape”  on the left-hand side

Change the “Spacing” value to about 120 %.

Image

Click on “Scattering” just below “Brush Tip Shape” and increase the count jitter value to 100%.

Image

STEP 4:

Make sure the foreground color is set to black, and paint from left to right while holding the shift key, which straightens your barcode line automatically.

Image

Select the text tool and add some random numbers below the barcode.

Image

STEP5:

Switch the foreground color to white

Image

Open a new layer for the sticker

Image

pick the rounded rectangle tool with a radius of 4 px and draw a sticker-like shape around the barcode.

ImageImage

Drag this shape layer behind the text and the barcode.

Image

Double-click on the shape layer and add the following layer styles:

  • Drop Shadow: Opacity: 25%, Distance: 2px, Size: 3px;
  • Bevel and Emboss: settings see image;
  • Gradient Overlay: settings see image;
  • Stroke: Size: 1px, Color: #d6d6d6

Image

Image

ImageImageImage

STEP 6:

Create a new layer, drag it behind the others, and fill it with black. Name it ‘texture’.

Image

Go to Filter > Noise > Add Noise with an amount of about 65% and check “Monocromatic”.

ImageImage

Make sure that the foreground color is set to white and the background color to black

Image

Go to Filter > Sketch > Torn Edges

Image

Apply it with the settings as seen on the image below.

-Image balance 31

– Smoothness 11

-Contrast 19

Image

And then it’s done! Congratulations!

Image

 

 

 

Reference: http://psd.tutsplus.com/tutorials/tools-tips/quick-tip-create-a-barcode-sticker-in-photoshop-screencast/

 

Feedback:

I think this is a pretty useful tutorial for making barcodes.
Although we might not always create a ‘barcode sticker’, barcodes itself might be useful when we are creating magazine/ book covers.

 

How to create Neon Stripes in Photoshop

FINAL IMAGE PREVIEW

With the neon stripes we have created, the photo appear to be much more interesting and unique.

STEP 1

Open up a photo in Photoshop.

File> Open> (choose the photo)> open

STEP 2

Create a new layer and name it ‘stripe 1’

STEP 3

Select the brush tool (B)

STEP 4

Go to Brush options > click the right arrow > select assorted brushes

Click OK when this dialogue box appears:

STEP 5

You will then see the following brush styles, they are initial options that came with Photoshop.
No additional download is required.

Choose the one indicated below, (28 pixels)

STEP 6

Open up the brush menu on the top right corner

Change ‘spacing’ to 1%

Check  (tick) Shape Dynamics, and make sure control is in ‘Pen Pressure’
Remember to uncheck Smoothing

STEP 7

Go back to LayersLayer Style (fx)> Outer Glow

Change Blend Mode to Hard Light

Change opacity to 100%,  size to 21 px

Then select the color you want for the neon stripe

STEP 8

Select Pen Tool (P)

STEP 9

Use the pen tool to draw the path of the neon stripe

STEP 10

After drawing, go back to Adjustments> Paths
Right click on Work Path

Choose Stroke Path

Change to ‘Brush‘, check Simulate Pressure

You’re done with your first Neon Stripe!

STEP 11

If you want more Neon Stripes:

Add a new layer and name it ‘Stripe 2’
Repeat STEP 7-10

TIPS!

The Neon Stripe is now in front of the subject:

If you want them to go behind..

STEP 12

Go back to Layer, choose the layer for the stripe

Click Add layer mask

STEP 13

Press ‘D’ and then ‘X’ on the keyboard

STEP 14

Go to Brush Options, choose Reset Brushes

Choose the following brush (19 pixels):

Brush away unwanted areas of the Neon Stripe:

And, IT’S DONE!

Reference Source:

How to Create Neon Stripes in Photoshop – Photoshop Tutorial

Reflection

I think this is an easy yet interesting technique in Photoshop,
we can add these kinds of Neon Stripes to any photos (better in night shots) to create a eye-catching effect.
With the reference source, I found it really easy to learn and follow,
and I believe that this is a good technique to share with everyone else.