من أصعب الأشياء في برنامج الإلستؤيتور هي الرسم بواسطة الفيكتورز والتدريب عليها والعمل على خلق رسومات تحاكي الواقع هي الأن مقدمة بدرس من أهم الدروس على أحد أكبر المواقع العالمية للتدريب والتطوير القدرات الذاتية في برنامج الإلستريتور Playing with Vectors in Illustrator[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]Playing with Vectors in Illustrator google_protectAndRun("render_ads.js::google_render_ad", google_handleError, google_render_ad);
Last week I decided to spend some time playing with Illustrator and trying to come up with a cool black and white artwork. My inspiration came from some skateboard deck designs which have this sort of 3D effect without using gradients or anything, and not exactly a woodcut effect either. After a few hours I was able to come up with a really nice design, but the most important thing, the whole process was an excellent way to improve my Illustrator techniques.So in this tutorial or walking through process I will show you how I created my design, but first check out my very first sketch.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]I know I suck at that... but it always helps a lot
Create a new document in Illustrator, I'm using a web format with
1920x1200 pixels. After that add a black rectangle using the
Rectangle Tool (M). This rectangle will be beneath all the other new objects, you can even create a new layer (
Window>Layer) move it into this layer and lock the layer so you won't be able to edit it.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]With the
Ellipse Tool (L) add a white ellipse in the center of the black rectangle. To do that go to
Window>Align, then select the objects and click
Horizontal Align Objects and
Vertical Align Objects.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Add another circle a little smaller the the first one, using white for the color and black for the stroke. Also use
4pt for the Stroke weight.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Once again add an ellipse using the
Ellipse Tool (L) and fill it with black. It will be smaller than the others. After that aligned it in the center using the Align options. Duplicate this ellipse. We will need one that will be always beneath the new elements and another to be used to create some vector bevel effects.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Duplicate one of the black ellipse from the previous step and move it down a little bit, like the image below. Fill it with white. Select the both ellipses and go to
Window>Pathfinder. Select the second options on the
Shape Modes, the
Minus Front. [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Repeat the same process we did in the
steps 4 and 5 but with
smaller circles. Look at the image below for reference,
1 is from steps 4-5 and
2 is from this step, Also the red circles are for reference.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Duplicate both elements and flip them vertically. The idea is that these elements will be used to create a sort of bevel and give some depth to the illustration.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Create another black ellipse in the center smaller than the previous one. Use the image below for reference.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Duplicate the ellipse from the previous step and align them in the center, after that resize the ellipse a little bit and move it up a few pixels so the top part will be thinner than the bottom.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Once again, repeat the same thing as the previous steps 9 and 10, but make it thicker, as I said in the beginning this tutorial is all about playing with the tool.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Create a triangle using the
Polygon Tool. Fill it with black. Resize it to get a triangle like the one I have in the image below.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] With the triangle selected, press
ENTER to open the
Move Dialog Box. Use
10px for the
Horizontal and
0px for the Vertical. Then press
COPY.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Now press
Command (MAC)/Control(PC) + D several times until you cover the circle from side to side.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Select the two elements in the very center and start resizing them vertically only. Repeat that for the other elements.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] With the
Rectangle Tool (M) create a thin
black rectangle (1), then a large one with
white(2), another
black one (3) and then another white one very thin that will work like a stroke. Group these rectangles so you can use the group to create more elements.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Start creating blocks with 4 elements with copies of the group of objects we created in the previous step. Rotate them so none of them will have the same angle.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Repeate the previous step 7 times. The idea is inspired by those old hubcaps or a bicicle wheel. Notice that all of them have different rotations.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Add an ellipse to be used as reference for the
Type on Path Tool. With the Type on Path Tool click on the ellipse to add the text that will follow that path. I used
MOD for the font and
72pt for the font size.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Now using the same technique we did in the previous step, add more text, this time I used the same font but with smaller size, 48pt. Use the image below for reference.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] Select all the rectangle elements created in the Step 19 and group them, after that duplicate the group, fill it with black and put it beneath the original group. Move the black group to the left and bottom, the idea is to create a shadow for those elements.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] The idea was to play with vectors and create a design that has depth but using only black and white. However I love to place texture over vectors. Here I used an old paper texture, courtesy of
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] and
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]you can get it here. Place the texture on top of the other elements and change the
Transparency Mode to Multiply. You will have a really nice effect.
This was not exactly a super effect but it was really good to improve my Illustrator skills, that's why I thought it would be cool to share with you.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] 
العاب اونلاين 
السبت 26 يونيو 2010, 12:52 pm
