Tag: Tricks

CSS Text Shadows you must know

Text Shadow in CSS is very useful and important property to make your text attractive. Just a single property but you can use it in different ways, here are some examples for you to make Titles text based by using CSS. As usual I’m uploading Source Files so you can take idea quite easily. There are two common ways to make shadows (for browsers other than IE), by giving simple parameters and blur and secondly if you want to control the Alpha of the shadow, Internet Explorer having different syntax, here are those: For example write your text in HTML, I’m going to attach External CSS so made the following DIV in CSS as: .StunningmeshDirect { font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; color: #900; /* In Internet Explorer */ filter: Shadow(Color=#ffffff, Direction=135, Strength=0); text-shadow: 2px 2px 0px #fff; } Now when you will apply it to your desire text you will get the following result: If you want to change the alpha property of the shadow then here is the syntax: .StunningmeshRGBA { font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; color: #900; /* In Internet Explorer */ filter: Shadow(Color=#dddddd, Direction=135, Strength=0); text-shadow: 2px 2px 0 rgba(255,255,255,0.5) } You will get the following result when you apply it to your text: So by using these techniques I’ve made some shadows for you. Double Shadow Text Effect: .StunningmeshStyle1...

Read More

Illustrator Tips and tricks

Here are some very useful and amazing Tips and Tricks in Adobe Illustrator. By using these Tips and Tricks you can make some amazing things in seconds. So must read and apply. TILDE (~) FUN: I think many people would not be known this technique. Tilde (~) sign is really having fun while making shapes in Illustrator. Tilde (~) will work only with Shape tool. Pick any shape tool (Rectangle, Rounded Rectangle, Ellipse, etc.) and before drawing it hold Tilde (~) key. (towards the left of Numeric keys). You can also hold Alt or shift alongwith it. Here are some examples. (I’ve made this shape by picking Ellipse tool and then selecting red outline with 0.5 pt size. So I hold Tilde (~) key then I drag mouse towards clockwise). (This time I hold Alt key alongwith Tilde (~) then I move mouse pointer towards top then Right). (Here I used Star tool, then hold Shift key alongwith Tilde (~) then I move mouse from center point to outside) ———————————————————————————– HOW TO CREATE SUN RAYS BY MAKING ONLY ELLIPSE? 1. Pick Ellipse Tool and draw a circle. 2. Select it and open Stroke Panel (By using Window >> Stroke). Apply 100 px outline. 3. Then give the following settings show in Picture 3 Box. You will get Automatically Sun Rays. ———————————————————————————– HOW TO ALIGN OBJECTS WITH EACH OTHER? 1....

Read More

Flying Glowing Text

It is a very long tutorial, patience need to make it. In this tutorial we are going to fly some alphabets around a Character. Very glowing and attractive effect. 1. Start with a new file of any size, I’ve taken 560x400px. Apply the Radial Gradient on it with #961700 and #FD6400 colors, as shown below: 2. Type a Single Character, around which you want to fly some alphabets. I’m going to write S and remaining characters ‘unningmesh’ around it. So I’ve written S with white font and larger size and opacity to 40%: 3. Now we need to apply Drop Shadow, Outer Glow, Gradient Overlay over it. Run the command Layer >> Layer Style and all commands one by one with the following settings: This kind of result should come: 4. Now I’m going to write other characters one by one around S, and reducing the opacity of all characters to 40%: 5. Create a new layer and Pick Brush tool  with soft edges and white color, click anywhere to make the spot: 6. Press Ctrl+T and reduce the height, and remove the top half of this shape and put it under S, like shown below: 7. From Layer Panel, change the blending mode from Normal to Soft Light. 8. Press Ctrl+J to duplicate it and to make it more visible: 9. Create new layer and again pick Brush...

Read More