طراحی سایت طراحی سایت .

طراحی سایت

آموزش تصویری و قدم به قدم ایجاد یک افکت گرافیتی حرفه ای در فتوشاپ

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

 
 

ایجاد یک افکت گرافیتی حرفه ای در فتوشاپ
مرحله اول
ما برای این آموزش از پس زمینه دیوار آجری استفاده می‌کنیم. فتوشاپ را باز کنید و به مسیر File > open بروید و تصویر پس زمینه دیوار آجری را وارد محیط برنامه کنید. دقت داشته باشید برای این آموزش از هر پس زمینه‌ای می‌توانید استفاده کنید ولی برای نتیجه گیری بهتر، پس زمینه آجری مناسب تر است.

 

مرحله دوم
ابزار Type را انتخاب کنید. فونت Graffogie را برگزینید و اندازه آن را بر روی 285 قرار دهید.

کلمه اول خود را تایپ کنید (Vote).

سپس به مسیر Type > Warp Text بروید. گزینه Style را بر روی Shell upper تنظیم کنید. سایر تنظیمات را به صورت زیر انجام دهید:

Bend: 21%
Horizontal Distortion: -29%
Vertical Distortion: 22%
در نهایت بر روی OK کلیک کنید.

اولین حرف از کلمه‌ ی خود را به حالت انتخاب در بیاورید. سپس به پنل Character بروید و مقدار tracking را بر روی 75- تنظیم کنید.

 

مرحله سوم
از ابزار Type استفاده کنید و دو کلمه دیگر (For) و (Pedro) را بنویسید. اطمینان حاصل کنید که هر یک از کلمات در لایه‌ای مجزا نوشته شده باشند.

کلمه For را با اندازه 116 و Tracking 75 بنویسید. کلمه Pedro را نیز در لایه‌ای جدید با اندازه 255 و Tracking 75 بنویسید.

 

مرحله چهارم
برای جابجایی نوشته‌ها از ابزار Move استفاده کنید.

از پنل Layers هر سه لایه را به حالت انتخاب در بیاورید.

کلید ترکیبی Ctrl+T را فشار دهید و مقدار Rotate یا زاویه چرخش را بر روی 8- تنظیم کنید.

در پایان این مرحله، متن ما آماده است تا افکت‌های گرافیکی را بر روی آن اعمال کنیم.

 

ایجاد اولین افکت گرافیتی
مرحله اول
با لایه کلمه اول (Vote) طراحی را آغاز می‌کنیم. لایه را انتخاب کنید و به مسیر Layer > Layer Style > Blending Options بروید.

سپس تنظیمات قسمت Blending Option را مطابق تصویر زیر قرار دهید.

Advanced Blending: 0%
Blend if: Grey
Underlying Layer: کلید Alt را پایین نگه دارید و بر روی نشانگر سفید کلیک کنید تا تقسیم به دو شود. سپس نشانگر سمت راست را بر روی 236 و نشانگر سمت چپ را بر روی 161 تنظیم کنید.

مرحله دوم
قسمت Bevel and Emboss را نیز فعال کنید و تنظیمات آن را مطابق نکات ذیل قرار دهید:

Style: Inner Bevel
Technique: Chisel Hard
Depth: 144%
Direction: Up
Size: 8 px
Soften: 0 px
تیک گزینه use Global Light غیرفعال باشد
Angle: 98º
Altitude: 30º
تیک گزینه Anti-Aliased فعال باشد
Highlight Mode: Overlay با رنگ #035b7c  و Opacity: 100%
Shadow Mode: Overlay با رنگ #ff3000 و Opacity: 88%

مرحله سوم
به قسمت Inner Shadow بروید و تنظیمات را مطابق زیر قرار دهید:

Blend Mode: Normal
Color: #000000
Opacity: 100%
تیک گزینه Use Global Light غیرفعال باشد.
Angle: -94º
Distance: 0 px
Choke: 0%
Size: 10 px
Contour: Cone
تیک گزینه Anti-Aliased را فعال کنید.
Noise: 11%

مرحله چهارم
تنظیمات قسمت Inner Glow را نیز وارد کنید:

Blend Mode: Normal
Color: #000000
Opacity: 19%
Noise: 61%
Technique: Precise
Source: Center
Choke: 1%
Size: 10 px
Contour: Cone – Inverted
تیک گزینه Anti-Aliased فعال باشد.
Range: 50%

مرحله پنجم
گزینه Stain را نیز فعال کنید و تنظیمات آن را مطابق داده‌ های زیر قرار دهید:

Blend Mode: Overlay
Color: #64ec87
Angle: 90°
Distance: 19 px
Size: 24 px
Contour: Half Round
تیک گزینه Anti-aliased فعال باشد
تیک گزینه Invert فعال باشد

مرحله ششم
قسمت Gradient Overlay بسیار مهم است. این قسمت را نیز فعال کنید و تنظیمات آن را با دقت وارد کنید:

Blend Mode: Linear Burn
Check the Dither box
Opacity: 6%
Style: Linear
Angle: 90º
Scale: 60%
بر روی گزینه Gradient کلیک کنید و در صفحه‌ای که باز می‌شود تنظیمات زیر را وارد کنید:رنگ #000000 در موقعیت های 0% و 100%
در موقعیت 0% مقدار Opacity برابر با 0%
در موقعیت 100% مقدار Opacity برابر با 100%

مرحله هفتم
Outer Glow را نیز فعال کنید و تنظیمات آن را به ترتیب اعمال کنید:

Blend Mode: Linear Burn
Opacity: 29%
Color: #000000
Technique: Precise
Spread: 50%
Size: 3 px
تیک گزینه Anti-Aliased فعال باشد

مرحله هشتم
در پایان این قسمت نیز گزینه Drop Shadows را فعال کنید و جزئیات آن را به این شکل اعمال کنید:

Blend Mode: Normal
رنگ #000000
Opacity: 95%
تیک گزینه Use Global Light غیرفعال باشد
Angle: 90°
Distance: 5 px
Spread: 39%
Size: 24 px
تیک گزینه Anti-Aliased فعال باشد.
Noise: 10%
در نهایت بر روی OK کلیک کنید.

 

نتیجه طرح گرافیکی شما تا به اینجا باید به این شکل باشد:

 

ایجاد دومین افکت گرافیتی
مرحله اول
لایه کلمه دوم (For) را انتخاب کنید.

به مسیر Layer > Layer Style > Blending Options بروید و تنظیمات Blending Options را مطابق تصویر زیر قرار دهید.

Advanced Blending: 0%
Blend if: Grey
Underlying Layer: کلید Alt را پایین نگه دارید و بر روی نشانگر سفید کلیک کنید تا به دو قسمت تقسیم شود. نشانگر سمت چپ را بر روی 158 و نشانگر سمت راست را بر روی 217 تنظیم کنید.

مرحله دوم
یک لایه Bevel and Emboss نیز انتخاب کنید و تنظیمات آن را مطابق زیر قرار دهید:

Style: Inner Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 8 px
Soften: 0 px
تیک گزینه Use Global Light غیرفعال باشد.
Angle: 90º
Altitude: 30º
تیک گزینه Anti-Aliased فعال باشد.
Highlight Mode – Opacity: 0%
Shadow Mode: Multiply with color #000000 و Opacity: 50%

مرحله سوم
قسمت Stroke را نیز فعال کنید با این تنظیمات:

Size: 1 px
Position: Outside
Fill Type: Color
Color: #000000

مرحله چهارم
قسمت Inner Shadow را برای این لایه نیز فعال کنید و تنظیمات مربوط به آن را وارد کنید:

Blend Mode: Normal
Color: #000000
Opacity: 100%
تیک گزینه Use Global Light غیرفعال باشد.
Angle: -94º
Distance: 0 px
Choke: 18%
Size: 5 px
تیک گزینه Anti-Aliased فعال باشد.
Noise: 11%

مرحله پنجم
برای این لایه گزینه Inner Glow را نیز فعال کنید.

Blend Mode: Normal
Color: #000000
Opacity: 30%
Noise: 61%
Technique: Precise
Source: Edge
Choke: 1%
Size: 4 px
تیک گزینه Anti-Aliased غیرفعال باشد
Range: 50%

مرحله ششم
گزینه Drop Shadow را نیز برای لایه دوم با تنظیمات زیر فعال کنید:

Blend Mode: Normal
رنگ #000000
Opacity: 956%
تیک گزینه Use Global Light غیرفعال باشد.
Angle: 90°
Distance: 5 px
Spread: 27%
Size: 18 px
تیک گزینه Anti-Aliased فعال باشد.
Noise: 17%
سپس در انتهای این قسمت نیز بر روی OK کلیک کنید.

 

نتیجه گرافیکی لایه دوم نیز باید به این شکل باشد.

 

ایجاد سومین افکت گرافیتی
مرحله اول
لایه کلمه سوم (Pedro) را انتخاب کنید.

سپس به مسیر Layer > Layer Style > Blending Options بروید. تنظیمات Blending Options را نیز مطابق زیر قرار دهید:

Advanced Blending: 0%
Blend if: Grey
Underlying Layer: کلید Alt را پایین نگه داشته و با ماوس بر روی نشانگر سفید کلیک کنید تا به دو قسمت تقسیم شود. نشانگر سمت چپ را بر روی 139 و نشانگر سمت راست را بر روی 201 تنظیم کنید. نشانگر رنگ مشکی را نیز بر روی 80 تنظیم کنید.

مرحله دوم
گزینه Bevel and Emboss را نیز فعال کنید با تنظیمات زیر:

Style: Inner Bevel
Technique: Chisel Hard
Depth: 144%
Direction: Up
Size: 8 px
Soften: 0 px
تیک گزینه Use Global Light غیرفعال باشد
Angle: 98º
Altitude: 30º
تیک گزینه Anti-Aliased فعال باشد.
Highlight Mode: Overlay با رنگ #1faee3  و Opacity: 100%
Shadow Mode: Overlay با رنگ #ce43db و Opacity: 88%

مرحله سوم
سبک Inner Shadow را نیز برای این قسمت فعال کنید.

Blend Mode: Normal
Color: #000000
Opacity: 100%
تیک گزینه Use Global Light غیرفعال باشد
Angle: -94º
Distance: 0 px
Choke: 0%
Size: 10 px
Contour: Cone
تیک گزینه Anti-aliased فعال باشد
Noise: 11%

مرحله چهارم
گزینه Inner Glow را با تنظیمات زیر فعال کنید:

Blend Mode: Linear Dodge (Add)
Color: #dd8925
Opacity: 33%
Noise: 47%
Technique: Precise
Source: Center
Choke: 58%
Size: 16 px
تیک گزینه Anti-aliased فعال باشد
Range: 50%

مرحله پنجم
تنظیمات Satin را نیز اضافه کنید:

Blend Mode: Overlay
Color: #f08d18
Angle: 90°
Distance: 19 px
Size: 24 px
Contour: Half Round
تیک گزینه Anti-aliased فعال باشد
تیک گزینه Invert فعال باشد

مرحله ششم
یک لایه Gradient Overlay با تنظیمات زیر وارد کنید:

Blend Mode: Linear Burn
Check the Dither box
Opacity: 6%
Style: Linear
Angle: 90º
Scale: 60%
بر روی گزینه Gradient Overlay کلیک کنید و سپس این موارد را نیز اعمال کنید:رنگ #000000 در موقعیت های 0% و 100%
در موقعیت 0% مقدار Opacity برابر با 0%
در موقعیت 100% مقدار Opacity برابر با 100%

مرحله هفتم
قسمت Outer Glow نیز با مشخصات زیر فعال کنید:

Blend Mode: Linear Burn
Opacity: 29%
Color: #000000
Technique: Precise
Spread: 40%
Size: 2 px
تیک گزینه Anti-aliased فعال باشد.

مرحله هشتم
و در پایان این قسمت نیز تنظیمات Drop Shadow را مطابق تصویر زیر پر کنید:

Blend Mode: Normal
رنگ #000000
Opacity: 96%
تیک گزینه Use Global Light غیرفعال باشد
Angle: 90°
Distance: 5 px
Spread: 39%
Size: 24 px
تیک گزینه Anti-aliased فعال باشد
Noise: 10%
در نهایت بر روی OK کلیک کنید.

نتیجه پایانی
شما توانستید یک افکت گرافیتی جذاب و واقعی را در فتوشاپ ایجاد کنید. در این آموزش شما یاد گرفتید چگونه از Layer Style و Blending Option استفاده کنید تا یک متن گرافیتی را در فتوشاپ ایجاد کنید.

 


برچسب: ،
امتیاز:
 
بازدید:

+ نوشته شده: ۲ مهر ۱۳۹۸ساعت: ۰۷:۴۳:۱۳ توسط:فاطمه فیصلی موضوع: نظرات (0)