Category: web design tips
-
How to shake an image using html and css
•
Hover over the image: Step:1 Copy and paste the given code Hover over the image:
-
How to create a Slideshow with CSS and JavaScript
•
Step:1 Now we are going to create a slideshow using html, css and java script. HTML is the standard markup languages for creating web pages. The html coding are as follows: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <link rel=”stylesheet” href=”style.css” /> <script src=”blog.js”></script> <meta http-equiv=”Content-Type”…
-
Create an Animated Interface GIF – Photoshop
•
Step:1 Open a document of width 640 pixels and height 1136 pixels.Create a phone UI according to our needs. Draw a Circle with stroke 3pt. Open the timeline panel and make a new frame. Step:2 Create a rectangle shaped image and fill with color and add text to it.Create…
-
Weather effect using Photoshop
•
Step:1 Open the document in Photoshop and place the photo in that document. Add a blank layer above this background layer. Step:2 Go to edit-> Fill-> black color. Then go to Filter -> Noise -> Add noise -> amount ->25 and make the distribution as Gaussian. Step:3 Now we want…
-
Turning a new photo in to old photo-photoshop
•
Step1: Open the document in Photoshop. Add a hue/saturation layer above it with the hue value as 40 and saturation value as 25. Step:2 Merge the two layers by pressing ctrl+shift+alt+E.Then go to Filter-> Blur -> Gaussian Blur-> Radius 6 Pixels. Step:3 Add a new layer above it and fill…
-
How to create a Nashville filter from Instagram using Photoshop
•
Step1: Open the Photo document in Photoshop and Edit the layer name as Nashville. Create a New layer above this layer. Step:2 Fill the Color in the new layer. The color should be as follows: Red-247, Green- 217, Blue- 173.Change the blending modes from normal to multiply. Step:3 Click on…
-
Turning a Beautiful girl in to a Ghost image-Photoshop
•
Step1: Open the document in a Photoshop.Convert the image in to smart object by clicking right side option Step:2 Go to Filter-> blur -> Motion blur and adjust the values.Edit the distance as 441 Pixels. Step:3 In the layer mask use the brush to show some of the original portion.Use…
-
Adding a Transparent Text Area to an image-Photoshop
•
Step:1 Open the Photo document in Photoshop.Add a new layer above it Step:2 Fill the layer with white color . Then reduce the opacity to 70%. Adjust the opacity according to your needs. Step:3 Add a text layer as New York above the white layer.Using the transformations Ctrl+t adjust the…
-
Crack effect in Face-Photoshop Tutorials
•
Step1: Open a document in Photoshop.Place the image which we want to do the cracking effect.Hide the Background Layer. Step2: Again Place the Crack Texture above the image layer.Transform it until it sets in to face.Make Blending Mode as normal. Step3: Copy the image layer and delete the background…
-
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. A web designer is responsible for creating a site or pages, this includes the design, layout and coding, this can mean working on…