Photoshop Tutorials

[H.S]

به نام خدا.

با عرض سلام و خسته نباشید خدمت دوستانه عزیز.

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

ترجمه میکنم و یا از خودم میذارم.

سعی میکنم تاپیک رو هر هفته به روز کنم. دوستانی که تمایل به همکاری دارند میتونن با پ.خ به من اطلاع بدن.

فقط چند خواهش از شما دارم که در قالب قوانین تاپیک عرض میکنم :
​

1. اسپم ممنوع. خواهش میکنم اجازه بدید کسی که میاد اینجا غیر از آموزش پست اضافی نبینه ! اگر میخواین تشکر کنید فقط از دکمه تشکر استفاده کنید.
2. هر نوع اطلاع رسانی توسط پ.خ انجام بگیره.
3. اگه درخواست آموزش دارید پست ندید فقط با پ.خ به اطلاع من برسونید تا در اسرع وقت آماده کنم.

همین ...

امیدوارم منو به خاطر پر حرفی ببخشید.

تقسیم بندی آموزش ها بصورت زیر خواهد بود :

1. Designing
2. 3D Effect
3. Abstract Effect
4. Articles
5. Drawing Effect
6. Photo Effect
   
7. Text Effect
8. Texture & Patterns

موفق باشید.
عـــــــــــادل.
​

 

[H.S]

( به روز شد در تاریخ : 1387/09/15 )

تمامی آموزش هایی که قراره واستون بذارم اول اینجا معرفی میکنم و این پست هر هفته به روز میشه.

===================================================================

خوب اولین آموزشی که میخوام واستون آماده کنم عنوانش هست : Easy Watercolor Painting Effect

که به شما یاد میده چطور از عکس واقعی, یه نقاشی زیبا بسازید.

این عکس پروژه هست :

و این هم بعد از اتمام کار :

​

=========================================================================================

آموزش بعدی که مد نظرم هست عنوانش هست : A Grung Business Card

=========================================================================================

آموزش بعدی : Create a Spectacular Grass Text Effect in Photoshop

=========================================================================================

آموزش بعدی که میخوام واستون تهیه کنم عنوانش هست : Design a Glossy Download Icon

=========================================================================================

عنوان آموزش : Fairy Night

اینم آموزشه جالبیه.

=========================================================================================

عنوان آموزش : Create Amazing Ad Photoshop

من خودم از این آموزش خیلی خیلی خوشم اومد.



=========================================================================================

آموزش بعدی عنوانش هست : Create a Crispy-Crust Text Effect with Flower Texture in Photoshop.

=========================================================================================

آموزش بعدی با عنوان : Create a Vibrant Modern Blog Design in Photoshop.




=========================================================================================

آموزش بعدی عنوانش هست : Sleek Phone Advertisement Flyer.

​

 

[H.S]

Easy Watercolor Painting Effect

( با عرض پوزش این آموزش فاقد عکس میباشد )

این آموزش به ما یاد میده که چطور از روی عکس یه نقاشی زیبا و واقعی بسازیم.

عکس مورد نظر خودتون رو در فتوشاپ باز کنید. Layers palette رو ببینید ! نام اون لایه رو Background بذارید.

باید از این لایه چند کپی بگیریم. در اینجا ما سه تا کپی از لایه بکگراندمون میگیریم. اینکارو میتونین با کلیدهای ترکیبی Ctrl+J انجام بدید.

دوباره در Layers palette دو لایه ی بالایی رو مخفی کنید.

لایه اول رو انتخاب کنید.

حالا برای ادامه کارمون باید از فیلتر های فتوشاپ استفاده کنیم. اولین فیلتری که باهش کار داریم Cutout هست. به منوی Filter برید. Artistic رو انتخاب کنیدو Cutout رو انتخابکنید.

تنظیمات این فیلتر رو به Number of Levels to 4, Edge Simplicity to 4, and Edge Fidelity to 2 تغییر بدید.

حالا باید Blend Mode لایه رو به Luminosity تغییر بدید.

کپی دوم از لایه ی بکگراند رو انتخاب کنید.

دوباره باید به منوی Filter برید و Artistic رو انتخاب کنید و اینبار گزینه Dry Brush رو انتخاب کنید.


تنظیماتش رو Brush Size to 10, the Brush Detail to 10,Texture option به 3

Blend Mode این لایه رو به Screen تغییر بدید.

لایه بعدی رو انتخاب کنید.

به منوی Filter برید و حالا به Noise رفته و Median رو انتخاب کنید.

Radial رو به 12 pixels تغییر بدید.

Blend Mode این لایه رو هم به Soft Light تغییر بدید.

و حالا از پایان کارتون لذت ببرید.

موفق باشید.
عــــــــــــادل.

 

[H.S]

A Grung Business Card

خوب در این آموزش قصد داریم یه کارت ویزیت خیلی زیبا و ساده رو درست کنیم.

فایل های این آموزش رو واستون گذاشتم.

​

خوب ابتدا فتوشاپ رو باز کنید.

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

​

خوب برای اینکه کارمون خیلی دقیق و تمیز درآد باید از راهنما استفاده کنیم. با فشردن کلید ترکیبی

Ctrl+R این راهنما برای شما به نمایش در میاد.

با استفاده از این راهنما شکل زیر رو درست کنید :

اگه مشکلی دارید این فایل Psd رو میتونید دانلود کنید : PSD File

در ادامه میریم سراغ بکگراند کار. من در اینجا میخوام از سه تا عکس استفاده کنم که اون ها رو میتونید از لینک های زیر

دریافت کنید :

Download grunge1.jpg | grunge2.jpg | grunge3.jpg​

عکس ها رو به پالت لایه هاتون بیارید .

Blend Mode ها رو مانند شکل تغییر بدید.

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

Floral زیبا استفاده کردم. برای این منظرو یه لایه ی جدید ایجاد کنید و این وکتور رو در اون قرار بدید و Blen Mode لایه رو به

Overlay تغییر بدید

Download floral.psd

حالا وقت اون رسیده که نوشته ها رو اضافه کنید. هر نوشته ای که دوست دارید !

در مرحله آخر کار یه لایه جدید ایجاد کنید. یه مستطیل با رنگ #16 a0aa ایجاد کنید.

Blend Mode این لایه رو به Hard Light تغییر بدید.

کار ما تمام شد.

فایل نهایی رو میتونید دانلود کنید.

Download grunge_card.psd (zip)

امیدوارم از این آموزش لذت برده باشید.

موفق باشید.
عــــــــــــادل.
​

​

​

 

[H.S]

Create a Spectacular Grass Text Effect in Photoshop

سلام.

آموزش بعدی ساخت یه افکت به نوشته هستش که خیلی زیباست و خودم به شخصه خیلی دوسش دارم :دی

قسمت اول آموزش : ساخت Backgorund

این بکگراند رو میتونید از اینجا دریافت کنید :




خوب اول میریم سراغ بکگراند که در سه مرحله سعی میکنم تمومش کنم.

یک سند جدید با ابعاد 1200 * 1920 ایجاد کنید. برای زیمنه میخوام از Radial Gradient استفاده کنم با رنگهای سبز - زرد (#adbf41) به (#328a26).

مرحله دوم از کارمون, باید از یک تکسچر کاغد واسه بکگراندمون استفاده کنیم. این تکسچر رو من از اینجا گرفتم.


باید اون رو سیاه سفید کنم پس از desaturate استفاده میکنم. این کارو میتونید با کلید ترکیبی Ctrl+Shift+U انجام بدید.

مرحله سوم, Blend Mode لایه رو به Overlay و Opacity رو به 70% تغییر بدید.

برای اینکه بکگراند زیبا تر بشه من از اون لینکی که بالا دادم چند تکسچر دیگه هم گرفتم و از لایه Background چند کپی گرفتم و دوباره اون کارها رو تکرار کردم.

در این مرحله شما باید از لایه Background اصلیتون همونی که از Radial Gradient استفاده کردید کپی بگیرید. اون رو بالای تمام لایه ها بیارید. Opacity رو به 40% تغییر بدید.

یه لایه جدید در بالای تمام لایه ها ایجاد کنید اسم اون رو به Black Brush تغییر بدید. Opacity این لایه رو 30% بذارید و Blend Mode هم به overlay تغییر بدید.

حالا میخوایم کناره های عکسمون رو یه مقدار مشکی کنیم.

میتونید از فیلتر Gaussian Blur هم با مقدار 32px استفاده کنید.

بعد از اتمام کار بکگراند ما خیلی زیبا میشه :

قسمت دوم آموزش : ساخت چمن.

ما میخوایم در این مرحله یک نوشته چمنی بسیار طبیعی رو درست کنیم. برای این کار به تکسچر چمن احتیاج داریم که میتونید از اینجا بگیرید.

یک لایه جدید برای نوشتتون ایجاد کنید و Opacity رو 50% و Blend Mode رو به overlay تغییر بدید.

تکسچر چمن رو به کاره خودتون بیارید و به پالت لایه هاتون اضافه کنید.

با ابزار Pan Tool دور نوشته هاتون رو با کمی تغییرات مانند شکل زیر انتخاب کنید.

خوب حالا روی Path مورد نظرتون دابل کلیک کنید و دوباره به لایه چمن برگردید. از لایه چمنتون کپی بگیرید. حالا برای Invert Selection از کلید ترکیبی Ctrl+Shift+I استفاده کنید. و اون قسمت

چمنی که انتخاب کردید رو Cut کنید. این کار رو برای تمام نوشتتون انجام بدید.

بسیار خوب ... اینکار رو واسه حرف E که انجام بدید باید شکلی مانند زیر داشته باشید :

در ادامه برای زیبا تر شدن کار من از Layer Style استفاده کردم.

خوب از لایه تون کپی بگیرید. Layer Style رو برای لایه جدید Off کنید. باید شکلی مانند زیر داشته باشید :

Opacity این لایه رو به 51% تغییر بدید.

دوباره برای زیبا تر شدن کار به Filter > Blur > Motion Blur رفته و Angle رو 45 و Distance رو 30 میذاریم.

میتونیم سایه رو جا به جا کنیم.

اینکار ها رو برای حرف A هم تکرار میکنیم :

و همین طور برای حرف R و T :

و برای تمام حروف :

قسمت سوم آموزش : پایانی.

یک لایه جدید ایجاد کنید. Gradient Tool (G) رو انتخای کنید و رنگ اون رو از سفید به transparent تغییر بدید. Blend Mode رو به Soft Light و Opacity رو به 50% تغییر بدید.

حالا از دوتا عکس میخوام استفاده کنم : پروانه - کفش دوزک

حالا میتونیم اون ها رو مطابق با میلمون در عکسمون جایگذاری کنیم.




امیدوارم که از این آموزش هم استفاده کرده باشید.

موفق باشید.
عـــــــــــادل.

 

[H.S]

Design a Glossy Download Icon

سلام.

خوب برای شروع یه سند جدید ایجاد کنید.

رنگ بکگراند رو #303030 بذارید.

یک دایره با ابزار Ellips Tools رسم کنید. با رنگ #bcbcbc

از لایه تون کپی بگیرید. از Free Transform Tool استفاده کنید و یه دایره کوچک تر در دایره اولی رسم کنید.


اسم لایه اولی رو Ring 1 و لایه دومی رو Ring 2 بذارید.

کلید Ctrl رو نگه داشته و روی Ring 2 کلیک کنید. حالا به select > modify > expand برید. مقدار رو به 3 تغییر بدید. به لایه Ring 1 برگردید و Add Layer Mask رو از پالت لایه بزنید. مانند شکل زیر

عمل کنید.

برای Ring 1 و Ring 2 مطابق شکل زیر Blending option رو در نظر بگیرید :

به Ring 2 برگردید. یک لایه جدید ایجاد کنید. Blend Mode رو به Hard Light تغییر بدید و از گرادیانت استفاده کنید.

یک لایه جدید ایجاد کنید و مراخل قبل رو تکرار کنید.

از Ring 3 هم کپی بگیرید و اسم اون رو Fill بذارید. رنگ اون رو به #446fce تغییر بدید.

از لایه Fill کپی بردارید. Fill رو مساوی با -0- قرار بدید. اسم اون رو highlight ring بذارید.

یک لایه جدید ایجاد کنید و اسم اون رو highlight brush بذارید. Blend Mode اون رو Soft Light تغییر بدید.

به custom shape tool برید. مطابق زیر عمل کنید.

شیپ ها رو با هم Merged کنید و اسم لایه رو arrows بذارید.

یک لایه جدید ایجاد کنید و اسم اون رو glossy بذارید. Opacity اون رو به 30% تغییر بدید. خوب با ابزار Pen Tool شکل زیر رو رسم کنید و Ctrl رو نگه دارید و روی لایه Blue کلیک کنید. حالا به منوی

Select رفته و Invert را بزنید.






این هم نتیجه کاره ما :

امیدوارم لذت برده باشید.

 

[H.S]

فایل pdf آموزش ها

به نام خدا

PDF File : Easy Watercolor Painting Effect

PDF File :A Grung Business Card

PDF File : Create a Spectacular Grass Text Effect in Photoshop

PDF File : Design a Glossy Download Icon​

 

[H.S]

Fairy Night

شرمنده این آموزش یه مقدار دیر شد آخه خیلی سرم شلوغه.

اول عکس رو در فتوشاپ باز کنید.

بعد به Image � Adjustments � Curves برید و تنظیمات رو مانند زیر قرار بدید :

تا اینجا باید تصویری مانند زیر داشته باشید :

یک لایه جدید ایجاد کنید و با استفاده از ابزار Ellipse Tool دایره مانند زیر رسم کنید :



To change the eye's color we have to picture on a new layer several circles, using Ellipse Tool. (Use the fast button on the Layers window to create a new layer).

حالا به Filter � Blur � Gaussian Blur برید.

Blend Mode این لایه رو به Overlay تغییر بدید :

برای ادامه کار میتونید از براش های درخت و چمن استفاده کنید :

یا این عکس ها :

حالا به Image � Abjustments � Desaturate برید و سیاه و سفید کنید. و به Edit � Abjustments � Brightness/Contrast برید و تنظیمات رو مانند زیر قرار بدید :

اون ها رو مانند عکس زیر در عکس اصلیتون مرتب کنید از هیمن لایه کپی بگیرید و Filter � Blur � Gaussian Blur رو روش اعمال کنید. حالا لایه اصلی با همین لایه که این فیلتر رو واسش گذاشتین Merge کنید. Blend Mode لایه هم به Multiply تغییر بدید.

حالا نوبت به آسمان میرسه :

به Image - Adjustments � Curves برید.

با ابزار Polygonal Lasso Tool تا جایی که میخواین ابرها رو Cut کنید

Blend Mode لایه رو به Multiply تغییر بدید و و با یک براش marble تصویر تون رو مثه زیر کنید.

Blend Mode رو به Soft Light تغییر بدید. با یه براش سخت مانند زیر عمل کنید.

به Filter � Blur � Blur و Filter � Blur � Gaussian Blur برید.

یک لایه جدید ایجاد کنید و به Filter � Blur � Motion Blur برید. حالا این چند لایه رو با هم یکی کنید.

کار ماتموم شد :

 

[H.S]

Create Amazing Ad Photoshop

با سلام خدمت همه عزیزان.

ببخشید یه مدت خیلی گرفتار بودم.

===============================

ابتدا فتوشاپ رو باز کنید و یک سند جدید ایجاد کنید. من از اندازه 1920x1200 استفاده کردم.

برای رنگ بکگراند به Layer>Layer Style>Grandient Overlay رفتید.رنگش هم از #150b06 به # 321c0f باشه بهتره.

یک لایه جدید بسازید و به Filter>Render>Clouds برید.

Blend Mode لایه رو به Color Dodge تغییر بدید.

با ابزار Eraser Tool (E)و با Hardness to 0% شکل زیر رو بوجود بیارید.

لوگو رو در مرکز صفحه قرار بدید و به Layer>Layer Styles>Outer Glow برید. از رنگ #fffde2 استفاده کنید.




Color Dodge for the Blend Mode
80% opacity
18% for the Spread
18 pixels for the Size

حالا به این تصویر نیاز دارید.

یه قسمت از اون رو کات کنید و Blend Mode رو به Screen تغییر بدید.

به Image>Adjustments>Levels برید.

به Edit>Transform>Scale برید و مطابق شکل زیر عمل کنید. Edit>Transform>Warp

به Image>Adjustments>Hue and Saturation برید و مانند شکل زیر عمل کنید.

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

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

به Filter>Noise>Add Noise برید و یه مقدار نویز به تصویر اضافه کنید. Gaussian for, 15% Amout, and Monochromatic


Blend mode = Screen


به Image>Adjustments>Levels. برید و تصویر رو تیره کنید.

در پایان کاره زیر رو خواهید داشت که از چند عکس دیگه هم استفاه شده.








موفق باشید.

 

[H.S]

Create a Crispy-Crust Text Effect with Flower Texture in Photoshop

ابتدا سندی با ابعاد 800*400px ایجاد کنید. قبل از اون باید یک تکسچر گل پیدا کنید که من از تکسچر زیر استفاده کردم. یک نوشته به صفحه اضافه کنید و رنگ اون رو #cc5d77 قرار بدید.

Text Colour:

Text Position:





اسم این لایه رو “flower Text” میذاریم و در Blending Option داریم :



Drop Shadow

Inner Shadow

Inner Glow

Bevel and Emboss

Contour

Color Overlay

Gradient Overlay





کلید Ctrl را نگه داشته و روی لایه Flower Text کلیک کنید تا به حالت انتخاب در آید.










لایه جدیدی با نام “flower texture” ایجاد کنید. آن را بالای لایه Flower Text قرار دهید.

تسکچر گلی که پیدا کردید رو باز کنید. به لایه “Flower Text” برگردید. تکسچر رو به محیطی که انتخاب کردید درگ کنید. در همون حالتی که این لایه انتخاب شده Ctrl + C رو بزنید و بعد Ctrl + V رو

بزنید. Blend Mode این لایه رو “Lighten” قرار بدید. در Blending Option داریم :

Layer blending style

Inner shadow





مراحل زیر را دنبال کنید.



Curve Tool

Hue/Saturation





از لایه “Flower Texture” کپی بگیرید. “Inner Shadow” رو در Blending Option فعال کنید.



چیزی شبیه تصویر زیر خواهید داشت :










حالا با انتخاب بک مناسب میتونید کار رو زیبا تر کنید.











موفق باشید.

 

[H.S]

Create a Vibrant Modern Blog Design in Photoshop

به زودی ...

 

[H.S]

Sleek Phone Advertisement Flyer

به زودی ...