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

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

در دو قسمت قبلی «پروژه‌ی درست کردن یک منظره‌ی کوهستانی در ایلوستریتور» درباره‌ی چگونگی کار با ابزارها برای درست کردن دریاچه و فضای سبز پشت آن توضیح دادیم. حالا نوبت درست کردن ادامه‌ی فضای سبز، جنگل و تپه‌های پشت آن است.

برای درست کردن جنگل، ابتدا یک مستطیل در ابعاد 1030x40 px به رنگ #d0f341 برای قسمت زمین درست کنید، گوشه‌های آن را گرد کنید و آن را در پشت سنگ‌ها و بوته‌ها قرار دهید(Object> Arrange> Send to back).

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

برای درست کردن جنگل به دو مدل درخت نیاز داریم: درختان مثلثی شکل و درختان گرد.
برای درست کردن درختان مثلثی، ابتدا یک مستطیل به ابعاد 140 x 235 px به رنگ #dof341 درست کنید. با استفاده از ابزار Add Anchor Point در وسط خط بالایی مستطیل یک Anchor point اضافه کنید، حالا Anchor point های دو ضلع بالایی مستطیل را پاک کنید تا یک مثلث درست کنید.
یک خط عمودی در وسط مثلث بکشید. مثلث و خط را انتخاب کنید و با استفاده از ابزار Divide از پنل Pathfinder مثلث را به دو قسمت تبدیل کنید. آن را از حالت گروه خارج کنید(Ctrl-Shift-G) و رنگ قسمت چپ مثلث را به #a2c430 تغییر دهید. حالا یک مثلث کوچک به رنگ #a2c430 درست کنید و چند کپی از آن را در قسمت راست مثلث بزرگ‌تر قرار دهید.

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

برای درست کردن درخت‌های گرد ابتدا یک دایره به ابعاد 165 x 165 و رنگ #d0f341 درست کنید، مثل قسمت قبلی یک خط عمودی در وسط آن بکشید و با استفاده از Divide از پنل Pathfinder آن را به دو قسمت تبدیل کنید. رنگ قسمت چپ دایره را به #a2c430 تغییر دهید.
حالا تعدادی مستطیل کوچک به رنگ #a2c430 که گوشه‌های آن گرد شده‌اند در قسمت راست دایره قرار دهید و برای درست کردن تنه‌ی درخت، یک مستطیل به رنگ #7a7462 بکشید و در پشت درخت قرار دهید.
حالا هر دو مدل درخت را انتخاب کنید و در یک گروه قرار دهید، سپس با استفاده از دستور Object> Arrange> Send to back آن‌ها را در لایه‌ی پشتی قرار دهید.

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

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

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

درست کردن تپه‌ها

به غیر از لایه‌ی Hills همه‌ی لایه‌ها را قفل کنید.
با کمک از ابزار Pen (P) یک شکل موجی درست کنید و رنگ آن را به #8ead28 تغییر دهید. شکل را انتخاب کنید و با استفاده از ابزار Reflect (O) و انتخاب کردن Anchor point پایینی قسمت راست شکل از آن یک کپی در جهت افقی بگیرید. حالا هر دو شکل را انتخاب کنید و با استفاده از ابزار Unite از پنل Pathfinder آن‌ها را ادغام کنید و شکلی مانند تپه درست کنید.

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

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

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

برای اضافه کردن جزئیات بیشتر، تپه‌ی سمت چپ را انتخاب کنید و با کلیک راست کردن روی آن، گزینه‌ی Isolate Selected Group را انتخاب کنید تا فقط همان لایه برای تغییرات انتخاب شود. (فایل ایزوله شده پررنگ‌تر از دیگر لایه‌ها می‌شود. حالا ابزار Pen (P) را اتنخاب کنید و یک خط عمودی به حالت زیگزاگ بکشید. قسمت Fill را برای این خط None قرار دهید و برای قسمت Stroke که خط‌های کناری شکل می‌شود عدد 9 px را انتخاب کنید و رنگ آن را به #66801b تغییر دهید. اگر گوشه‌های تیز ایجاد شدند آن‌ها را گرد کنید.
شکل را انتخاب کنید و به قسمت Object> Expand بروید. در پنجره‌ی باز شده تیک گزینه‌ی Stroke را فعال و گزینه‌ی Fill را غیرفعال کنید و دکمه‌ی OK را بزنید. حالا خط شما به حالت یک شکل با Anchor Point های مختلف تغییر کرد.
برای پاک کردن قسمت‌هایی از جاده که از تپه بیرون زدن‌اند،کافی است تپه و جاده را انتخاب کنید و با استفاده از Shape Builder (Shift-M) و نگه داشتن کلید Alt و کلیک کردن بر روی قسمت‌هایی که می‌خواهید حذف شوند، آن‌ها را پاک کنید.
با دو بارکلیک کردن در خارج از شکل ایزوله شده، آن را از حالت ایزوله خارج کنید.

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

حالا لایه‌ای که درختان در آن قرار دارند را از حالت قفل خارج کنید، یک درخت مثلثی و یک درخت گرد را انتخاب کنید با فشار دادن Ctrl-C از آن کپی بگیرید. لایه را قفل کنید. لایه‌ی تپه‌ها را انتخاب کنید و با فشار دادن Ctrl-V آن‌ها را وارد لایه‌ی تپه‌ها کنید.
به تعداد دلخواه از آنها کپی بگیرید و اندازه آن‌ها را تغییر دهید. حالا درختان را در جاهای مختلف تپه قرار دهید.

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

برای نشان دادن چند تپه‌ی دیگر که عقب‌تر از تپه‌های اولیه قرار دارند، از تپه‌هایی که قبلا ساختیم کپی می‌گیریم و رنگ آن‌ها را به #515c1d تغییر داده و آن‌ها را در پشت تپه‌های اولیه قرار می‌دهیم.(شما می‌توانید اندازه‌ی آن‌ها را نیز تغییر دهید.)
اگر کار‌های بالا را درست انجام داده باشید باید شکلی نزدیک به شکل زیر درست کرده باشید:

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

ادامه دارد

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

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

منبع:

https://design.tutsplus.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 آبانتلگرامتوئیتر
  • چگونه  از موکاپ استفاده کنیم؟
    آموزشچگونه از موکاپ استفاده کنیم؟

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

    برای این آموزش ما از موکاپ لیوان کاغذی استفاده میکنم که از لینک زیر می‌توانید دانلود کنید:

    http://www.imograph.com/product-page.php?id=13728

    در این موکاپ یک لیوان کاغذی وجود دارد که شما می‌توانید طرح مورد نظر خود را روی آن نشان دهید. به عنوان مثال شما لوگویی را برای یک کافه طراحی نموده‌اید که با این موکاپ می‌توانید لوگو یا نوشته را برای نوشیدنی‌های بیرون بر این کافه نمایش دهید.

    موکاپ

    ابتدا فایل را باز کنید. (موکاپ‌ها بیشتر در فتوشاپ درست شده‌اند)
    در این موکاپ در قسمت لایه‌ها دو گروه وجود دارد: Coffee-cup و Background، گروه Coffee-cup را باز کنید و روی لایه‌ی Your design که یک Smart Object است دوبار کلیک کنید تا فعال شود، در اینجا یک پنجره‌ی جدید باز می‌شود که محل قرار گیری طرح روی لیوان است.

    موکاپ

    حالا طرحی که از قبل آماده کرده‌اید را در فتوشاپ باز کنید. توجه کنید که طرحی که می‌خواهید روی آن کار کنید نباید پس‌زمینه داشته باشد پس آن را با فرمت PNG ذخیره کنید. با استفاده از Drag and Drop طرح را به پنجره‌ی Smart Object وارد کنید.

    موکاپ

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

    موکاپ
    8 فروردین 97تلگرامتوئیتر
  • معانی رنگ‌ها - قسمت سوم
    آموزشمعانی رنگ‌ها - قسمت سوم

    بنفش: وفاداری، عظمت، معنویت و رمزآلود

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

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

    موارد استفاده: بنفش برای هدف قرار دادن زنان بیشتر استفاده می‌شود، همانطور که محققان گفته‌اند: زنان رنگ بنفش را در رده‌های بالا قرار می‌دهند، در حالی‌که مردان حتی در رده بندی رنگ‌ها هم قرار نمیدهند. به طور کلی، بنفش رنگ متداولی برای برندینگ نیست و در واقع، برند Cadbury تنها برندی است که در لیست ۱۰۰ برند با ارزش از سال ۲۰۱۴ فوربس از رنگ بنفش استفاده کرده است.

    بنفش شاید برای همه مناسب نباشد ولی این کارت‌های بیزینس (کارت ویزیت) برای Intu ثابت می‌کند که وقتی با خاکستری ترکیب شود خیلی کارآمد شده و حتی تاثیر جنسیت را خنثی می‌کند.

    روانشناسی رنگ‌ها

    از بین کارت‌های بیزینسی (کارت ویزیت) که وجود دارد رنگ بنفش کارت برای کمپانی نرم افزار دارویی Tidepool در بین بقیه رنگ‌ها برجسته‌تر به نظر می‌آید. بنفش پررنگ (در تضاد با رنگ‌های آبی و سفید) رنگی اشرافی است.

    روانشناسی رنگ‌ها

    کارت ویزیت کمپانی طراحی داخلی Bella Casa برای شهر Louisville برای ارج نهادن به طراحی‌ها و خانه‌های ویکتوریایی و تاثیر فرهنگ فرانسه بر روی این شهر از رنگ بنفش استفاده کرده است. این جنبه‌های فمینیستی، نوستالژیک و احساسی با انتخاب رنگ بنفش از طریق بصری ارتباط برقرار می‌کند.

    روانشناسی رنگ‌ها

    قهوه‌ای: ارگانیک، ساده و صادق

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

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

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

    روانشناسی رنگ‌ها

    مفهوم هویت بصری برند Everybody Loves Fish & Chips تن‌های مختلف قهوه‌ای و کاغذ کاهی را ترکیب می‌کند تا حس زمینی بودن، طبیعی و غذای ارگانیک را منتقل کند.

    روانشناسی رنگ‌ها

    شرکت Maurizio Pagnozzi در هویت بصری که برای فروشگاه فشن XXY طراحی کرد، از دو طیف قهوه‌ای روشن و تیره استفاده کرد که نمایان‌گر سادگی، ماندگاری و حس نیت برند است.

    روانشناسی رنگ‌ها

    صورتی: زنانه، احساساتی، رمانتیک و هیجان انگیز

    رنگ صورتی رنگ بسیار متناقض است. معنی آن می‌تواند به شدت بر فرهنگ و زمینه‌ای که در آن ارائه شده است، بستگی دارد. این می‌تواند به زنانه و مردانه، کم عمق و محبت و بسیاری چیزهای دیگر مرتبط باشد. صورتی برای مدت طولانی (کلیشه‌ای) مختص زنان بوده و اکثرا به عنوان رنگی دخترانه در نظر گرفته می‌شود. به هرحال، مثل همه رنگ‌ها، صورتی بسیار متنوع است و شدت رنگ‌اش می‌تواند بر روی معنای آن تاثیر بگذارد. صورتی کم‌رنگ، اکثرا به عنوان رنگ منصوب برای دختر بچه‌ها عرضه میشود، که بیان‌گر با مزه بودن است درحالیکه صورتی کثیف بیشتر به معنای احساساتی و صورتی لایت رمانتیک بودن است. در مقابل، صورتی پررنگ حاکی از جوانی، انرژی، شور و هیجان است. امروزه به رنگ صورتی ملایم، به دلیل علاقه نسل‌های جدید به رنگ صورتی گونه (Blush Tone) millennial pink یا صورتی هزاره گفته می‌شود. این رنگ بیشتر برای فضای داخلی، گرافیک مورد استفاده قرار می‌گیرد و به‌طور اختصاصی در بین Generation Y (نسلی که در دهه‌های ۸۰ و ۹۰ میلادی به دنیا آمدند.) محبوبیت دارد.

    موارد استفاده: حس و حالی که می‌خواهید نشان بدهید را تعیین کنید و بر اساس آن تن‌های مختلف صورتی را انتخاب کنید. به خاطر استفاده از صورتی برای برندهای که به جنسیت خاصی تعلق ندارند، خجالت نکشید، مثل برند T-Mobile، چون ممکن است هدف شما مخاطب قرار دادن نسل‌ دهه 80 و 90 میلادی و شخصیت افراد باشد نه جنسیت آن‌ها.

    شرکت Sam Lane برای کارت ویزیت عکاسی Eleanor Finch به‌طور خاص صورتی لایت را انتخاب کرد تا در درجه اول زنان را مخاطب قرار دهد. گرچه، تصویرنگاری مشکی و ساده این طراحی باعث شده که در عین مدرن بودن، جلوه دخترانه نداشته باشد.

    روانشناسی رنگ‌ها

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

    روانشناسی رنگ‌ها

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

    روانشناسی رنگ‌ها

    ادامه دارد...

    منابع:

    www.canva.com

    www.wikipedia.com

    www.colorcom.com

    www.colorpsychology.org

    30 دی 97تلگرامتوئیتر