Photoshop

Stylish Text Effect

Step 1 : Open a new Photoshop document
In the first step,  open a new document with preferred size.
We can use the keyboard shortcut ctrl+N to open a new document.

p1

 

 

Step 2 : Fill the document with Balck
Set the foreground color as Black. Use the keyboard shortcut Alt+Backspace to fill the document with foreground color.

p2

Step 3 : Add your text to the Document
Grab the type tool from the tools palette otherwise press T to work with keyboard shortcut.
p3

Go to the option bar set font color, font size and font style.
Press letter X to swap foreground and background color so that we get white as a foreground color.

p4
Type the text plastic and resizing the text size  by pressing ctrl+T.

p5

Step 4 : Choose a color for your text using the color overlay layer style
To create plastic effect first we have to choose color overlay from layer styles which is in bottom of layer palette.

p6

  p7  

It brings up a color overlay dialog box. Click on color swatch and pick a lighter shade of the color.
p8
p9

Now the text color will appear like this

p10

 

Step 5: Add An Inner Shadow To The Text Using The “Inner Glow” Layer Style
Now we are going to give a three dimensional look for our text by choosing Inner glow style.

p11

Change the blend mode to multiply and change an opacity also to 50%.
Click on color swatch and pick a matching color, source will be an edge and the shadow size will be 13 pixels.

p12

Now the text will look something like this

p13

Step 6: Apply The “Bevel and Emboss” Layer Style
We have to add Bevel and Emboss effect to our text. For doing this we want to load new contours and append that.

p14

To load new contours click on the down pointing arrow to the right side of the contour preview thumbnail.

p15

p16

p17
p18

Select Large list from the options so that we can see both thumbnail preview and name of the contour .

p19

Select the Ring-Triple and change the rest of Bevel and Emboss options.

p20

p21

Now the text looks like this

p22

Step 7: Apply The “Contour” Layer Style
Add the contour layer style from the layer style palette.

p23

p24

Change the contour style and range to create plastic effect on our text

p25

p26

After adding contour style the text will appear like this

p27

Step 8: Duplicate The Text Layer
Duplicate the text layer so now there are two text layers in the layers palette.

p28

Click on the original text layer, once again doing some changes in the original text.

p29

Step 9: Add a Stroke To The Text
Click on layer style to create stroke effect on the text.

p30

Change the Range and color

p31

Move the mouse over the text we will see our mouse cursor will change into eyedropper icon.
Then click near the edge of one letter to sample shade of the color.
Then choose color midway between lighter and darkest colors in the text.

p32

p33

 

Step 10: Apply The “Bevel and Emboss” Style To The Stroke
Once again wsitch to Bevel and Emboss style to stroke itself.

p34

Click on the down pointing arrow to change to stroke emboss.

p35

Then change contour style and range

p36

p37

Finally we get the text with plastic effect

p38

Tuesday, February 18th, 2014 HTML, Photoshop, Whats Trending No Comments

How to speck an image within 2 Minutes.-Simple concept for beginners.

Select any image, from web. So, I’m taking the followed image as my original image.1aa

Convert your original image into tile style by making filter option. To make tile style follow the steps which is shown in the screenshot.

1a

Convert your original image into Poster style by making filter option.

1b

Convert your original image into paint technique by making filter option.

1c

Saturday, January 25th, 2014 Photoshop No Comments

How to construct an image into many style using filter menu in PS Cs5.

Create a new psd file of your own size. Select an image from folder or from web.

1.Original Image:

1

2.Pencil Drawing format:

Look on Filter — > Fliter Gallery— >Artistic — > select Colored pencil — >ok

3.Cutout Image: Select cutout option from the artistic option which is present in filter gallery and then give ok. As same cutout we are going to create some image .

4.Dry Brush Image:

Look on Filter — > Fliter Gallery— >Artistic — > select Dry brush — >ok

1-4

5.Film Grain:

Look on Filter — > Fliter Gallery— >Artistic — > select FilmGrain — >ok

6. Rough Pastels:

Look on Filter — > Fliter Gallery— >Artistic — > select Rough pastels — >ok

7. Underpainting:

Look on Filter — > Fliter Gallery— >Artistic — > select Underpainting — >ok

8. Accented Edges:

Look on Filter — > Fliter Gallery— >Brush Strokes — > select Accented Edges — >ok

5-8

9. Cross hatch:

Look on Filter — > Fliter Gallery— >Brush Strokes — > select Crosshatch — >ok

10. Water Paper:

Look on Filter — > Fliter Gallery— >Sketch — > select Waterpaper — >ok

11. Photography:

Look on Filter — > Fliter Gallery— >Sketch — > select Photography — >ok

12. Glowing Edges:

Look on Filter — > Fliter Gallery— >Stylish — > select Glowing Edges — >ok

9-12

13. Craquelure:

Look on Filter — > Fliter Gallery— >Texture — > select Craquelure — >ok

14. Patchwork design:

Look on Filter — > Fliter Gallery— >Texture — > select Patch Work — >ok

13-14

Thursday, January 16th, 2014 Photoshop No Comments

Drawing Realistic ice Cubes

ice_01

Lineart

Make interesting composition and forms with liners

 

ice_02

Gradient

Fill your object with base colour (dominant colour). and gradient (from light to dark), and lock your layer (transparent pixels)

 

ice_03

Light

You need to decide on a light source

 

ice_04

Shadow

Add more depth to your object with shadows don’t try to make any details on this stage

 

ice_05

Details

Choose hard brush with light blue colour (near white) put your feelings, you make beauty on this stage

 

ice_06

Reflection

It looks more volume, realistic and beautiful with reflection

Tags:

Easy Typographic Portrait In Photoshop for Beginners.

STEP-1: choose a portrait image for your typography design.

beckn1

STEP-2: Creating Image Effect

Convert the image into posterize effect by selecting Image > Adjustments > posterize. Set the Levels to 7.

typo2

 

 

beckn2

 

 

STEP-3:  Add Background Text – Important Step

Lower your text opacity to around 20%. Create a new group (Layer – New – Group) and name it Text. Use only the different fonts and sizes. Avoid large spaces between words. Fonts I used:

  • Arial
  • Cambria
  • Die hund
  • Impact
  • Tahoma
  • Times New Roman
  • Verdana
  • And little bit more default fonts

beckn3

 

 

Merge the text into layer and then, crop the layer by selecting the face region.

beckn4

 

Change the merged layer color by choosing Blending options > Color overlay.

beckn5

 

 

Step-5: Creating effect

When you’re done duplicate your TEXT group (Layer – Duplicate Group) and merge it (Ctrl+E). Make your unmerged TEXT group invisible and select the face region by using Magic Wand Tool.

beckn6

 

 

beckn8

 

 

Step 6 – Create Background Text Effect

Make merged text layer visible again and apply following layer style.

beckn9

 

 

Step 7 – Final touches

Create new layer, go to Image then Apply Image, then go to Filter choose Render, select Lightning Effects and apply following settings. Here is the final result of portrait typography design.

 

beckn

 

 

Tags: ,

Saturday, June 29th, 2013 Photoshop No Comments

Shooting the Missiles Using Action Script on Flash 3.0


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.
Code 1:


Code 2:


Code 3:


Code 4:


Code 5:


Code 6:


Code 7:

Tags: , , , , ,

Monday, November 26th, 2012 Flash, Photoshop, web design, web design tips No Comments

Shake Effect on Action Script Using Flash 3.0

Step 1: Open a new flash file. Choose Window > Properties from the main menu bar to open the PROPERTIES panel.
Step 2: Expand the Properties section in the panel and choose the Edit button to enlarge the Document Settings window. Next, set the width to 550 pixels and height to 300 pixels in the
PROPERTIES panel, as shown in Figure below. Choose the Ok button.

 

 

 

 

 

 

Step 3: Now we need to draw an oval for masking. Select the Oval tool from tools. Draw an circle in the document.

 

 

 

 

 

 

 

Step 4: Fill the color (#99FFFF) inside the oval. And name the document on left-top as shake effect on Action Script.

 

 

 

 

 

 

 

 

 

Step 5: Place the button on the document and give instance name it Reset as figure shown below.

 

 

 

 

 

 

 

 

Step 6: Create a timeline for layer 1 and name it as player.

 

 

 

 

Step 7: Create another layer for controlling effects and named it as controls. And for frame select the rectangle tool from toolbar.

 

 

 

Step 8: Create a fourth layer for Performing Action Script.

 

 

 

 

Step 9: Type the following Action Script in Layer-4(Action Script).

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 10: Import shake effect images to library. Images name should be same as in library and script. Go to library panel and right click on each image. Choose Properties à Linkage. Check the “Export for Action script” option. And run the program.

Tags: , , , , ,

Monday, November 19th, 2012 Flash, Photoshop, web design No Comments

Various Color changing on Single Object Using Flash 3.0


Step 1: Open a new flash file. Choose Window > Properties from the main menu bar to open the PROPERTIES panel.
Step 2: Expand the Properties section in the panel and choose the Edit button to enlarge the Document Settings window. Next, set the width to 500 pixels and height to 358 pixels in the
PROPERTIES panel, as shown in Figure below. Choose the Ok button.

 

 

 

 

 

 

 

Step 3: Draw or import an object from the file. Then select the car and press F8(To convert into symbol) to convert into movie clip.

 

 

 

 

 

Step 4: While the object is still selected, go to the Properties Panel (Ctrl+F3) below the stage. On the left side, You will find the Instance name input field there. Call this Movie Clip as whatever you like. For this example, I will call my movie clip object1. See the picture below.

 

 

Step 5: Create a new layer above the objects layer and name it button.
Step 6: After that, create a four buttons (red, blue, brown and yellow, etc…). See the picture below.

 

 

 

 

 

 

 

 

Step 7: Take the selection tool (V) and click on the red button. Then, go again to the Properties Panel (Ctrl+F3) below the stage. On the left side, You will find the Instance name input field there. Call this button swatch1_btn. See the picture below.

 

 

 

Step 8: Do this also for every other button, but for red, type blue, brown….
Step 9: Create a new layer above the buttons layer and name it action.
Step 10: Click on the first frame of layer action and go to the action script panel (F9). Then, enter this code inside the actions panel:
Code 1: this code is for purple color button

 

 

 

Code 2: this code is for red color button

 

 

 

Code 3: this code is for green color button

 

 

 

Code 4: this code is for blue color button

 

 

 

 

Code 5: this code is for dark blue color button

 

 

 

 

Code 6: this code is for grey color button

 

 

 

Step 11: This main button is for applying color to the car.

 

 

 

Step 12: This measurement is used to mix the color with the main color for displaying clear look.

 

 

 

 

 

 

 

 

Code:

 

 

 

 

 

Step 13: This scale is used to pin point the color value and range value

 

 

code:

 

 

 

Test your Movie (Ctrl+Enter).

Tags: , , ,

Monday, November 12th, 2012 Flash, Photoshop No Comments

Floating Gallery Using Flash Cs4


Step 1: open a new flash file. Set the width to 600 pixels and the height to 540 pixels. For this pictorial we need 8 images. We have to resize them with 330*330 for the main image and 75*75 thumbnail images. Name the images image-0 to image-7 and thumb-0 to thumb-7 and then import them into the library (File-> import->import to library).

 

 

 

 

 

 

 

 

Step 2: By using oval tool (O) to creating a dark grey circle (#323232) circle, without an outline by using dimensions and positions below. I have reduced the magnification in Flash to 50%, so that it’s easier to see.

 

 

 

 

 

 

 

 

 

 

Step 3: To convert the oval into an MOVIE CLIP (Movie Clip Symbol) called “background”, by pressing F8.

 

 

 

 

 

 

 

 

Step 4: Convert this Movie Clip into another one called “gallery” and then, from the properties panel, give it the instance name “gallery”. After that action script will be used to give the gallery some functionality and the instance names given to the MOVIE CLIP’s will be used to reference them.

 

 

 

 

 

 

 

Step 5: Double click on the “gallery” movie clip and then on the “background” movie clip. Name the layer with the dark oval “background 1”. Create the second layer called “background” and with the lighter grey (#505050) oval on this layer.

 

 

 

 

 

 

 

 

 

 

 

Step 6: From the properties panel, set the dimensions and positions, as shown below.

 

 

 

 

 

 

 

 

 

 

 

Step 7: Next, drag image 0 onto the “images” layer as shown below. Convert the image to a Movie Clip (F8) called “image0″, selection “export for action script”. This will allow the image to be attached with action script, using the “identifier” as a reference.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 8: Convert the Movie Clip again (F8) into another Movie Clip called “image Holder”.

 

 

 

 

 

 

 

 

Step 9: Use the Oval Tool to create an oval on the mask layer, setting it to have the dimensions and positions as shown below. Right click on the mask layer and choose “mask”.
Fig (a):

 

 

 

 

 

 

 

 

 

 

 

 

 

Fig (b):

 

 

 

 

 

 

 

 

 

 

Step 10: The circle should now be masking the image, as shown below.

 

 

 

 

 

 

 

 

 

 

Step 11: Now we are going to create a temporary guide which will be used to place the thumbnails. Create a new layer called “guide” and see the Oval Tool to create a circle with just the stroke color and no fill. Set the dimensions and positions as figure shown below.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 12: Convert the ring into a Movie Clip (F8) called “guide”.

 

 

 

 

 

 

 

 

Step 13: Double click on the MOVIE CLIP, create a new layer and draw a line, using the dimensions and positions as figure shown below.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 14: Create a vertical line on another new layer as figure shown below.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 15: Now copy the 2 lines onto a single new layer.

 

 

 

 

 

 

 

 

 

 

 

Step 16: Open the transform panel and set “rotate” to 45 degrees.

 

 

 

 

 

 

 

 

Step 17: Now, create a new MOVIE CLIP (Insert > New Symbol) called “thumb0″ and create 2 layers called “image” and “mask”. Drag the thumbnail thumb_0 on to the “image” layer, placing it at the position shown below.

 

 

 

 

 

 

 

 

 

 

Step 18: Create a circle on the “mask layer”

 

 

 

 

 

 

 

 

 

 

Step 19: Right click on the “mask” layer and chose “mask”.

 

 

 

 

 

 

 

 

Step 20: Convert the mask into an MC (F8) called thumbMask. You can reuse this MC for the other thumbnails.

 

 

 

 

 

 

 

 

 

Step 21: Create a dark grey (#404040) circle on a layer below the image and mask, using the positions and dimensions shown below.

 

 

 

 

 

 

 

 

 

 

 

Step 22: This will also be reused for the other thumbnails, so convert it to an MC called “thumbBG”. So, that’s the 1st thumbnails created, now create the other 7, using steps 18 – 23.

 

 

 

 

 

Step 23: Next, create a layer called “thumbs” and drag thumb0 MC onto the stage, positioning it at the top over the guide. From the properties panel, give it the instance name “thumb0″.

 

 

 

 

 

 

 

 

 

 

 

 

Step 24: Convert thumb0mc into another MC called thumb Holder. Set the registration point (circled in red) to the center. To rotate the thumbnails with action script, the thumb Holder MC will be rotate so that each thumbnail doesn’t have to be rotated individually. Setting the registration point to the center makes sure the MC will rotate from the center.

 

 

 

 

 

 

 

 

 

 

Step 25: Add all 8 of the thumbnails where the lines intersect with the ring. Place thumb1 at the second point, thumb2 at the 3rd, and so on.

 

 

 

 

 

 

 

 

 

 

Step 26: When all the thumbnails have been added, go back to the Gallery Movie Clip and give the thumb Holder MC the instance name “thumb Holder”.

 

 

 

 

 

 

 

 

 

 

Step 27: Then the image Holder MC and delete the image MC inside of it. This is because we will be adding the image dynamically with action script.

 

 

 

 

 

 

 

 

 

 

Step 28: Now we are going to create a gallery with rotating thumbnails. We will now use some action script. To make the thumbnails function and to rotate them around the main image.
Step 29: Code Explanation:
Line 1: A stop() function to stop it from looping
Line 2: A variable to hold the number of images in the gallery
Line 3: A boolean variable which is used to pause / unpause the gallery

 

 

Step 30: Code Explanation:
Line 6 – 7: A for loop is created to assign each thumbnail a property containing the name of it’s corresponding image. The “i” in the loop will start off at 0 and increment by 1 (i++), while i is below 8 (i Line 8: Now that we are storing “thumb4″ in “t”, we give it the property “image” and assign it to hold image4 (“image”+i)

 

 

Step 31: Code Explanation:
Line 9: An onPress function is create for each thumbnail
Line 10: The last displayed image will be held in current, so we use this function to remove it before the new one is attached (line11), upon pressing the thumbnail
Line 11: We use the t.image property to attach the image to “imageHolder” MC. t.image is refered to as this.image because it’s being called from withing an onPress function.
Line 12: When a thumbnail is rolled over with the mouse, the gallery will be pause (see next step), but when the thumbnail is pressed, we want them to start rotating again, so we set “pauseGallery” to equal false.

 

 

 

Step 32: Code Explanation:
Line 14 – 16: “pauseGallery” is set to equal true when the thumbnail is rolled over.
Line 17 – 20: “pauseGallery” is set to equal false when the thumbnail is rolled out.

 

 

 

 

Step 33: Code Explanation:
Line 21: When the gallery start image0 is attached to be displayed.
Line 22: An onEnterFrame function is created which will execute any code inbetween the braces {} repeatedly, at the frame rate (30) of the movie.
Line 23: Another loop is used to rotate each thumb counter clockwise with 0.5 degrees. This needs to be done because when the thumbnail holder is spinning round (line 27) the thumbnails will stop being upright.
Line 25: Last we rotate the thumbHolder by 0.5 degreess. You can change the value of this and line 27 to increase or decrease the speed of the rotation.

 

 

 

 

 

Step 34: the final code is

Tags: , , , , , , , ,

Monday, November 5th, 2012 Flash, Photoshop No Comments

Lightening And Masking Techniques Using Flash


Step 1: open a new flash file. Set the width to 500 pixels and height to 300 pixels. Choose window -> properties from main menu bar, the properties panel is displayed.
Step 2: choose the Edit button under the properties tab to display the document settings window. Set the width to 500px and height to 300px and click ok button to set the stage size.

 

 

 

 

 

 

 

 

step 3: Choose file -> import -> import to stage from the main menu, the ALIGN panel will be appear as like the figure below.

 

 

 

 

 

 

 

Step 4: select the image and then select the Align to stage checkbox from the ALIGN panel. And select the second button from left under the ALIGN and the distribute area. Image will be displayed to stage.
Step 5: Then convert the images into symbol, choose Modify -> Convert to Symbol from the main menu bar, the Convert to Symbol window is displayed; as shown in Figure below. Rename the movie clip as car and choose the OK button.

 

 

 

 

 

Step 6: select the car movie clip, and then choose Window -> Properties from the main menu bar to display the PROPERTIES window. Maximize the COLOR effect tab and select Advanced from the Style drop-down list. Enter the values as shown in the figure below.

 

 

 

 

 

 

 

 

Step 7: Now select the movie clip and expand the FILTERS tab from the PROPERTIES window and add Blur filter to it with the values as shown below.

 

 

 

 

Step 8: After adding the properties, the car movie clip will appear as shown in Figure below. Now set the background effect for the car, and then rename the layer as background effect.

 

 

 

 

 

 

 

 

Step 9: Create a new layer and name it as blending, and then drag the car image from the library, place it exactly over the stage area. Make it as a movie clip symbol with the name car-blending.
Step 10: Maximize the DISPLAY tab to select Hard Light blending option from the Blending drop down list. Before that make sure, whether PROPERTIES panel is displayed and the car-blending movie clip is selected.
Step 11: maximize the FILTERS tab and add the Glow filter to the car-blending movie clip. To get the desired effect set the parameters in the FILTER tab.

 

 

 

 

 

 

 

Step 12: For the Color parameter in the Glow filter type use the hex value as #462953.
Step 13: On adding the glow filter to the car-blending movie clip the car on the stage area will be displayed as

 

 

 

 

 

 

 

 

 

Step 14: Create a new layer with the name lightening, and then choose Insert -> New Symbol from the main menu bar to create a new symbol. And then rename the new symbol to lightning and set the symbol type to Movie clip and choose the OK button. Now a blank new movie clip is created.
Step 15: Choose the Brush Tool from the toolbar and create some brush strokes in the stage area as shown below

 

 

 

 

 

 

 

Step 16: Now, set a new keyframe on frame 7 and create some brush strokes as like the figure shown below.

 

 

 

 

 

 

 

Step 17: Now, set a new keyframe on frame 15 and create some brush strokes as like the figure shown below.

 

 

 

 

 

 

 

Step 18: Now, set a new keyframe on frame 22 and create some brush strokes as like the figure shown below.

 

 

 

 

 

 

 

 

Step 19: Now, set a new keyframe on frame 29 and create some brush strokes as like the figure shown below.

 

 

 

 

 

 

 

 

Step 20: Now, set a new keyframe on frame 29 and create some brush strokes as like the figure shown below. We can also add yellow color as the stroke color.

S

 

 

 

 

 

 

tep 21: Now, set the shape tweening between the all the keyframes. Then create a new layer, and then create random strokes which created on above with two colors with the position of the keyframes exactly at the same position and add shape tweening between the keyframes. The timeline is shown below.

 

 

 

Step 22: Now, add Blur Filter to the movie clip in the PROPERTIES panel and set the Blur X and Y values to 10 and Strength to High. Go back to the main stage and create a new layer. Create a blank movie clip with the name white strokes.
Step 23: Select the Rectangle Tool from the main menubar and create 5 rectangles randomly. Add linear gradient to it in the sequence transparent, white, and transparent, and then arrange them like a figure as shown below

 

 

 

 

 

 

 

Step 24: Press F6 to create keyframe. Rearrange the rectangle streaks as shown below

 

 

 

 

 

 

 

Step 25: Press F6 again to create keyframe. Rearrange the rectangle as shown below.

 

 

 

 

 

 

 

Step 26: Now, Go back to the main stage area and press CTRL + T to activate the TRANSFORM tab. set the rotate value to 20 degrees.
Step 27: Then, create a new layer and rename it as mask. Now create a sketch the image that is shown in the Figure below such that the car image can come exactly in between it.

 

 

 

 

 

 

 

 

 

Step 28: Next, make sure that the layers are placed exactly in its position as shown below

 

 

 

 

 

Step 29: Next, select the layer named mask and right click over it and choose the Mask option from the flyout to mask the underneath layer. Publish the file by pressing CTRL + ENTER to get the animation effect as like below

 

 

 

 

 

 

 

 

 

Step 30: Finally we animate the car to get more life into the animation.

Tags: , ,

Friday, October 12th, 2012 Flash, Photoshop, web design No Comments

Quick Search

 

Calendar

October 2014
M T W T F S S
« Sep    
 12345
6789101112
13141516171819
20212223242526
2728293031