لایهبندی افکتهای glow (درخشش) و gloss (برق زدن) میتواند بخوبی در ایجاد آبجکتهای درخشان به شما کمک کند. در این آموزش نشان خواهیم داد که چطور تکسچر آجری را بر پس زمینه تغییر دهیم و سپس با ابزار Pen از استایلهای لایه استفاده کنیم تا یک نوشته نئونی درخشان روشن ایجاد کنیم و روی آن یک کابل ساده قرار دهیم. پس شروع میکنیم.
فایلهای آموزش
فایلهای زیر در طی تولید این آموزش استفاده شدهاند.
- فونت Beon Medium
- تصویر BrickOldRounded0061 Image 2 (آجر گرد قدیمی) ، سایز بزرگ 2000×2328
- مجموعه Light Grunge Seamless Patterns Vol. 2 (الگوهای تکرارشونده گرانج نوری)
1. ایجاد پسزمینه
مرحله 1
یک سند جدید با ابعاد 1500 در 950 پیکسل ایجاد کنید و رزولوشن را بروی 300 قرار دهید.
به منوی File بروید و Place Embedded را انتخاب کنید و تصویر BrickOldRounded0061 را باز کنید. بر اساس نیاز آنرا تغییر اندازه دهید و سپس کلید Return (یا Enter) را بزنید تا تغییرات را تائید کنید.
مرحله 2
بروی آیکون Create new fill or adjustment layer در پایین پنل لایه ها کلیک کنید و افکت Levels را انتخاب کنید.
مرحله 3
بروی آیکون Clip Adjustment to Layer در پائین پنل Properties کلیک کنید و مقدار Shadows را به 85 تغییر دهید.
مرحله 4
بروی آیکون Create new fill or adjustment layer دوباره کلیک کنید و افکت Hue/Saturation را انتخاب کنید. بروی آیکون Clip adjustment to layer در پایین پنل Properties کلیک کنید و سپس پارامتر Saturation را به 11 و روشنایی Lightness را به 83-تغییر دهید.
2. ایجاد نوشته
مرحله 1
نوشته را با حروف بزرگ (حالت All Caps) بنویسید و از فونت Beon Medium استفاده کنید. رنگ #a33e88
و سایز Size برابر با 103ptاست.
مرحله 2
لایه نوشته را تکثیر کنید و با کلیک بروی آیکون چشم در کنارش آنرا مخفی کنید. بروی نسخه تکثیر شده کلیک راست بزنید و Resterize Type را انتخاب کنید.
کار بعدی که انجام میدهیم، جداسازی بخش های عمودی و مورب حروف از بخش های افقی است تا بدین صورت افکتها را با مقادیر زاویه ی متفاوت اعمال کنیم.
مرحله 3
ابزار Rectangular Marquee (کلید M) یا هر ابزار انتخابی که میخواهید را بردارید، در نوار Options بروی آیکون Add to Selectionکلیک کنید و تمامی بخش های افقی حروفی که دارید را انتخاب کنید.
مرحله 4
به منوی Edit بروید و گزینه Cut را انتخاب کنید، و سپس به منوی Edit بروید، و در بخش Paste Special ، گزینه ی Paste in Place را انتخاب میکنید. این کار بخش های انتخاب شده را در یک لایه جدا قرار میدهد. نام لایهها را به Vertical و Horizontal تغییر دهید.
مرحله 5
مقدار Fill را برای هر دو لایه Vertical و Horizontal صفر کنید.
مرحله 6
هر یک از لایه های Vertical و Horizontal را دو بار تکثیر کنید، و هر یک از مجموعه لایه ها را در هر گروهی با نام خودش (Vertical و Horizontal) قرار دهید.
مرحله 7
گروه Horizontal را در زیر گروه Vertical قرار دهید.
3. اعمال استایل به لایه اصلی افقی
بروی لایه اصلی Horizontal کلیک دوبل کنید تا استایل لایه را بصورت زیر اعمال کنید:
مرحله 1
یک افکت Bevel and Emboss با این تنظیمات ایجاد کنید:
- Size: 10 (سایز)
- تیک Use Global Light را بردارید.
- Angle: 0 (زاویه)
- Altitude: 70 (ارتفاع)
- تیک گزینه Anti-Aliased را بردارید.
- Highlight Mode: Linear Light (حالت ترکیبی هایلایت)
- شفافیت (Opacity) برای Shadow Mode (حالت ترکیبی سایه) را برابر صفر قرار دهید.
مرحله 2
یک Contour (حد فاصل) با تنظیمات زیر ایجاد کنید:
- تیک گزینه Anti-Aliased را بزنید.
مرحله 3
یک استایل Inner Shadow با این تنظیمات ایجاد کنید.
- Blend Mode: Screen (حالت ترکیبی)
- Color:
#e658d4
(رنگ) - Angle: 30 (زاویه)
- Distance: 0 (فاصله)
مرحله 4
یک استایل Inner Glow (درخشش داخلی) با تنظیمات زیر اضافه کنید:
- Opacity: 85% (شفافیت)
- Color:
#fe66f1
(رنگ) - Source: Center (سورس)
- Size: 18 (سایز)
مرحله 5
یک استایل Drop Shadow با تنظیمات زیر اضافه کنید:
- Distance: 13 (فاصله)
- Size: 7 (سایز)
این کار به لایه اول بخش افقی استایل خواهد داد.
4. استایل دادن به کپی اول لایه افقی
بروی لایه Horizontal Copy کلیک دوبل کنید تا استایل لایه را بصورت زیر به آن اعمال کنید.
مرحله 1
یک استایل Bevel and Emboss با این تنظیمات اضافه کنید.
- Size: 16 (سایز)
- تیک گزینه Use Global Light را بردارید.
- Angle: -36 (زاویه)
- Altitude: 42 (ارتفاع)
- Contour: Cove – Deep (حد فاصل)
- گزینه Anti-Aliased را تیک بزنید.
- Highlight Mode: Vivid Light (حالت ترکیبی هایلایت)
- مقدار Opacity را برای Shadow Mode (حالت ترکیبی سایه) صفر کنید.
مرحله 2
یک استایل Contour با تنظیمات زیر اضافه کنید:
- Contour: Cone – Inverted (حد فاصل)
- تیک گزینه Anti-Aliased را تیک بزنید.
این کار برق بیشتری به نوشته اضافه میکند.
5. استایل دادن به کپی دوم لایه افقی
بروی لایه 2 Horizontal Copy کلیک دوبل کنید تا استایل لایه زیر را اعمال کنید:
مرحله 1
یک استایل Bevel and Emboss با این تنظیمات اضافه کنید:
- Size: 16 (سایز)
- تیک گزینه Use Global Light را بردارید.
- Angle: 18 (زاویه)
- Altitude: 58 (ارتفاع)
- Contour: Half Round (حد فاصل نیمگرد)
- تیک گزینه Anti-aliased را بزنید.
- Highlight Mode: Vivid Light (حالت ترکیبی هایلایت)
- مقدار Opacity را برای Shadow Mode (حالت ترکیبی سایه) صفر کنید.
مرحله 2
یک استایل Contour با این تنظیمات اضافه کنید:
- Contour: Sawtooth 2 (حد فاصل: دندان اره ای)
- تیک گزینه Anti-aliased را بزنید.
مرحله 3
یک استایل Inner Glow با تنظیمات زیر اضافه کنید:
- Blend Mode: Linear Light (حالت ترکیبی)
- Noise: 5% (نویز)
- Color:
#ffdcfa
(رنگ) - Source: Center (سورس)
- Size: 38 (سایز)
مرحله 4
یک استایل Outer Glow با این تنظیمات ایجاد کنید:
- Color:
#7f2d65
(رنگ) - Size: 15 (سایز)
این کار به لایه افقی آخر استایل میدهد و درخشش و برق بیشتری به آن می افزاید.
6. استایل دادن به لایه اصلی عمودی Vertical
مرحله 1
بروی لایه اصلی افقی Horizontal کلیک راست را بزنید، بروی Copy Layer Style کلیک کنید و سپس بروی لایه اصلی عمودی Verticalکلیک راست را بزنید و گزینه Paste Layer Style را انتخاب کنید.
بروی لایه اصلی عمودی Vertical کلیک دوبل کنید تا مقادیر Angle (زاویه) و Altitude (ارتفاع) را برای استایل Bevel and Emboss به90 و 74 تغییر دهید.
مرحله 2
برای استایل Inner Glow ، سایز Size را به 15 تغییر دهید.
این کار افکت را بطوری تنظیم میکند تا با بخش های مورب و عمودی مطابقت داشته باشد.
7. استایل دادن به کپی اول لایه عمودی
استایل لایه Horizontal Copy را کپی کنید و در لایه Vertical Copy پیست کنید و سپس بروی Vertical Copy کلیک دوبل کنید تا مقدارAngle (زاویه) و Altitude (ارتفاع) را برای استایل Bevel and Emboss به ترتیب به 76- و 53 تغییر دهید.
کار ما با لایه کپی اول تمام شد.
8. استایل دادن به کپی دوم لایه عمودی
استایل لایه Horizontal Copy 2 را کپی کنید و در لایه Vertical Copy 2 پیست کنید، و سپس بروی Vertical Copy 2 کلیک دوبل کنید و مقادیر Angle و Altitude را برای افکت Bevel and Emboss به ترتیب 82- و 53 تغییر دهید.
با این کار، استایل دادن به هر دو بخش نوشته تمام میشود.
9. افزودن درخشش بیشتر و ایجاد کابل
مرحله 1
یک لایه جدید زیر لایه نوشته اصلی مخفی ایجاد کنید و آنرا Background Light بنامید و حالت ترکیبی Blend Mode آنرا به Linear Lightتغییر دهید.
رنگ زمینه جلو را به رنگ با کد #98338b
تنظیم کنید. ابزار Brush را بردارید و یک قلم گرد بزرگ سافت (Soft) انتخاب کنید. سپس یک بار کلیک کنید تا یک سری نقاط رنگی در پشت نوشته ایجاد کنید (کلیک را نکشید، فقط کلیک کنید تا نقطه رنگی ایجاد شود)
مرحله 2
یک لایه جدید دیگر در زیر لایه Background Light بسازید و آنرا Cable بنامید. ابزار Pen را بردارید و در نوار Options ، گزینه Pathرا انتخاب کنید.
کار بعدی که باید انجام دهید این است که مسیرهایی را در جایی که میخواهید کابل قرا داشته باشد ایجاد کنید. میتوانید کلیک کنید تا نقاط گوشه دار بسازید و یا میتوانید کلیک کنید و بکشید تا منحنی ایجاد کنید. بیاد داشته باشید که مسیر ایجاد لازم نیست همان بار اول بی عیب باشد، چون میتوانید بعدا با استفاده از ابزار Direct Selection نقاط یا دستههای مسیر آنها را تنظیم کنید.
مرحله 3
جهت جداسازی مسیرها، کلید Command را فشار دهید و نگه دارید، و سپس بیرون مسیری که ایجاد کردید کلیک کنید تا مرتبط با مسیری که بعد از آن میسازید نشود.
مرحله 4
برای انجام این کار بقدر کافی وقت صرف کنید تا نتیجه ی تمیزی بدست بیاورید.
مرحله 5
ابزار Brush را بردارید، سپس پنل Brush را در منوی Window باز کنید و یک نوک قلم گرد سخت با اندازه 7 پیکسل انتخاب کنید و فاصله گذاری Spacing را بروی 1 تنظیم کنید.
مرحله 6
رنگ زمینه جلو را به #252525
تغییر دهید، ابزار Direct Selection را بردارید، بروی مسیر کلیک راست را بزنید و گزینه Stroke Pathرا انتخاب کنید.
مرحله 7
از منوی کشویی Tool گزینه Brush را انتخاب کنید و تیک Simulate Pressure را بردارید.
مرحله 8
این کار مسیر را به خط حاشیه تبدیل میکند. بروی کلید Return (یا همان Enter) فشار دهید تا از شر مسیر work path حلاص شوید.
10. استایل دادن به کابل
بروی لایه Cable کلیک دوبل کنید تا استایل لایه را بصورت زیر اعمال کنید:
مرحله 1
یک استایل Bevel and Emboss با این تنظیمات اضافه کنید:
- تیک گزینه Anti-aliased را بزنید.
- Highlight Mode: Vivid Light (حالت ترکیبی هایلایت)
- Color:
#ec6ab7
(رنگ) - Opacity: 24% (شفافیت)
مرحله 2
یک استایل Contour با این تنظیمات اضافه کنید:
- تیک گزینه Anti-aliased را بزنید.
مرحله 3
یک پوشش لایه Pattern Overlay با این تنظیمات اضافه کنید:
- Blend Mode: Multiply (حالت ترکیبی)
- Pattern: 8 (الگو)
مرحله 4
یک استایل Drop Shadow با این تنظیمات اضافه کنید:
- Opacity: 60% (شفافیت)
- Distance: 13 (فاصله)
- Size: 10 (سایز)
این کار باعث ایجاد استایل برای کابل میشود.
تبریک میگم! کار شما تمام شد
در این آموزش، یک تکسچر پسزمینه آجری را تغییر دادیم و کمی آنرا تاریکتر کردیم. سپس نوشته را ایجاد کردیم، لایه ی آن را تصویر کردیم (rasterize) و سپس بخش های افقی را از بخش های عمودی و مورب جدا کردیم.
سپس، لایه های نوشته جدا شده را تکثیر و گروه کردیم و به آنها استایل دادیم تا به افکت درخشان و براق برسیم.
وقتی که نوشته اصلی ایجاد شد و استایل داده شد، کمی درخشندگی به پس زمینه اضافه کردیم و از ابزار Pen استفاده کردیم تا مسیر کابل را ایجاد کنیم. ما به مسیر خط حاشیه اضافه کردیم و طوری به آن استایل دادیم تا به آن یک ظاهر سه بعدی بدهیم.
نهایتا، از ابزار Rectangle استفاده کردیم تا تعدادی برش برای کابل ایجاد کنیم، آنها را تغییر داده و استایل دادیم و در نهایت یک لایه تنظیمی adjustment layer اضافه کردیم تا رنگ نتیجه نهایی را بهتر کنیم.
خواهش میکنم نظرات، پیشنهادات و نتایج خود را در بخش زیر قرار دهید.
منبع : design.tutsplus.com