به نام خدا و با سلام خدمت هم علاقمندان به یاد گیری
کار را با ایجاد یک سند در اندازه 850 پیکسل در 900 آغاز می کنیم . پس از ایجاد سند رنگ forground به
3e3640 و رنگ پیشت زمینه را به 201f20 تغییر می دهیم . پس از این کار با استفاده از کلید G ( در صورت
انتخاب paint bucket بازدن shift+g ) می توانید ابزار gradient را انتخاب کنید و از بالاترین نقطه به پائین ترین
نقطه gradient خود را درگ کنید . پس از این کار به منو فیلتر رفته و از منو noise گزینه Add noise را انتخاب
کنید و با توجه به تصویر سوم مقدار دهی کنید . 
با زدن کلید U ابزار rounded rectangle را انتخاب کنید , مقدار دهی کاملا اختیاری است و شما می توانید
برای طول و عرض و حتی مقدار Redius عددی دلخواه را وارد کنید . برای مکان قرار گیری این مستطیل بهتر
است نزدیکترین مکان به عرض بالائی باشد . 
پس از رسم , از قسمت پائینی مستطیل حدود 50 پیکسل را انتخاب کنید و با استفاده از کلیدهای Crtl +x
آنرا cut و سپس paste کنید و لایه جدید را مخفی نمائید , ما از این لایه بعدا استفاده خواهیم کرد.(دقت کنید
اگر شما زمان ترسیم حالت shape layer را انتخاب کرده باشید , باید ابتدا با راست کلیک برروی لایه و
سپس گزینه rasterize layer آن را به یک لایه معمولی تبدیل کنید )
پس از انجام این مرحله با توجه به تصاویر زیر blending option را تنظیم کنید . 
پس از تنظیمات مربوط به blending option مستطیل خود را آنچنان به بالا حرکت دهید که قسمت rounded
یا گرد شده گوشه ها دیگر قابل دید نباشد .
حال ما به قسمت پائینی مستطیل خود که پیش از این مخفی کرده بودیم نیاز داریم از این سو آن را unhide
می کنیم و اگر در مکانی دیگر قرار دارد آنرا درست در زیر مستطیل اصلی قرار می دهیم . 
پس از آن تنظیمات blending option مربوط به این لایه را مانند تصاویر زیر مقدار دهی کنید . 
پس از انجام این مراحل , می توانید عنوان سایت خود را در بخش هدر وارد کنید . 
مانند تصویر زیر قسمت بالائی مستطیل را با استفاده از ابزار rectangular marquee انتخاب و در لایه ای
جدید در بالای تمامی لایه های اقدام به پر کردن آن بخش با رنگ سفید کنید , سپس opcity لایه را به 2
درصد تغییر دهید . 
سپس همین کار را با لایه مربوط به نوار مانند تصویر زیر انجام دهید . 
حال نوبت به آن رسیده تا گزینه های منو خود را اضافه کنید , یکی از گزینه ها بصورت hover نمایش داده
شده که برای تنظیمات blending option آن می توانید از تصاویر زیر بهره گیرید . 
من برای تقسیم کننده یا divider ابتدا دو لایه مجزا با رنگ های دلخواه که تدائی کننده یک فرورفتگی باشد
طراحی کردم , سپس لایه ها را با هم merge کردم و در پایان از mask استفاده کردم تا بخش بالائی و
پائینی این تقسیم کننده کمی محو شود . (البته این روش می تواند به طرق دیگر نیز صورت گیرد) 
مرحله بعدی ایجاد یک rounded rectangle دیگر بربالای تمامی لایه های موجود است .
پس از ایجاد , تنظیمات blending option را مانند تصاویر زیر وارد نمائید . 
تا پایان این مرحله شما باید تصویر مانند زیر داشته باشید. 
مرحله بعدی ایجاد یک rounded rectangle که از نظر اندازه بهتر است هم اندازه سرصفحه باشد و زیر لایه
مربوط به منو باشد . من برای این لایه عرض 800 و طول 650 در نظر گرفتم. در ضمن این لایه نیز از تنظیمات
مشابهی با لایه ای که پیش از این درست کردیم دارد . 
من بخش بالائی را بخش ورودی نسبت دادم , که شما می توانید برای مصارف دیگر استفاده کنید , شما اگر
مایل هستید مانند من کار کنید کافی است از icon ها زیر بهره گیرید. 
برای بخش پائینی نیز می توانید تقسیمات دلخواه خود را داشته باشید , مثلا من بخشی را برای جدیدترین
کارهای انجام شده , درباره من و هم چنین گالری تصاویر در نظر گرفتم.
اگر در تصویر هم ملاحضه کنید , متوجه می شوید که من از یک تقسیم کننده بین متون استفاده کرده ,
نحوه ایجاد آن نیز همانند مرحله ای بود که در بخش منو توضیح دادم . 
در ادامه من دو بخش دیگر با نام های گالری تصویر و درباره من در صفحه اصلی خود طراحی کردم. 
همانطوری که در تصویر زیر ملاحضه می کنید کار پایانی بدین صورت در آمده است , من برای دقت بیشتر در کار همواره از guides استفاده می کنم . 
