چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت اول
آموزشتلگرامتوئیتر

چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت اول

در این آموزش ما به شما نشان می‌دهیم که چگونه یک منظره‌ی کوهستانی با استفاده از ساده‌ترین ابزارهای ایلوستریتور ایجاد کنید. در این آموزش کدهایی مانند #4bafe3 برای نشان دادن رنگ قسمت مورد نظر به کار رفته که می‌توانید از آن در قسمت رنگ نرم‌افزار استفاده کنید.

باز کردن یک فایل جدید

در ابتدا لازم است یک فایل جدید(File>New / Ctrl+N) با مشخصات زیر ایجاد کنید:
Number of Artboards: 1 Width: 1200 Height: 1200 Units: pixels و در قسمت Advanced:
Color Mode: RGB Raster Effects: Screen (72 ppi) Preview Mode: Default آموزش ایلوستریتور

آماده کردن لایه‌ها

برای اینکه فضای کار مرتبی داشته باشید و راحت‌تر بتوانید در آن کار کنید، بهتر است که هر بخش را در یک لایه‌‌ی جدا قرار دهید. پنل لایه‌ها را باز کنید و پنج لایه در آن بسازید و به ترتیب زیر، از بالا به پایین نام گذاری کنید:
Lake Main Hills Mountains Sky به غیر از لایه‌ی Lake، باقی لایه‌ها را قفل کنید.

آموزش ایلوستریتور

ساختن دریاچه

در ابتدا برای ساختن دریاچه، یک مستطیل با ابعاد 900 x 58 px به رنگ آبی کم رنگ (#4bafe3) با استفاده از ابزار مستطیل (M) در پایین صفحه بکشید. سپس یک مستطیل کوچک‌تر به ابعاد 580 x 40 px بکشید و آن را زیر مستطیل قبلی قرار دهید.

آموزش ایلوستریتور

با استفاده از ابزار Direct Selection Tool یا کلید A گوشه‌های مستطیل بزرگ را انتخاب کنید یا فقط در وسط مستطیل کلیک کنید. دایره‌های کوچکی که در گوشه‌ها مشخص می‌شوند، برای گرد کردن گوشه‌های مستطیل هستند، با کشیدن آن‌ها به سمت مرکز مستطیل می‌توانید گوشه‌ها را گرد کنید یا می‌تواید از Effect > Stylize > Round Corners استفاده کنید. همین کار را برای مستطیل کوچک هم انجام دهید.
هر دو شکل را انتخاب کنید و به وسیله‌ی Unite از پنل Pathfinder آن‌ها را ادغام کنید.

آموزش ایلوستریتور

شکلی که درست کرده‌اید را انتخاب کنید و از آن یک کپی در زیر شکل اول درست کنید(Ctrl+C – Ctrl+B)، سپس شکل دوم را اندکی به سمت پایین بکشید و رنگ آن را مقداری تیره کنید(#406e85) .

آموزش ایلوستریتور

با استفاده از ابزارDirect Selection Tool یا کلید A خط بالایی شکل را انتخاب کنید و یک کپی از آن در روی شکل درست کنید (Ctrl+C – Ctrl+F).
برای درست کردن رنگ آن از این دستور استفاده کنید : Fill=None / Stroke=3px . خط درسته شده را انتخاب کنید و با استفاده از Effect > Distort & Transform > Zig Zag به آن حالت موج دار دهید. در پنجره‌ی باز شده این دستورات را اجرا کنید:
Size: 3 px - Absolute Ridges per segment: 27 برای اعمال افکت به قسمت Object > Expand Appearance بروید.

آموزش ایلوستریتور

با استفاده از ابزار Direct Selection Tool یا کلید A نقطه‌ی ابتدا و انتهای خط را انتخاب کنید و با استفاده از Ctrl+J آن‌ها را به هم وصل کنید و یک حجم به وجود بیاورید. حجم موجی شکل را انتخاب کنید و آن را در بالای شکل اول قرار دهید و برای درست کردن رنگ برای قسمت Fill از #4bafe3 استفاده کنید و قسمت Stroke را به حالت None در بیاورید. حالا شکل موج و قسمت آبی کم رنگ را انتخاب کرده و با استفاده از ابزار Unite در پنل Pathfinder آن‌ها را ادغام کنید.

آموزش ایلوستریتور

حالا قسمت آبی کمرنگ را انتخاب کنید و با فشار دادن دکمه‌ی Enter منوی حرکات را باز کنید. در قسمت Vertical position عدد -10 px را قرار دهید و دکمه‌ی Copy را فشار دهید. رنگ آن را به #73d0ff تغییر دهید و آن را در زیر شکل اصلی قرار دهید (Shift-Ctrl-[ ) .
یک بار دیگر دستورات بالا را اجرا کنید و رنگ آن را به #ace5f6 تغییر دهید.
حالا همه‌ی شکل‌ها را انتخاب کنید و با استفاده از Crtl+G آن‌ها را در یک گروه قرار دهید.

آموزش ایلوستریتور

در مرحله‌ی بعدی با اضافه کردن جزئیات دریاچه‌ را کمی واقعی‌تر می‌کنیم.
با استفاده از ابزار Ellipse (L) یک بیضی بکشید و رنگ آن را به #ace5f6 تغییر دهید. قسمت چپ و راست بیضی را از حالت منحنی درآورید و آن‌ها را به گوشه‌های تیز تبدیل کنید (Shift-C) و یک برگ درست کنید(1).
یک خط از وسط شکل بکشید که دقیقا از وسط دو ضلع تیز رد شود. خط و شکل را انتخاب کنید و از منوی Pathfinder قسمت Divide را انتخاب کنید(2)، آنها را از حالت گروه خارج کنید (Ctrl-Shift-G) و قسمت بالایی را پاک کنید(3).
با استفاده از پنجره‌ی Move از شکل درست شده دو بار کپی بگیرید و آن‌ها را در یک راستا قرار دهید، حالا شکل‌های درست شده را با استفاده از Ctrl-G در یک گروه قرار دهید(4). از این گروه به تعدادی که می‌خواهید کپی درست کنید و در جاهای مختلف دریاچه قرار دهید تا شکلی مانند بازتاب نور خورشید بر روی موج‌های آب درست کنید(5).

آموزش ایلوستریتور

ادامه دارد

چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت دوم

چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت سوم

منبع:

https://design.tutsplus.com

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

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

نام:
ایمیل:
متن نظر:
  • به ایموبلاگ خوش آمدید
    تازه هابه ایموبلاگ خوش آمدید

    به بلاگ ایموگراف خوش آمدید، فضایی که در آن درباره‌ی اخبار و آموزش‌های دنیای گرافیک صحبت می‌کنیم.

    برای کسانی که ما را نمی‌شناسند، وب سایت ایموگراف روشی ساده برای دستیابی به فایل‌های گرافیکی است به طوری که در این وب سایت، امکان دانلود رایگان بیش از 10.000 فایل‌ گرافیکی اعم از آیکون، پوستر، بنر، بروشور، کارت عروسی، موک‌آپ، عکس و بسیاری دیگر را در فرمت‌های وکتور (vector) ، فرمت اختصاصی فوتوشاپ (PSD) ، PNG و JPG در اختیار شما قرار داده‌ایم.

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

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

    24 اسفندتلگرامتوئیتر
  • چگونه یک فایل 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 مهرتلگرامتوئیتر