web design tips
Open the document in Photoshop and place the photo in that document. Add a blank layer above this background layer.
Go to edit-> Fill-> black color. Then go to Filter -> Noise -> Add noise -> amount ->25 and make the distribution as Gaussian.
Now we want to make a transformation by pressing ctrl+t.Then make the changes in width and height as 200 pixels and make the blending mode as screen.
Then go to filter -> blur -> Motion blur and make the angle as -65 and the distance as 12 pixels.
Then make a level adjustment and add a clipping mask above it.Make a copy of that layer. Then go to edit -> transform -> rotate 180.Then go to filter-> Pixelate -> crystallize.
Go to Filter -> blur -> Motion blur -> angle -> -65 and distance as 20 pixels.Then make a changes in the level adjustment.
Open the document in Photoshop. Add a hue/saturation layer above it with the hue value as 40 and saturation value as 25.
Merge the two layers by pressing ctrl+shift+alt+E.Then go to Filter-> Blur -> Gaussian Blur-> Radius 6 Pixels.
Add a new layer above it and fill the layer with black color. Go to edit -> Fill -> Black color.
Choose the elliptical tool and make a ellipse in the layer and then hold alt with layermask.The foreground color should be black.
Go to Blur -> Gaussian Blur.Now the Elliptical round will be merged with the Photo.
Add a new layer above it and add a noise Filter. Go to Filter-> Noise -> add noise.The Distribution should be Gaussian.
Change the Blending Modes from normal to soft light and reduce the Opacity to 13%.
Add a new layer above it and fill the layer with black color, Add a grain filter and choose the Vertical lines from it.
Finally reduce the Opacity to 90%. Now it looks like a old Photo
Open the Photo document in Photoshop and Edit the layer name as Nashville. Create a New layer above this layer.
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.
Click on the Nashville Layer and go to image-> adjustments-> Curves.Change the Values as follows. Change the green channel output to 37 and blue channel output to 133.
Again go to Image -> Adjustments -> Levels.Change the Middle value to 1.36 and input to 236.
Go to Image-> adjustments-> Brightness/Contrast and change the brightness value as 6 and contrast value to 51.
Again go to image-> adjustments-> Curves. Change the green channel input to 13 and blue channel input to 88.
To give a more depth go to image ->adjustments-> Brightness/Contrast.Change the brightness value as -6 and Contrast value as 33.
Then again go to Image->adjustments-> Curves. Change the red channel output to 4 and blue channel output to 14.
Now the normal image turns in to Nashville filter effect.
Open the document in a Photoshop.Convert the image in to smart object by clicking right side option
Go to Filter-> blur -> Motion blur and adjust the values.Edit the distance as 441 Pixels.
In the layer mask use the brush to show some of the original portion.Use black color as foreground color.Reduce the brush opacity to 60
Convert the image in to smart object.Go to Filter-> filter gallery-> Diffuse glow.
Add a hue/saturation layer above it.Make the hue value as 179 and saturation value as 25.
Change the blending mode from normal to color and reduce the opacity to 60%
Open the Photo document in Photoshop.Add a new layer above it
Fill the layer with white color . Then reduce the opacity to 70%. Adjust the opacity according to your needs.
Add a text layer as New York above the white layer.Using the transformations Ctrl+t adjust the word length to fit in the document.
Make the snow layer and text layer in to a group by Pressing Ctrl+g.Then go to blending options reduce the fil opacity to 0% and knockout option as shallow.
Transform the snow layer in to a small rectangle.It can be done by Pressing Ctrl+t.
Open a document in Photoshop.Place the image which we want to do the cracking effect.Hide the Background Layer.
Again Place the Crack Texture above the image layer.Transform it until it sets in to face.Make Blending Mode as normal.
Copy the image layer and delete the background Layer.Duplicate image should be placed above the Texture Layer.
Reduce the Texture Layer opacity to 40%. No changes in Blending Mode.Now the Cracking effect is visible to us.
Add the Layer mask to both Texture Layer and Duplicate Layer.Remove some of the Portions like crack in the hair.In Texture layer change the Blending mode to Color burn and reduce the opacity to 49%
In Texture Layer Change the Blending mode to Vivid Light.
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 a brand new website or updating an already existing site
The Web server returns the “HTTP 404 – File not found” error message when it cannot retrieve the page that was requested.
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
Use Shorthand Css
Shorthand CSS gives you a shorter way of writing your CSS codes, and most important of all – it makes the code easier to understand.
Instead of creating CSS like this
It can be short-handed into the following:
Understanding Class And ID
These two selectors repeatedly confuse beginners. In CSS, class is represented by a dot “.” while id is a hash ‘#“. In a nutshell id is used on style that is distinctive and don’t repeat itself, class on the other side, can be re-use.
Forget <Table>, Try <Div>
One of the greatest advantages of CSS is the use of <div> to attain total flexibility in terms of styling. <div> are unlike <table>, where substances are ‘locked’ within a <td>‘s cell. It’s safe to say most <table> layouts are attainable with the use of <div> and proper styling, well maybe except considerable tabular contents.
Padding is the space between the border of an HTML element and the content within it.
Padding of an element in a single property as follows:
padding: 10px 10px 10px 10px;
If you declare all four values as above, the order is as follows:
Top, right, bottom, left
Step 1: Open a new document in flash. Set the stage color as black.
Step 2: Choose Window > Properties from the main menu bar to open the PROPERTIES panel.
Step 3: Expand the Properties section in the panel and choose the Edit button to enlarge the Document Settings window. Next, set the width to 550 px and height to 450 px in the PROPERTIES panel, as shown in Figure below. Choose the Ok button.
Step 4: import an image to perform the action script. Choose File > Import > Import to stage from the main menu bar and Import the unzipped images file. The three files will be imported to the stage, as shown in Figure below.
Step 5: Perform some actions to this image. From the timeline create new layer to the name them as figure follows
Step 6: Now we will use some action script. To make the thumbnails function and to rotate them around the main image.