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

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

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

مرحله‌ی اول

برای شروع کار اول یک فایل جدید ایجاد کنید و با استفاده از ابزار 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

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

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

نام:
ایمیل:
متن نظر:
  • چگونه یک فایل 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

    20 آبانتلگرامتوئیتر
  • Surface Studio
    آموزشSurface Studio

    هنگامی که شما اولین بار به Surface Studio نگاه می‌کنید، بدون شک چیزی غیر از زیبایی می‌بینید. نمایشگر بزرگ 28 اینچ با رزولوشن بالا و تراکم پیکسل بالا در قلب دستگاه قرار دارد که به نظر می‌رسد از بالای پایه‌ای که تمام سخت افزار را می‌پوشاند شناور است.

    Surface Studio در مقابل iMac

    معرفی سرفیس استودیو

    ما اولین سوال شما را می‌دانیم: آیا این جایگزین مناسب برای iMac است؟ پاسخ، در اولین برداشت: 100 درصد بله! اپل کار بزرگی در ترکیب زیبایی‌شناسی با قدرت انجام داده است، اما با Surface Studio مایکروسافت به لطف ویژگی منحصر به فرد استودیوی خود، چیزی در حد مطلوب، تولید کرده است.
    با یک لمس خیلی آرام شما می‌توانید Surface Studio را به زاویه‌ای که می‌خواهید طراحی کنید، تغییر دهید. لولای دستگاه در واقع شما را قادر می‌سازد تا صفحه نمایش را در هر زاویه ای که دوست دارید قرار دهید.

    تجربه‌ی طراحی

    معرفی سرفیس استودیو

    یکی دیگر از چیزهایی که iMac ندارد، یک صفحه نمایش حساس به لمس است (10نقطه چند لمسی). شما می‌توانید از Surface Pen جدید استفاده کنید تا به طور دقیق طراحی کنید (میزان حساسیت به فشار، 4.096 بوده و می‌تواند شیب را تشخیص دهد.
    استفاده از Surface Pen در چنین صفحه نمایش بزرگی، یک تجربه فوق العاده است. تقریبا هیچ تاخیری وجود ندارد و ما احساس کردیم که با یک تجربه طراحی بسیار ریسپانسیو روبرو هستیم.

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

    معرفی سرفیس استودیو

    با کلیک و یک چرخش، شما می‌توانید گزینه‌های مختلفی برای کنترل قلم و سایر موارد انتخاب کنید. البته تنها چند برنامه وجود دارد که در حال حاضر با Surface Dial کار می‌کنند (برنامه های Creative Cloud هیچ گونه قابلیتی ندارند، بنابراین شما فقط می‌توانید از آن برای بزرگنمایی استفاده کنید که البته تا زمانی که Creative Cloud برنامه‌های خود را به روز کند شما میتوانید با Sketchable کار کنید).

    صفحه نمایش

    معرفی سرفیس استودیو

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

    مشخصات

    به هر حال، Surface Studio هیچ مشکلی ندارد. مدل پایه با 64 گیگابایت هارد SSD و 1 ترابایت حافظه داخلی، 8 گیگابایت رم، پردازنده Core i5 و گرافیک GeForce با 2 گیگابایت بوده و شما چهار ورودی USB3، یک کارت خوان SD، Mini DisplayPort، و جک هدفون 3.5 میلی متری در اختیار دارید. همه‌ی این پورت ها در پشت قرار دارند و یک پورت USB در جلو.

    منبع:


    http://www.creativebloq.com

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

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

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

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

    http://blog.imograph.com/blogDes.php?id=39

    27 فروردین 97تلگرامتوئیتر