آموزش ساخت اینفوگرافیک در ایلوستریتور(قسمت دوم)
گام 9
وقت آن رسیده است که به نمودارهای خود بازگردیم.
اولین نمودار را در محل ایجاد شده توسط طراحی قرار دهید. همانطور که می بینید، باید کاهش یابد.
اما انجام آن با ابزار Selection (V) غیرممکن است. مشکلی نیست
شی Graph را انتخاب کنید و به Object > Transform > Scale بروید و مقدار لازم را برای کاهش تنظیم کنید.
گام 10
در مثال این نمودار بیایید ببینیم چگونه عناصر آن را بدون از دست دادن توابع پویا تبدیل کنیم.
محورها را حذف می کنیم. یکی از آن ها را با ابزار Direct Selection Tool (A) انتخاب کرده و روی Delete کلیک کنید.
همانطور که می بینید، غیرممکن است. اما ما می توانیم stroke مسیر را خاموش کنیم. جسم نامرئی خواهد بود.
دو محور را نامرئی کنید.
برای نامرئی کردن اعداد، Fill آنها را خاموش کنید.
گام 11
دسته نام را با ابزار Direct Selection Tool (A) انتخاب کنید و پارامترهای متن را با پانل Character تغییر دهید
(Window > Type > Character). همچنین می توانید رنگ متن و موقعیت آن را تغییر دهید.
این تغییرات و تغییرات بعدی منجر به از دست دادن وضعیت پویایی نمودار نمی شود.
با ابزار Lasso Tool (Q) یا Direct Selection Tool (A) نقاط نشان داده شده در شکل زیر را انتخاب کنید و در حالی که کلید Shift را نگه داشته اید با ابزار Direct Selection Tool (A) ستون ها را بلند کنید.
گام 12
بیایید با ستون ها کار کنیم.
ما همه تغییرات را با پنل Appearance انجام خواهیم داد (Window > Appearance).
رنگ Fill ستون را با آبی جایگزین کنید. رنگ سفید را برای stroke آن انتخاب کنید
گام 13
حالا بیایید یک Seamless pattern بسیار ساده ایجاد کنیم.
حالت پیشنمایش پیکسل (View > Pixel Preview) را بچرخانید تا عناصر دقیقاً در سلولهای شبکه پیکسل قرار گیرند.
همانطور که در شکل زیر نشان داده شده است، ابزار Rectangle (M) را بردارید و ده مربع با اندازه 1 x 1px ایجاد کنید.
همه مربع ها را انتخاب کنید و به Edit > Define Pattern بروید،
روی OK در کادر محاوره ای کلیک کنید.
گام 14
یک ستون از نمودار را انتخاب کنید و یک Fil جدید در پانل Appearance اضافه کنید.
الگویی که در مرحله قبل ایجاد شد روی این Fill اعمال کنید و opacity را تا 60 درصد کاهش دهید.
یک Fil دیگر اضافه کنید و یک linear gradient به آن اعمال کنید که از دو لغزنده آبی تشکیل شده است که یکی از آنها شفافیت 0% دارد.
گام 15
از یک ستون سایه ی بازشو ایجاد کنید.
یک Fil جدید اضافه کنید و آن را در زیر همه در پانل Appearance قرار دهید.
یک linear gradient از سیاه به خاکستری روشن اعمال کنید.
Fill را انتخاب کرده و به مسیر Effect > Warp > Arc Lower بروید و پارامترهای نشان داده شده در شکل زیر را تنظیم کنید.
حالا به مسیر ...Effect > Transform & Distort > Transform رفته و پارامترها را در کادر محاوره ای تنظیم کنید.
حالت Multiply Blending را روی فیل اعمال کنید. در پنل Appearance نیز قابل انجام است.
گام 16
برای اینکه یک توالی کامل از اقدامات برای بقیه ستون های نمودار تکرار نشود، سبک نمودار را در پانل مناسب ذخیره کنید.
سبک نمودار را در ستون پایین اعمال کنید. رنگ های linear gradient را تغییر دهید و یکی از Fil های پنل Appearance را تغییر دهید.
همین سبک را در ستون های میانی اعمال کنید. در این حالت قسمت پایینی با سایه را حذف کنید.
گام 17
با ابزار Type (T) داده هایی بنویسید که مربوط به دسته های «نام نمودار» و «منبع اطلاعات» است.
بیایید بررسی کنیم که آیا نمودار شما همچنان پویا است یا خیر.
به ...Object > Graph > Date بروید.
همانطور که می بینید، هنوز پویا است.
گام 18
طراحی نمودارهای دیگر را با استفاده از تکنیک های توصیف شده تغییر داده ایم.
برای اینکه این آموزش نه تنها اطلاعات فنی را در اختیار شما قرار دهد، بلکه آمارهای اینترنتی جالبی را نیز به شما نشان دهد، آن را به صورت نموداری ارائه کردیم.
سخن آخر
Infograph باید پویا باقی بماند، بنابراین شما یا مشتریانتان می توانید داده ها را در هر زمان تغییر دهید. داده های آماری یک داده ثابت نیستند. باید دیر یا زود تغییر کند، پس چرا وقتی میتوانیم آن را ویرایش کنیم، دوباره آن را دوباره تکرار کنیم؟ اگر میخواهید اولین کسی باشید که از جدیدترین آموزشها و مقالات مطلع میشوید، ما را دنبال کنید.
این فصل در یک نگاه:
در این فصل در مورد طراحی ریسپانسیو و روانشناسی رنگ ، اهمیت فونت در طراحی و برخی از ترفندهای نرم افزار می پردازیم…
نرم افزار ادوب ایکس دی (Adobe Xd) در سوال 2017 توسط کمپانی Adobe ارائه شد . این نرم افزار در عین سادگی ، قابلیتهای کاربردی زیادی در حوزه ی طراحی (وبسایت و اپلیکیشن ) دارد . خوشبختانه بازار ک…