webdesign tutorials
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 another rectangle and fill with color.Add a frame to it.
Step:3
Make 0.1 seconds time for the first frame.Create next frame by creating different gadgets. Apply the tween command between last and first frames.
Step:4
Add a new frame by creating a gadget. Insert a nature focused image in to a rectangle.Set its duration to 0.1 second. Create two more frames by creating different gadgets.
Step:5
From timeline panel, click Flatten frames into layers. Every Frame will be converted in to flat layer. For example, if you have 10 frames you will also get 10 flat layers.
Step:6
According to the frame set the time duration as 0.1 second. Arrange the frames according to our needs. If you think the animation is too slow, you can make it faster by selecting all the frames and set the duration to 0.2 seconds.
Step:7
Apply the tween command again to make a new animation between first and last frame.So this is the far animation we get,Which gives a best scrolling UI.Save the file in a GIF Format.
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 black color as foreground color.Reduce the brush opacity to 60
Step:4
Convert the image in to smart object.Go to Filter-> filter gallery-> Diffuse glow.
Step:5
Add a hue/saturation layer above it.Make the hue value as 179 and saturation value as 25.
Step:6
Change the blending mode from normal to color and reduce the opacity to 60%