خانه » آموزش فتوشاپ » آموزش طراحی محتوا و پانوشت در فتوشاپ
18 اردیبهشت 1393

آموزش طراحی محتوا و پانوشت در فتوشاپ

10

در جلسه قبل از این آموزش، تا قسمت Sidebar سایت پیش رفتیم در این جلسه قسمت Content یا همان مطالب و پانوشت footer را طراحی خواهیم کرد. پس با ما همراه باشید.

قسمت content

در ابتدا تصاویر مورد استفاده در این جلسه را دانلود کرده و در پوشه images قالب قرار دهید.فایل psd طرح را باز کنید تا کار را شروع کنیم :

1.ابتدا با استفاده از ابزار rounded rectangle tool یک مستطیل با ابعاد زیر ایجاد کنید و آن را در وسط بین دو بلوک قرار دهید.

2

2.گروه block را باز کرده و بر روی لایه block-bg کلیک راست کنید و گزینه copy layer style رو انتخاب کنید :

3

3.سپس بر روی لایه مطلب (shape 7) کلیک راست کنید و paste layer style رو انتخاب کنید

4. یک لایه متنی جدید ایجاد کنید با عنوان ” عنوان مطلب ” فونت b nazanin ، اندازه ی 24px و رنگ سیاه.

4

5. با ابزار rounded rectnangle tool یک مربع با ابعاد 150 * 150 ایجاد کنید و آن را در پایین عنوان مطلب قرار دهید

نکته : اگر لایه ای که ایجاد کردید دارای استایل است بر روی لایه کلیک راست کنید و clear layer style رو انتخاب کنید

رنگ لایه را به #cdcdcd تغییر دهید .

6. یک لایه متنی جدید ایجاد کنید با عنوان ” بدون تصویر بند انگشتی” رنگ و آن را #546995، فونت entezare zoohor 3 و اندازه 36px درون لایه قرار دهید.

5

7. یک لایه متنی جدید دیگر با عنوان ” متن مطلب در این جا قرار می گیرد” ، با رنگ سیاه فونت Tahoma و اندازه 14px ایجاد کنید و آن را در سمت چپ تصویر بند انگشتی قرار دهید.

6

8. با ابزار rounded rectangle tool یک مستطیل با ابعاد زیر ایجاد کنید :

7

سپس استایل زیر را به آن بدهید :

8

9

10

9. یک لایه متنی دیگر ایجاد کنید با فونت b naznin و رنگ #7b7b7b و اندازه 24px و با عنوان “ادامه مطلب” و ان را درون لایه ای که ر مرحله قبل ایجاد کردیم قرار دهید.

11

10. با ابزار rounded rectangle tool یک مستطیل با ابعاد زیر ایجاد کنید

12

سپس رنگ ان را #d2d2d2 قرار دهید

11. سه تصویر date , auther و comments را وارد فایل کنید و آن ها را با فاصله تقریبا 150px از هم در لایه ای که در مرحله قبل ایجاد کردیم قرار دهید :

13

12. سپس در کنار آیکون ها یک لایه متنی جدید با فونت Tahoma و اندازه 14px و رنگ # 255497 با عناوین زیر ایجاد کنید :مقداری آیکون نظرات و نوشته آن را به سمت چپ بکشید.

14

13. همه لایه هایی که در این جلسه ایجاد کرده اید را با نگه داشتن SHIFT انتخاب کنید و آن ها را در یک گروه جدید با نام post قرار دهید.

قسمت footer

1.با ابزار rectangle tool یک مستطیل با ابعاد زیر ایجاد کنید

15

2. رنگ لایه را به #366995 تغییر داده و آن را در زیر قسمت content قرار دهید

3. یک لایه متنی با فونت b nazanin و اندازه 24px و رنگ سفید مانند تصویر زیر ایجاد کنید

4.این دولایه را با هم در یک گروه جدید با نام footer قرار دهید.

1

بسیار خب کار ما به پایان رسید، فایل را ذخیره کنید و از نرم افزار خارج شوید،

در جلسه بعد به تکه تکه (slice) کردن قالب خواهیم پرداخت، و تصاویر مورد نیاز را از قالب خارج خواهیم کرد.امیدوارم این آموزش مورد پسند شما کاربران واقع شده باشد.

پگاه سعادت

با سلام پگاه سعادت هستم عاشق فتوشاپ و طراحی هستم و کارامو خیلی دوس دارم و خیلی وقته دارم توی سایت شهر گرافیک تدریس فتوشاپ میکنم امیدوارم راضی باشید ;)

2 پاسخ به “آموزش طراحی محتوا و پانوشت در فتوشاپ”

  1. ارتان گفت:

    سلام دوست عزیز.
    تبلیغات پاپ اپ یا بنر توی وبسایت من سفارش میدید
    امارش20000تاست میانگین.
    هزینشم خیلی زیاد نیست.
    بنریک ماه توی تمام صفحات 15000هزارتومن
    وپاپ اپ هم یک ماه50000هزارتومن.
    خیلی ارزونه.تازه هرچه سریعتر به سایت تبدیل میشه وبسایتم.
    منتظرتونم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *