☂ مُنّتَديَاتْ صَمتْ المَشَاعرْ☂
اهلاً وسهلاً بكَ عزيزي الزائر بمنتديات صمت المشاعر لكل العرب ندعوك للأنضمام لأسرتنا المتواضعة وندعوك للتسجيل معنا المديرة العامه وصاحبة الموقع صمت المشاعر ترحب بكم ويسرها زيارتكم مع فائق الأحترام والتقدير
☂ مُنّتَديَاتْ صَمتْ المَشَاعرْ☂
اهلاً وسهلاً بكَ عزيزي الزائر بمنتديات صمت المشاعر لكل العرب ندعوك للأنضمام لأسرتنا المتواضعة وندعوك للتسجيل معنا المديرة العامه وصاحبة الموقع صمت المشاعر ترحب بكم ويسرها زيارتكم مع فائق الأحترام والتقدير
☂ مُنّتَديَاتْ صَمتْ المَشَاعرْ☂
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

للجميع
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  العاب اونلاينالعاب اونلاين  أستخدام الرسم اليدوي والتعامل معه بواسطة الفيكتورز O16  

 

 أستخدام الرسم اليدوي والتعامل معه بواسطة الفيكتورز

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
ياسر الخطيب

ياسر الخطيب


نقاط : 546
العمر : 41
عدد المساهمات : 355
السٌّمعَة : 1

أستخدام الرسم اليدوي والتعامل معه بواسطة الفيكتورز Empty
مُساهمةموضوع: أستخدام الرسم اليدوي والتعامل معه بواسطة الفيكتورز   أستخدام الرسم اليدوي والتعامل معه بواسطة الفيكتورز Icon_minitime1السبت 26 يونيو 2010, 12:52 pm

من أصعب الأشياء في برنامج الإلستؤيتور هي الرسم بواسطة الفيكتورز والتدريب عليها والعمل على خلق رسومات تحاكي الواقع هي الأن مقدمة بدرس من أهم الدروس على أحد أكبر المواقع العالمية للتدريب والتطوير القدرات الذاتية في برنامج الإلستريتور



Playing with Vectors in Illustrator[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Playing with Vectors in Illustrator


March 09, 2010


















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

Step 1

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 2

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 3

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 4

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 5

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 6

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 7

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 8

Add anohter ellipse, this time a white ellipse in the center of the design.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 9

Create another black ellipse in the center smaller than the previous one. Use the image below for reference.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 10

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 11

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 12

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 13

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 14

Now press Command (MAC)/Control(PC) + D several times until you cover the circle from side to side.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 15

Select the two elements in the very center and start resizing them vertically only. Repeat that for the other elements.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 16

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 17

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 18

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 19

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 20

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Step 21

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

Conclusion

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.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
احمد الحبيب
صمتي قتلـني
صمتي قتلـني



نقاط : 1383
العمر : 50
عدد المساهمات : 971
السٌّمعَة : 5

أستخدام الرسم اليدوي والتعامل معه بواسطة الفيكتورز Empty
مُساهمةموضوع: رد: أستخدام الرسم اليدوي والتعامل معه بواسطة الفيكتورز   أستخدام الرسم اليدوي والتعامل معه بواسطة الفيكتورز Icon_minitime1الأحد 27 يونيو 2010, 9:45 pm

انا مش فاهم حاجة
بس هو اكيد شيء جميل
ومشكور على المجهود الرائع
ولي عوده ان شاء الله
وهحاول افهم اكتر
بس ياريت المرة الجية بالعربي
مشكوووووووووووووور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
أستخدام الرسم اليدوي والتعامل معه بواسطة الفيكتورز
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الرسم الثلاثي الأبعاد في برنامج الفوتوشوب
» دورة تعليمية وباللغة العربية لبرنامج AutoCad 2007 وكيفية الرسم الثلاثي الأبعاد به
» طريقة الرسم الهندسي في الأوتو كاد خطوة خطوة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
☂ مُنّتَديَاتْ صَمتْ المَشَاعرْ☂  :: منتدى الغرافيكس :: قسم الإلستريتور-
انتقل الى: