آموزش ایلوستریتور - طراحی یک دکمه پاور براق

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

سطح آموزش: مقدماتی - متوسط زمان مورد نیاز برای تکمیل طرح: 30 دقیقه تعداد مراحل: 9

تصویر نهایی که ایجاد خواهید کرد به صورت زیر است:

گام 1
یک سند با اندازه 700x700px بسازید. ابزار Ellipse (L) را بردارید. کلید Shift را نگه داشته و یک شکل به اندازه 500x500px ترسیم کنید. ابتدا آن را با گرادیانت ستاره ای مانند تصویر شماره 1 پر کنید و استروک خارجی 1pt به آن اضافه نمایید (R=204 G=204 B=204). سپس از منوی شناور پنل Appearance، یک fill جدید برای این شکل اضافه کنید و از گرادیانت ستاره ای نشان داده شده در تصویر شماره 2 استفاده نمایید. این دایره را مجدداً انتخاب کنید و افکت Drop Shadow را بر روی آن إعمال نمایید (Effect > Stylize > Drop Shadow). درست مانند تصویر شماره 3.

گام 2
شکلی که در مرحله قبل ساختید را انتخاب کنید. به مسیر Object > Path > Offset Path بروید. برای Offset مقدار 50px- را وارد کرده و OK را بزنید. شکل حاصل را انتخاب کنید. fill دوم و افکت Drop Shadow را حذف کنید. سپس آن را با گرادیانت خطی مانند تصویر شماره 1 پر کنید و استروک خارجی آن را برابر 0.5pt قرار دهید (R=179 G=179 B=179). این شکل را انتخاب کرده و مجدداً به مسیر Object > Path > Offset Path بروید. برای Offset مقدار 5px- را وارد کرده و OK را بزنید. شکل حاصل را با دومین گرادیانت خطی نشان داده شده در تصویر پر کنید (بدون استروک). این شکل جدید را انتخاب کرده و یک بار دیگر به مسیر Object > Path > Offset Path بروید. برای Offset مقدار 5px- را وارد کرده و OK را بزنید. این دایره آخری را با گرادیانت ستاره ای نشان داده شده در تصویر شماره 3 پر کنید و یک افکت Inner Glow بر روی آن إعمال نمایید (Effects > Stylize > Inner Glow).

گام 3
اکنون نوبت ایجاد علامت پاور است. ابتدا به مسیر View > Grid رفته و سپس به مسیر View > Snap to Grid بروید. حال شما به یک شبکه به ابعاد 10px نیاز دارید. به مسیر Edit > Preferences > Guides & Grid بروید. در کادر Gridline every عدد 10 و در کادر Subdivisions عدد 1 را وارد کنید. سپس ابزار Ellipse (L) را انتخاب کنید و یک شکل به اندازه 180x180px ایجاد نمایید. Fill را برای آن none قرار داده و یک استروک مرکز محور 35pt به آن اضافه کنید (با هر رنگی دوست دارید). Snap to Grid را غیرفعال کنید. این دایره را انتخاب کنید. ابزار Add Anchor Point (+) را انتخاب نمایید و دو نقطه لنگر جدید مانند تصویر شماره 2 اضافه کنید. در پایان، ابزار Direct Selection (A) را بردارید، نقطه لنگر مشخص شده در تصویر شماره 3 را انتخاب کنید و کلید Delete را بزنید. اکنون شکل شما باید مانند تصویر شماره 4 به نظر برسد:

گام 4
ابزار Pen (P) را بردارید و یک مسیر عمودی مانند تصویر شماره 1 ایجاد کنید. Fill را برای آن none قرار داده و یک استروک مرکز محور 35pt به آن اضافه کنید (با هر رنگی دوست دارید). این مسیر جدید را به همراه مسیر مرحله قبل انتخاب کرده و به پنل Appearance بروید. بر روی Stroke کلیک کنید و سپس دکمه Round Cap را بزنید. این دو مسیر را مجدداً انتخاب کنید و به مسیر Object > Expand بروید. شکل های حاصل را انتخاب کنید و به مسیر Object > Compound Path > Make بروید.

گام 5
شکل پاور را انتخاب کنید. اندازه آن را تغییر دهید و آن را مانند تصویر شماره 1 در محل مناسب قرار دهید. آن را با کد رنگ R=102 G=102 B=102 پر کنید و یک استروک خارجی به اندازه 1pt به آن اضافه نمایید (R=133 G=29 B=30). یک افکت Inner Glow بر روی آن إعمال کنید (Effect > Stylize > Inner Glow). سپس یک افکت Outer Glow نیز به کار ببرید (Effect > Stylize > Outer Glow).

گام 6
ابزار Ellipse (L) را بردارید و یک شکل فشرده مانند تصویر شماره 1 ترسیم کنید (تقریباً به اندازه 300x7px). این شکل را انتخاب کنید. ابزار Convert Anchor Point (Shift+C) را بردارید و بر روی نقاط لنگر مشخص شده در تصویر شماره 1 کلیک کنید. شکل شما باید مانند تصویر شماره 2 باشد. آن را مانند تصویر شماره 3 در محل مناسب قرار دهید. افکت Arc را بر روی آن إعمال کنید (Effect > Warp > Arc). سپس به مسیر Object > Expand Appearance بروید. شکل حاصل را با گرادیانت ستاره ای پر کرده و Opacity آن را به 50% کاهش دهید.

گام 7
ابزار Ellipse (L) را بردارید و یک شکل فشرده مانند تصویر شماره 1 ایجاد کنید (تقریباً به اندازه 220x5px). مجدداً ابزار Convert Anchor Point (Shift+C) را انتخاب کنید و بر روی نقاط لنگر مشخص شده در تصویر شماره 1 کلیک کنید. این شکل جدید را مانند تصویر شماره 3 در محل مناسب قرار دهید. افکت Arc را بر روی آن إعمال کنید (Effect > Warp > Arc). سپس به مسیر Object > Expand Appearance بروید. شکل حاصل را با گرادیانت ستاره ای پر کرده و Opacity آن را به 50% کاهش دهید.

گام 8
به Snap to Grid برگردید. ابزار Rectangle (M) را بردارید و یک شکل 30x80px ایجاد کنید. سه کپی از آن تهیه کنید و آن ها را مانند تصویر شماره 1 در محل مناسب قرار دهید. Snap to Grid را غیرفعال کنید. سپس این چهار شکل را انتخاب کنید و آن ها را گروه بندی نمایید (Ctrl+G). این گروه را انتخاب کرده و افکت Arc را اضافه کنید. سپس به مسیر Object > Expand Appearance بروید. اشکال حاصل را با رنگ سفید پر کنید و Opacity آن ها را به 5% کاهش دهید. این اشکال را بچرخانید و تغییرا اندازه دهید. سپس آن ها را مانند تصویر شماره 3 در محل مناسب قرار دهید.

گام 9
ابزار Ellipse (L) را انتخاب کنید و یک شکل مانند شکل قرمز رنگ تصویر شماره 1 ترسیم نمایید و از آن یک کپی بگیرید. سپس از بزرگترین دایره (که در محله 1 ترسیم شد) یک کپی بگیرید. این کپی را به همراه کپی شکل قرمز رنگ انتخاب کنید و در پنل Pathfinder بر روی Minus Front کلیک کنید. در پنل لایه ها، شکل حاصل را به بالای بزرگترین دایره انتقال دهید. سپس آن را با گرادیانت خطی مانند تصویر شماره 2 پر کنید. Opacity این شکل را به 15% کاهش دهید. یک کپی از کوچکترین دایره بگیرید. این کپی را به همراه شکل قرمز اصلی انتخاب کنید و در پنل Pathfinder بر روی Intersect کلیک نمایید. شکل حاصل را با گرادیانت خطی پر کرده و Opacity آن را به 20% کاهش دهید. سپس Blending Mode آن را به Screen تغییر دهید.

تصویر نهایی