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

final

گام ۱:

نرم افزار فتوشاپ را باز کرده و از منوی File>New یک سند جدید با اندازه ۱۰۰۰ در ۲۱۶ پیکسل ایجاد کنید.

1

 گام ۲:

برای گام بعدی می خواهیم یک گرادیانت یا تدارج رنگ را به پس زمینه سند خودمان بدهیم.برای این کار یک لایه جدید ایجاد کنید(Ctrl+Shift+N) و بر روی آن دابل کلیک کنید تا پنجره Layer Style ظاهر شود.تنظیمات مربوط به gradient رو مطابق با تصیر زیر انجام دهید.

2

3

گام ۳:

برای ایجاد منوی اصلی یک لایه جدید ایجاد کنید, ابزار rectangle marquee را انتخاب کنید و مساحتی به اندازه تصویر زیر ایجاد کنید و به آن رنگ سفید(با استفاده از ابزار سطل رنگ) بدهید.

4

گام ۴:

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

5

6

7

گام ۵:

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

8

گام ۶:

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

9

گام ۷:

در این گام باید لینکی که فعال هست و ما در صفحه خودش قرار داریم و مشخص کنیم.مثلا ما به صورت پیشفرض در صفحه اصلی یا Home قرار داریم .با استفاده از ابزار rectangle marquee قسمت مربوط به Home را انتخاب کنید.

10

گام ۸:

بعد از انتخاب گزینه Edit>Clear را انتخاب کنید تا رنگ قسمت انتخابی پاک شود.

10.1

گام ۹:

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

11

گام ۱۰:

حال تنظیمات Layer Style مربوط به قسمت بالایی هدر رو مانند زیر انجام دهید.

12

13

گام ۱۱:

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

14

گام ۱۲:

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

15

گام ۱۳:

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

final

کلیدواژه ها :

این خبر را به اشتراک بگذارید :