در جلسه قبل از این آموزش، تا قسمت Sidebar سایت پیش رفتیم در این جلسه قسمت Content یا همان مطالب و پانوشت footer را طراحی خواهیم کرد. پس با ما همراه باشید.
در ابتدا تصاویر مورد استفاده در این جلسه را دانلود کرده و در پوشه images قالب قرار دهید.فایل psd طرح را باز کنید تا کار را شروع کنیم :
1.ابتدا با استفاده از ابزار rounded rectangle tool یک مستطیل با ابعاد زیر ایجاد کنید و آن را در وسط بین دو بلوک قرار دهید.
2.گروه block را باز کرده و بر روی لایه block-bg کلیک راست کنید و گزینه copy layer style رو انتخاب کنید :
3.سپس بر روی لایه مطلب (shape 7) کلیک راست کنید و paste layer style رو انتخاب کنید
4. یک لایه متنی جدید ایجاد کنید با عنوان ” عنوان مطلب ” فونت b nazanin ، اندازه ی 24px و رنگ سیاه.
5. با ابزار rounded rectnangle tool یک مربع با ابعاد 150 * 150 ایجاد کنید و آن را در پایین عنوان مطلب قرار دهید
رنگ لایه را به #cdcdcd تغییر دهید .
6. یک لایه متنی جدید ایجاد کنید با عنوان ” بدون تصویر بند انگشتی” رنگ و آن را #546995، فونت entezare zoohor 3 و اندازه 36px درون لایه قرار دهید.
7. یک لایه متنی جدید دیگر با عنوان ” متن مطلب در این جا قرار می گیرد” ، با رنگ سیاه فونت Tahoma و اندازه 14px ایجاد کنید و آن را در سمت چپ تصویر بند انگشتی قرار دهید.
8. با ابزار rounded rectangle tool یک مستطیل با ابعاد زیر ایجاد کنید :
سپس استایل زیر را به آن بدهید :
9. یک لایه متنی دیگر ایجاد کنید با فونت b naznin و رنگ #7b7b7b و اندازه 24px و با عنوان “ادامه مطلب” و ان را درون لایه ای که ر مرحله قبل ایجاد کردیم قرار دهید.
10. با ابزار rounded rectangle tool یک مستطیل با ابعاد زیر ایجاد کنید
سپس رنگ ان را #d2d2d2 قرار دهید
11. سه تصویر date , auther و comments را وارد فایل کنید و آن ها را با فاصله تقریبا 150px از هم در لایه ای که در مرحله قبل ایجاد کردیم قرار دهید :
12. سپس در کنار آیکون ها یک لایه متنی جدید با فونت Tahoma و اندازه 14px و رنگ # 255497 با عناوین زیر ایجاد کنید :مقداری آیکون نظرات و نوشته آن را به سمت چپ بکشید.
13. همه لایه هایی که در این جلسه ایجاد کرده اید را با نگه داشتن SHIFT انتخاب کنید و آن ها را در یک گروه جدید با نام post قرار دهید.
1.با ابزار rectangle tool یک مستطیل با ابعاد زیر ایجاد کنید
2. رنگ لایه را به #366995 تغییر داده و آن را در زیر قسمت content قرار دهید
3. یک لایه متنی با فونت b nazanin و اندازه 24px و رنگ سفید مانند تصویر زیر ایجاد کنید
4.این دولایه را با هم در یک گروه جدید با نام footer قرار دهید.
بسیار خب کار ما به پایان رسید، فایل را ذخیره کنید و از نرم افزار خارج شوید،
در جلسه بعد به تکه تکه (slice) کردن قالب خواهیم پرداخت، و تصاویر مورد نیاز را از قالب خارج خواهیم کرد.امیدوارم این آموزش مورد پسند شما کاربران واقع شده باشد.
تشکر عالی بود
سلام دوست عزیز.
تبلیغات پاپ اپ یا بنر توی وبسایت من سفارش میدید
امارش20000تاست میانگین.
هزینشم خیلی زیاد نیست.
بنریک ماه توی تمام صفحات 15000هزارتومن
وپاپ اپ هم یک ماه50000هزارتومن.
خیلی ارزونه.تازه هرچه سریعتر به سایت تبدیل میشه وبسایتم.
منتظرتونم.