اینفوگرافیک در ایلاستریتور چگونه ساخته می شود؟

اینفوگرافیک نمایش بصری داده ها یا اطلاعاتی است که برای درک بیشتر اطلاعات پیچیده (و سرگرم کننده تر!) طراحی شده است. با افزایش بازاریابی محتوا، اینفوگرافیک ها راهی عالی برای ترکیب استراتژی محتوای شما هستند.

اینفوگرافیک در ایلاستریتور

با در اختیار داشتن مجموعه ای از اینفوگرافیک های فانتزی در اینترنت، یادگیری نحوه ساخت اینفوگرافیک در ایلاستریتور می تواند حسی هیجان انگیز بوجود بیاورد که در راستای آن، تولید خروجی تأثیر گذار را به عهده متخصصان می گذارد.
خوشبختانه، ما می توانیم این کارها را به راحتی با الگوهای اینفوگرافیک، آیکون ها و عکس های بورسی طراحی شده به صورت حرفه ای و متناسب با نیاز مشتری، آماده کنیم.
در این آموزش، ما از بخش هایی از عناصر طراحی اینفوگرافیک استفاده خواهیم کرد تا به شما نشان دهیم چگونه می توانید یک اینفوگرافیک پر از مطالب جالب بسازید.

عناصر مهم در ساخت اینفوگرافیک

قبل از اینکه شروع انتخاب و دانلود عنصر طراحی دلخواه خود کنید، نحوه نمایش داده ها را به بهترین شکل بررسی کنید. اگر داده های عددی یا مقایسه ای زیادی دارید، استفاده از الگویی با نمودار ها می‌تواند، نتیجه مطلوبی به همراه داشته باشد. اینفوگرافیک های جدول زمانی (Timeline) برای اطلاعات تاریخی و زماندار بسیار مناسب هستند و آیکون های گرافیکی برای سبک “fast facts” به خوبی کار می کنند.
با کمی سفارشی سازی و دقت، حتی قادر به ترکیب الگوها و عناصر مختلف را با یکدیگر هستید تا جامع ترین اطلاعات را به بهترین شکل ممکن ارائه دهید. هنگام استفاده از عناصر موجود در ایلاستریتور، به خاطر داشته باشید که همه رنگ ها قابل تنظیم هستند، بنابراین از سعی کنید از مناسب ترین آنها استفاده کنید.

بیایید شروع کنیم

در ابتدا، ما با یک سند خالی در Illustrator شروع می کنیم و فایل .eps را که از قیل دانلود کردیم در یک برگه جداگانه باز می کنیم و آماده می شویم تا بخشهای مورد نظر را در سند (document) جدید، کپی و جایگذاری کنیم. شما می‌توانید با سرچ عبارت “download eps file” فایل دلخواه خود را دانلود کنید.
پس از باز کردن فایل بارگیری شده، کمی وقت بگذارید و آن را بررسی کنید. با باز کردن صفحه لایه ها (Window> Layers) می توانید تمام لایه ها، مسیرها و گروه ها را مشاهده کنید. برای مخفی کردن و نشان دادن گروه ها و مسیرها، روی نماد های کره چشم (eyeball) کلیک کنید. با استفاده از ابزار Direct Selection (A) مسیرهای جداگانه را انتخاب کرده و مستقیماً روی مسیر کلیک کنید. برای انتخاب گروه از ابزار انتخاب (V) استفاده کنید. اگر می خواهید گروهی را به طور نامحدود از هم تفکیک کنید، به Object> Ungroup بروید.
در ابتدا با استفاده از این ابزارها قسمت هایی را که می خواهیم انتخاب کرده و آنها را در سند خالی کپی می کنیم. تب عناصر طراحی را باز نگه دارید تا بعداً موارد بیشتری را به آن اضافه نمایید.

بازی با رنگ ها

ابتدا پالت رنگ خود را تعیین کنید. پالت شما می تواند با استفاده از رنگ های موجود یا رنگ هایی که به طور خاص برای اینفوگرافیک در ایلاستریتور وجود دارند،تکمیل شود. از این رو Adobe Color یک منبع عالی برای انتخاب رنگ هایی است که با هم ترکیب می شوند. البته به شرطی که از ابتدا از آن ها استفاده کنید.
ابتدا با کلیک بر روی شی یا گروهی که می خواهید رنگ آن تغییر کند، شروع کرده و برای انتخاب رنگ جدید روی Fill Box کلیک کنید.
اگر می خواهید یک رنگ را که در جاهای مختلف بکار رفته را عوض کنید، یک شکل را که در آن، رنگ مورد نظرتان بکار رفته، انتخاب کنید و به قسمت Select> Same> Fill Color بروید تا به همه موارد آن رنگ دسترسی داشته باشید. سپس، به سادگی Fill Color جدید خود را انتخاب کنید. همچنین به وسیله Gradient Fill Box قادر به انتخاب دو رنگ به صورت درهم آمیخته هستید.

ماسک کردن و یکپارچه سازی تصویر

عکس ها یک روش عالی برای افزودن pizazz بصورت غیرمنتظره به اینفوگرافیک هستند و ماسک ها ابزار مناسبی برای طراحی آنها هستند. ماسک یک روش ساده برای برش دادن عکس به منظور متناسب کردن یک شکل یا مسیر است. با کشیدن و انداختن عکس به سند Illustrator خود شروع می کنیم، سپس شکل مورد نظر را روی آن می کشیم.
اگر شکل در بالای صفحه نیست، راست کلیک کنید و آن را به جلو بیاورید (Bring to Front). در آخر، اطمینان حاصل کنید که شکل با سایر اشیا (objects) در حالت گروه بندی نشده قرار داشته باشد (Object> Ungroup). برای ایجاد ماسک، هر دو شی را انتخاب کرده و به مسیر Object> Clipping Mask> Make (یا در Mac ، command / control-7) بروید. پس از ایجاد ماسک، عکس را به موقعیت دلخواه بکشید و رها کنید.

ایجاد و ویرایش متن در اینفوگرافیک

در بیشتر موارد، متن موجود در الگوها به صورت یک مسیر وجود دارد – به عبارت دیگر ، متن قابل ویرایش نیست. اگر از الگوی طراحی آماده الهام گرفته اید، معمولاً باید متن را کاملاً حذف کرده و متن جدید را با ابزار Text اضافه کنید.
بازی با انواع رنگ و اندازه، می‌تواند برای ایجاد یک متن جذاب مفید باشد. به علاوه اگر به چند فونت تازه نیاز دارید، Google Fonts را امتحان کنید. ناگفته نماند، ابزار قطره چکان برای استفاده سریع از سَبک (style) موجود در متن انتخاب شده، مورد استفاده قرار می‌گیرد.

نکات پایانی طراحی

اشکال گوناگونی مانند دایره برای نمایش درصد بکار می‌روند که برای برجسته کردن برخی از موضوعات مهم، یک گزینه عالی محسوب می‌شوند. دقت داشته باشید که در حین ایجاد تغییرات، از ویژگی Lock برای قفل کردن عناصر در جای خود استفاده کنید تا به طور تصادفی سایر عناصر را به اطراف منتقل نشوند.
فقط اشیا را برای قفل کردن انتخاب کنید و بدین منظور بهObject> Lock> Selection (یا command / control-2 در مکینتاش) بروید. همچنین هنگام کار، گروه بندی و تقسیم بندی اشیا می‌تواند مفید باشد. برای این کار، شی مورد نظر خوذ را انتخاب کرده و به Object> Group (یا دستور G) بروید.

نتیجه گیری

اکنون شما می دانید که چگونه یک اینفوگرافیک را با استفاده از یک الگو و عناصر گرافیکی به عنوان نقطه شروع، ایجاد کنید. اما برای کارهای حرفه ای تر و ورود به بازار کار نیاز به آموزش های بیشتری در این زمینه دارید.
به همین خاطر، آموزشگاه پویا اندیش با تکیه بر سابقه درخشان خود در برگزاری کلاس های حضوری و آنلاین، می‌کوشد تا به شما عزیزان در جهت کسب جایگاه شغلی مناسب کمک کند.
برای شرکت در این کلاس ها کافیست از طریق راه های ارتباطی مجموعه، با ما در تماس باشید.