LOGO

 

آموزش رایگان ایلوستریتور هم به شاپرک اضافه شد. امیدوارم خوشتون بیاد و براتون مفید باشه چون می دونم که نرم افزارهای زیادی برای رسم نمودار هست و یکی از این نرم افزارها ایلوستریتوره.


نمودار دایره ای

Image Description

ایزار نمودار دایره ای را انتخاب نمائید. آن را رسم کرده و داده ها را وارد کنید.

Image Description

برای قدمهای بعدی شما نیاز به پردازنده های قوی دارید (CPU) اگر کامپیوترتان آهسته کار می کنه باید چند دقیقه ای را منتظر بشید تا رندر کنه. اگر قفل کرد کلید Stop را زده و دوباره امتحان کنید.

اگر می خواهید سرعت رندرینگ را افزایش بدین می تونین میزان Blend Stepsرا در light settings کاهش بدین که مستقیما روی کیفیت و سرعت رندرینگ تاثیر داره. هرچه کیفیت پایینتر باشه سرعت بالاتر می ره.

Step 2.1

به نمودارتون رنگ بدین. و بعد برین به مسیر Effects>3D>Extrude and Bevel و میزانهای زیر را وارد کنید.

Image Description

برای زیباترر کردن این نمودار بهتره که لبه های اونو گرد کنیم. این کارو بوسیله گزینه Rounded Bevel در منوی the Bevel انجام داد. اندازه اریب اونو (bevel) 4 پیکسل و Extent in در نظر بگیرین. همچنین لازمه که the Plastic Shading رو انتخاب کنین، این گزینه مسئول رندرینگ بازتابهای نوریست.

Image Description

 حالا باید یه رفکشن در لبه های نمودارمان ایجاد کنیم ولی این تازه شروع کار است و ما اونو خیلی بهتر خواهیم کرد.

 روی دکمه کلیک می کنیم تا  (در حال بروز رسانی)

Click the "More Options" button to expand the window and make the light configuration visible. Now add two more lights. Position all three lights and give them all the same parameters like in the picture.

Image Description

Do you notice thegorgeous big reflection on the side of our graph? It looks great, but it needs one more adjustment. If you zoom into the reflection you’ll see strangeartefacts in the color blending.

Image Description

Actually it’s quite easy to fix, just go back to the Extrude and Bevel options (you have to do this by double clicking on this effect in the Appearance Panel after you select the graph) andincrease the Blend Steps parameter to 100. You mayincrease this parameter even more, but it has a great impact on the rendering time. If your computer is slow I advise you to keep the blend steps as low as possible.

Image Description

Step 2.2 (Optional)

The graph looks good andis 100% editable, you may change the numbers in the spreadsheet and it will update. This step is optional because if you want to style the graph a little more you will have to redo Step 2.2 each time you update the spreadsheet.

Duplicate the pie graph and go to its Extrude andBevel options. Change the Surface Shading to Wireframe and click OK.

Image Description

Expand the wireframe (Object>Expand Appearance) and delete every line except the top edges of the object. You should be left with something that looks like that:

Image Description

You may have to ungroup the shapes a few times (ctrl/cmd+shift+G) because Illustator tends to group objects several times after they are expanded.

Then after your shapes are ungrouped, group them, to make sure they are all in one group.

Select the shapes, give them a white, 1 pt stroke with 50% opacity.

Image Description

Duplicate the whole group. Make it 100% opacity, no stoke, white fill.

Image Description

Take the rectangle tool and draw a new rectangle. Rotate and scale it like in the picture below. Fill it with white to black gradient.

Image Description

Select the rectangle and the white filled group. Go to the Transparency Panel and from the drop down menu, click "Make Opacity Mask".

Image Description

The graph is now ready Your outcome should resemble this:

Image Description


آخرین مطالب

 
» جرایم در تایپوگرافی ( دوشنبه ۱ شهریور ۱۳٩٥ )
» تبادل لینک با شاپرک دیزاین ( جمعه ۱٦ آبان ۱۳٩۳ )
» معرفی ویژگی Transform Selections فتوشاپ ( پنجشنبه ۱٥ آبان ۱۳٩۳ )
» معرفی وب سایت PSD Covers ( سه‌شنبه ٢٩ مهر ۱۳٩۳ )
» تمپلیت آماده طراحی قالب بندی وب سایت ( یکشنبه ٢۱ مهر ۱۳٩٢ )
» بیشتر از 40 فایل لایه باز پی اس دی برای ارائه بهتر پورتفولیو ( چهارشنبه ٢٥ اردیبهشت ۱۳٩٢ )
» خلق تصاویر Duo-Tone ( دوشنبه ۱٤ اسفند ۱۳٩۱ )
» پاسخ به برخی سوالات ( سه‌شنبه ۱٤ آذر ۱۳٩۱ )
» رنگ شناسی - معرفی وب سایت کاربردی در تشخیص و استفاده رنگها ( یکشنبه ٢٢ امرداد ۱۳٩۱ )
» آموزش تایپوگرافی زیبای دایره ای ( سه‌شنبه ۳ امرداد ۱۳٩۱ )