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


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

مدیر وبلاگ : داود نوروزی
نویسندگان
نظرسنجی
چگونه به وبلاگ احساسات نامحسوس رسیدید؟









به نام خدا

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

-خوب در فوتوشاپ یک سند جدید با Width 1200 پیکسل و height 1500 پیکسل و بکگراند Transparent باز کنید.این نوع بک گراند در هنگام برش زدن دکمه و سایر موارد دست ما را برای ایجاد تصاویر png بدون بکگراند باز خواهد گذاشت

2- کلیدهای CTRL+R را بزنید تا ابزار خط کش فعال شود و با استفاده از این ابزار از طرفین 120 پیکسل را جدا کنید.

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

4- این عکس رو دانلود کنید و در فوتوشاپ باز کنید.از طریق Hue/Saturation میتونید به یک ولوم رنگی مناسب و دلخواه برسید.

5-عکس رو بر روی لایه بکگراند قرار دهید طوری که در یک لایه جدید قرار داشته باشد، و نام آن را Wood بگزارید.حالا بر روی این لایه راست کلیک کرده و گزینه Blending Option رh انتخاب کنید و مشخصات زیر رو برای آن اعمال کنید.


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

7-در این قسمت میخواهیم قسمت منوبار را ایجاد کنیم.ابزار Rounded Rectangle Tools را فعال کنید.و میزان Radius را برابر 30 قرار دهید.و فضای منو را ما بین خطوط خطک کش ایجاد کنید.و تنظیمات آن را مانند عکس های زیر تغییر دهید.

8- در این مرحله نوشته های منو رو ایجاد میکنیم.معمولا در منو آدرس بخش های اصلی سایت رو قرار میدن هرچند که انتخاب عنوانین به عهده شماست.

9- برای این که منو های ما زیباتر جلوه داده بشن فاصله بین نوشته ها رو با یک خط تیره پر میکنیم.

10- در ساختن چنین مواردی که نیاز به لایه ها و آبجکت های فراوان دارد بهتر است لایه های خودتان را در یک گروه مجزا قرار دهید.تمام لایه های مربوط به منو رو انتخاب کنید (با استفاد از کلید CTRL) و از طریق دستور زیر آنها را در گروهی به نام Menu قرار دهید.

Layer-->New-->Group From Layer

11- در این مرحله قصد ساختن فضای جستجو رو داریم.ابتدا با ابزار Rounded Rectangle Tools و radius برابر 30 یک قسمت مانند عکس زیر در کنار منوی خودتان ایجاد و مشخصات رو تنظیم کنید.و سپس این آیکون را در کنار آن به کار ببرید تا جلوه زیباتری پیدا کند.گروه بندی را فراموش نکنید.

12- خوب از اینجای کار به بعد شما باید خودتان بقیه موارد را انجام دهید چون هرآنچه که نیاز داشتید رو تا اینجا یاد گرفتید و ساختن ما بقی موارد کار بسیار ساده ای است ضمن اینکه میتونید فایل PSD رو هم در آخر دانلود کنید.این شکل کلی سایت ماست:

این هم فایل PSD این درس است که میتونید با حجم 7 مگابایت اون رو دانلود کنید.




نوع مطلب :
برچسب ها :





آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :