Subscribe:

Enter your email address:

Delivered by FeedBurner


Showing posts with label drawing tutorials. Show all posts
Showing posts with label drawing tutorials. Show all posts

Create a Futuristic Bicycle Icon in Photoshop

2:34 AM    No comments

Final Product What You'll Be Creating

It’s fun and challenging to create items from scratch in Photoshop. In this tutorial we will create a futuristic bicycle icon from scratch using some basic Photoshop tools. Let’s get started!

Step 1: New File

Open Photoshop and set up a new document (Command/Ctrl + N). Use the following settings;
Resolution: 72dpi, Color Mode RGB color, Dimensions: 500×310 px.

Step 2: Creating the background

Fill the document with the black color #000000, then make a selection using Rectangular Marquee Tool (M) like I did. Into a new layer (Command/Ctrl + Shift + N) using Brush Tool (B) with a big master diameter brush one time inside the selection.
Color Code: #546c79
Duplicate the layer created (Command/Ctrl + J) Flip it horizontal (Edit-Transform-Flip Horizontal) and place it like I did in the next image. After you did that, decrease the opacity of it to 50%.

Step 3: Start creating the bike

Using Pen Tool (P) create the Bike shape, fill it using a grey color (color code: #dbdcd6). After that, we are going to give a 3D look using selection tools and light/shadows tools.

Step 4: Working on details: Lights/Shadows

Continue to add lights and shadows by selecting different parts and use Burn Tool (O) to add shadows and Dodge Tool (O) to add light. In this step we are going to add just light.

Step 5: Creating Bike Elements

Delete the indicated part by selecting it and pressing "Delete" key then create a new selection using Pen Tool (P) and a Feather Radius ~ 0.3 pixels for better results.
In the selection created above use Burn Tool (O) and add some shadow there.

Step 6: Pedals

In this step we are going to create the pedal shape, so create this shape using Pen Tool (P) color code: #cdcec9. Select a part of it using Pen Tool (P) and go to Brightness/Contrast, here make the settings from the image below.
Use same techniques to create the pedal.

Step 7: Small Details

Now add some small details like reflections and some other things.

Step 8:
Rear Wheel

Now, we are going to create the wheels! First of all make a rounded shape using Ellipse Tool or Pen Tool (P) and delete the middle of it! Use Dodge & Burn Tool (O) to give the 3 look! After that start playing with stroke lines to add Light & Shadows

Step 9: Light over the rim

Select this part of the rear rim using Elliptical Marquee Tool (M) then, in the selection created add some light using Dodge Tool (O)

Step 10: Creating the rear tire

Start by creating another rounded shape around the Rim using a dark grey color. I used #121011. Again, start playing with light/shadow/stroke like I did in the next images to obtain 3d & real effect.
Here we are going to add some light reflection on our rim, so using Elliptical Marquee Tool (M) add a 1px black stroke, then another one over it but this one should be gray!

Step 11: Spokes

How we can creating the spokes? Really simple. Use Pen Tool and start creating 1 pixel gray lines like I did in the next image, then using Burn/Dodge Tool (O) add some shadow and light over the spokes to obtain a real effect. After you are done with the spokes from the top part of the wheel, duplicate the spoke layer, flip it horizontal and place it like I did down.

Step 12: Disk Brake

For creating the disk brake we are going to use the Ellipse tool and a light brown color (#9c9075). After you created an ellipse, delete the middle part using a selection tool and pressing "Delete" key.

Step 13: Effects on the disk brake

Go to Filter > Noise > Add noise and make the settings from the image below! For giving to our disk brake a real effect we need to use some light & shadow so, by watching the pictures down add some highlights and shdows over the disk using Dodge/Burn Tool (O).

Step 14: Seat support

Make a shape using Pen Tool (P) and a dark brown color (#161510) then go to Filter > Noise > Add noise and use a amount of 0.5% for a better effect. Again, add some shadow & light over our seat support.

Step 15: Seat

Create the seat shape using Pen Tool (P) and a dark (almost black) color, I used #010103! Then, over the shape created, add some light in the top part using Dodge Tool (O).

Step 16

Add more details on the seat support.

Step 17: Bike Horns

Create a path using Pen Tool (P) then fill it with a dark grey color #0f0f0d. Now playing with lights and shadows you should obtain something like in the image below

Step 19

Use Pen Tool (P) and stroke path technique add some light reflections on our bike horns.

Step 20: Fork

Create this path using Pen Tool (P) and fill it with a dark brown color, I used #201f1a.

Step 21: Effects on the fork

Again, add some noise and use dodge/burn tool to obtain a better effect.

Step 22: Front wheel

Duplicate the rear wheel layers group and place it under the fork. After that I created some pieces that will support the wheel.

Step 23: Caliper

We are going to create the caliper! Create a path using Pen Tool (P) then fill it with a red color, add some shadows and lights using Dodge & Burn Tool (O) and your bike it’s ready go.

Step 24: More Details

You can add more details on the bike like stickers and other things. You can also create a reflection of the bike like I did in the next image.

Final Image

Read More

How to Create Your Own Stylized Vector City

12:19 AM    No comments

In this tutorial, we will explain how to create vector skyscrapers and how to set up a vector city with simple steps. This is a beginner tutorial and easy to follow. Let's get started!

Final Image Preview

Below is the final image we will be working towards.

Tutorial Details

  • Program: Adobe Illustrator
  • Version: CS4
  • Difficulty: Beginner
  • Estimated Completion Time: 1 hour

Step 1

Open a new document and select the Rectangular Tool Grid in the Tool Bar.

Step 2

First set the fill to black and the stroke to white. Then click once on the artboard and the Rectangular Grid Option window will pop-up. Apply the settings you see in the image below.
I chose an easy to divide size (100 x 500), so the grid we are setting-up will give us square fields. Choose 50 for Horizontal Dividers and 10 for Vertical Dividers. Check Use Outside Rectangle As Frame and Fill Grid, then click OK.

Step 3

This is what the rectangle should look like.

Step 4

Select the just created shape and open the Pathfinder Palette. Click the Divide option.

Step 5

Now we have squares with a white border and a black fill.

Step 6

Zoom in and grab the Direct Selection Tool (A). Click in one of the squares. You can see that each square has a white stroke and the black fill. If you want to add some windows, you can just change the fill to another color to give the illusion of a window.

Step 7

Use the Rectangle Tool (M) to crete several shapes around the grid shape to make it look like a front view of a skyscraper. Fill them with a different color and stroke.

Step 8

Repeat Steps 1 - 7 and choose different colors. In the example below, I chose yellow and changed some of the squares to a lighter yellow representing windows.

Step 9

Let's create another skyscraper with another easy trick. Create a rectangle and fill it with black.

Step 10

Create a small white square and duplicate it.

Step 11

Select both squares and open the Blend Options via Object > Blend > Blend Options. Choose Specified Steps: 6 and click "OK."

Step 12

Expand the blend (Object > Blend > Expand) and duplicate the row of squares. Repeat the Blend Options of Specified Steps.

Step 13

Expand the blend again. Now we created another skyscraper shape.

Step 14

Below you can see examples of the front views of the skyscrapers I created. Drag all of these shapes into the Symbol Palette. We will need them in the following step.

Step 15

Create a rectangle that is about the same size as the skyscrapers. Now open the 3D Extrude & Bevel Options. Apply the settings of the image below.

Step 16

Keep the 3D Extrude & Bevel Options open and click on the Map Art button. Since we dragged each skyscraper shape into the Symbols Palette, we can now chose one and apply it to the rectangle. You can find it under the Symbol tap on the left. Since we have a simple shape, we will apply it to the first surface. Click "OK."

Step 17

Select the new 3D shape and apply a Drop Shadow. This is optional.

Step 18

Repeat Step 15 to 16 and create several more skyscrapers.

Step 19

Keep adding more of the shapes.

Step 20

Layer them in front and in the back so it looks more like a tilted city.

Step 21

This is what you should have after several added and layered skyscrapers.

Step 22

Create a big rectangle and fill it with a radial black to white gradient. Place the highlight towards the top.

Step 23

Select all of the skyscraper shapes and group them (Command + G). Place them on top of the just created background shape. For my liking they look a little odd. Let's give then a more surreal look.

Step 24

Select the skyscrapers and expand their appearance. ( Object > Expand Appearance).

Step 25

Then reflect them and duplicate them.

Step 26

Select the shapes and transform them by selecting E.

Step 27

Then click with the mouse on the right-bottom corner and press Command + Shift + Control and start dragging towards the left. This will skew the shapes.

Step 28

This is what it should like with the transform effect applied.

Step 29

Place the transformed skyscrapers onto the background.

Step 30

Repeat the transform effect with the other shapes.

Step 31

Now duplicate the skyscrapers and built up a small city street by placing them onto the background shape.

Conclusion

I created a few street shapes with the Pen Tool (P), a sign hanging from the top and a thin wire running across. Nothing special, nor complicated, but just a few more fun elements. I hope you enjoyed this beginner tutorial and successfully made your own vector city!

Read More