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

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

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

با استفاده از ابزار ellipse (L) یک بیضی به ابعاد 8.5 x 21 px درست کنید و رنگ آن را به #fff75a تغییر دهید. قسمت بالایی بیضی را با استفاده از ابزار Direct selection Tool (A) انتخاب کنید و از حالت منحنی به شکل تیز درآورید.
حالا با استفاده از Direct Selection Tool (A) قسمت چپ و راست شکل را انتخاب کنید و آنها را کمی به سمت پایین بکشید تا شکل به حالت اشک دربیاید. شکل را انتخاب کنید و با استفاده از Rotate Tool (R) و Alt-click بر روی قسمت پایینی شکل نقطه‌ی چرخش آن را مشخص کنید. در پنل Rotate زاویه‌ی 20 درجه را قرار دهید و روی دکمه‌ی Copy کلیک کنید. سپس Crtl-D را فشار دهید تا یک کپی با مشخصات قبلی درست شود، دو شکل جدید را انتخاب کنید و کمی آنها را به سمت پایین بکشید تا در جای درست قرار گیرند.

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

دو شکلی که کپی کردید را انتخاب نمایید و ابزار Reflect Tool (O) را فعال کنید(right click> Transform> Reflect). در پنجره‌ی Reflect تیک قسمت Axis را در حالت Vertical قرار دهید و روی دکمه‌ی Copy کلیک کنید. حالا همه‌ی قسمت‌های زرد را انتخلب کنید و با استفاده از Ctrl-G آن‌ها را در یک گروه قرار دهید.
با استفاده از ابزار مستطیل (M) یک مستطیل به ابعاد 62 x 6.5 px درست کنید و رنگ آن را به #c1db35 تغییر دهید، سپس گوشه‌های آن را به حالت منحنی تغییر دهید.
حالا شکل قبلی که مثل گل بود را انتخاب کنید و آن را در قسمت راست مستطیل سبز قرار دهید، لایه‌ی گل را در قسمت لایه‌ها در زیر شکل سبز قرار دهید تا قسمت پایینی گل پنهان شود.
با استفاده از ellipse یک دایره به ابعاد 13 x 13 px با رنگ #fff75a درست کنید و آن را سمت چپ شکل سبز قرار دهید، این شکل را مانند شکل قبلی به زیر لایه‌ی شکل سبز ببرید تا قسمت پایینی پنهان شود.

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

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

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

درست کردن فضای سبز و جنگل

در ابتدا با درست کردن چند گل مردابی شروع می‌کنیم، برای درست کردن این شکل ابتدا یک مستطیل عمودی در ابعاد 1.7 x 55 px به رنگ #66801b درست می‌کنیم.
یک مستطیل دیگر در ابعاد 4.25 x 17 px به رنگ #696354 درست می‌کنیم، گوشه‌های تیز آن را کاملن گرد می‌کنیم و آن را در بالای مستطیل قبلی قرار می‌دهیم.
با استفاده از Pen Tool (p) یک مثلث مانند مثلثی که در عکس می‌بینید درست کنید و رنگ آن را به #66801b تغییر دهید، با استفاده از Reflect Tool یک کپی از آن درست کنید، حالا شکل‌هایی که در این این مرحله درست کرده‌اید را انتخاب کنید و آن‌ها را در یک گروه قرار دهید(Ctrl-G).

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

حالا یک مستطیل به ابعاد 82 x 78 px به رنگ #c1db35 درست کنید، و گوشه‌های بالایی آن را کاملا گرد کنید، یک خط عمودی در وسط شکل از بالا تا پایین بکشید. شکل و خط را انتخاب کنید و با استفاده از Divide از پنل Pathfinder شکل را از وسط به دو قسمت تبدیل کنید، قسمت چپ شکل را انتخاب کنید و رنگ آن را به #79981f تغییر دهید. تعدادی دایره‌ی کوچک به رنگ #99ba38 در قسمت راست شکل درست کنید. شکل‌هایی که در این مرحله درست کرده‌اید را در یک گروه قرار دهید. حالا شما شکلی بوته مانند ساختید. از بوته یک کپی درست کنید و اندازه‌ی آن را کوچک‌تر از شکل قبلی کرده و آن‌ها را در یک گروه قرار دهید.
به تعداد دلخواه از بوته‌ها کپی درست کنید و در نقاط مختلف قرار دهید و آن‌ها را در زیر لایه‌ی دریاچه قرار دهید.

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

برای درست کردن زمین، یک مستطیل با ابعاد 1075 x 57 px به رنگ #a2c430 درست کنید و گوشه‌های آن را کاملن گرد کنید. شکل درست شده را انتخاب کنید و با استفاده از Ctrl-C و Ctrl-B یک کپی در پشت آن درست کنید، شکل درست شده را کمی به سمت پایین بکشید و رنگ آن را به #406e85 تغییر دهید. هر دو شکل را در یک گروه قرار دهید و آنها را در پشت لایه‌ی گل‌ها و بوته‌ها قرار دهید.

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

برای اضافه کردن جزئیات بیشتر یک مربع به ابعاد 14 x 14 px به رنگ #79981f درست کنید. با استفاده از ابزار Add Anchor Point Tool (+) و کلیک کردن در وسط خط بالایی مربع یک Anchor Point درگیر درست کنید. حالا با استفاده از ابزار Delete Anchor Point Tool (-) و کلیک کردن بر روی Anchor Point های دو گوشه‌ی بالای مربع، یک مثلث درست کنید (1).
مثلث را با استفاده از ابزار Selection Tool (V) انتخاب کنید و با فشار دادن کلید Enter پنجره‌ی Move را باز کنید. در پنجره‌ی باز شده قسمت Horizontal Position را 0 قرار دهید و در قسمت Vertical Position عدد 14px را وارد کنید و روی کلید Copy کلیک کنید. با استفاده از دستور Ctrl-D از این کار 17 کپی درست کنید و آن‌ها را در یک گروه قرار دهید(2).
یک دایره در ابعاد 110 x 110 px با رنگ #7a7462 درست کنید. یک خط افقی در وسط دایره بکشید و با استفاده از Divide از پنل Pathfinder آن را از وسط ببرید و قسمت پایینی دایره را پاک کنید(3). از این شکل می‌توان به عنوان سنگ استفاده کرد. از نیم دایره‌ی درست شده یک کپی بگیرید و رنگ آن را به #8f8873 تغییر دهید و هر دو شکل را در یک گروه قرار دهید(4).
حالا چمن‌ و سنگ‌ ها را انتخاب کنید و با استفاده از دستور Object > Arrange > Send to back آن‌ها را در لایه‌های پشت بوته و گل ها قرار دهید.

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

ادامه دارد

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

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

منبع:

https://design.tutsplus.com

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

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

نام:
ایمیل:
متن نظر:
  • Review: Adobe After Effects cc 2018
    آموزشReview: Adobe After Effects cc 2018

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

    در آخرین نسخه‌ی After Effects از مجموعه‌ی CC 2018، شاهد پیشرفت در ابزار‌های 3D و اضافه شدن گزینه‌ی VR هستیم، همچنین تنظیمات GPU در این نسخه کار را برای کاربران آسانتر کرده. همانطور که یک طراح انیمیشن و گرافیک‌های حرکتی به دنبال پیشرفت در مهارت‌های خود است، شرکت ادوبی نیز این مسیر را به خوبی بهبود داده است.

    ابزارهای حرکتی بر اساس داده‌ها

     adobe after effects cc 2018

    در نسخه‌ی جدید After Effects شما میتوانید با استفاده از فایل‌های JSON یا JavaScript Object Notation به تصاویر خود حرکت دهید. این ابزار‌ها بسیار کاربردی هستند و می‌توانید با استفاده از آن‌ها در زمان انجام کار صرفه جویی کنید. اگر شما با این ابزار‌ها آشنایی ندارید می‌توانید به صورت آنلاین آنها را یاد بگیرید.

    لازم به ذکر است که شما فقط فایل‌های JSON را می‌توانید در After Effects وارد کنید، اگر داده‌های دیگری مانند MySQL یا Excel با فرمت CSV دارید باید آن را به فرمت JSON یاMGJSON تبدیل کنید و سپس وارد نرم افزار کنید.
    در حالت عادی نرم‌افزارهایی که این فرمت‌ها را می‌توانند تبدیل کنند معمولا به شما فایل raw JSON می‌دهند، که این فرمت در After Effects خوانده نمی‌شود، اما با استفاده از نرم‌افزاری مانند Adobe Dreamweaver امکان تبدیل فایل داده‌ها به فرمت JSON وجود دارد.

    مزیت کار با فایل‌های JSON این است که می‌توانید آنها را تغییر دهید و لایه‌ها به صورت خودکار به‌روزرسانی شوند.

    Create Nulls From Path

     adobe after effects cc 2018

    یکی دیگر از قابلیت‌های نسخه‌ی جدید افترافکت، Create Nulls From Path است که به شما این امکان را می‌دهد، بدون نیاز به نوشتن، بتوانید انیمیشن‌های متحرک خود را بسازید. این پنل می‌تواند از هر مسیر یا شکل Null بسازد و به شما قابلیت کنترل بیشتر بر روی هر لایه را ‌دهد.
    برای باز کردن این پنل، به منوی Window بروید و پنل Create Nulls From Path را انتخاب کنید. Path Point را از لایه‌ی خود را انتخاب کنید و کلید Points Follow Nulls را در پنل کلیک نمایید. شما این کار را با فایل‌های وکتور نیز می‌توانید انجام دهید، برای این کار قبل از انجام کار‌های بالا کلید Create Vector Shapes را انتخاب کنید.
    مزیت کار کردن با این پنل، کنترل بیشتر بر روی لایه‌ها می‌باشد که به شما توانایی متحرک کردن هر یک از path null هایی که ساخته‌اید را می‌دهد. این پنل می‌تواند با کد‌های JSON نیز کار کند.

    360/VR Transitions, Effects, Titles

     adobe after effects cc 2018

    ادوبی قابلیت‌هایی برای فضای 3D و VR نیز اضافه کرده که کار در این فضا‌ها را راحت‌تر می‌کند. یکی از ابزارهایی که برای این فضا ساخته شده، ابزاری برای ویرایش ویدیوهای 360 درجه است؛ ابزاری که می‌تواند ویدیوی 360 درجه‌ی شما را به یک مکعب 3D تبدیل کند و شما به راحتی تغییرات را اعمال نمایید.

    پیشرفت‌های عملکرد

     adobe after effects cc 2018

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

    منبع:

    www.creativebloq.com

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

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

    مرحله‌ی اول

    برای شروع کار اول یک فایل جدید ایجاد کنید و با استفاده از ابزار 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تلگرامتوئیتر
  • طراحان گرافیک از چه ابزارهایی استفاده می‌کنند؟
    آموزشطراحان گرافیک از چه ابزارهایی استفاده می‌کنند؟

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

     طراحان گرافیک از چه ابزارهایی استفاده می‌کنند؟

    تعداد زیادی نرم‌افزار طراحی گرافیک وجود دارد که هر گروه از آنها شاخه‌های مختلفی را شامل می‌شوند و طراحان از نرم‌افزارهای دو بعدی با فرمت شطرنجی (Raster) یا برداری (Vector) در طرح‌بندی برای تبلیغات، بیلبورد، مجلات و... استفاده می‌کنند.

     طراحان گرافیک از چه ابزارهایی استفاده می‌کنند؟

    برای شروع طراحی گرافیک، شما حداقل به یک ویرایشگر Raster مثل Adobe Photoshop و یک ویرایشگر Vector مانند Adobe Illustrator نیاز دارید در حالی که نرم‌افزارهای رایگانی مثل Gimp و Inkscape وجود دارند. این نرم‌افزارهای رایگان، طراح را قادر می‌سازد تا بدون هیچ هزینه‌ای، اصول اولیه را یاد ‌بگیرد. همچنین می‌توانند طرح‌ها را به صورت حرفه‌ای اجرا کنند و به عنوان برنامه اصلی استفاده شوند. تفاوت در این است که برنامه‌های رایگان و متن باز (Free and Open-source) به دلیل عدم هماهنگی در فرمت فایل‌ها، در فرآیند کار حرفه‌ای مورد استفاده قرار نمی‌گیرند.

     طراحان گرافیک از چه ابزارهایی استفاده می‌کنند؟

    علاوه بر نرم‌افزارهای طراحی، طراحان از ابزارهای دیجیتال مانند تبلت برای طراحی یا رنگ کردن طرح استفاده می‌کنند. البته تبلت‌ها و ابزارهای دیجیتال مشابه، برای کارهای مختلفی استفاده می‌شوند و فقط محدود به طراحی با قلم نیستند، به عنوان مثال طراحان سه بعدی از تبلت برای ساخت مجسمه استفاده می‌کنند. مثلا تبلت‌های Wacom cintiq را میتوان نام برد که طراحان از آن‌ها به همراه نرم‌افزارهایی مثل Corel Drew یا Adobe Painter برای کارهای دو بعدی و Maya و Blender برای کارهای سه بعدی استفاده می‌کنند.

    منبع:


    GraphicDesignDgreeHub.com

    11 مهرتلگرامتوئیتر