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 Layer Mask. Show all posts
Showing posts with label Layer Mask. Show all posts
10 February 2011
17 January 2011
Illustrator Tutorial: Disco Ball
Well in this tutorial and the main focusing is one the ball and light. The rest can be design to be look more nicer amoung the ball. It is actually quite simple, the technique is to create the texture first and map it onto the 3D sphere. However, we will require Illustrator CS and above to create this awesome Illustrator effect.
1. Create the Disco Ball
Select the Rectangle Tool (M) and make a square object with light blue color. After this select the square object and hold Alt key then drag to make other object and give it as black color.
Try to duplicate the above object until you get this and make sure you give different color like in a club because will are trying to make a disco ball. Then make another object by copy again. See below image
Once every object is done. Drag to the Symbols tab and leave it one side.
2. Create a 3D sphere
Well let's get your tool ready. Press (L) for making a cycle object and press (M) to draw vertical object as seen. Join it together but just haft of each. Then press Ctrl + Shift + F9 for a Pathfinder option. Make sure you select both object and press Subtract Sharp Area in the Pathfinder dialogue then finally you get a result in below image.
Let make this object into 3D. Select it and go to Effect menu ==> 3D ==> Revolve then 3D dialogue is appeared.
Press Map Art and one the symbol type select an object which we had drag to symbol (just remember that: your 3D object must smaller then symbol). Try to find the face of it in surface.
and now you get the ball. Give background in black and start making a light star.
to make a star light you can use what ever tool to make it and give some effect. Now let's use Pen tool and pen it as a star. Make a cycle object and gradient as type Radial black and white and on the same object go to transparency tab to make layer mask and make it as shadow. And make it into one object. See below
Try to past it in some part of the ball. And last one do same thing but make only lighting without star in the middle of ball.
Here is the finall result.
30 August 2010
Awesome fire effect for 3D text (Photoshop)
This tutorial is going to be a little more advanced than the other ones I have done. It shouldn’t be a problem if you have been following along with our other tutorials or have a grasp of Photoshop. As my previous post I also shown on How to Create a Stunning Fire Effect In Photoshop . So lets begin.
Open up your Adobe Photoshop and make a new document (Ctrl + N) size: 10cm x 10 cm resolution : 72pixel and black background color.
Press T to start typing text. Type F in the meaning of FIRE. Just look to the right of your work space you will see a new layer of this latter F then right click on it => Rasterize Layer. Do like this your text will become an object and do remember that once you Rasterize it can not be re-edit as text.
Transform this F and right click again => Distort then try to make this F as seen in below image.
Then download this image. We will use it from now as a background and fire effect and name it as BACKGROUND IMAGE.
After download finish bring it into your work place and make a copy by select this image all and Ctrl + C.
Load latter F selection now press Ctrl + Shift + V to pass the image as a layer mask.
Here we got
Press Pen Tool to start draw 3D.
Draw this 3D until you finish. Then it should be look like this
Merge all layer together (select all layer and Ctrl +E). Look to your layer and adjust the color to Linear Light
Then you 3D latter F will look like below
Use the background image this time and put a layer mask and Ctrl + U to adjust color into it as seen. If you're all are misunderstanding this part please leave me below comment or contact me for my fatest reply.
Alright now what to do?
Use your Pen Tool again but this time we are making shadow of latter F. To make it easy way just copy this merge latter F and give a black color on it then => Filter => Blur => Guassian Blur
Do the same to all latter as we F now continuous to I, R, E and place those latter some thing nicely.
It is time to make some fire effect and it should be the last step. Download these fire and bring all to your work place.
Let take one of it and make layer mask to cut all black background. It is hard for me to make you understand Because my English is poor so I hardly to write this Layer Mask but you can leave me a comment and subscribe to this comment so when I reply you will get it as my explaining is there.
Once you have done it. Take other fire image and play it in the same style of layer mask to what you think is nice to your design then you will have a result like this.
Remember to leave me a comment below for your question to me. But if you are enjoying this post and grab my full experience of this post DON'T FORGET TO SAY THANK.
Open up your Adobe Photoshop and make a new document (Ctrl + N) size: 10cm x 10 cm resolution : 72pixel and black background color.
Press T to start typing text. Type F in the meaning of FIRE. Just look to the right of your work space you will see a new layer of this latter F then right click on it => Rasterize Layer. Do like this your text will become an object and do remember that once you Rasterize it can not be re-edit as text.
Transform this F and right click again => Distort then try to make this F as seen in below image.
Then download this image. We will use it from now as a background and fire effect and name it as BACKGROUND IMAGE.
After download finish bring it into your work place and make a copy by select this image all and Ctrl + C.
Load latter F selection now press Ctrl + Shift + V to pass the image as a layer mask.
Here we got
Press Pen Tool to start draw 3D.
Draw this 3D until you finish. Then it should be look like this
Merge all layer together (select all layer and Ctrl +E). Look to your layer and adjust the color to Linear Light
Then you 3D latter F will look like below
Use the background image this time and put a layer mask and Ctrl + U to adjust color into it as seen. If you're all are misunderstanding this part please leave me below comment or contact me for my fatest reply.
Alright now what to do?
Use your Pen Tool again but this time we are making shadow of latter F. To make it easy way just copy this merge latter F and give a black color on it then => Filter => Blur => Guassian Blur
Do the same to all latter as we F now continuous to I, R, E and place those latter some thing nicely.
It is time to make some fire effect and it should be the last step. Download these fire and bring all to your work place.
Let take one of it and make layer mask to cut all black background. It is hard for me to make you understand Because my English is poor so I hardly to write this Layer Mask but you can leave me a comment and subscribe to this comment so when I reply you will get it as my explaining is there.
Once you have done it. Take other fire image and play it in the same style of layer mask to what you think is nice to your design then you will have a result like this.
Remember to leave me a comment below for your question to me. But if you are enjoying this post and grab my full experience of this post DON'T FORGET TO SAY THANK.
Subscribe to:
Posts (Atom)



















