Photoshop

Current Web designing Comics Trend – 2016

The dominant means of designing visually rich Web sites, the use of tables is now actually interfering with building a better, more accessible, flexible, and functional Web.

webdesign
image-3227

Table Layout

A web designer is responsible for creating a site or pages, this includes the design, layout and coding, this can mean working on a brand new website or updating an already existing site

web
image-3228

Web Designer

The Web server returns the “HTTP 404 – File not found” error message when it cannot retrieve the page that was requested.

server
image-3229

404 error

A group of World Wide Web pages usually containing hyperlinks to each other and made available online by an individual, company, educational institution, government, or organization

web
image-3230

Website

 

Tags: , ,

Realistic water painting effect

Step:1

Open a photo document in  Photoshop. Make a copy of the background layer and convert into smart object.Then make a couple of copy from this layer.

water
image-3206

copy of the background layer

Step:2

Then rename all the three layers as cutout, dry brush, Median.Hide the dry brush and median layer.

paint
image-3207

filters

Step:3

In cutout layer add a filter effect. Go to filter ->Artistic -> Cutout Filter. Then chane the blending mode from normal to luminosity

water
image-3208

Cutout filter

Step:4

Then turn on the dry brush layer and add a dry brush filter. Go to Filter -> Artistic -> dry brush filter and change the blending mode from Normal to Screen.

water
image-3209

Dry brush

Step:5

Turn on the Median filter and add a filter. Go to Filter -> Noise -> Median and change the blending mode from normal to soft light.

effects
image-3210

Median filter

 

Tags: , ,

Tuesday, July 19th, 2016 Photoshop, Photoshop tips, Whats Trending No Comments

Realistic water droplets photoshop effect

Step:1

Open a document in Photoshop.Duplicate this layer by pressing ctrl+j.Then create a new layer and fill with white color above this layer.

sea
image-3187

water droplets

Step:2

Add a noise filter. Go to Filter -> Noise -> Add noise -> amount 400%. Then apply the Gaussian blur filter. Then have a threshold adjustment

water
image-3188

Gaussian blur

Step:3

Select all the black areas and invert the selection. Then lower the fill of the black shape to 0%.

real
image-3189

Noise filter

 

Step:4

Then add a drop shadow for this layer by adding the suitable values.Erase the remaining portion whichever u don’t want.

water
image-3190

Drop shadow

 

Step:5

Then have the border selection and feather selection. Go to Select -> Modify -> Border/Feather.

real water
image-3191

Border selection

 

Tags: ,

Tuesday, July 19th, 2016 Photoshop, Photoshop tips, Whats Trending No Comments

Ghost image effect-Photoshop filter

Step:1

Open a photo document in Photoshop. Convert this layer in to Smart object.Apply the Motion blur.Go to filter -> blur -> motion blur by adding the distance value as 64pixels.

ghost
image-3167

Motion blur

Step:2

The layer mask is added along with this.Now we want to erase the portion which we need.It can be done by choosing soft brush with black color.

ghost
image-3168

Layer mask

Step:3

Now convert this in to smart object.Then apply the diffuse glow filter. Go to filter ->Distort -> Diffuse glow filter.

Ghost image
image-3169

Diffuse filter

 

Step:4

Add a hue/saturation layer above it.Hue value is 180 and the saturation is 25.Then change the blending mode from normal to color and reduces the opacity to 60%

hue
image-3170

hue/saturation

 

Tags: ,

Thursday, July 7th, 2016 Photoshop, Photoshop tips, Whats Trending No Comments

Flaming hot fire text – photoshop effect

Step:1

Create a new document with width 3 inch and height 3 inch.Then create a new layer above it and filled with black color.

fire
image-3109

hot fire text

 

Step:2

Then type the text as DESIGN .Iam using Times new roman text here.Then enlarge the text by clicking ctr+t.Duplicate the text layer.

hot-fire-text-design
image-3110

Design

 

Step:3

Hide the duplicate text layer.Then rotate the text layer in to 90cw.Then go to Filter-> stylize->wind.Repeat this for more than couple of times.Then again rotate to 90ccw.

fire text
image-3111

Flaming hot fire

 

 

Step:4

Create a new layer and fill with black color.Merge the text layer and the black color layer.

text
image-3112

merging the layers

Step:5

Next step is go to filter->Liquify.Using different values of brush size liquify it.Then add a hue/saturation above it.The values are hue 40 and saturation 100.

fire text
image-3113

hue/saturation

 

Step:6

Again add hue/ saturation by adding hue value as-15.then change the blending mode to overlay. Then unlock the hide button from the text layer  which we hided before.

fire
image-3114

Overlay

 

Step:7

Than add a gradient overlay by adding gradient as black and yellow.Now it looks like a flaming fire hot text.

flame
image-3115

Flaming hot fire text

 

Tags: , , ,

Thursday, July 7th, 2016 Photoshop, Photoshop tips, Whats Trending No Comments

Turning photo – colored dot pattern photoshop effect

Step:1

Open a document in Photoshop.Duplicate the background layer.Add a new layer above it and fill with black color.

pattern
image-3156

Background image

Step:2

Add a Mosaic filter with the value of 20 cells in Photoshop.Add a Layer mask in it.

pattern
image-3157

Mosaic filter

Step:3

Open a new document with height and width of 20 pixels.Draw a circle and fill with black color. Then invert the colors.Now the background will be in black color and circle will be in white.

invert
image-3158

circle

Step:4

Then go to edit -> define pattern and define as circle.then close this document.

color pattern
image-3159

pattern

Step:5

Coming to the photo document go to edit and fill the layer mask with circle pattern. Add a hue/saturation above this layer.

hue
image-3160

hue/saturation

 

 

Tags: , ,

Thursday, July 7th, 2016 Photoshop, Whats Trending No Comments

Water Reflection Effect Photoshop design image

mirror image
image-3096

water reflection

Step:1
A New image is opened in Photoshop. Next step is to make a copy of the Background layer. We Can make a copy by pressing Ctrl+j.

mirror image
image-3097

Mirror reflection

 

 

Step:2
Next, let’s add some additional canvas space below our image to make room for the water reflection. Go to the Image menu at the top of the screen and choose Canvas Size

reflection effect
image-3098

canvas size

 

 

Step:3
We need to flip the copy of our image on Layer 1 so it sits upside down below the original photo, creating a mirror effect.

water
image-3099

Water image

 

 

Step:4
Merge this two layers in to a new layer by clicking Shift+Ctrl+Alt+E.Next step is add a blank layer above it and fill with white color.Then go to filter->sketch->halftone pattern with size value 10 and contrast 4.

pattern
image-3100

halftone pattern

 

Step:5
Duplicate the layer and save as a new document and save as halftone pattern.Then delete the halftone pattern layer from the original document.

water-reflection-effect-5
image-3101

new document

 

Step:6
Go to filter ->blur->motion blur.Then Go to Distort -> Displace ->halftone pattern document

reflection
image-3102

displace

 

Step:7

Then add a layer mask in this layer.Delete the original portion of the picture from this layer pressing ctrl in the original image and deleting from layermask layer.

mirror
image-3103

layermask

step:8
Next step is to add a hue/saturation layer above it and add a clipping mask over it.Then reduce the opacity to 25%. Now you will get a mirror image effect.

water
image-3104

hue/saturation

 

Thursday, July 7th, 2016 Photoshop, Whats Trending No Comments

Turning photo sketch-pencil sketching photoshop

Step:1

Open a Photo in Photoshop.Duplicate the photo by pressing Ctrl+j.

girl
image-3122

fairy girl

 

Step:2

Now we want to desaturate the image.Go to image ->adjustments -> desaturate.Duplicate the desaturated image by pressing Ctrl+j.

fairy-girl-negative -shade
image-3123

Desaturate

Step:3

Then invert the image.Go to image -> adjustment-> invert.Change the Blending mode from normal to Color dodge.

fairy-girl-sketching
image-3124

sketching

Step:4

Then merge all layers in to a new layer by holding Alt + Merge visible. Layer-> merge visible.Change the blending mode from normal to multiply and reduce the opacity to 50%

fairy-girl-pencil sketching
image-3125

pencil sketching

Thursday, July 7th, 2016 Photoshop, Whats Trending No Comments

Stylish Text Effect

Step 1 : Open a new Photoshop document
In the first step,  open a new document with preferred size.
We can use the keyboard shortcut ctrl+N to open a new document.

p1
image-2575

 

 

Step 2 : Fill the document with Balck
Set the foreground color as Black. Use the keyboard shortcut Alt+Backspace to fill the document with foreground color.

p2
image-2576

Step 3 : Add your text to the Document
Grab the type tool from the tools palette otherwise press T to work with keyboard shortcut.

p3
image-2577

Go to the option bar set font color, font size and font style.
Press letter X to swap foreground and background color so that we get white as a foreground color.

p4
image-2578

Type the text plastic and resizing the text size  by pressing ctrl+T.

p5
image-2579

Step 4 : Choose a color for your text using the color overlay layer style
To create plastic effect first we have to choose color overlay from layer styles which is in bottom of layer palette.

p6
image-2580

  

p7
image-2581
  

It brings up a color overlay dialog box. Click on color swatch and pick a lighter shade of the color.

p8
image-2582

p9
image-2583

Now the text color will appear like this

p10
image-2584

 

Step 5: Add An Inner Shadow To The Text Using The “Inner Glow” Layer Style
Now we are going to give a three dimensional look for our text by choosing Inner glow style.

p11
image-2585

Change the blend mode to multiply and change an opacity also to 50%.
Click on color swatch and pick a matching color, source will be an edge and the shadow size will be 13 pixels.

p12
image-2586

Now the text will look something like this

p13
image-2587

Step 6: Apply The “Bevel and Emboss” Layer Style
We have to add Bevel and Emboss effect to our text. For doing this we want to load new contours and append that.

p14
image-2588

To load new contours click on the down pointing arrow to the right side of the contour preview thumbnail.

p15
image-2589

p16
image-2590

p17
image-2591

p18

Select Large list from the options so that we can see both thumbnail preview and name of the contour .

p19
image-2592

Select the Ring-Triple and change the rest of Bevel and Emboss options.

p20
image-2593

p21
image-2594

Now the text looks like this

p22
image-2595

Step 7: Apply The “Contour” Layer Style
Add the contour layer style from the layer style palette.

p23
image-2596

p24
image-2597

Change the contour style and range to create plastic effect on our text

p25
image-2598

p26

After adding contour style the text will appear like this

p27
image-2599

Step 8: Duplicate The Text Layer
Duplicate the text layer so now there are two text layers in the layers palette.

p28
image-2600

Click on the original text layer, once again doing some changes in the original text.

p29
image-2601

Step 9: Add a Stroke To The Text
Click on layer style to create stroke effect on the text.

p30
image-2602

Change the Range and color

p31
image-2603

Move the mouse over the text we will see our mouse cursor will change into eyedropper icon.
Then click near the edge of one letter to sample shade of the color.
Then choose color midway between lighter and darkest colors in the text.

p32
image-2604

p33
image-2605

 

Step 10: Apply The “Bevel and Emboss” Style To The Stroke
Once again wsitch to Bevel and Emboss style to stroke itself.

p34
image-2606

Click on the down pointing arrow to change to stroke emboss.

p35
image-2607

Then change contour style and range

p36
image-2608

p37
image-2609

Finally we get the text with plastic effect

p38
image-2610

Tuesday, February 18th, 2014 HTML, Photoshop, Whats Trending No Comments

How to speck an image within 2 Minutes.-Simple concept for beginners.

Select any image, from web. So, I’m taking the followed image as my original image.

1aa
image-2519

Convert your original image into tile style by making filter option. To make tile style follow the steps which is shown in the screenshot.

1a
image-2520

Convert your original image into Poster style by making filter option.

1b
image-2521

Convert your original image into paint technique by making filter option.

1c
image-2522

Saturday, January 25th, 2014 Photoshop No Comments
Request a Free SEO Quote