ساخت آیکون دفترچه در فتوشاپ

ساخت آیکون دفترچه در فتوشاپ

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

پیش نمایش نتیجه نهایی حاصل از این آموزش

 

مرحله 1

فتوشاپ را باز کنید و سند جدیدی را ایجاد کنید:

 

مرحله 2

پس زمینه Wooden را انتخاب کنید. کلیدهای میانبر Ctrl + T را فشار دهید تا آن را متناسب با پس زمینه ما تنظیم کنید. اکنون به قسمت  Image > Adjustment> Curve بروید. همانند تصویر زیر تنظیمات را انجام دهید:

مرحله 3

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

مرحله 4

یک مستطیل با گوشه های گرد (میانبر U) با اندازه ثابت 700 در 550 پیکسل و Radius = 40px ایجاد کنید. آن را با رنگ شماره # 742b00 پر کنید

مرحله 5

اکنون به قسمت Filter > Noise > Add noise بروید و تنظیمات را مطابق تصویر زیر انجام دهید:

مرحله 6

سپس برای رفتن به قسمت Blending Option> Drop Shadow ، راست کلیک کنید و تنظیمات مربوطه را مطابق تصویر زیر انجام دهید:

مرحله 7

نتیجه ای مطابق تصویر زیر خواهیم داشت و اسمش را cover 1"" قرار می دهیم:

مرحله 8

در ادامه ، دومین مستطیل با گوشه های گرد (میانبر U)خود را  با همان اندازه 700 در 550 پیکسل و Radius = 40px ایجاد کنید. آن را با رنگ شماره # 5c3016 پر کنید. سپس کلیدهای Ctrl + T را فشار دهید تا مقداری کوچک تر از مستطیل اول که نام آن " cover 1" است ، داشته باشید. مستطیل گرد دوم را با نام “cover 2"   نامگذاری کنید.

مرحله 9

در این مرحله “cover 2” را کپی کنید ، روی تصویر کوچک لایه کلیک کرده و رنگ آن را به رنگ شماره  #742b00 تغییر دهید. نام این لایه را “cover 3"  می گذاریم. به قسمت Filter> Noise> Add noise بروید و تنظیمات را مطابق تصویر زیر پیش ببرید:

مرحله 10

سپس ، به بخش Filter> Blur> Motion blur بروید و تنظیمات را مطابق تصویر زیر اعمال کنید:

 

مرحله 11

لایه ای را که نام آن " cover 3" است، به Multiply تغییر دهید و نتیجه ای شبیه به تصویر زیر به دست می آورید:

مرحله 12

سپس ، چهارمین مستطیل گرد با اندازه ثابت 660 در 520 پیکسل ایجاد می کنیم ، آن را با رنگ شماره #571803 پر می کنیم ، سبک لایه را مانند تصویر زیر اضافه می کنیم و نام آن را “cover4” نامگذاری می کنیم:

مرحله 13

تصویر زیر نتایج حاصل از مراحل قبل می باشد:

مرحله 14

اکنون ، پنجمین مستطیل گرد با اندازه ثابت 610 در 490 پیکسل را ایجاد کرده و آن را با رنگ شماره #ffffff پر می کنیم.

مرحله 15

اکنون Layer style لایه را برای گزینه Drop Shadow ، مطابق تصویر زیر اضافه کنید

مرحله 16

سپس سبک لایه را برای بخش Inner Shadow ، مطابق تصویر زیر اضافه کنید

مرحله 17

و سبک لایه را برای بخش Gradient ، مطابق تصویر زیر اضافه کنید

مرحله 18

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

مرحله 19

مستطیل گرد بعدی را با اندازه 610 در 490 پیکسل ایجاد کنید ، رنگ شماره #ffffff را پر کنید و اندازه آن را مانند تصویر زیر کمی کوچک تر می کنیم. این لایه را با نام “Paper” نامگذاری می کنیم.

مرحله 20

سبک لایه را برای بخش Drop Shadow ، مطابق تصویر زیر اضافه کنید:

مرحله 21

و سبک لایه را برای بخش Inner Shadow ، مطابق تصویر زیر اضافه کنید:

مرحله 22

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

مرحله 23

در ادامه ، لایه جدیدی ایجاد می کنیم و نام آن را " Middle line" می گذاریم ، hard brush  (میانبر B)  را با اندازه 2 پیکسل تنظیم می کنیم و رنگ پیش زمینه را روی مقدار #742b00 تنظیم می کنیم ، سپس ابزار Pen (میانبر P)  را انتخاب می کنیم و یک خط عمودی در وسط لایه " Paper" ایجاد می کنیم. در صفحه راست کلیک کرده و گزینه stroke path را انتخاب می کنیم و مقدار tool را به صورت Brush انتخاب کنید

 

مرحله 24

و این نتیجه ایی است که ما به دست می آوریم:

مرحله 25

یک لایه جدید ایجاد کنید و نام آن را “Horizon lines"  بگذارید ، آن را در زیر لایه " Middle line" قرار دهید. ما رنگ پیش زمینه را روی مقدار  #017d93تنظیم کرده و ابزار hard brush را با اندازه 2px تنظیم می کنیم. چند خط افقی را با همان روشی که خط میانی را رسم کردیم، ترسیم می کنیم (مرحله 23). سپس لایه “Horrizon lines"  را به صورت Multiply تنظیم کرده و میزان opacity  را به مقدار 50٪ کاهش می دهیم. و نتیجه ای را به صورت تصویر زیر خواهیم داشت:

مرحله 26

سپس ، یک لایه جدید ایجاد می کنیم و نام آن را “Vertical lines"  می گذاریم ، رنگ پیش زمینه را با رنگ شماره  #ff0000و ابزار hard brush را با اندازه 2px تنظیم می کنیم. دو خط عمودی می کشیم (از همان روش مرحله 23 استفاده می کنیم) ، سپس “Vertical lines"  را تنظیم می کنیم. لایه را به صورت Linear Burn قرار می دهیم و میزان opacity را کمتر از 50% انتخاب می کنیم:

مرحله 27

سپس ، ابزار Ellipse را انتخاب می کنیم تا چند دایره با رنگ  # 000000ترسیم کنیم و آنها را به صورت تصویر زیر قرار دهیم:

مرحله 28

اکنون ، مستطیل گرد دیگری را با Radius = 40px ترسیم می کنیم تا یک مستطیل گرد مانند تصویر زیر ایجاد کنیم:

مرحله 29

حالا ، سبک لایه را مطابق تصویر زیر تنظیم کرده و مراحل 30 و 31 را برای آن دنبال می کنیم:

مرحله 30

 

مرحله 31

مرحله 32

نتیجه کار به صورت تصویر زیر است:

مرحله 33

حالا ما آن را کپی کردیم ، برای پاک کردن سبک لایه راست کلیک کنید ، رنگ  #000000را تغییر دهید ، آن را زیر دایره فلزی metal circle قرار دهید ، سپس به بخش Filter> Blur Gaussian Blur بروید

مرحله 34

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

مرحله 35

حالا ما دایره فلزی و سایه را کپی می کنیم و به صورت تصویر زیر قرار می دهیم

مرحله 36

بعد ، یک مستطیل کوچک با Radius =40 ایجاد می کنیم ، آن را به عنوان " Red bookmark" نامگذاری می کنیم ، آن را روی لایه " cover 4" قرار می دهیم و این سبک لایه را برای آن اضافه می کنیم:

مرحله 37

مرحله 38

و تصویری شبیه به تصویر زیر به دست می آوریم :

مرحله 39

لایه “Red Bookmark"  را کپی کرده و نام آن را به “Blue Bookmark"  تغییر می دهیم ، سبک لایه ، Drop Shadow را همان طور که هست نگه می داریم و Gradient را به صورت تصویر زیر تغییر می دهیم:

 

مرحله 40

نتیجه کار به صورت تصویر زیر است:

مرحله 41

و لایه “Red Bookmark"  را دوباره کپی می کنیم ، نام آن را به “Green Bookmark"  تغییر می دهیم ، مانند مرحله 39 ، ما فقط مقدار Gradient را برای آن تغییر می دهیم:

مرحله 42

در این جا آن چه که به دست آوردیم، به صورت تصویر زیر است:

مرحله 43

تقریباً کار را تمام کرده ایم. اکنون ، یک گروه با نام " notebook icon" ایجاد می کنیم ، تمام لایه هایی را که ایجاد کردیم در این گروه قرار می دهیم (به جز پس زمینه چوبی)

مرحله 44

حالا کلیدهای میانبر Ctrl + T را فشار داده و کمی به سمت چپ می چرخانیم. و نتیجه نهایی به این شکل خواهد شد: