preview

Create A Vector Gold Medal-Photoshop Tutorial

In this weeks new tutorial I’ll be demonstrating how easy it is to create a clean, crisp, gold medal vector in adobe photoshop. You can download the PSD file for free at the end of the tutorial.

What We’ll Be Creating

Learn To Create A Gold Medal

Getting Started…

Create a new document (Ctrl + N) with the dimensions 2274 x 2540 with any colored background. Select the background layer from within the layers window, then right click and go to “Layer From Background”. Doing this will unlock the background making it editable. Now add a “Gradient Overlay” to the background layer using the settings below.

Learn To Create A Gold Medal

Now, select the “Ellipse Tool” (U) and drag out a big ellipse onto the canvas.

Learn To Create A Gold Medal

Label the first ellipse layer “Inside”, then create a further two more circles underneath the “Inside” layer. The two new circles should be slightly bigger towards the bottom.

Learn To Create A Gold Medal

Label the two new circles “Edge” and “Outer” as shown in the image above.

Adding The Styles

It doesn’t look much like a medal at the moment so lets go ahead and add some styles to what we’ve created so far. Add the following layer styles to the “Outer” layer.

Learn To Create A Gold Medal

Learn To Create A Gold Medal

Now, add the following layer styles the “Edge” layer.

Learn To Create A Gold Medal

Learn To Create A Gold Medal

Learn To Create A Gold Medal

And finally, add the following layer styles to the “Inside” layer.

Learn To Create A Gold Medal

Learn To Create A Gold Medal

Learn To Create A Gold Medal

Adding Some Detail

Inside the medal create two new circles using the “Ellipse Tool” (U). Label the two new circle layers “Indent #1? and “Indent #2?.

Learn To Create A Gold Medal

Add the following layer styles to the “Indent #1? layer.

Learn To Create A Gold Medal

Learn To Create A Gold Medal

Learn To Create A Gold Medal

You should have something like this.

Learn To Create A Gold Medal

Now to the “Indent #2? layer add the following layer styles.

Learn To Create A Gold Medal

Learn To Create A Gold Medal

Learn To Create A Gold Medal

The medal so far should look like this.

Learn To Create A Gold Medal

Completing The Medal Detail

Select the “Rectangular Marquee Tool” (M) then create two rectangles which exceed over the medal. Fill (G) the rectangles with the color white #ffffff.

Learn To Create A Gold Medal

Select the “Free Transform Tool” (Ctrl + T) then rotate the two rectangles so there roughly about 120 degree’s.

Learn To Create A Gold Medal

Once rotated, blur the rectangles by about 4 pixels by going to “Filter > Blur > Guassian Blur”. Set the rectangles layer opacity to around 17% then load a selection around the “Edge” layer.

Quick Tip:

To load a selection simply click the little layer thumbnail whilst holding down the Ctrl key on the keyboard.

Learn To Create A Gold Medal

Inverse the selection by going to “Select > Inverse” then hit the delete key on keyboard to remove the excess from around the medal. Now select the “Type Tool” (T) and add “1st” into the middle of the medal, the text color should be #cd9701.

Learn To Create A Gold Medal

Add the following layer styles to the text layer.

Learn To Create A Gold Medal

Learn To Create A Gold Medal

Learn To Create A Gold Medal

For this next part we’ll be using a star out of the pre-made custom shapes library. Select the “Custom Shapes Tool” (U) then select the star from the list of shapes.

Learn To Create A Gold Medal

Once you have selected the star, drag one onto the canvas at the bottom of the medal.

Learn To Create A Gold Medal

Now, duplicate the star 6 times, place 3 smaller stars on one side of the bigger star, then repeat for the other side. Once your happy with the star placement add the following layer styles to each star.

Learn To Create A Gold Medal

Learn To Create A Gold Medal

Learn To Create A Gold Medal

The stars should look like this.

Learn To Create A Gold Medal

Repeat the steps above so you have two sets of stars, 7 at the top and 7 at the bottom.

Learn To Create A Gold Medal

Building The Strap Buckle’s

Select the “Rounded Rectangle Tool” (U) then drag out a rectangle at the top of the medal.

Learn To Create A Gold Medal

Were now going to warp the top of the rectangle to make it rounded in the middle. Go to “Edit > Transform > Warp” then warp the middle of the rectangle.

Learn To Create A Gold Medal

Now add a “Gradient Overlay” to the rectangle using the settings below.

Learn To Create A Gold Medal

Were now going to create the loop and joints, start off by creating two circles using the “Ellipse Tool” (U).

Learn To Create A Gold Medal

After creating the two circles create another set of circles, like a donut shape.

Learn To Create A Gold Medal

To the two small circles add a “Gradient Overlay” using the settings below.

Learn To Create A Gold Medal

Add the following layer styles to the donut shaped circle.

Learn To Create A Gold Medal

Learn To Create A Gold Medal

Learn To Create A Gold Medal

You should have something like this.

Learn To Create A Gold Medal

Above the top circle create a rounded rectangle using the “Rounded Rectangle Tool” (U), subtract the center of the rectangle so it kind of looks like a paper clip.

Learn To Create A Gold Medal

Duplicate the shape then shift it down a couple of pixels using the “Move Tool” (V).

Learn To Create A Gold Medal

To the duplicate rectangle add a “Color Overlay” using the settings below.

Learn To Create A Gold Medal

Finally add a “Gradient Overlay” to the top shape using the settings below.

Learn To Create A Gold Medal

You should have something like this.

Learn To Create A Gold Medal

Creating The Straps

Select the “Pen Tool” (P) then create a rectangular shape with diagonal sides. Make sure the bottom of the rectangular shape hangs over the buckle at the bottom.

Learn To Create A Gold Medal

Duplicate the layer and flip it horizontally, then shift the duplicated strap over towards the right side of the buckle.

Learn To Create A Gold Medal

Add a “Gradient Overlay” to the left strap using the settings below.

Learn To Create A Gold Medal

Add the following layer styles to the right strap.

Learn To Create A Gold Medal

Learn To Create A Gold Medal

To add a little bit of texture to the strap you could add a pattern.

Credit to:

http://www.photoshop-plus.co.uk

Incoming search terms:

  • 3d text psd free download
  • wedding psd file free download
  • gold banner psd
  • psd medal
  • vector backgrounds psd free download
  • free gold medal psd
  • gold medal ribbon
  • MEDAL RIBBON PSD
  • gold medal photoshop tutorial
  • psd file free download backgrounds

preview

Create A Padlock Icon-Photoshop Tutorial

What We’ll Be Creating

Learn To Create A PadLock Icon In Adobe Photoshop

Starting Out Simple

Create a new (Ctrl + N) document 800 x 800 pixels with any colored background. Right-click the background layer and select “Layer From Background” in the fly out menu. Now add a “Gradient Overlay” using the settings below.

Quick Tip:

By selecting “Layer From Background” it allows you to edit the background layer as if it were any other normal layer.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Lock Basic Shapes

Once you’ve sorted the background lets crack on with drafting out the shapes for our lock. Select the “Rounded Rectangle Tool” (U) with a radius of 20px.

Learn To Create A PadLock Icon In Adobe Photoshop

Drag the rectangle out making it roughly about 350 pixels long and about 40 pixels in height.

Learn To Create A PadLock Icon In Adobe Photoshop

With the rectangle layer selected, select the “Free Transform Tool” (Ctrl + T). Now select one of the side middle anchor points and drag inwards.

Learn To Create A PadLock Icon In Adobe Photoshop

The width of this first rectangle will determine the width of the padlock, when we resized the rectangle down the radius of the edges actually got a bit squarer making the lock a bit more realistic and no to round.

Learn To Create A PadLock Icon In Adobe Photoshop

Duplicate the rectangle layer then drag the duplicated layer underneath the original layer. Select the “Move Tool” (V) and shift the duplicated rectangle down a couple of pixels.

Learn To Create A PadLock Icon In Adobe Photoshop

We now need to join up the edges so that both rectangles meet, select the “Rectangle Tool” (U), hold down the shift key then drag out a rectangle joining both rectangles together.

Quick Tip:

Holding down the shift key will automatically add the new shape to the current vector mask.

Learn To Create A PadLock Icon In Adobe Photoshop

When joining the rectangles make sure you are adding to the vector mask and not making a new layer. Do both sides of the rectangle, when your done you should have something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Duplicate the first rectangle again then with the “Move Tool” (V) shift the duplicated rectangle down past the second rectangle. This rectangle will determine the height of the lock.

Learn To Create A PadLock Icon In Adobe Photoshop

In the same way as we did with the 2nd rectangle join up the bottom rectangle by adding a bigger rectangle to the vector mask.

Learn To Create A PadLock Icon In Adobe Photoshop

Bringing The Shapes To Life

Time for some organization, label the very top rectangle layer “Lock Top #1?, the 2nd rectangle “Lock Top #2? and finally the Bottom rectangle “Lock Body”.

Learn To Create A PadLock Icon In Adobe Photoshop

Lets add some layer styles to our lock, starting with the “Lock Body Layer”.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Next add a “Gradient Overlay” to the “Lock Top #2 Layer” using the settings below.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

And finally, add a “Gradient Overlay” to the “Lock Top #1 Layer”.

Learn To Create A PadLock Icon In Adobe Photoshop

You should have something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Groves

Load a selection around the “Lock Top #2 Layer”, create a new layer above the “Lock Body Layer” then go to “Edit > Stroke”.

Quick Tip:

To load a selection around a layer, first select the layer then go to “Select > Load Selection” or simply click the little thumbnail in the layers window whilst holding down the Ctrl key on the keyboard.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Once the stroke has been added deselect the selection (Ctrl + D) then with the “Move Tool” (V) move the stroke down 1 pixel.

Learn To Create A PadLock Icon In Adobe Photoshop

Duplicate the layer then move that layer down 1 pixel, then add a “Color Overlay” to the duplicated layer using the color white #ffffff. Finally set both layers blend mode to “Overlay” then just the white strokes layers opacity to 50%.

Learn To Create A PadLock Icon In Adobe Photoshop

Duplicate both stroke layers then shift the two strokes down a couple of pixels, repeat this until the length of the lock is filled with the strokes leaving a nice even gap in between each set of strokes.

Learn To Create A PadLock Icon In Adobe Photoshop

Select all the stroke layers leaving out the first set you created, once selected merge them together and adjust the opacity of the final layer to 35%. The blend mode should also be changed back to “Overlay” if it isn’t already.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Key Hole

Select the “Ellipse Tool” (U) and drag out a circle onto the middle of the lock body. Once your happy with the ellipse select the “Pen Tool” (P), hold down the shift key and create a triangular shape.

Quick Tip:

Holding down the shift key will automatically add the new shape to the current vector mask.

Learn To Create A PadLock Icon In Adobe Photoshop

Finally add the following layer styles to the keyhole layer.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

You should have something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Shadow And Reflection

Select all the lock layers so far apart from the background layer then duplicate them all. Merge all the duplicated layers into one layer the flip the new single layer vertically “Edit > Transform > Flip Vertical”. Move (V) the lock down underneath the original lock.

Learn To Create A PadLock Icon In Adobe Photoshop

Blur the flipped lock by going to “Filter > Blur > Guassian Blur” blurring by 4px.

Learn To Create A PadLock Icon In Adobe Photoshop

Label the layer “Reflection” then add a layer mask to the layer. Select the “Gradient Tool” (G) with a linear gradient then drag from the bottom of the reflection upwards.

Learn To Create A PadLock Icon In Adobe Photoshop

Now for the shadow, duplicate the “Lock Body Layer” then right click the duplicated layer and select “Rasterize Layer”. Double click the layer and add a black #000000 “Color Overlay”. Once the color has been added select the “Rectangular Marquee Tool” (M) and make a selection over the lock down to just above where the edges curve up at the bottom.

Learn To Create A PadLock Icon In Adobe Photoshop

When the selection has been made hit the delete key to remove the top half of the shape. Select the “Move Tool” (V) and move the shape down a couple of pixels, finish the shadow by adding a guassian blur “Filter > Blur > Guassian Blur” and setting the opacity to 75%.

Learn To Create A PadLock Icon In Adobe Photoshop

Creating The Chrome Lock

Select the “Rounded Rectangle Tool” (U) with a radius of 80px. Drag out a rectangle at the top of the lock.

Learn To Create A PadLock Icon In Adobe Photoshop

Still with the “Rounded Rectangle Tool” (U) only this time select “Subtract From Shape Area” from the options tool bar.

Learn To Create A PadLock Icon In Adobe Photoshop

Once selected drag out another smaller rectangle inside of the rectangle you just created. Try and keep the width of the rectangle the same all the way around.

Learn To Create A PadLock Icon In Adobe Photoshop

Select the “Pen Tool” (P) with the “Subtract” option still selected the round off the bottom edges of the lock.

Learn To Create A PadLock Icon In Adobe Photoshop

With both sides done you should have something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Create The Lock Holes

Select the “Ellipse Tool” (U) then drag out two circles at the bottom of the lock where we rounded it off.

Learn To Create A PadLock Icon In Adobe Photoshop

To the two lock holes add the following layer styles.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

To the soon to be chrome looking lock add the following layer styles.

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

Learn To Create A PadLock Icon In Adobe Photoshop

The lock should now be transformed into something like this.

Learn To Create A PadLock Icon In Adobe Photoshop

Adding The Reflections And Shadows To The Lock

Duplicate the lock layer then right click the layer and go to “Rasterize Layer”. Once rasterized flip the lock vertically by going to “Edit > Transform > Flip Vertical” position the lock underneath the original.

Learn To Create A PadLock Icon In Adobe Photoshop

Load a selection around the “Lock Top #1? layer by selecting the layer then going to “Layer > Load Selection”.

Learn To Create A PadLock Icon In Adobe Photoshop

Now go to “Select > Inverse” then hit the delete key. You should be left with just the part of the lock which sits inside of the selection.

Learn To Create A PadLock Icon In Adobe Photoshop

Finally add a layer mask to the layer and drag a linear gradient from the bottom upwards. For this reflection you aiming for a subtle reflection.

Learn To Create A PadLock Icon In Adobe Photoshop

For the shadows load a selection around the lock holes.

Learn To Create A PadLock Icon In Adobe Photoshop

Create a new layer above the lock layer then select the “Gradient Tool” (G) with the gradient settings set to “Black #000000 to Transparent”.

Learn To Create A PadLock Icon In Adobe Photoshop

Drag the gradient upwards, again were aiming for subtle shadows. Repeat these steps for both sides.

Learn To Create A PadLock Icon In Adobe Photoshop

Conclusion

Thanks for taking part in this tutorial, if you managed to finish this tutorial I’d love to see some of your results. Feel free to post them up on our Facebook Fan Page.

Learn To Create A PadLock Icon In Adobe Photoshop

Download Freebie
Credit to:

Incoming search terms:

  • creating a keyhole in photoshop illustrator
  • photoshop lock
  • padlock icons
  • open lock icon
  • login icon psd
  • psd icon tutorials
  • psd ui lockpad
  • free background lock images for photoshop
  • padlock open psd
  • psd padlock

cool looking dancer makes a difficult jump

Surreal Retro Futurism Scene-Photoshop Tuorial

Design a Surreal Retro Futurism Scene

Final Image

Here is a preview of the image that we are going to be creating:

Step 1

Start by creating a new document (1600X2000px).

Fill your canvas with 1a1121.

Step 2

Create a new layer called ‘background brush marks’. Download the watercolor brush set from the resources section for this tutorial. Apply several of the brushes over your canvas (using 45364f color). Then reduce this layer’s opacity to 30%.

Step 3

Now create a new layer called ‘background brush marks 2?. Apply several more brushes (using 2b3245 color). Then reduce this layer’s opacity to 20%.

Step 4

Now paste in the nebula image from the resources for this tutorial. Call this layer ‘nebula’.

Reduce this layer’s opacity to 15%.

Step 5

Now apply a levels adjustment layer. Ensure that you apply a clipping mask to this layer, so that it only effects your underlying nebula layer.

Levels Adjustment Layer Settings:

28 / 0.76 / 175

Step 6

Now create a new layer called ‘radial gradient’.

Apply several white to transparent radial gradients over your canvas. Then change this layer’s blend mode to ‘overlay’. This should help build up a cool background lighting effect.

Step 7

Now repeat this technique on a new layer, applying several more radial highlights:

Step 8

Now cut out and paste in your jumping man from the resources for this tutorial.

Then apply a layer mask, and mask off the man’s head:

Step 9

Now cut out and paste in the panthers head from the resources for this tutorial.

Go to edit>transform and use your transform tools to rotate/resize the head to fit on your man’s body.

Now apply a layer mask, and use a soft black paintbrush (20% opacity) to mask off the panthers neck, fading it smoothly into the man’s neck:

Step 10

Now apply a levels and color balance adjustment layer, making sure to apply a clipping mask to each, so that your adjustments only effect your underlying panther head.

Levels Adjustment Layer Settings:

17 / 1.00 / 218

Color Adjustment Layer Settings:

Shadow: +1 / +8 / +2
Midtones: +12 / -1 / +9
Color Balance: -13 / +8 / +18

These adjustments should help blend your panther better with your surrounding composition:

Step 11

Now create a new layer called ‘eyes’. Select a small, soft paintbrush (fded4f) and paint over your panthers eyes. Then change this layer’s blend mode to ‘overlay’.

If needed, duplicate this layer to make the effect more intense. This should make your panthers eyes really glow!

Step 12

Duplicate your panther head layer and called this layer ‘jawline’.

In your layer’s palette move this duplicate layer above your ‘eyes’ layer and adjustment layers. Delete the layer mask applied to this layer.

Move your duplicate head down past your original.

Now apply a layer mask. Mask off all of this duplicate head apart from the jaw. The idea is to use part of your panther head to build an artificial jawline that is lower than the original:

Step 13

Now cut out and paste in the photo of the roaring panther jaw from the resources section for this tutorial.

Resize your roaring jaw to be a more suitable size for the main panther head. Now go to edit>transform>warp. Warp your jaw to fit with your overall composition better:

Now apply a layer mask, and mask off the edges of this open jaw so that it blends better with your main panther head:

Step 14

Now apply a levels and color balance adjustment layer to your jaw layer. Remember to apply a clipping mask to each adjustment layer!

These adjustments will help blend your open jaw with the main image:

Step 15

You’ll notice that the side of the jaw is looking a little incomplete.

Luckily, this area is where the most shadow should be given the lighting of the piece. Therefore to construct a fake jaw, we really only need to build up the shadows to cover this area.

Create a new layer called ‘face shadow’. Use a soft black paintbrush to paint in shadows over this area of jaw.

Step 16

Now create a new layer called ‘face whiskers’.

Use a soft, 1px brush to paint in some whiskers on the right side of the panthers face. This just helps things to be a bit more symmetrical.

Step 17

Now create a new layer called ‘lighting’. Drag out a series of colorful radial gradients over your jumping figure. Try to use very bright colors, but colors that somehow compliment the imagery behind them.

Now change this layer’s blend mode to ‘overlay’ and reduce it’s opacity to 25%.

Step 18

Now create a new layer called ‘bar lighting’.

Drag a thin white to transparent linear gradient out so that it goes diagonally across your jumping figure:

Now apply a layer mask. Use a soft black paintbrush to slightly mask off the edges of your gradient shape. You want to subtly fade these edges into your background, but not totally hide them:

Now reduce this layer’s opacity to 15%. This creates a subtle lighting effect:

Step 19

Now duplicate your ‘bar lighting’ layer and space out the duplicates across your jumping figure. The idea is that as the bar duplicates get further away from the original they get more spaced out and have a lower opacity.

Step 20

Now download the fractal lines brush set from the resources for this tutorial. Apply several of the brushes over your jumping figure.

Now apply a layer mask, and use a large, soft black paintbrush (20% opacity) to mask off areas of your fractal shapes. Then reduce this layer’s opacity to 60%. This should add just a subtle bit of detail to your composition:

Step 21

Now we’re going to dodge/burn our image in a non-destructive way.

Create a new layer called ‘dodge/burn’.

Go to edit>fill and fill your canvas with 50% gray. Then change this layer’s blend mode to ‘overlay’. This will hide your 50% gray fill but will allow you to paint over your canvas.

Use a soft, low opacity black paintbrush to paint in shadows, and a soft, low opacity white paintbrush to paint in the highlights. To make the effect more subtle I reduced my dodge/burn layer’s opacity to 50%.

The images below show the dodge/burn layer at ‘normal’ blend mode, and then at ‘overlay’:

Step 22

Now create a new layer called ‘triangle top’. Use your lasso tool to create a cool looking triangle shape like the image below:

Now reduce this layer’s opacity to 60%. Apply an outer glow blending option:

Outer Glow Blending Option Settings:

Blend Mode: Normal
Opacity: 32%
Noise: 0%
Color: ffffff
Spread: 0%
Size: 38px

Finally create a new layer called ‘triangle shadows’. Use a low opacity, soft black paintbrush to paint in shadows to make your triangle shape seem more 3D:

Step 23

Now duplicate your triangle layer. Enlarge the triangle to make it about half the width of your canvas. Then apply a layer mask and mask off areas that overlap your jumping figure too much.

Then reduce this layer’s opacity to 10%.

Then duplicate this layer, and go to edit>transform>flip vertical. Move the large, flipped triangle to the bottom center of your canvas, and change it’s blend mode to ‘overlay’, increasing it’s opacity to 100%.

Below you can see the triangles at 100% opacity with no masking, and below that the finished result:

Step 24

As a final touch apply a gradient overlay adjustment layer and levels adjustment layer.

Gradient Overlay Adjustment Layer Settings:

Gradient: Default gradient (purple to orange)
Opacity: 8%

Levels Adjustment Layer Settings:

3 / 0.95 / 209

And We’re Done!

You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome.

Credit to:

http://psd.fanextra.com

Incoming search terms:

  • - 10% psd
  • tutorial photoshop jump
  • futurism brushes photoshop
  • jumping dancer photoshop tutorial
  • retro scene free psd
  • free psd templates add edit and delete icons
  • retro futurism tutorials
  • wedding couple layer masking in photoshop
  • jumping dancer design
  • jumping photos photoshop tutorials

school_bell

Ornate Bell-Adobe Illustrator Tutorial

In this Illustrator tutorial, I’ll demonstrate how to create an ornate bell using Adobe Illustrator. The creation process is quite simple: We will create shapes using the Pen Tool and Pathfinder Panel, as well as mix and match color gradients until we achieve a nice 3D result. Let’s get down to business!

Preview

Step 1: Set Up a New Illustrator Document

Open up Illustrator and create a new document by pressing Ctrl/Cmd + N. Set the artboard’s size to 400×500px.

Step 2: Create the Basic Outline

When you have to draw an object with symmetrical sides, it’s much easier to create just one side and then make a mirror copy of it — this not only saves time, but more importantly, ensures that the two sides are identical and symmetrical.

First, Grab the Pen Tool (P) and draw just one side of the bell.

Select the vector path we just drew with the Selection Tool (V) and then choose Object > Transform > Reflect. Choose the Vertical option and then click on the Copy button to create a mirror image of the vector path.

Hold down Shift (to constrain the movement horizontally) and then drag the copy to the right until the upper terminal anchor points match.

Grab the Direct Selection Tool (A) and select only the endpoints of both paths. Right-click on the anchor points and choose Join in the menu that appears.

Let’s completely close the path. Switch to the Pen Tool (P) and click on the lower endpoints to close the path. Remove the Stroke and set the Fill color of the vector object to red just to make things easier to see (we will change this color later on).

Step 3: Dividing the Bell Shape into Segments

We have to try to get rid of the flatness of our bell. In order to do that, we will divide the shape of the bell into several segments, and then we’ll fill those segments with color gradients to simulate a 3D appearance later on.

With the Pen Tool, draw two arcs as shown below.

Switch to the Selection Tool (V) to select the shape of the bell and one of the arcs, and then, in the Pathfinder Panel (press Shift + Ctrl/Cmd + F9 if the panel is hidden), click on the Divide button. This segments our bell shape into two parts.

While the resultant object is still selected, ungroup it (Shift + Ctrl/Cmd + G). Then select the lower part of the bell shape and the other arc, then hit the Divide button again. This will create the lowest part of the bell. Our bell shape should now be divided into 3 parts.

Step 4: Create the Bottom of the Bell

Grab the Ellipse Tool (L) and create an ellipse for the lower part of the bell. Make sure to match the anchor points on the left and right so that you end up with smooth, contiguous sides.

Step 5: Divide the Upper Part in Half

Now we have to divide the upper part of the bell in half. This will enable us to apply color gradients more easily.

Choose the Line Tool (/) and draw a straight vertical line down the middle of the bell.

To make sure the vertical line is dead-smack at the center, select all the segments of the bell and the vertical line, then, in the Align Panel (Press Shift + F7 to toggle the panel’s visibility), click on the Horizontal Align Center button.

Next, select the line and just the upper part of the bell. Then press the Divide button in the Pathfinder Panel.

Ungroup (Shift + Ctrl/Cmd + G) the resultant object and then get ready for some fun. We’re going to apply gradients next!

Step 6: Applying Color Gradients

Let’s choose some good colors and create color gradients to make our bell come alive.

To start, make sure the Gradient Panel is open; if you can’t locate it in your workspace, go to Window > Gradient or press Ctrl/Cmd + F9. We will apply the same radial gradient to both upper sides of the bell.

For the middle part of the bell, we will use a linear gradient.

And for the lower part of the bell, we will also use a linear gradient.

For the ellipse, we will use linear gradients too.

Let’s create the thickness of the bell. To do this, we have to duplicate the ellipse we already have and then we need to scale it down.

Apply the radial gradient as shown below.

Step 7: Adding Reflections and Shadows

In this step, we will create the necessary reflections and shadows in order to be accurate with the light source.

Golden objects are capable of reflecting light in different ways. We will use that ability to create all sorts of reflections (dark, light, semi-transparent, etc.).

In this process, the Pathfinder Panel will have a major role.

Select all parts of the bell, except the ellipses. Duplicate them (Ctrl/Cmd + C, Ctrl/Cmd + F) and unite them using the Unite Pathfinder command.

To create a reflection, we will have to combine a copy of the shape we’ve just created with the copy of the different parts of the bell. Let’s try this out to see what we can create.

Duplicate the green shape of the bell and, in the Layers Panel, lock the original object and then hide it. We will save the shape for later, but for now, we lock and hide it so it won’t disturb us as we continue working.

Select the visible copy of the green shape and nudge it 2px to the right and 2px down.

Duplicate all three visible parts of the left side of the bell. Then, make three copies of the green shape (one for each of the duplicate parts).

Combine each copy of the bell with each copy of the green shape using the Minus Front button in the Pathfinder Panel. This will create small reflection shapes on the left side of the bell.

Set the Fill color of the reflection to #FFFABC.

Select the remaining green shape of the bell and move it to the right a little bit more.

Create the copy of the upper part of the bell on the left side and a copy of the green shape. Select both copies and hit the Minus Front button in the Pathfinder Panel.

Apply a linear gradient to the new shape.

In order to create another reflection, repeat the previous process.

Copy the green shape and move the copy to the right. Select both shapes and, in the Pathfinder Panel, click on the Minus Front button.

We have to intersect the shape with other parts of the bell. Create copies of each part of the bell on the left side and two copies of the green shape. Select each copy of the bell and the copy of the green shape and click on the Intersect button in the Pathfinder Panel.

Apply a linear gradient to the new shapes.

For the right side of the bell, we will need a few reflections and a couple of shadows as well.

I think you get the idea of how to create all the shapes you need, so I’ll let you make them yourself. You just have to combine different shapes and fill them with the right colors.

Now it is time to unlock and toggle the visibility of the green shape we created earlier. You will need it to create the shadows and reflections on the right side of the bell.

For the shadows, apply the linear gradient below.

Feel free to play around with gradients until you achieve a desirable result.

Also, create a small edge reflection on the right side.

Step 8: Create Horizontal Curvatures

We want to reinforce the shape of the bell better. To do this, we should define the curvatures of the bell horizontally.

Duplicate the middle part of the bell twice and nudge one of the copies a few pixels downwards. You can scale up the copy if needed. Select both copies and, under the Pathfinder Panel, click on the Minus Front button. The resultant object should be a horizontal strip.

Apply the radial gradient on the horizontal strip as shown below.

Now we need to intersect the shape with the reflections and shadows we made earlier. This means we need to make copies of each part we want to use to intersect.

Create another strip below the first one and give it a radial gradient.

We need highlights now. Using the same technique for creating reflections, try to create fine highlighted edges on the strips. Give the highlights a thickness of about 1px.

Set the Fill color of the highlights to #FFFABC.

Step 9: Create a Shadow Inside the Bell

Now we need a shadow inside the bell. Select the inner ellipse of the bell and copy it in front. Grab the Ellipse Tool (L) from the Tools Panel and create the blue ellipse shown below.

Select the blue ellipse and the inner ellipse copy and then, under the Pathfinder Panel, hit the Minus Front button.

Apply the linear gradient shown below in order to create the inner shadow.

Step 10: Creating a Clapper

Bells need a clapper inside it to make sound; it’s the component of a bell that hits the inner walls of the bell to make ringing sounds.

To start, grab the Ellipse Tool (L) and create a circle at the bottom right of the bell.

Duplicate the inner ellipse of the bell. Select the duplicate and the red circle we created and press the Intersect button in the Pathfinder Panel.

All we need is to apply a nice radial gradient in order to give the clapper a 3D appearance.

Duplicate the clapper, apply the linear gradient shown below, rotate it a bit and send it behind the clapper. This is the shadow the clapper is creating on the inner wall of the bell.

Step 11: Create a Crown

We now need to create a handle on top of the bell (known as the crown). To create a crown, we will need two ellipses and a few reflections.

To begin, grab the Ellipse Tool (L) and create two circles on top of each other, with the one on top smaller than the one below it. Make sure that the inner circle is centered on the bigger circle by using the Horizontal Align Center and Vertical Align Center command in the Align Panel.

Select both circles and press the Minus Front button in the Pathfinder Panel.

Apply the linear gradient shown below.

Next, we will create a highlight object. Duplicate the crown twice. Move them to form a highlighting shape, select them both and then hit the Minus Front button in the Pathfinder Panel. Then give the highlight object a linear gradient (as shown below).

Select all the parts of the crown, group it (Ctrl/Cmd + G) and place it on the top of the bell. Send it back (Shift/Ctrl/Cmd + [).

At the end, you can add decorations such as a sign or a colorful ribbon, as I have below.

Tutorial Summary

Lots of people have trouble with the Pen Tool, but thankfully the Pathfinder commands allow us to make sophisticated illustrations using simple shape-drawing tools such as the Ellipse Tool. With a lot of imagination, there is almost nothing you can’t create with Pathfinder commands.

I hope you liked the tutorial. Thank you for reading!

Download Source Files

Credit to:

http://designinstruct.com

Incoming search terms:

  • school bell
  • ribbon tutorial in illustrator
  • photoshop medals tutorial
  • adobe illustrator path finder tutorials
  • make a crown shape in psd
  • free ornate banner psd
  • free vector school bell
  • photoshop bell tutorial
  • school bell background
  • bell ribbon psd

Sponsored Ads

Ad
preview

Vintage Starburst: Texture Pack[designinstruct]

This freebie features a vintage-themed starburst, set on top of an aged paper background. This free texture pack comes in 36 color combinations and in JPG format. They’re very large (3600×3600px) and high-resolution.

Preview

Vintage Starburst Texture 01

Download

Vintage Starburst Texture 02

Download

Vintage Starburst Texture 03

Download

Vintage Starburst Texture 04

Download

Vintage Starburst Texture 05

Download

Vintage Starburst Texture 06

Download

Vintage Starburst Texture 07

Download

Vintage Starburst Texture 08

Download

Vintage Starburst Texture 09

Download

Vintage Starburst Texture 10

Download

Vintage Starburst Texture 11

Download

Vintage Starburst Texture 12

Download

Vintage Starburst Texture 13

Download

Vintage Starburst Texture 14

Download

Vintage Starburst Texture 15

Download

Vintage Starburst Texture 16

Download

Vintage Starburst Texture 17

Download

Vintage Starburst Texture 18

Download

Vintage Starburst Texture 19

Download

Vintage Starburst Texture 20

Download

Vintage Starburst Texture 21

Download

Vintage Starburst Texture 22

Download

Vintage Starburst Texture 23

Download

Vintage Starburst Texture 24

Download

Vintage Starburst Texture 25

Download

Vintage Starburst Texture 26

Download

Vintage Starburst Texture 27

Download

Vintage Starburst Texture 28

Download

Vintage Starburst Texture 29

Download

Vintage Starburst Texture 30

Download

Vintage Starburst Texture 31

Download

Vintage Starburst Texture 32

Download

Vintage Starburst Texture 33

Download

Vintage Starburst Texture 34

Download

Vintage Starburst Texture 35

Download

Vintage Starburst Texture 36

Download

Details

  • File format: JPG
  • Size: 3600×3600px
  • Licensing: Commercial and personal work under Design Instruct Downloadable Freebie Files
  • Limitation of use: Do not redistribute or sell files
  • Number of items: 36
  • Number of files: 36

Download Source Files

Incoming search terms:

  • TEXTURE VINTAGE
  • starburst psd
  • psd logo
  • vintage texture
  • starburst vector
  • starburst background free
  • TEXTURES
  • starburst background psd
  • psd starburst
  • vintage textures

3dicon-tut

3D Globe-Photoshop Tutorial

So in this tutorial I will show you how to create a nice 3D globe in Photoshop using basic tools and the Spherize filter. This whole tutorial won’t take more than 30 minutes but the technique is really useful especially for icons and logos.

Step 1

Open Photoshop and then with the Rectangle Tool (U) create a rectangle, then start duplicating it until you get 7 columns. Use the Distribute Horizontal Centers to make the distances the same. After that duplicate those 7 rectangles and rotate them to create a grid.

Easy 3D Globe in Photoshop

Step 2

With the Elliptical Marquee Tool (M) create a circle selection like the one I did in the image below.

Easy 3D Globe in Photoshop

Step 3

Go to Filter>Distort>Spherize. Use 100% for the Amount and Normal for the Mode.

Easy 3D Globe in Photoshop

Step 4

Cut the selection and paste it in order to get the front face of the globe.

Easy 3D Globe in Photoshop

Step 5

Go to Layer>Layer Styles>Gradient Overlay. Apply a gradient from dark red to light blue in linear mode. You can try with Radial as well.

Easy 3D Globe in Photoshop

Step 6

Duplicate the layer and rotate it 45º Also change the gradient colors to light red on top and dark blue at the bottom. This will create a really nice 3D effect and it’s super simple.

Easy 3D Globe in Photoshop

Step 7

Select the background layer and go to Layer>Layer Styles>Gradient Overlay. Use (#aa616b) and (#2c354d) for the colors, Radial for the Style and 140% for the Scale. Position the center of the gradient a little bit on top of the center of the globe. To do that just click and hold to move the gradient position while you are in the Gradient Overlay properties.

Easy 3D Globe in Photoshop

Step 8

Select the two globe layers and duplicate them. After that go to Layer>Merge Layers. You will have one layer with the globe. Go to Layer>Layer Styles>Color Overlay. Use black for the color. After that go to Filter>Blur>Gaussian Blur. Use 15 for the radius. Then just resize it and change the opacity to 20%. to create a nice shadow effect.

Easy 3D Globe in Photoshop

Step 9

Select the front face of the globe and edit the Layer Styles. Click then on Inner Shadow and use white for the color, Color Dodge for the Blend Mode at 60% Opacity. Also change the Angle to 100%, Distance to 3 pixesl and Size to 7 pixels.

Easy 3D Globe in Photoshop

Step 10

After the Inner Shadow you will get a nice light effect in your globe.

Easy 3D Globe in Photoshop

Step 11

Select all layers and duplicate them. After that go to Layer>Merge Layers to have one layer with all the image merged. Go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius.

Easy 3D Globe in Photoshop

Step 12

Change the Blend Mode to Overlay and you will get a really nice light effect.

Easy 3D Globe in Photoshop

Conclusion

Now just add the text you want and also you can apply a texture on top. I am using a scanline pattern I created. The whole idea of this tutorial was showing how to create a nice 3D globe using only Photoshop, it’s a nice technique for logos and icons and it’s super simple to achieve.

Easy 3D Globe in Photoshop

Download the Photoshop File

Click here to download the Photoshop file used for this tutorial

Credit to:

http://abduzeedo.com

 

Incoming search terms:

  • globe psd
  • photoshop 3D icon
  • tutorials psd
  • free psd shadows
  • 3d globe psd
  • 3D globe logo
  • PSD tutorial banner
  • globe 3d psd
  • photoshop 3d icon psd files
  • photoshop 3d tutorial

final

Create a Vector Snake Using Mesh Tormentor – Illustrator CS5 Tutorial

Final Image Preview

In this tutorial we will learn how to create a vector snake using the Mesh Tormentor – Free Gradient Mesh plugin, which will make your work with the gradient mesh simple and enjoyable. I was trying to describe the creation of a complex object in order to reveal more features of this wonderful plugin, but believe me, it can do much more than I managed to describe. The matter depends on your imagination.


Tutorial Details

  • Program: Adobe Illustrator CS5, Mesh Tormentor;
  • Difficulty: Intermediate
  • Estimated Completion Time: 2 Hours

Step 1

Take the Pen Tool (P) and create a broken outline as it is shown in the figure below. This outline determines the shape of the snake body and can be arbitrary.

Select the anchor points of the outline with the Direct Selection Tool (A) and convert them from corner into smooth ones. By controlling the handles of the anchor points, try to bring the outline to a perfect shape.


Step 2

For further work we need to know the length of the created outline. Select the outline, open the Document Info palette, select Objects in the palette menu and write down or memorize the length value.


Step 3

Take the Rectangle Tool (M) and draw a rectangle, so that its width was equal to the length of the outline that you created earlier.

Now begin to transform a rectangle into a shape resembling a snake, stretched horizontally. With the Pen Tool (P) put a new anchor point in the center of the right side of the rectangle and with the same tool remove its right corners. As a result we got a triangle shown in the figure below.


Step 4

Now add a new anchor point in the center of the left side of the triangle.

Direct Selection Tool (A) select left corners of the triangle and move them slightly to the right while holding down the Shift key.

Create a vertical guide and place it as shown below. Lock the guide in the Layers palette, take the Pen Tool (P) and create two new anchor points at the intersection of the figure with the guide.

Move the created points to the center of the shape, you can use the arrow keys.

Select all the points of the snake head and convert them from corner into smooth ones.


Step 5

Add two more points in the middle of the snake body, move them from the axis of the shape and convert into smooth ones.

Move the created shape into Brushes palette, choose the Art Brush and check the Stretch Between Guides option in the dialog box.

Of course, you can ask a reasonable question: why did we create the shape of the brush of a certain length, when anyway it will stretch along the path? Be patient, you will understand why I did it when it comes to the scale.


Step 6

Now the “try on” the brush to the outline created at the beginning of this tutorial. Select the path and click on the brush image in the Brushes palette.

Thus, our snake needs editing. We can adjust the shape of a snake, by changing the stroke width in the Stroke palette.

As well as moving the guides in the Art Brush dialog window. You can get the access to the parameters of the brush through the Appearance palette, or double-clicking on the image of the brush in the Brushes palette.

Watch the shape of the snake in the process of editing, when it gains an acceptable result, click on the OK button in the dialog box, Art Brush, then Apply to Stroke.

Write down all the brush settings, we will need them in step 10.


Step 7

Now, when it fits perfectly, apply the basic stroke to the outline, canceling the applied brush in the Appearance palette.

Copy this outline and paste it in front (Cmd / Ctrl + C; Cmd / Ctrl + F), locking the upper outline in the layers palette and make it invisible, it will be needed in further creation. Do not skip this step, it is very important!


Step 8

It’s time to launch heavy metal. Further on we will be working with the Mesh Tormentor, it is a plugin for work with the Gradient Mesh. You can download and learn more about its features following these links.

Duplicate the created shape of the brush, drag it down holding down the Opt / Alt. Select the bottom of the shape and go to Object> Create Gradient Mesh …. Set the number of rows and columns in the dialog box and select the Appearance: To Center, to add dissimilarity to our image.


Step 9

Open the Mesh Tormentor palette, it will be available from the Windows menu after installing the plugin. Select the mesh object and click on Make BMG button. This operation transforms the mesh object into a set of simple vector objects with the same geometry as the original object.


Step 10

Now drag the created group of objects to the Brushes palette and save it as an Art Brush with the same parameters as the brush we created in step 6.

Apply a new brush to the contour of the snake, and set the same stroke width as in step 6.


Step 11

Keeping the snake selected, go to Object> Expand Appearance.

Now we have to do the opposite action – turn a set of objects into a mesh object. To do this, simply click on the Convert BMG into mesh button.


Step 12

As you can see, we got artifacts on the areas of mesh overlapping. This happens because the whole object lies in one plane. To achieve the desired result mesh object should be cut into pieces. Cut the mesh with the Split command from the Mesh Tormentor palette. It divides the mesh into two parts along the line passing through selected side node.

If the existing lines of the mesh are not in those areas, create new ones using the Gradient Mesh Tool (U) and divide the mesh along these lines.


Step 13

Now that mesh objects have achieved the right shape of a snake, we can proceed to light and shadow on the snake. Let’s start with the head, coloring the nodes of the mesh with the shades of gray, as shown below.

Nodes coloring at the junctions of the mesh should not be unlike, otherwise the seams will be visible. Lock all the mesh objects in the layers palette except for the object being edited. Now select one node at a time at the junction with the help of the Direct Selection Tool (A) and with the Eyedropper Tool (I) color the nodes in the colors of the neighboring areas.


Step 14

In my case, the light source is located to left of the snake. Therefore, the inner parts of the snake which are closer to the light source must be painted in lighter shades than the remote objects. To create a more realistic light and shadow, you can create new grid lines, using the Gradient Mesh Tool (U) in this work.


Step 15

Get to the creation of the scale. Take the Polygon Tool and create a hexagon of any size and color. With the Selection Tool (V) and holding down Opt / Alt slightly increase its width.

Keep the scale selected, go to Effect> Stylize> Round Corners … and set the radius of the rounding.

Now go to Object> Expand Appearance.


Step 16

With the Selection Tool (V) reduce the scale to the desired size, balancing its size with the size of the snake’s head.

Select the cell and go to Effect> Transform & Distort> Transform, now setting the parameters of the scale displacement in the dialog window (I have not done any calculations, but simply moved the sliders of the horizontal and vertical displacement, watching the result).

Click OK in the dialog box, now apply the effect again (Effect> Transform & Distort> Transform), but with new parameters.

And the last time Effect> Transform & Distort> Transform, select the number of copies in the dialog box so that the length of the scale was approximately equal to the length of the brush shape (length of the snake outline).

Keeping the scale selected, go to Object> Expand Appearance.


Step 17

Keeping the scale selected, go to Object> Transform> Rotate … and set the rotation angle of 90 degrees in the dialog box.

Fill the cells with red color, now create a set of horizontal rails, conventionally dividing the scale into equal parts, you do not need to be very accurate here.

Lock the guides in the Layers palette.


Step 18

With the Lasso Tool (Q) select the scales in the area of the horizontal guide, and replace the color of the fill with yellow.

Using the same tool select areas above and below the yellow scales and fill them with black.

Using this technique, recolor the pieces of the scale along its entire length.


Step 19

Select the shape of the brush and go to Object> Transform> Rotate … and set the rotation angle of 90 degrees in the dialog box. Make sure to include this shape in the underlayer above the scale.

Select scale and shape of the brush and go to Object> Envelope Distort> Make with Top Object. As a result the scale got the shape of the brush.


Step 20

Keeping the shape selected, go to Object> Transform> Rotate … and rotate it at -90 degrees in order to return it to horizontal view. Now drag the scale to the Brushes palette and save it as an Art Brush with the same parameters as in step 6.

Now unlock and make visible the contour of the snake that we saved in step 7. Select this path and apply the brush of scales.

If we applied the Art Brush, excluding the length of the path, we would have got stretched or compressed scales, which would not resemble the scales of snakes.


Step 21

Keeping the upper outline selected set the Multiply Blending Mode for it in the Transparency palette.


Step 22

In area of the snake body intersection we can see the scales overlapping each other. This defect must be fixed. Select the upper outline with scale and go to Object> Expand Appearance, now with the help of the Direction Tool (A) select the scales, which should not be visible, and delete them by pressing the Delete button.

Scales, which lie at the boundaries in the intersection of the snake body do not have to be removed. Select and group them up for convenience. Move the group of these scales in the layers palette so that it was located under the mesh object, which is supposed to lie above them.

After moving these scales set the Multiply Blending Mode for them again in the Transparency palette, as they were moved from the group that has these properties.


Step 23

Create glare on some scales. Select scales and fill them with linear gradient from the basic color to white one.


Step 24

Create snake eye. Take the Ellipse Tool (L) and create a circle. Fill the circle with radial gradient from black to black with 0% opacity. It will be a deepening of the eye in head of the snake.

Now create another circle – it will be the eye of the snake. Fill this circle with radial gradient from light brown to dark brown. Locate the center of the gradient according to the location of the light source will help of the Gradient Tool (G).

Create another circle filled with a solid light brown color – it’s the glare of light in the eye of the snake.


Step 25

Create shadows under the snake, using the same technique when creating snake body, described in 9-12 steps with the help of Mesh Tormentor.


Conclusion

I hope you enjoyed this tutorial. I think I still write a few more tutorials revealing other functions of the Mesh Tormentor.

Final Image
Credit to:

Incoming search terms:

  • mesh tormentor tutorial
  • free download mesh tormentor plugin
  • mesh tormentor
  • medallion psd
  • free metal jewelry mesh psd file pic
  • photoshop tutorial brushed metal medallion
  • 80ies logos
  • mesh tormentor free download
  • mesh tormentor cs5
  • psd snakes

RSS_icon

Free Vector Pack – RSS Icons – Creative Collection[vectorboom]

There are ten illustrations in this pack. The license allows you to use them in your commercial client projects as well, see the download file for details. The illustrations can be colored any way you choose, as it’s all vector in Ai 10 format!

Credit to:

Incoming search terms:

  • rickatnight com
  • rss creative icons

Sponsored Ads

Ad
metal_buttons

Free Vectors Pack – Metal Buttons[vectorboom]

There are nine illustrations in this pack. The license allows you to use them in your commercial client projects as well, see the download file for details. The illustrations can be colored any way you choose, as it’s all vector in EPS 8 format!

Credit to:

Incoming search terms:

  • metal vector backgrounds
  • metal free icon
  • metal button psd vector
  • VECTOR METAL button EPS download
  • metal button illustrator
  • metal icon psd
  • metal buttons photoshop
  • freeware vector metal buttons effects
  • 100 vector metallic icons kolopach
  • METALLIC BUTTONS TEMPLATE

final

Create a Neon Text Effect-Illustrator Tutorial

Final Image Preview

In this tutorial we will learn how to create a neon text effect using Gradient Mesh, 3D Modeling, Art Brushes and Transparency palette. Let’s begin!


Tutorial Details

  • Program: Adobe IllustratorCS-CS5;
  • Difficulty: Beginner
  • Estimated Completion Time: 15-20 minutes

Step 1

Create a neon text effect using the RGB color mode. If this mode is not set for your document, set it (File> Document Color Mode> RGB Color). Start by creating a background, take the Rectangle Tool (M) and create a rectangle with black fill.


Step 2

Keep the rectangle selected, go to Object> Create Gradient Mesh … and in the dialogue window set the number of rows and columns equal three.

Select central nodes of the gradient mesh using the Direct Selection Tool (A) and fill them with different colors, with the same tool, move the nodes as shown in the figure below.


Step 3

Proceed to the creation of the text. Take the Type Tool (T) and create a text, in my case this word is NEON. I used the Tahoma bold font. You can change the height and width of text using the Selection Tool (V).


Step 4

Keep the text selected, go to Effect> 3D> Extrude & Bevel and set effect parameters in the dialog window.

If after having applied the effect, there is a need in editing of the parameters, you can get the access to them from the menu of the Appearance palette.


Step 5

Lock 3D object in the Layers palette, later it will be used as a template. Now prepare shapes to create Art Brush. These shapes can be obtained through the transformation of the circle. The height of the first shape is 2 px, and the height of the second one is 1 px.

It is not necessary that you copy them exactly, they just have to be similar to these shapes. Fill these shapes with gray color. Now drag these shapes one at a time to the Brushes palette and save new brushes as Art Brushes.


Step 6

For convenience in the further work, change the template font color to dark gray, almost black, and lock it in the Layers palette again.

Using the Pen Tool (P) create dashes as shown in the figure below, basing on the template. Apply the first created brush to the dashes.

Apply similar technique to all the letters of the template.


Step 7

Now take the second brush created in step 5, take the Paint Brush Tool (B) and continue to outline the letters of the template. If you did not do well with brush stroke, you can undo the last action by pressing the keyboard combination of Cmd / Ctrl + Z or the edit line shape with the help of the Direct Selection Tool (A).


Step 8

Take the Pen Tool (P) and outline the front surfaces of the letters, there is no need in being very exact.

Now the template can be deleted.


Step 9

Select all the elements created by us, except for the background, and set the Color Dodge Blending mode for them in the Transparency palette.


Step 10

Create the light glares on the letters. Take the Ellipse Tool (L) and create a circle. Fill it with radial gradient from white to black color.

Now set the Color Dodge Blending mode for this shape in the Transparency palette.

Place such items in different places. Gradient of some elements can be replaced with black and gray.


Step 11

Now create a few similar elements, but after filling with radial gradient bring the circle to the shape of an ellipse using the Selection Tool (V).

Locate the elliptical elements as shown in the image below.

Final Image
Credit to:

Incoming search terms:

  • text effect psd
  • psd text effects
  • free psd text
  • neon effect photoshop
  • text effect free psd
  • photoshop chrome effect
  • neon words photoshop
  • neon text effect photoshop
  • chrome text
  • neon illustrator text

Page 1 of 1412345...10...Last »

Recent Tweets

Follow Me On Twitter →

Latest Video


Hit Counter provided by technology reviews