Current Web designing Comics Trend – 2016

Tuesday, August 9th, 2016 Photoshop, web design, web design tips, Whats Trending

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

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

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: , ,

Retro 3D movie effect amazing photoshop effect

Tuesday, July 19th, 2016 Whats Trending

Step:1

Open a photo document in Photoshop.Select the object using pen tool. Then save the selection as a new channel. Go to Select -> Save Selection.

3d
image-3217

background copy

Step:2

Make two copies of the background layer.Rename the layers as green blue and red.Place these two layers into a group.

retro
image-3218

layers

Step:3

With the green blue level selected, adjust the levels.When adjusting the levels, change the channel as red and increase the input value to 255.

green
image-3219

Adjustments

Step:4

With the red layer selected, adjust the levels. When adjusting the levels, Change the channel as green and increase the input value to 255. Then again change the channel as blue and increase the input value to 255 and change the blending mode from normal to screen.

screen

3d effects screen

Step:5

Now load the selection which we saved before.Then  transform the selection t0 the right.

effects

3d effects transform

 

Step:6

Again load the selection and transform towards left. fill the selection with white color.

3d

Final Output

Realistic water droplets photoshop effect

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

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: ,

How to create photo frame border

Thursday, July 7th, 2016 Illustrators, Whats Trending

Step:1

Draw a rectangle with no fill and have a stroke of 16pt and choose a border which you want.

stroke
image-3174

border

Step:2

Make a copy of the rectangular border.Then place a image in this document.Now Place the rectangle border in front and image at the bottom. Go to object -> clipping mask.

girl
image-3175

clipping mask

Step:3

Now we have one more copy of the rectangular border.place it above the clipped image.

frame
image-3176

photo frame

TAGS: ,

Ghost image effect-Photoshop filter

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

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: ,

Flaming hot fire text – photoshop effect

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

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: , , ,

Turning photo – colored dot pattern photoshop effect

Thursday, July 7th, 2016 Photoshop, Whats Trending

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: , ,

Water Reflection Effect Photoshop design image

Thursday, July 7th, 2016 Photoshop, Whats Trending
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

 

Turning photo sketch-pencil sketching photoshop

Thursday, July 7th, 2016 Photoshop, Whats Trending

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

Request a Free SEO Quote