چگونه یک فایل Illustrator را برای After Effects آماده کنیم.
آموزشتلگرامتوئیتر

چگونه یک فایل Illustrator را برای After Effects آماده کنیم.

اگر میخواهید یک فایل لایه باز وکتور را در After Effects ببرید و روی آن کار کنید، در این مقاله در باره‌ی چگونگی انجام این کار توضیح خواهیم داد.

1. ایجاد لایه‌های جداگانه

اگر فایل وکتور شما کامل شده و فقط از یک یا دو لایه برای کل تصاویر استفاده کرده‌اید، فایل شما برای استفاده در After Effects آماده نیست. برای اینکه بتوانید فایل وکتور خود را به یک انیمیشن یا موشن گرافیک در After Effects تبدیل کنید، باید هر قسمت را که می‌خواهید حرکت کند، یا تغییرات روی آن انجام گیرد، یک لایه‌ی جداگانه باشد.
به عنوان مثال، اگر میخواهید روی یک لوگوی سه بخشی کار کنید، و هر بخش به صورت جداگانه تغییر کند، باید برای هر بخش یک لایه‌ی جدا درست کنید. ولی اگر همه‌ی بخش‌ها را در یک لایه به صورت فایل ai ذخیره کرده‌اید هنگام وارد‌کردن در After Effects به صورت یک فایل تخت(flat) و تک لایه نمایش داده می‌شود.

تبدیل فایل ایلوستریتور

در منوی لایه‌ها در Illustrator در کنار هر آیکون یک شکل دایره‌ای وجود دارد، که نشان‌دهنده‌ی هر یک از عناصر موجود می‌باشد، شما برای جدا کردن هر یک از ابژه‌ها می‌توانید از این گزینه استفاده کنید، یا روی آیکون چشم در سمت چپ هر یک از اشکال کلیک کنید تا هر یک را به صورت جداگانه ببینید.

چند لایه جدید از قسمت ‘Create New Layer’ در منوی لایه‌ها درست کنید و اسم آن‌ها را تغییر دهید. شاید قرار دادن هر ابژه در یک لایه سخت باشد. برای راحت‌تر کردن این کار، اگر همه‌ی ابژه‌ها در یک لایه قرار دارند، لایه را انتخاب کنید و در منوی لایه‌ها گزینه‌ی Release To Layers انتخاب کنید؛ این عمل، هر یک از ابژه‌ها را به یک لایه‌ی جداگانه تبدیل می‌کند. قبل از ذخیره کردن فایل مطمئن شوید که نام هر لایه را درست انتخاب کردید تا هنگام کارکردن در After Effects راحت بتوانید لایه‌ی مورد نیاز را انتخاب کنید.

تبدیل فایل ایلوستریتور

2. انتخاب سایز مناسب برای پروژه

انتخاب سایز مناسب برای صفحه‌ی کار (Artboard) بسیار مهم است، زیرا اگر شما یک طرح کوچک ایجاد کنید با توجه به رستر بودن برنامه‌ی After Effects، تغییر سایز در این برنامه (After Effects) باعث کم شدن کیفیت ابژه می‌شود. پس قبل از اتمام کار در Illustrator حتمن اندازه‌ی صفحه‌ی کار را با Composition در افترافکت یکسان یا حتی بزرگتر کنید.

تبدیل فایل ایلوستریتور

نکته‌ی بعدی قبل از اتمام کار، توجه کردن به بخش‌هایی است که از صفحه‌ی کار بیرون زده‌اند. شاید زمانی که به شکل عکس نگاه می‌کنید، کامل و بدون نقص به نظر برسد، ولی وقتی در After Effects با آن کار میکنید ممکن است هنگام حرکت دادن یا تغییر اندازه دچار مشکل شوید.
اگر چند صفحه‌ی کار همزمان در Illustrator دارید آنها را به صورت Save as separate files ذخیره کنید تا هرکدام را به صورت جداگانه در After Effects مشاهده کنید.

3. حالت رنگ را تغییر دهید

قبل از ذخیره کردن، برای رفتن به After Effects مطمئن شوید که حالت رنگ را به RGB تغییر دهید. CMYK برای چاپ کردن بسیار مناسب است ، اما اگر می‌خواهید که در انیمیشن نهایی رنگ‌ها به همان حالت طراحی شده باشند، RGB ذخیره کنید. –File> Document Color Mode> RGB Color-

تبدیل فایل ایلوستریتور

4. انتخاب صحیح نوع فایل ذخیره شده

فرمت ایده‌آل برای بازکردن یک فایل وکتور به صورت لایه باز فرمت ai است. البته فایل‌های EPS و SVG هم باز می‌شوند، ولی به صورت تک لایه.
پس فایل وکتور خود را با رفتن به File> Save As> Format: Adobe Illustrator ذخیره کنید.

تبدیل فایل ایلوستریتور

5. ورود به After Effects

وقتی همه کارهای بالا انجام شد، زمان باز‌کردن فایل در After Effects است. از مسیر File> Import> File و انتخاب فایل مورد نظر، یک پنجره جدید باز میشود که می‌توانید تعیین کنید که فایل شما به چه شکل باز شود. از منوی Import Kind در پنجره‌ی باز شده، Composition را انتخاب کنید تا فایل شما به صورت لایه باز، وارد نرم‌افزار شود.
اگر میخواهید هر یک از لایه‌ها به همان اندازه‌ی اولیه در صفحه‌ی طراحی باشد، Footage Dimensions: Layer Size را انتخاب کنید، و اگر می‌خواهید که هر یک از لایه‌ها به اندازه‌ی کل صفحه‌ی کار باشد از همان منو گزینه‌ی Document Size را انتخاب کنید.

تبدیل فایل ایلوستریتور

هنگامی که OK را بزنید یک Composition جدید در پانل پروژه درست می‌شود، با دوبار کلیک کردن بر روی آن تمام لایه‌ها در Timeline باز می‌شوند و شما می‌توانید آنهارا تغییر دهید.

تبدیل فایل ایلوستریتور

منبع:

http://www.creativebloq.com

سینا کشاورز
نویسنده:سینا کشاورزطراح و گرافیست ایموگراف

نظرات کاربران

نام:
ایمیل:
متن نظر:
  • چگونه آیکون‌های خطی با رنگ‌های محدود درست کنیم!!!!
    آموزشچگونه آیکون‌های خطی با رنگ‌های محدود درست کنیم!!!!

    در این آموزش با هم یاد می‌گیریم که چطور چند آیکون خطی ساده با رنگ‌های محدود درست کنیم.

    مرحله‌ی اول

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

    آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی دوم

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

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی سوم

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

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی چهارم

    با استفاده از ابزار Pen خط‌های منحنی روی چتر را بکشید، سپس با استفاده از Line Segment یک خط کوچک در بالا و یک خط بلند در پایین چتر برای دسته بکشید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی پنجم

    برای درست کردن منحنی پایین دسته‌ی چتر با استفاده از ابزار Ellipse یک دایره بکشید. و با استفاده از ابزار Direct Selection نقطه‌ی بالایی دایره را انتخاب کنید و از را حذف کنید. سپس تمام اجزای چتر را در یک گروه قرار دهید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی ششم

    برای درست کردن آیکون مدرک با کشیدن یک مستطیل شروع می‌کنیم. با استفاده از ابزار Pen یک مثلث کوچک در پایین سمت چپ مستطیل بکشید. برای درست کردن شکل مهر یک دایره‌ی کوچک داخل مستطیل بکشید و با استفاده از افکت Zig zag آن را به شکل یک مهر دربیاورید.(Effect > Distort & Transform > Zig Zag) چند خط افقی به جای نوشته‌ها درست کنید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی هفتم

    برای درست کردن آیکون پیتزا یک دایره بکشید و با استفاده از ابزار Selection و گرفتن دایره‌ی کوچک یک برش روی دایره ایجاد کنید. سپس یک دایره در همان اندازه بکشید و این بار دایره را به اندازه‌ی برش دایره‌ی قبلی دربیاورید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی هشتم

    یک دایره‌ی کوچکتر بکشید و مانند دایره‌ی قبلی یک برش روی آن ایجاد کنید، برای قسمت بریده شده هم همین کار را انجام دهید. تعدادی دایره‌ی کوچک ایجاد کنید، همه اجزای آیکون پیتزا را در یک گروه قرار دهید و با استفاده از ابزار Shape Builder و نگه داشتن کلید Alt قسمت های بیرون زده را حذف کنید.

     آموزش ایلوستریتور – آیکون خطی

    درست کردن آیکن‌های رنگی

    مرحله‌ی اول

    برای درست کردن آیکون‌های رنگی ابتدا رنگ‌های مورد نظر را انتخاب کنید. حالا نوبت درست کردن آیکون مداد است، ابتدا یک مستطیل بکشید و با استفاده از ابزار Add Anchor Point در وسط ضلع بالایی مستطیل یک Anchor point ایجاد کرده و با ابزار Direct Selection آن را به سمت بالا بکشید تا به شکل نوک تیز در بیاید. حالا با همان ابزار قبلی تو زاویه‌ی پایینی را انتخاب کرده و با کشیدن دایره‌های کوچک ایجاد شده به سمت وسط مستطیل، قسمت پایینی را به شکل منحنی دربیاورید تا شکل ایجاد شده شبیه به مداد شود. حالا چند خط عمودی و افقی روی شکل اصلی مداد برای ایجاد جزئیات بیشتر بکشید.

    شکل اصلی را انتخاب کنید، در قسمت Fill رنگ مورد نظر را قرار دهید وStroke را در حالت بی رنگ بگذارید. دقت کنید که خط‌هایی که برای جزئیات مداد کشیدید از قسمت اصلی بیرون زده باشند و مود آنها را در قسمت Transparency در حال Multiply قرار دهید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی دوم

    برای درست کردن سطل رنگ ابتدا یک مربع بکشید، سپس دو منحنی در بالا و پایین مربع قرار دهید. با استفاده از ابزار Add Anchor point در وسط ظلع بالایی مربع یک Anchor point ایجاد کنید، حالا با استفاده از Direct selection آن را انتخاب کنید و پاک کنید. منحنی و قسمت پایین مربع را انتخاب کنید و در پنل pathfinder کلید Unite را فشار دهید. حالا یک منحنی کوچکتر درست کنید و در قسمت Fill رنگ را تغییر دهید و قسمت Stroke را در حالت بی رنگ قرار دهید. برای کشیدن دسته‌ی سطل با استفاده از ابزار Pen یک خط گرد بکشید که و با استفاده از دو منحنی کوچکتر برای اتصال دسته به سطل استفاده کنید. یک منحنی پایین تر از دسته با رنگ بدنه ایجاد کنید . همه‌ی اجزا را در یک گروه قرار دهید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی سوم

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

     آموزش ایلوستریتور – آیکون خطی

    اضافه کردن رنگ به آیکون‌های قبلی

    مرحله‌ی اول

    اگر بخواهیم به چتری که قبلا درست کردیم کمی جزئیات اضافه کنیم، ابر و قطرات باران گزینه‌های خوبی هستند. قطره‌های باران دایره‌هایی هستند که Anchor point بالایی آنها به سمت بالا کشیده شده و ابرها را می توان با استفاده از دایره‌هایی که با استفاده از Unite با هم مخلوط شده‌اند درست کرد. در انتخاب رنگ دقت کنید و آنها را در حالت Multiply قرار دهید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی دوم

    برای نشان دادن درخشش الماس، یک دایره درست کنید، سپس با استفاده از افکت Zig Zag آن را یه شکل درخشش دربیاورید.

     آموزش ایلوستریتور – آیکون خطی

    مرحله‌ی دوم

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

     آموزش ایلوستریتور – آیکون خطی

    نتیجه‌ی نهایی

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

     آموزش ایلوستریتور – آیکون خطی

    منابع:

    www.tutpad.com

    23 مرداد 97تلگرامتوئیتر
  • گرافیک
    آموزشگرافیک

    گرافیک (برگرفته از واژه‌ی یونانی graphikos) تصاویر بصری یا طرح‌هایی هستند که بر روی برخی از سطوح مانند دیوار، بوم، صفحه نمایش، کاغذ یا سنگ و ... برای اطلاع‌رسانی، مصور کردن یا به عنوان سرگرمی استفاده می‌شود. باید به این موضوع توجه کرد که «هنر گرافیک» از جمله هنرهای تجسمی است که گاهی با نقاشی اشتباه گرفته می‌شود؛ این در حالی است که گرافیک، ایده‌هایی است که از سوی طراح به مرحله اجرا می‌رسد؛ به عنوان مثال، می‌توان به نمایش تصویری داده‌های کامپیوتری، حروف چینی و هنرهای تجسمی و همچنین در نرم‌افزارهای آموزشی و تفریحی اشاره داشت.

    گرافیک کامپیوتری

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

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

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

    گرافیک در تبلیغات

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

    تاریخچه


    تاریخچه گرافیک

    تاریخچه این هنر به زمانی برمی‌گردد که انسان‌ها از طریق تصاویر با یکدیگر صحبت می‌کردند. در حقیقت از دوره غارنشینی تصاویری به جای مانده که نشان‌دهنده برقراری ارتباط انسان‌ها با یکدیگر به واسطه تصاویر بوده است.
    اولین طرح‌های گرافیکی که انسان‌شناسان پیدا کرده‌اند، نقاشی‌های غار و نشانه‌گذاری بر روی تخته سنگ، استخوان و عاج‌هایی بود که از دوران پالئولیتیک (دوره پارینه سنگی بالایی یعنی در حدود 15.000 تا 40.000 سال پیش از میلاد مسیح) به جای مانده است. بسیاری از این نگاره‌ها اطلاعات مربوط به اخترشناسی، فصول و تاریخ را ثبت کرده‌اند.
    برخی از اولین گرافیک‌ها و نقاشی‌های شناخته شده در دنیای مدرن که تقریبا از 6.000 سال پیش پیدا شدند، تکه‌‎های سنگی حک شده و مهر و موم‌های سیلندر-سرامیکی هستند که آغاز دوره‌های تاریخی و نگهداری پرونده‌های حسابداری و انبارداری را نشان می‌دهند. در مصر باستان از پاپیروس، سنگ آهک یا چوب برای طراحی در اهرام استفاده می‌کردند. در سال‌های 250 تا 600 قبل از میلاد، نیز یونانیان از گرافیک در مسائل هندسی مانند نظریه دایره یا قضیه فیثاغورث استفاده می‌کردند.

    اصطلاح طراحی گرافیک توسط ویلیام ادیسون دوینگینز ( William Addison Dwiggins) در سال 1922 خلق گردید. البته طراحی‌های انسانی در غارها مانند غار لسکو در فرانسه (Lascaux) یا ستون تراجان در رم یا نسخه‌های خطی مصور (illuminated manuscript) نیز گرافیک به حساب می‌آیند.


    منبع:

    www.wikipedia.com

    11 مهرتلگرامتوئیتر
  • اینفوگرافیک چیست؟
    آموزشاینفوگرافیک چیست؟

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

    این روش، با کمک نمودارها و تصاویر، روندها و الگوهای تغییرات را به خوبی نمایش می‌دهد

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

    اینفوگرافیک

    منابع:

    www.customermagnetism.com https://en.wikipedia.org/wiki/Infographic

    23 آبانتلگرامتوئیتر