() translation by (you can also view the original English article)
در این آموزش یاد خواهیم گرفت که چطور یک مجموعه ساده آیکونهای سنگهای قیمتی با سبک تخت رایج در Adobe Illustrator درست کنیم. اشکال ساده و Blending Modes را بکار می گیریم، می خواهیم سنگهای قیمتی امان را درخشنده و براق بکنیم. نیازی به هیچ گونه مهارتهای طراحی یا ابزارهایی خاصی ندارید، پس شروع می کنیم!
1. شکل دادن یک الماس درخشان کامل وعالی
مرحله 1
Adobe Illustrator را باز کنید و یک سند جدید یا New Document (Control-N) به ابعاد 600x600 pixels و RGB Color Mode درست کنید.
مرحله 2
برای راحتی، گزینه Ruler Guides را استفاده می کنیم. تنها با کلیک-نگه داشتن روی Rulers (Control-R) و کشیدن (درگ کردن) خطوط راهنما بر روی صفحه طراحی یا آرت بورد این کار را انجام دهید. خطوط را در مرکز صفحه طراحی یا آرت بورد با استفاده از پنل Align تراز کنید.
مرحله 3
حالا می توانیم شروع به ساختن الماسمان کنیم! با بخش پایین الماس شروع می کنیم. ابزار Polygon Tool به همراه 3 ضلع بکار می بریم تا یک مثلث سه گوش درست کنیم. Radius را به 150pixels تنظیم می کنیم و شکلتان را مانند تصویر پایین قرار دهید.
مرحله 4
مثلث را کپی کنید و با نگه داشتن کلید Alt آن را فشرده و جمع کنید و یکی از اضلاع مثلث را به مرکز نزدیک تر کنید.
مرحله 5
ادامه دهید و بخش بالایی الماسمان را با اضافه کردن یک مستطیل با کمک ابزار Rectangle Tool (M) بسازید.
ابزار Direct Selection Tool (A) را بردارید، نقطه لنگر سمت راست بالایی را انتخاب و آن را به سمت مرکز نزدیکتر کنید (کلید Shift را نگه دارید تا نقطه بطور افقی و مستقیم و بدون بالا یا پایین رفتن حرکت داده شود). این جابجا کردن را برای نقطه لنگر سمت چپ بالایی مستطیل نیز تکرار کنید. شکل الماس ما کم کم قابل تشخیص می شود!
مرحله 6
بیائید بالای الماس را با جزئیات بیشتر درست کنیم! با اضافه کردن یک مستطیل دیگر شروع کنید، مرکز بخش بالایی الماس را حکاکی می کنیم. شکل یک مستطیل کوچک را درون شکل تازه ساخته شده درست کرده و ابزار Reflect Tool (O) را برای قرینه کردن آن بر روی محور افقی بکار بگیرید.
مرحله 7
حالا می توانیم الماسمان را رنگ آمیزی کرده و آن را درخشان کنیم! با استفاده از پالت رنگهای زیر این کار را انجام می دهیم:
برای راحتی کار شما، ابزار Eyedropper Tool (I) را استفاده کنید و فقط رنگها را مستقیماً از روی تصویر اسکرین شاتی که گذاشتم بردارید یا کدهای رنگی را که روبروی آنها که RGB هستند را استفاده کنید.
با رنگ آمیزی بخش پایین تر شروع کنید و کم کم به قسمت بالا حرکت کنید. شکل مثلث پایینی را با رنگ آبی آسمانی (R=173, G=230, B=255) و قسمت بالا را با رنگ آبی روشن تر (R=208, G=239, B=252) پُر کنید. شکلهای بالا را با سفید خالص پُر کنید و کمی مقدار شفافیت آبجکتها را با تنظیم مقدار Opacity به %50 کاهش داده، اینطوری الماس واقعی تر و براق تر می شود.
مقدار کدری یا opacity را برای هر جزء تغییر دهید تا بر روی لبه های مختلف سنگ قیمتی تاکید شود.
مرحله 8
بیائید الماس را براق و درخشان کنیم! ابزار Star Tool را بردارید و یک ستاره ساده 4-نقطه ای درست کنید. در حالیکه دارید شکل را درست می کنید مقدار تیزی گوشه های ستاره و طول شعاعها و پرتوهای ستاره را با نگه داشتن Control-click تنظیم نمائید. یک ستاره دیگر بر بالای ستاره اول درست کنید و آن را 45 درجه با استفاده از ابزار Rotate Tool (R) بچرخانید.
مرحله 9
رنگ این درخشندگی و چشمک براق را با رنگ سفید پُر کنید. چندین نسخه کپی از این درخشندگی و چشمک براق درست کرده و آنها را در بالا و روی سنگ قیمتی قرار می دهیم و با اندازه آنها بازی می کنیم.
مرحله 10
حالا ما نیاز به اضافه کردن یک شکل آیکون ساده به عنوان پس زمینه داریم. یک دایره با استفاده از ابزار Ellipse Tool (L) درست می کنیم و آن را با گرادینت خطی از بنفش-تیره (R=95, G=61, B=129) در پایین تا بنفش یاسی (R=195, G=125, B=207) در بالا پُر می کنیم.
مرحله 11
در پایان و نه آخرین چیز انجام و اجرا کردن یک افکت گرافیکی سبک تخت محبوب از یک سایه بلند است. با ساخت یک مستطیل از هر رنگی با استفاده از ابزار Rectangle Tool (M) شروع کنید و آن را 45 درجه بچرخانید و ضلع مستطیل را با لبه راست الماسمان تراز کنید.
آبجکت را زیر الماس قرار می دهیم (]-Control) تا قسمتهای غیر ضروری آن پنهان شود. هم شکل دایره پس زمینه و هم شکل مستطیل را انتخاب کنید و ابزارShape Builder Tool (Shift-M) را بکار ببرید تا قسمت غیر ضروری را با کلیک کردن بر روی آن در حالیکه کلید Alt را نگه داشته اید پاک نمائید. در پایان، شکل را با گرادینت خطی از آبی مایل به خاکستری (R=154, G=176, B=197) تا سفید پُر کنید. Blending Mode را به Multiply تنظیم کنید تا اینطوری سایه انداخته شده توسط الماسمان ساخته شود.
آیکون الماس ما آماده است! بریم برای سنگ قیمتی بعدی!
2. یک یاقوت چشمگیر خوش رنگ درست کنید.
مرحله 1
با ساخت یک مربع با استفاده از ابزار Rectangle Tool (M) شروع می کنیم و آن را 45 درجه می چرخانیم.
مرحله 2
ابزار (\) Line Segment Tool را بردارید و دو خط ضربدری مستقیم و صاف را درست کنید و آنها را درست در وسط مربع قرار دهید. همه آبجکتها را انتخاب کرده و عملیات Divide یا تقسیم را از پنل Pathfinder بکار ببرید تا مربع به چهار قاچ و بخش مجزا تکه و تقسیم شود.
مرحله 3
حالا می توانیم هر تکه مربع را با یک رنگ متفاوت پُر کنیم تا اضلاع و سطوح تراش سنگ قیمتی ما مشخص و متمایز شود. من رنگهای پالت زیر را برای یاقوت استفاده کردم.
مرحله 4
نیاز به انعکاسها و بخشهای روشن تر (های لایت) بیشتری برای یاقوتمان داریم تا بافت شیشه ای آن را نشان دهیم. به این منظور، بخش راست بالایی یاقوت را copy و paste in front (Control-C > Control-F) می کنیم و آن را نسبت به شکل اصلی و اولیه کمی کوچکتر می کنیم. نسخه کپی جدید را با گرادینتی از زرد-بی روح (R=209,G=181,B=96) تا مشکی پُر کنید و وضعیت Blending را به Screen تنظیم کنید. این طوری یک های لایت درست می شود. ابزار Reflect Tool (O) را بکار ببرید تا یک نسخه منعکس و بازتاب شده از های لایت را در طرف دیگر سنگ قیمتی ما بسازید.
مرحله 5
به اضافه کردن جزئیات کوچکتر به یاقوتمان ادامه می دهیم، بُعد بیشتر به یاقوت می دهیم. یک مربع کوچکتر می گذاریم و آن را 45 درجه در بالا و روی سنگ قیمتی می چرخانیم و با مرکز تصویر ترازش می کنیم. شکل جدید را با گرادینت خطی از صورتی تیره تر (R=228, G=20, B=64) تا رنگ صورتی-قرمز (R=225, G=107, B=126) پُر می کنیم. در پایان یاقوتمان را با چند تا ستاره چشمک زن که پیش از این برای الماس درست کردیم تزئین می کنیم.
مرحله 6
یاقوت را روی یک دایره که با گرادینت خطی که از سبز تیره تر (R=81, G=163, B=37) تا یک سبز روشن تر (R=201, G=230, B=85) پُر شده است قرار داده و یک سایه بلند و افتاده خوب درست کنید تا به آیکون ظاهر یک طراحی تخت دلپسند بدهد.
آیکون یاقوت تمام شد! برای درست کردن سنگ قیمتی بعدی آماده بشید، درست کردن این یکی کمی باحال تر است!
3. یک زمرد سبز چشمک زن عالی درست کنید.
مرحله 1
ابزار Rounded Rectangle Tool را بردارید و یک شکل تقریبا به اندازه 233x233 پیکسل درست کنید و Corner Radius را به 30px تنظیم کنید. ابزار Convert Anchor Point Tool (Shift-C) را بکار ببرید، روی نقاط لنگر یک به یک کلیک کنید تا که آنها را به نقاط گوشه یا corner تبدیل کنید (یا اینکه فقط گزینه Convert selected anchor points to corner را در قسمت فوقانی پنل کنترل را استفاده کنید تا همه نقاط لنگر به یکباره تبدیل به نقاط گوشه ای شوند. حالا ما یک مربع با گوشه های بریده شده داریم.
مرحله 2
ادامه بدید و اضلاع و تراشهای بیشتری به سنگ قیمتی اضافه کنید. ابزار Polygon Tool را برای درست کردن یک مثلث بکار ببرید، مثلث را تغییر دهید و آن را طوری قرار دهید که اضلاع گوشه تیزترین مثلث در مرکز آرت بورد شما مانند تصویر پایین باشد.
ابزار Reflect Tool (O) را بکار ببرید تا سطوح تراش همه اضلاع شکل ابتدایی زمرد سبز را منعکس و کپی کنید.
مرحله 3
یک گرادینت خطی تدریجی از سبز تیره (R=21, G=155, B=24) تا به سبز-چمنی روشن تر (R=143, G=220, B=46) به شکل ابتدایی زمرد سبز بدهید و سطوح تراش را با گرادینتی از سبز-کم روح (R=148, G=199, B=65) تا مشکی پُر کنید و شکل را به وضعیت Screen تغییر دهید.
مرحله 4
بیائید به سنگ قیمتی شکل و ریخت بیشتری بدهیم. یک مثلث سه گوش دیگر در بالای بخشهای دیگر زمرد سبز درست کنید، گوشه آن را به مرکز آرت بورد بچرخانید. قسمتهای غیرضروری را با استفاده از ابزار Shape Builder Tool (Shift-M) پاک کنید و شکل جدید را تغییر اندازه دهید، آن را کمی نسبت به شکل اولیه زمرد سبز کوچکتر کنید.
مرحله 5
حالا می توانیم شکل جدید را با همان گرادینت قبلی مانند سطوح تراش و اضلاع پُر کنیم و وضعیت آن را به Screen تنظیم کنید (یا اینکه فقط ابزار Eyedropper Tool (I) را با تنظیمات پیش فرض برای برداشتن ظاهر و خصوصیات ضروری آبجکت استفاده کنیم). این شکل را کپی کنید تا یک نسخه را در قسمت بالا و روی سنگ قیمتی قرار دهیم.
مرحله 6
شکل ابتدایی زمرد سبز را کپی کنید و موقعیت آن را از نو مرتب کنید، شکل را به جلو بیارید ([-Shift-Control) و آن را در بالا و روی همه آبجکتهای دیگر بگذارید. رنگ داخل یا fill را از گرادینت خطی سبز-مات (R=201, G=235, B=120) به سبز-مایل به زرد تیره تر (R=83, G=192, B=44) تنظیم کنید. در پایان، تلالوها و درخشش هایی را برای براق و جذاب تر کردن سنگ قیمتی امان اضافه می کنیم.
مرحله 7
آخرین تماس را با آیکون با درست کردن یک دایره اضافه می کنیم و آن را با یک گرادینت تخطی از صورتی تیره تر (R=247, G=62, B=87) تا صورتی-باربی (R=255, G=132, B=185) پُر می کنیم و یک سایه بلند ترسیم می کنیم. حالا شما کار ساخت زمرد سبز را تمام کردید! وقت آن است که به سراغ سنگ قیمتی بعدی برویم.
4. انجام و ساخت یک یاقوت کبود درخشان شفاف
مرحله 1
دوباره ابزار Polygon Tool را برای درست کردن شکل ابتدایی به اندازه 130px بکار خواهیم برد، اما این بار تعداد Sides را به 8 تنظیم می کنیم تا به اینصورت یک هشت ضلعی درست شود. اگر نیاز است آن را می چرخانیم بطوریکه گوشه های شکل هشت ضلعی با Guides تراز باشند. یک خط مستقیم و راست با استفاده از ابزار (\) Line Segment Tool درست کنید و با ابزار Rotate Tool (R) را بکار ببرید، مقدار Angle را به 45 درجه تنظیم کنید و دکمه Copy را فشار دهید تا که خط کپی شود.
مرحله 2
به ساخت نسخه های کپی از خط با استفاده از ابزار Reflect Tool (O) ادامه بدهید تا اینکه هر گوشه شکل هشت ضلعی توسط این خطوط قطع شوند و یک دسته پرتوهای سبک دار که وسط را پوشش می دهند شکل بگیرند. در پایان همه خطوط و شکل هشت ضلعی را انتخاب کنید و دکمه Divide در پنل Pathfinder را برای شکستن و جدا کردن آبجکتها از یکدیگر استفاده کنید.
مرحله 3
حالا نوبت قسمت آسان است! فقط هر برش و قسمت شکل هشت ضلعی را یک به یک انتخاب کرده و هر کدام را با یک سایه آبی رنگ متفاوت پُر کنید. پالت رنگهای من این است، رنگهای شکل به ترتیب در جهت حرکت عقربه های ساعت بکار رفته اند.
مرحله 4
انجام یاقوت کبود آبی رنگمان را با گذاشتن هشت ضعلی کوچکتر در بالا و رو و پُر کردن آن با گرادینت خطی از آبی-آسمانی روشن (R=183, G=238, B=255) تا آبی تیره تر (R=38, G=183, B=255) کامل می کنیم. با کمی تلالو و درخشش ظاهر و حال و هوای سنگ قیمتی امان را تغییر می دهیم.
مرحله 5
آیکون را با پُر کردن شکل پایه و اولیه با یک گرادینت خطی گرم از نارنجی (R=255, G=132, B=0) تا به زرد-عسلی (R=255, G=242, B=88) و گذاشتن یک سایه ملایم و تدریجی کامل کنید.
آفرین! یاقوت کبود آبی رنگ ما درست شد. آماده حرکت به سمت جزء بعدی این مجموعه می شویم.
5. شکل دادن کهربای خورشیدی درخشنده و نورانی
مرحله 1
با ساخت یک مربع ساده و رفتن به مسیر Object > Path > Add Anchor Points شروع می کنیم. نقطه لنگر که درست در وسط ضلع و بخش بالایی مربع هست را انتخاب کنید و آن را یه کمی به سمت بالا بکشید. همین کار را برای نقطه لنگر ضلع پایین مربع انجام بدهید. اینطوری شکل یک شش ضلعی دقیق درست می شود.
مرحله 2
چندین خط راست و مستقیم که یک گروه از پرتوها و شعاعها را درست کنند ترسیم کنید که شکل و آبجکت را مانند چیزی که با شکل هشت ضلعی یاقوت کبود آبی رنگ در مرحله قبلی انجام دادیم بشکنند.
مرحله 3
هر کدام از تکه ها و قسمتها را با رنگهای کهربایی ملایم از پالت رنگ پُر کنید تا سنگ کهربا آفتایی و گرم ساخته و به نظر آید.
مرحله 4
شکل را با یک شش ضلعی دیگر با یک اندازه کوچکتر پوشش دهید و آن را با گرادینت ملایمی از زرد روشن (R=255, G=232, B=54) تا نارنجی-مات (R=255, G=178, B=72) پُر کنید. درخشش و برافروختگی درونی سنگ را ژرف تر کنید.
مرحله 5
سنگ کهربایمان را با چند تا تلالو و درخشش شیک و زیباتر می کنیم و آیکون را با بکارگیری یک گرادینت آبی خوشرنگ و زنده از رنگ آبی تیره (R=66, G=135, B=155) در یک طرف و یک نسخه روشن تر (R=87, G=241, B=255) در طرف دیگر کامل می کنیم.
عالی به نظر می رسد، اینطور نیست؟ بریم سراغ آخرین سنگ قیمتی!
6. یک یاقوت بنفش درخشنده اسرارآمیز درست کنید.
مرحله 1
این بار سنگ قیمتی ما یک شکل مثلثی دارد. این شکل را با کمک ابزار Polygon Tool ترسیم کنید، اندازه تقریبا 150px و مقدار Sides را به 3 تنظیم کنید.
مرحله 2
حالا نیاز به درست کردن یک مثلث دیگر داریم، مثلث را کمی فشرده می کنیم و آن را می چرخانیم و آن را مانند تصویر زیر قرار می دهیم. اجازه دهید یکی از اضلاعها مثلث با سمت راست شکل اصلی و اولیه سنگ قیمتی تراز شود. یک مثلث دیگر و مثل قبلی نیز برای سمت چپ شکل اولیه و یکی دیگر نیز برای قسمت پایین شکل اصلی اضافه کنید.
مرحله 3
هر کدام از سه شکل مثلث کوچکتر را با یک رنگ متفاوت از رنگ بنفش یاسی پُر کنید. طبق پالت رنگ زیر:
مثلثهای دو طرف را کپی کنید و نسخه های کمی کوچکتر از نسخه اصلی و اولیه بسازید. نسخه سمت راست را با یک گرادینت خطی از ارغوانی روشن (R=197, G=132, B=209) تا مشکی پُر کنید؛ وضعیت Blending Mode را به Screen تنظیم کنید. همین روش را برای نسخه سمت چپ بکار ببرید، گرادینت بنفش تیره تر (R=115, G=56, B=181) تا مشکی را استفاده کنید.
مرحله 4
برای اینکه سنگ قیمتی را بُعد دارتر کنیم، یک مثلث کوچک درست در بالا و روی مثلث اولیه قرار می دهیم و آن را با گرادینت خطی رنگ بنفش یاسی-مات (R=232, G=181, B=255) تا بنفش تیره تر (R=172, G=77, B=219) پُر می کنیم. فراموش نکنید تا تعدادی تلالو و درخشش های بسیار کوچک اضافه کنید.
مرحله 5
با اضافه کردن پایه آیکون و پُر کردن آن با یک گرادینت خطی با رنگ نارنجی-قرمز (R=255, G=88, B=46) در پایین تا زرد روشن (R=255, G=233, B=87) در بالا کار ساخت را تمام کنید.
به نظر میاد که ساخت یاقوت ارغوانی ما با موفقیت به پایان رسید!
عالی! مجموعه آیکونهای سنگ قیمتی تخت درخشان شما کامل شد!
تبریک می گم، شما ساخت کل مجموعه آیکونهای سنگهای قیمتی درخشان و براق را به شیوه و سبک تخت و صاف دلپسند تمام کردید! امیدوارم از این مراحل و فرآیند لذت برده باشید و چند نکته و حقه مفید در این آموزش فرا گرفته باشید.
