آموزش ساخت اینفوگرافیک در ایلوستریتور(قسمت اول)

در این آموزش با استفاده از ابزارهای استاندارد Adobe Illustrator نحوه ایجاد ینفوگرافیک را خواهیم آموخت.

همچنین راه هایی را به شما نشان خواهیم داد که چگونه ظاهر نمودار را با حفظ توابع پویا تغییر دهید. بطوریکه قادر خواهید بود نمودارهای داده را پس از همه تبدیل ها ویرایش کنید. شروع کنیم!

گام 1

کار با اینفوگرافیک همیشه شامل جستجوی اطلاعات و پردازش داده ها در مرحله اول پروژه شما می شود. در این آموزش از آمار اینترنت استفاده می کنیم.

اولین نموداری که ایجاد می کنیم، تعدادی از کاربران اینترنت، شبکه های اجتماعی، مشترکین موبایل و کل جمعیت را نشان می دهد (منبع: slideshare.net).

تمام مواردی که در بالا فهرست کردیم، دسته ها نامیده می شوند، و اعدادی که با این دسته بندی ها مطابقت دارند، داده نامیده می شوند.

ابزار Bar Graph Tool را بردارید و در ناحیه سیاه سند فعلی یک انتخاب marquee ایجاد کنید. در نتیجه پنجره Graph Data باز می شود که در آن باید تمام دسته ها و داده ها وارد شوند.

تمام اطلاعات باید در کادر متنی Entry وارد شود. انتخاب سلول های لازم جدول را می توان با مکان نما انجام داد. پس از وارد کردن اطلاعات، روی Apply در پنجره Graph Data کلیک کنید، این منجر به ایجاد یک نمودار می شود.

گام 2

شی ایجاد شده ما یک شی پویا است، یعنی همیشه می توانیم نام، توالی داده ها و تعداد دسته ها و/یا داده ها را تغییر دهیم.

اگر پنجره Graph Data را بسته اید، به ...Object > Graph > Data بروید تا بتوانید دوباره داده های خود را تغییر دهید.

ما می توانیم نوع گراف را بعد از اینکه تشکیل شد تغییر دهیم. برای انجام این کار، به ...Object > Graph > Tape بروید.

طراحی نمودار تنها پس از کلیک بر روی OK در کادر محاوره ای تغییر می کند.

گام 3

بیایید پنجره Graph Type را بررسی کنیم.

همانطور که می بینید، ما می توانیم عرض میله ها را تغییر دهیم، موقعیت محور را مشخص کنیم و حتی سایه  اضافه کنیم.

علاوه بر این، می‌توانیم محور Value و Category را ویرایش کنیم.

اما همانطور که همه می‌دانید، به وضوح برای ایجاد نمودار مناسب کافی نیست.

در اینجا بسیاری از طراحان گرافیک یک اشتباه را مرتکب می شوند: آنها یک نمودار پویا را به گروهی از اشیاء برداری معمولی تبدیل می کنند. این کار را می توان با حذف گروه بندی با شی Graph (Shift + Cmd / Ctrl + G) انجام داد.

در حقیقت شما توانایی ویرایش داده های خود را از دست می دهید.

ما این اشتباه را انجام نمی دهیم؛ توابع پویای نمودار را ذخیره خواهیم کرد. کمی بعد متوجه خواهید شد که چگونه ظاهر نمودار را تغییر دهید.

گام 4

حالا بیایید دو نمودار پویای دیگر ایجاد کنیم.

برای ایجاد نمودار «استفاده از اینترنت جهانی» (منبع: internetworldstats.com) از ابزار Pie Graph استفاده میکنیم.

از Column Graph Tool برای نمودار "منابع اطلاعات" استفاده می کنیم

اصل کار با این نمودارها با کار با نمودار اول تفاوتی ندارد (مرحله 1 را ببینید).

گام 5

حالا بیایید طرح کلی Infograph خود را ایجاد کنیم.

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

با ابزار Rectangle (M) یک مستطیل ایجاد کنید و آن را با radial gradient  از سفید به آبی پر کنید.

عرض مستطیل 600 پیکسل است (نیاز مشتری). ارتفاع آن را می توان در فرآیند اضافه کردن موارد تغییر داد.

گام 6

با ابزار Pen (P) شکلی از یک نوار کاغذی ایجاد کنید که عنوان Infograph ما در آن قرار گیرد.

شی را با linear gradient از سفید تا خاکستری پر کنید.

جهت گرادیان با جهت منبع نور مطابقت دارد. تمام موارد زیر توسط این منبع مشترک روشن خواهد شد.

راه حل global lighting اولین نشانه طراحی خوب است.

گام 7

بیایید چند سیم پیچ کاغذ با ابزار Pen (P) ایجاد کنیم. با linear gradients ، تغییر نور و سایه را در این سطوح نشان خواهیم داد.

برای ایجاد تضاد بین پس‌زمینه روشن و نوار کاغذی، سایه ایجاد می‌کنیم.

با ابزار Ellipse (L) یک دایره با radial gradient از خاکستری به سفید ایجاد کنید.

با ابزار Selection (V) و با نگه داشتن کلیدهای Opt / Alt دایره را به بیضی تبدیل کنید.

حالت Multiply Blending را روی دایره اعمال کنید و آن را زیر نوار کاغذی قرار دهید.

با استفاده از این تکنیک در قسمت بالایی نوار سایه ایجاد کنید.

گام 8

همانطور که در شکل زیر نشان داده شده است، یک نوار کاغذ دیگر ایجاد کنید.

تکنیک ایجاد چنین اشیایی در بالا توضیح داده شد. بر روی این نوار یک نقشه جهانی وکتور قرار دهید.

ادامه دارد ...