Look at above image even it was not a professional design but at least we can say it is good design as well. As what I mentioned in my previouse post. Before you design you might think and understanding the process fromt he beginning till end. In this tutorial you will learn in a easy way to make it like a real one. Sure it take time and many steps to do. But one thing is we only use Ellipse Tool to make it and some other effect.
Step 1: use Ellipse Tool (L) make a circle size: 4cm x 4cm and fill Gradient with 100% black and 57.88% gray in an angle -45
Step 2: make other circle smaller then first one size: 3.98cm x 3.98 cm then fill gradient with 100% black and 74.99% gray and angle is -45. Please note that we are making a lens body so you will see below image how its bevel and emboss comes out.
Step 3: make 3rd circle size 3.12cm x 3.12cm in the angle is 135 and fill gradient in 100% black and 77.87% gray and now you got the cover of lens.
Step 4: make a solid black circle size: 3.1cm x 3.1cm and adjust it to the top left of the lens. Take note to red arrow once you adjust it a bit you will have a white shine.
Step 5:make 5th circle size: 3cm x 3cm fill in solid gray of 70% and adjust it middle of lens. Alright now we have a black shadow. Look to below image.
Step 6: make 6th circle size 2.85cm x 2.85cm in same way fill in gradient in 100% black but location is 85.45% and 77.87% gray with angle 90.
Step 7:make 7th circle size: 2.82cm x 2.82cm fill in solid gray color 70%.
Step 8: make 8th circle size: 2.74cm x 2.74cm fill in gradient in 100% black and 60% gray angle 90.
Step 9: in 9th circle we make it smaller in size 2.71cm x 2.71cm and fill a solid gray 70%
Step 10: we continuous to the 10th circle. Again make a circle size 2.63cm x 2.63cm and fill gradient in 100% black and 60% gray in angle of 90.
Step 11: make the 11th circle in size 2.22cm x 2.22cm revert the angle to -45 fill gradient 100% and 80% gray. See what the different in below image.
Step 12: this time we create a gradient mesh. This part is some thing new in this tutorial and very importance in your future design. As my previous design of Illustrator Tutorial: vector background you will learn in basic Gradient Mesh using Mesh Tool.
Let's make12th circle size 2.19cm x 2.19cm and fill only solid black and go to Object menu => Create Gradient Mesh... in the option box make some change here Rows: 3, Columns: 3, Appearance: Flat and Highlight: 100. t won't appear like image yet. Press U for the Mesh Tool. Let's give a gray color in the top left part. Once you press U then make a select on an anchor point on the left side where the junker line is.
See the red arrow it shows you where the junker anchor points are JUST USE YOUR MOUSE TO CLICK ON THAT THEN YOU CAN COLOR IT STRAIGHT AWAY. Please color it as seen in below.
Step 13: make 13th circle and fill in white size 1.65cm x 1.65cm this object we apply feature.. and go to Effect menu ==> Stylize ==> feature.. and apply 0.05cm
Step 14:make 14th circle size 1.61cm x 1.61cm and gradient type is Radial which make the gray color in middle as 82.79% and round black 100%
Step 15: we make 15th circle size 1.57cm x 1.57cm and feature it again in same option as before.
Step 16: this is the 16th circle sure is smaller in size 1.51cm x 1.51cm fill gradient as below option
Gradient type: Radial, Location: 28.48% , 100% black and 74% gray.
Step 17: we make a feature around the above object. Just your pen tool to draw it or you can make two circle and use your pathfinder to cut. Then go to Effect menu ==> Stylize==> Feature... choose 0.08cm
Tips: to make it more blur you also can do some blur tool there.
Step 18:try the same way of feature and make some small and big object as seen in the image.
Step 19:let's make a 30 transparency lens above all object. To do so you have to make last circle and fill in white color only. Then duplicate it and move down until you think it is possible and cut it with pathfinder then you can give it as 30% of transparency. After that give it in a black background.
Step 20: in this black background let's make a reflection of the lens just only make a copy of lens and move down and in the transparency box make an opacity mask and press M to make a object over it. In the gradient box fill in 100% black and 60% gray and adjust as type: linear, angle: 90, location: 30.77%
This is the final step. Add in text on the lens
After all I am trying to reduce some unused words to make you more clear and understand the real action while doing the design. If you found out some miss step please kindly let me know. I hope you all will enjoy this post and see the share button below. I share this to you and you might share it to your friends. I will mind if you I know you won't share your friends.
Your comment is much appriciated to me. Your previouse comment make me grove. So say somethings her now... THANK YOU VERY MUCH.
About Graphic Design provides tutorials and tips on graphic design techniques, career advice, and information on the legal side of design, color, fonts, typography, history, education, software and computers.
Showing posts with label Illastrator. Show all posts
Showing posts with label Illastrator. Show all posts
10 February 2011
31 January 2011
Illustrator tutorial: Vector background
Well it was difficult for me to think and created this vector background. It might easy if you only one look into it but the way to design it you might understand how it process. So please do not scroll down yet you can tell me how many steps would you do on this design?
Let me recap to you, will do only 3 basic steps. 1) the Mesh background, 2) Vector style and 3) Dot style. See below details and steps you will clearly understand it and be able to design yourself.
Step 1: Make a Mesh background.
Create a new document size: 5cm x 5cm and fill in black color. Get your Mesh Tool (U) ready.
In this below image you have to do as follow:
- Adjust your document in CMYK
- Align you foreground in pink ( you can use your own color)
- Click on the black background as given above.
Keep on doing this Mesh background till it become like this.
Step 2: Use Rectangle Tool (M) make a long object and a square object. Align together and cutting a shape object with Pathfinder by press Ctrl + Shift + F9 and choose Intersect Shape Areas.
Change the Document into RGB. Fill in Gradient with details Type: Linear, Angle: 45 and in the Transparency tap Blending mode: Color Dodge.
then keep repeat the same adjustment. In the long way of using Rectangle Tool (M), Pathfinder, Gradient and Transparency
As mention above please keep on doing and repeat the action of this object until you finally get below image. But one thing you must change it while doing this. The Angle of Grandient above part is 45 and below part is 135. Or you can use your own style and color.
Step 3: Use Ellipse Tool (L) drawing a cycle object and fill in black and white Gradient then align as Screen in the Transparency tab.
Just last step make this object small and big and past it here and there full of the background image. Then finally your result is a nice Vector background.
Thank you for your time and tuning for my tutorial. After you read through I would ask for your comment as below to support my job and share it to your friends. I still have more to posts. If you are not able or misunderstanding this tutorials just post here.
Let me recap to you, will do only 3 basic steps. 1) the Mesh background, 2) Vector style and 3) Dot style. See below details and steps you will clearly understand it and be able to design yourself.
Step 1: Make a Mesh background.
Create a new document size: 5cm x 5cm and fill in black color. Get your Mesh Tool (U) ready.
In this below image you have to do as follow:
- Adjust your document in CMYK
- Align you foreground in pink ( you can use your own color)
- Click on the black background as given above.
Keep on doing this Mesh background till it become like this.
Step 2: Use Rectangle Tool (M) make a long object and a square object. Align together and cutting a shape object with Pathfinder by press Ctrl + Shift + F9 and choose Intersect Shape Areas.
Change the Document into RGB. Fill in Gradient with details Type: Linear, Angle: 45 and in the Transparency tap Blending mode: Color Dodge.
then keep repeat the same adjustment. In the long way of using Rectangle Tool (M), Pathfinder, Gradient and Transparency
As mention above please keep on doing and repeat the action of this object until you finally get below image. But one thing you must change it while doing this. The Angle of Grandient above part is 45 and below part is 135. Or you can use your own style and color.
Step 3: Use Ellipse Tool (L) drawing a cycle object and fill in black and white Gradient then align as Screen in the Transparency tab.
Just last step make this object small and big and past it here and there full of the background image. Then finally your result is a nice Vector background.
Thank you for your time and tuning for my tutorial. After you read through I would ask for your comment as below to support my job and share it to your friends. I still have more to posts. If you are not able or misunderstanding this tutorials just post here.
26 January 2011
Illustrator tutorial: way to make 3D disco ball (another style)
Please understand that in this tutorial is focusing on how to make a 3D Ball not on lighting and shining. If every one need coloring and shining please try to make some adjustment to the color.
Create a New Document and then create a Rectangular shape size 5cm x 5cm fill it with bright radial gradient. Then Rasterize your image by go to the top menu ==> Object ==>Rasterize and just clik “ok”
Now go to the Filter==>Create ==>Object Mosaic and play with numbers there. Let's make some option as below:
New size: 5 cm for both width and height
Tile spacing = 0 cm for both width and height
Number of Tiles =30 (again for both)
Check ‘Delete Raster’ box.
Now we’ve got a nicemosaic.
Select the rectangular and drag and drop it into the Symbols panel.
Now create a circle (1) fill in the same gradient and make a copy of it fill in blue color (2). And make other object as you can see in (3). Let's join together within number (2) + (3) and press Ctrl + Shift + F9 (Pathfinder) and select Subtract from Sharp Area and you will get number (4)
After that use number (4) to make 3D Ball go to Effect menu =>3D =>Revolve. Change numbers there following the picture below, change Surface to “No Shading” and go to the Map Art.
In the Map Art window in the drop down menu choose your mosaic symbol we created before. Icrease or decrease its size if necessary. Make sure your surface is align your symbol. See below image
Now go to the Object =>Expand Appearance.
Ungroup this ball (Ctrl + Shift + G) or right click => ungroup do like this 3 times and select the side ball to remove it away.
Select a circle we made before in number (1) revert gradient style and different colro after that go to Transparancy tab (left side bar) select Blending Mode as Darken, put it close to our 3D ball and align together.
Release Cliping Mask and Ungroup agian. So now it’s time to use your imagination to make our disco ball looks more shiny and real.
Just keep doing what we have do and edit colors play with other tile till you got your colorfull desing.
Now lets add some star light on the ball make it more shining by drawing 4 part of stars for our finall result.
I know that it was not colorfull enough I hope every one can give me some idea to make it nice and lighter then. So let's share..
Create a New Document and then create a Rectangular shape size 5cm x 5cm fill it with bright radial gradient. Then Rasterize your image by go to the top menu ==> Object ==>Rasterize and just clik “ok”
Now go to the Filter==>Create ==>Object Mosaic and play with numbers there. Let's make some option as below:
New size: 5 cm for both width and height
Tile spacing = 0 cm for both width and height
Number of Tiles =30 (again for both)
Check ‘Delete Raster’ box.
Now we’ve got a nicemosaic.
Select the rectangular and drag and drop it into the Symbols panel.
Now create a circle (1) fill in the same gradient and make a copy of it fill in blue color (2). And make other object as you can see in (3). Let's join together within number (2) + (3) and press Ctrl + Shift + F9 (Pathfinder) and select Subtract from Sharp Area and you will get number (4)
After that use number (4) to make 3D Ball go to Effect menu =>3D =>Revolve. Change numbers there following the picture below, change Surface to “No Shading” and go to the Map Art.
In the Map Art window in the drop down menu choose your mosaic symbol we created before. Icrease or decrease its size if necessary. Make sure your surface is align your symbol. See below image
Now go to the Object =>Expand Appearance.
Ungroup this ball (Ctrl + Shift + G) or right click => ungroup do like this 3 times and select the side ball to remove it away.
Select a circle we made before in number (1) revert gradient style and different colro after that go to Transparancy tab (left side bar) select Blending Mode as Darken, put it close to our 3D ball and align together.
Release Cliping Mask and Ungroup agian. So now it’s time to use your imagination to make our disco ball looks more shiny and real.
Just keep doing what we have do and edit colors play with other tile till you got your colorfull desing.
Now lets add some star light on the ball make it more shining by drawing 4 part of stars for our finall result.
I know that it was not colorfull enough I hope every one can give me some idea to make it nice and lighter then. So let's share..
21 January 2011
Illustrator tutorial: make a 2011 greeting card
Hi every one welcome to Creative Layer. This year 2011 in Cambodia still cool so far. Well I am going to show you the easy way to make a Greeting Card in Illustrator. Let's recap what Tool I used to make it.
- Type Tool (T)
- Rounded Rectangle Tool
- Rectangle Tool (M)
- Symbol Sprayer Tool (Shift + S)
- Symbol and Effect Tool
Let's start it with background style. Rectangle Tool (M) make a square object and Gradient as below:
and use make a long object here then duplicate it until you got like image below. Make sure Gradient style is align.
Start Type Tool (T) and type number 2 font is Bauhaus 93 normal. I am not sure if you computer has this font but mostly have it. If you don't have it you can use your own font style with the same instruction.
Once you the number ready go to ==> Effect ==> 3D ==> Extrude & Bevel..
Set up by the image option here 10 - 15 - -8 Perspective: 100 and then OK
Go to Object menu ==> Expand Appearance then finally you have a 3D number 2. Try to un-group it and then you will able to color it by part.
Over here I used the swatches color to help me on the foreground color and style.
Well on my side I only used Type Tool one time on the number 2 the rest I used Rounded Rectangle Tool to help it. Let's look to number 0 and number 1. After I used the Rounded Rectangle Tool I gave the same option of the above and color. Then make a shadow to all numbers.
Make stars by using the Symbol Sprayer Tool. Firstly find a star symbol on the symbol tab. Select on it and select Symbol Sprayer Tool to spray. Below image is what we got after sprayed.
Type Tool once again. As mentioned do it the same option on the 2011 style. Just type HAPPY NEW YEAR. Here the final result.
Shall you have any questions feel free to contact me chetsary@gmail.com. I would ask your comment to the below box and thank you for visiting this tutorials. Do share to your friends but DO NOT COPY. Please enjoy and stay tune.
Subscribe to:
Posts (Atom)





