اخبار
مطالب اخیر
مطالب محبوب
عضویت در خبرنامه

با وارد کردن ایمیل در کادر زیر و ثبت آن مشترک خبرنامه وب سایت افغان لرن خواهید شد و از آخرین مطالب سایت بهره مند می شوید

توجه داشته باشيد بعد از وارد کردن ايميل خود و ثبت آن، ميبايست ايميل خود را تاييد نمایید

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

آموزش ایجاد یک دفترچه تلفن با فوتوشاپ

لوازم مورد نیاز :

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

1. یک سند جدید بسازید :

یک سند جدید با مشخصات داده شده بسازید (Ctrl-N)

Grid را فعال کنید (View > Show > Grid) سپس View > Snap To > Grid

توجه داشته باشید قبل از فعال سازی grid باید آن را تنظیم کرده باشید برای تنظیم : Edit > Preferences > Guides, Grid & Slices  و تنظیمات را مطابق شکل انجام دهید :

همچنین می توانید از طریق منوی Window > Info بصورت زنده و live اطلاعات مربوط به اندازه و موقعیت کارتان را مشاهده نمایید.

 

Create an Address Book Icon in Photoshop

2. ساخت کاور جلو و عقب:

مرحله یک:

رنگ رو زمینه یا foreground را به #aecef5 تغییر دهید.

ابزار Rounded Rectangle Tool را انتخاب کرده و مقدار ردیوس یا Radius را به 5px تغییر دهید.

در نهایت یک مستطیل با ابعاد 240 در 380 پیکسل رسم کنید:

Create an Address Book Icon in Photoshop

مرحله دو:

ابزار Rectangle Tool را انتخاب کرده و با نگه داشتن کلید Alt یک مستطیل 40 در 330 پیکسل رسم کنید.

Create an Address Book Icon in Photoshop

مرحله سه:

Rounded Rectangle Tool را انتخاب کرده و با پایین نگه داشتن کلید Shift یک مستطیل 50 در 20 پیکسل رسم کنید.

Create an Address Book Icon in Photoshop

مرحله 4:

Rounded Rectangle Tool را انتخاب کرده و با پایین نگه داشتن کلید Shift یک مستطیل 20 در 340 پیکسل رسم کنید.

Create an Address Book Icon in Photoshop

مرحله 5:

Rectangle Tool را انتخاب کرده و با پایین نگه داشتن کلید Shift یک مستطیل 10 در 380 پیکسل رسم کنید.

Create an Address Book Icon in Photoshop

مرحله 6:

از قسمت Layers رو لایه مورد نظر دابل کلیک کرده و استایل آن را مطابق تصاویر زیر تنظیم کنید

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 7:

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

روی لایه کپی کلیک رایت کرده و به قسمت Clear Layer Style بروید سپس Fill را به 0% تغییر دهید. سپس وارد پنجره Layer Style شده و تنظیمات Inner Shadow را مطابق شکل انجام دهید:

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 8:

رنگ foreground  را به #384445 تغییر دهید.

Rounded Rectangle Tool را انتخاب کنید. یک مستطیل 40 در 380 پیکسل رسم کنیدو با دستور Ctrl-Shift-[ آن را به لایه عقب تر انتقال دهید.

تنظیمات استایل را هم مطابق تصویر زیر انجام دهید:

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

3. ساختن تکه های کاغذ:

مرحله یک:

رنگ foreground را به c7baac تغییر دهید.

با Rectangle Tool یک مستطیل 20 در 50 رسم کنید.

Layer Style را مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 2:

رنگ foreground را به dbcec0 تغییر دهید.

با Rectangle Tool یک مستطیل 20 در 50 رسم کنید.

Layer Style را مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 3:

با Ctrl-J یک کپی از لایه بگیرید .

Create an Address Book Icon in Photoshop

مرحله 4:

Grid را غیر فعال کنید (View > Show > Grid) .

ایزار Type Tool را انتخاب کنید و متن مورد نظر را تایپ کنید. (اندازه 12pt و رنگ مشکی)

از قسمت Blending Mode هم Overlay را برای لایه متن انتخاب کنید.

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

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 5:

Grid را دوباره فعال کنید (View > Show > Grid) .

رنگ foreground را به 384445 تغییر دهید.

با ابزار Rounded Rectangle Tool یک مستطیل 40 در 380 رسم کنید.

از قسمت Layers با نگه داشتن کلید Ctrl روی لایه کلیک کنید.

با نگه داشتن کلید Alt روی Add layer mask کلیک کنید.

در نهایت Ctrl-D را برای دی سلکت کردن استفاده کنید.

Create an Address Book Icon in Photoshop

مرحله 6:

Fill لایه ای که انتخاب است را به 0% تغییر داده و Layer Style را مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

4. ایجاد کاور:

مرحله یک:

با Rectangle Tool یک مستطیل 30 در 380 رسم کنید.

Layer Style را مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 2:

به قسمت Edit > Preferences > Guides, Grid & Slices رفته و Gridline Every را به 5 تغییر دهید.

Rounded Rectangle Tool را انتخاب کرده و Radius آن را به 3 تغییر دهید.

رنگ foreground را به d11812 تغییر دهید.

یک مستطیل 25 در 380 رسم کنید.

Alt را نگه داشته و یک مستطیل 10 در 380 رسم کنید.

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 3:

به قسمت Edit > Preferences > Guides, Grid & Slices رفته و Gridline Every را به 1 تغییر دهید.

رنگ foreground را به 6c1c07تغییر دهید.

یک مستطیل 5 در 376 رسم کنید.

Create an Address Book Icon in Photoshop

مرحله 4:

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 5:

رنگ foreground را به  7c2d0c تغییر دهید.

یک مستطیل 2 در 7 رسم کنید.

Create an Address Book Icon in Photoshop

مرحله 6:

یک کپی از لایه گرفته و لایه کپی را 13 پیکسل پایین تر ببرید. این کار را 6 بار تکرار کنید.در آخر همه این ها را انتخاب کرده و به راست کلیک رو یکی از این ها Merge Shapes را بزنید.

Create an Address Book Icon in Photoshop

مرحله 7:

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

5. ساختن تکه های پلاستیکی

مرحله یک:

به Edit > Preferences > Guides, Grid & Slices رفته و Gridline را به 10 تغییر دهید.

رنگ foreground را به  ffffffتغییر دهید.

یک مستطیل 100 در 50 رسم کنید.

Fill را به 0% تغییر دهید.

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 2:

Gridline را به 5 تغییر دهید.

یک مستطیل 90 در 40 رسم کنید.

Ellipse Tool انتخاب کنبد Alt را انتخاب کنبد و یک دایره با شعاع 10 رسم کنید.

Fill را به 0% تغییر دهید.

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 3:

Ellipse Tool انتخاب کنبد و یک دایره با شعاع 10 رسم کنید.

با گرفته Alt یک مستطیل 5 در 10 رسم کنید.

Fill را به 0% تغییر دهید.

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

6. ساخت پس زمینه چوبی

مرحبه یک:

همه لایه ها را وارد یک گروه کنید Ctrl-G  و نام آن را addressBook بگذارید.

Alt را نگه داشته و روی Background layer دابل کلیک کنید .
رنگ آن را سفید کرده و رنگ foreground را 736357.

Create an Address Book Icon in Photoshop

مرحله 2:

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

7. تنظیمات نهایی:

مرحله یک:

یک مستطیل با radius 5  و ابعاد 280 در 380 و رنگ سیاه ایجاد کنید.

Create an Address Book Icon in Photoshop

مرحله 2:

از قسمت Layers روی لایه سیاه راست کلیک کرده و Convert to Smart Object را انتخاب کنید.سپس آن را به زیر addressBook درگ کنید.

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop

مرحله 3:

از addressBook کپی گرفته و یک گروپ جدید بسازید و آن را به smart object تبدیل کنید.

Fill را به 0% تغییر دهید.

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 4:

از addressBook کپی گرفته و یک گروپ جدید بسازید و آن را به smart object تبدیل کنید.

آن را به بالای addressBook درگ کنید.

Fill را به 0% تغییر دهید.

Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

مرحله 5:

یک کپی از لایه ها گرفته و Layer Style را هم مطابق تصاویر تنظیم کنید.

Create an Address Book Icon in Photoshop
Create an Address Book Icon in Photoshop

تبریک می گم! شما تونستید!

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

آموزش ایجاد یک دفترچه تلفن با فوتوشاپ

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

منبع : افغان لرن