۲

آموزش فتوشاپ CS6 / آموزش های ویژه ی شهر گرافیک / مدرسه مجازی شهر گرافیک / نوشته های صفحه اصلی

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

اردیبهشت ۱۸, ۱۳۹۳ در ۸:۴۳ ب.ظ توسط

10

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

قسمت content

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

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

2

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

3

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

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

4

۵٫ با ابزار rounded rectnangle tool یک مربع با ابعاد ۱۵۰ * ۱۵۰ ایجاد کنید و آن را در پایین عنوان مطلب قرار دهید

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

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

۶٫ یک لایه متنی جدید ایجاد کنید با عنوان ” بدون تصویر بند انگشتی” رنگ و آن را #۵۴۶۹۹۵، فونت entezare zoohor 3 و اندازه ۳۶px درون لایه قرار دهید.

5

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

6

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

7

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

8

9

10

۹٫ یک لایه متنی دیگر ایجاد کنید با فونت b naznin و رنگ #۷b7b7b و اندازه ۲۴px و با عنوان “ادامه مطلب” و ان را درون لایه ای که ر مرحله قبل ایجاد کردیم قرار دهید.

11

۱۰٫ با ابزار rounded rectangle tool یک مستطیل با ابعاد زیر ایجاد کنید

12

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

۱۱٫ سه تصویر date , auther و comments را وارد فایل کنید و آن ها را با فاصله تقریبا ۱۵۰px از هم در لایه ای که در مرحله قبل ایجاد کردیم قرار دهید :

13

۱۲٫ سپس در کنار آیکون ها یک لایه متنی جدید با فونت Tahoma و اندازه ۱۴px و رنگ # ۲۵۵۴۹۷ با عناوین زیر ایجاد کنید :مقداری آیکون نظرات و نوشته آن را به سمت چپ بکشید.

14

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

قسمت footer

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

15

۲٫ رنگ لایه را به #۳۶۶۹۹۵ تغییر داده و آن را در زیر قسمت content قرار دهید

۳٫ یک لایه متنی با فونت b nazanin و اندازه ۲۴px و رنگ سفید مانند تصویر زیر ایجاد کنید

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

1

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

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


شهر گرافیک

برچسب‌ها, , , , , , , , , , , , , , , , , , ,

+

۲ دیدگاه

  1. ارتان

    on اردیبهشت ۲۱, ۱۳۹۳ - پاسخ دادن

    سلام دوست عزیز.
    تبلیغات پاپ اپ یا بنر توی وبسایت من سفارش میدید
    امارش۲۰۰۰۰تاست میانگین.
    هزینشم خیلی زیاد نیست.
    بنریک ماه توی تمام صفحات ۱۵۰۰۰هزارتومن
    وپاپ اپ هم یک ماه۵۰۰۰۰هزارتومن.
    خیلی ارزونه.تازه هرچه سریعتر به سایت تبدیل میشه وبسایتم.
    منتظرتونم.

پاسخ دهید