Mini tooltips Notification Bubble Free Psd

Mini tooltips Notification Bubble Free Psd

Designing a web app? Need to notify your users with style? Those mini tooltips will be perfect! Take a look.

I get notified about something every ten minutes. New email, new blog posts, new IM messages, new Facebook comments, new clients’ responses. Almost every app has some kind of notification system. Those mini tooltips should be pretty useful.

Download Here!

Incoming search terms:

  • notification bubble
  • notification bubble psd
  • google map tooltip free psd
  • 80s hair vector
  • psd bubble
  • 80s photoshop brush
  • 1980s icons
  • balloon tooltip photoshop free templates
  • notify icons
  • notification message tooltip

Best Free PSD Files For Designers

Best Free PSD Files For Designers

The file which is downloaded most by designers is in .psd format. For the reason free .psd files are continuously being listed on our blog for the readers. Today 40 free .psd files of different type are posted. Hope this list will be very useful for the users.

1- Simple World Map PSD

free Psd files

Download

2- Clouds Set icons PSD

free Psd files

Download

3- Flower Icons Psd

free Psd files

Download

4- Gothic Black Dress PSD

free Psd files

Download

5- Glossy Graphic Charts PSD

free Psd files

Download

6- Vector Iphone PSD

free Psd files

Download

7- Win 7 Taskbar Buttons PSD

free Psd files

Download

8- Free Psd Ipod Touch

free Psd files

Download

9- Adobe CS4 Icons Psd Templates

free Psd files

Download

10- Notebook psd

free Psd files

Download

11- PSD Free Ilumination Effects

free Psd files

Download

12- Operating Systems Buttons PSDs

free Psd files

Download

13- Globe Resource v.2 Psd

free Psd files

Download

14- Search Fields Psd

free Psd files

Download

15- Greyscale Icons PSD

free Psd files

Download

16- Iphone Apple 3g PSD

free Psd files

Download

17- PSD Ribbons Corner Set

free Psd files

Download

18- IPod Nano Hito Style PSD

free Psd files

Download

19- Firefox Psd

free Psd files

Download

20- Spdesigns 5 free Psds

free Psd files

Download

21- DVD Plastic Case

free Psd files

Download

22- FMA Namecard Template

free Psd files

Download

23- CSS Plus PSD

free Psd files

Download

24- Free Banner Psd

free Psd files

Download

25- IKons 4 CS4 PSD

free Psd files

Download

26- Customizable Pins Buttons Psd

free Psd files

Download

27- Pens and Pencil Free PSD

free Psd files

Download

28- Apple Keyboard Free Psd

free Psd files

Download

29- Round Retro stickers PSD

free Psd files

Download

30- Wall Phone PSD

free Psd files

Download

31- On Fire Facebook Logo PSD

free Psd files

Download

32- Lined Paper Free PSD

free Psd files

Download

33- The MacBook In Black

free Psd files

Download

34- Twitter Icons PSD

free Psd files

Download

35- Open PhoneSE Extra Large PSD

free Psd files

Download

36- Glass Video Playback Buttons Psd

free Psd files

Download

37- Adobe Master Psd

free Psd files

Download

38- Large Wooden Buttons PSD

free Psd files

Download

39- Orange Psd Template

free Psd files

Download

40- Gimp Flame Render PSD

free Psd files

Download

Incoming search terms:

  • 80s photoshop brushes
  • 80s brushes photoshop
  • gold medal psd
  • medal psd
  • medal vector
  • roller skate vector
  • 80s logos
  • the best free psd templates
  • free commercial banner vector templates
  • medal psd download

14 Useful and Free Vector Photoshop Brushes

14 Useful and Free Vector Photoshop Brushes

The progress is a very useful feature which is designer to be embezzled into fee near all designers. Turn a task is real rich but windup it mightiness abide weeks and symmetrical months. For graphic designers, a toolkit rich of Photoshop touch sets intelligent to be utilized is a staleness possess, in arrangement to cell the advancement at a sane direct. Thus, I necessary to showcase several agent fighting sets, which I`m trustworthy we will help you on your projects!

In this post we collected some useful and free Photoshop Vector Brushes, Download it and use this in your own projects..

14 Useful and Free Vector Photoshop Brushes Sets

 

Vector Brush Set 1 14 Useful and Free Vector Photoshop Brushes 

 

Vector Brush Set 2 14 Useful and Free Vector Photoshop Brushes.

Vector Brush Set 3 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 4 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 7 14 Useful and Free Vector Photoshop Brushes 

 

Vector Brush Set 5 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 6 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 8 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 9 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 10 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 11 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 12 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 13 14 Useful and Free Vector Photoshop Brushes 

Vector Brush Set 14 14 Useful and Free Vector Photoshop Brushes



Incoming search terms:

  • brush psd
  • VECTOR PHOTOSHOP
  • psd travel brushes
  • vectores photoshop
  • psd brush for travels
  • photoshop vectors free
  • vector psd brushes download
  • brush photoshop vector
  • vectores photoshop free
  • vector brushes photoshop

1985 – A Free Vector Pack of Your Favourite 80s Icons

1985 – A Free Vectors Pack of Your Favourite 80s Icons

Big hair, mix tapes, boom boxes, BMX, roller skates and skateboards were all icons of the 1980s. This vector pack contains them all, plus more retro goodness! The pack contains 11 scalable vector graphics, for use as icons or as resources for your illustrations or design projects.

Previews

Vector boombox

Vector mix tape

Vector roller skate

Vector skatebord

 

Download

Download Here!

Incoming search terms:

  • leather ai tutorial
  • speaker psd
  • 80s skateboards
  • 80s illustration
  • 80s psd
  • roller skates vector
  • bmx illustration
  • roller skate photoshop brush
  • bmx sketch
  • boombox

Sponsored Ads

Ad
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

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

tCxsT

Medialoot Vintage Infographic Vector Kit

Preview

http://medialoot.com/item/vintage-infographic-vector-kit/

 

Show off your data in style with this fully scalable vector infographic kit

For anyone who’s tried to design detailed infographics in Photoshop you’ll know how much of a chore it is – and it takes all the fun out the data and maths! but with Illustrator and this vector set its as simple as dragging and dropping and you even enter data variables to dynamically update the basic graphs & charts.

THANKS BRIAN

Download

Filesonic

Download Here!

 

Incoming search terms:

  • infographic psd
  • infographic template psd free
  • free infographic psd
  • infographics psd
  • infographics psd free
  • free infographics psd
  • infographic psd free
  • free infographic template psd
  • free PSD infographics
  • free psd infographic

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

Sponsored Ads

Ad
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

6 Free 3D Cursor Renders

80+ FREE PSD WEB UI ELEMENTS FOR DOWNLOAD

Its been long time since I posted Useful Free Web UI Elements PSD Packswhich had loads of visitors. We figured it out that Everyone likes freebies, so we decided to do a follow up post to it. More Web UI PSD Files for usage in your next project or for learning purpose. The PSD’s can be used by newbies to figure out how every designer has his ow style of designing UI elements. Hope you will find it useful like the previous ones.

FREE BUTTON SET BY ~FERENDOR

Free PSD Web UI Element

FREE PSD BUTTONS BY ~C0RRUPTZ

Free PSD Web UI Element

WEB 2.0 GRAPHICS – FREE .PSD BY *EJSING

Free PSD Web UI Element

7 3D ARROW ICONS

Free PSD Web UI Element

PSD LAYOUT FOR FLASH / JAVASCRIPT GALLERY

Free PSD Web UI Element

APPLE STYLE NAVIGATION MENU

Free PSD Web UI Element

4 DESIGNS FOR SEARCH INPUT FIELD

Free PSD Web UI Element

FREE PSD MEDIA PLAYER

Free PSD Web UI Element

10 FREE AVATAR ICONS

Free PSD Web UI Element

FREE SHOPPING CART ICONS

Free PSD Web UI Element

12 FREE WEATHER ICONS

Free PSD Web UI Element

FREE 5 CREDIT CARD ICONS

Free PSD Web UI Element

4 FREE GLOBE ICONS

Free PSD Web UI Element

FREE 5 PSD CLOCK ICONS

Free PSD Web UI Element

4 FREE 30 DAY MONEY BACK GUARANTEE BADGES

Free PSD Web UI Element

7 FREE WEB BROWSER FRAMES

Free PSD Web UI Element

6 FREE 3D CURSOR RENDERS

Free PSD Web UI Element

12 FREE PSD FILE ICONS

Free PSD Web UI Element

5 FREE PSD SHINY PRICE BADGES

Free PSD Web UI Element

3 DIFFERENT STYLES OF NOTIFICATION BOXES

Free PSD Web UI Element

ARROW PSD MEGAPACK

Free PSD Web UI Element

FUNCTIONAL BUTTONS

Free PSD Web UI Element

PSD BUTTON COLLECTION

Free PSD Web UI Element

SLIDER BOXES

Free PSD Web UI Element

FREE PSD CALENDAR MOCKUP

Free PSD Web UI Element

6 FREE PREVIEW SLIDER TEMPLATES

Free PSD Web UI Element

FREE PSD RATING ELEMENTS AND ICONS

Free PSD Web UI Element

ITUNES REPLACEMENT GUI PSD BY ~APP-JUICE

Free PSD Web UI Element

WINDOWS 7 TASKBAR .PSD BY ~CARLOS-WAY

Free PSD Web UI Element

WEBDESIGN PACK BY *PLAKKERT

Free PSD Web UI Element

GLASS VIDEO PLAYBACK BUTTONS BY ~BIROFUNK

Free PSD Web UI Element

CALENDARS PSD BY ~TAYTEL

Free PSD Web UI Element

TWITTER BOX USER INTERFACE

Free PSD Web UI Element

TURQUOISE PSD

Free PSD Web UI Element

FREE BUTTON COLLECTION BY ~SOLIDSILVER

Free PSD Web UI Element

SLICK MENU BY ~SCYLLASTUDIO

Free PSD Web UI Element

DARK CLEAN FORMS COLLECTION

Free PSD Web UI Element

3 SHADOW POCKETS

Free PSD Web UI Element

36 FREE WEB BUTTONS COLLECTION

Free PSD Web UI Element

FREE PSD PROGRESS TRACKER BARS

Free PSD Web UI Element

FREE PSD PRICE BOX TEMPLATES

Free PSD Web UI Element

39 FREE WEB 2.0 BUTTONS

Free PSD Web UI Element

74 FREE PSD BOARD LETTERS

Free PSD Web UI Element

FREEBIE: MUSIC PLAYER UI (PSD)

Free PSD Web UI Element

WEB BUTTON(27 COLLECTION)

Free PSD Web UI Element

FOUR COLOUR WEB ELEMENTS

Free PSD Web UI Element

WEB BUTTON BLUE

Free PSD Web UI Element

IPAD GUI KIT IN PSD FORMAT

Free PSD Web UI Element

WEB WIRE FRAME KIT

Free PSD Web UI Element

PREVIEW NOTEPAD BY *MICKKA

Free PSD Web UI Element

FREEBIE VECTOR PACK BROWSER SCREENS AND WEBSITE ELEMENTS

Free PSD Web UI Element

MENU BAR 2: FREE PSD MENU TEMPLATE

Free PSD Web UI Element

GREEN BUTTON BY ~TYZYANO

Free PSD Web UI Element

BUTTONS PSD BY ~EL3MENT4L

Free PSD Web UI Element

BUTTON TEMPLATE BY *SED-RAH-STOCK

Free PSD Web UI Element

WIREFRAME MAGNETS (DIY KIT)

Free PSD Web UI Element

FREE PSD SHARE BUTTON KIT BY ~BROKODIL

Free PSD Web UI Element

FREE VIDEO PLAYER INTERFACE (PSD)

Free PSD Web UI Element

TOOLBAR CLEANTOOL PSD BY *PHS2

Free PSD Web UI Element

HORIZONTAL ACCORDION / SLIDER GUI (PSD)

Free PSD Web UI Element

NEWSLETTER SIGN-UP FORM (PSD)

Free PSD Web UI Element

GREYSCALE WEB ELEMENTS BY ~SOLIDSILVER

Free PSD Web UI Element

SMALL GUI PACK BY ~REAL99

Free PSD Web UI Element

FREE MODERN WEB BIG BUTTOMS BY ~ALD890

Free PSD Web UI Element

SEARCHBAR PSD BY ~RE-NAME

Free PSD Web UI Element

LOGIN BOX CARBON FIBER BY ~NXTLVLDSGNCO

Free PSD Web UI Element

STEP PROCESS PANELS SETS .PSD BY ~BLUEX-DESIGN

Free PSD Web UI Element

F2U BUTTONS + STUFF BY ~DJDILLEN

Free PSD Web UI Element

BUTTON BY ~AZOT4O

Free PSD Web UI Element

FREE COLORED WEB MENUS BY ~MOSHESELDIN

Free PSD Web UI Element

VIDEO PLAYER UI. BY ~GIANCARLO-DESIGN

Free PSD Web UI Element

FREE PSD LOGIN PANEL BY *SENCERBUGRAHAN

Free PSD Web UI Element

Credit to: chethstudios.net

Incoming search terms:

  • cursor logo
  • floating windows taskbar
  • cursor element psd
  • cursor logo psd
  • coffee cup logo
  • silver mouse psd
  • Dynamic Step Process Panels for WordPress
  • itunes store psd
  • psd arrow mouse
  • free psd reel

Page 1 of 212

Recent Tweets

Follow Me On Twitter →

Latest Video


Hit Counter provided by technology reviews