ساخت Header سایت یا وبلاگ

سه شنبه, ۷ام آبان , ۱۳۸۷ | ۵ دیدگاه

در این خودآموز نحوه ساخت Header سایت یا وبلاک رو نمایش میدهیم .نتیجه کار رو میتونید در عکس زیر ببینید .

مرحله اول این است که یک فایل جدید با ابعاد ۷۷۰px در ۴۰۰px ایجاد کنیم، بهتر است که رنگ پس زمینه رو تیره انتخاب کنیم تا نتیجه کار بهتر معلوم شود .من از رنگ #۳d3d3d استفاده کردم .توسط ابزار rounded rectangle tool و با radius ، ۹px شکل Header را مشابه شکل زیر رسم میکنیم :

مرحله بعد اینه که در قسمت Layers با Right Click بر روی Shape که رسم کردیم و با انتخاب Blending Options و انتخاب gradient overlay همانند شکل زیر عمل کنیم :

با کلیک بر روی رنگ جلوی کادر Gradiant در پنجره باز شده رنگ تیره را #۱۹۰۱۴۱ و رنگ روشن را #۵E01F7 انتخاب میکنیم .مانند شکل زیر :

نتیجه کار به این شکل خواهد شد :

اکنون نیاز داریم تا از یک Pattern بعنوان زمینه محو BackGround استفاده کنیم . در این مرحه با نحوه ساخت Pattern آشنا میشیم .عکس زیر را ذخیر کنید و آنرا در PhotoShop و در فایلی که در حال کار کردن بر روی آن هستیم باز کنید :

در قسمت Layers کلید CTRL را نگاه داشته و روی لایه عکس بالا کلیک کنید تا عکس فوق انتخاب شود .

سپس مراحل زیر را طی کنید :

Edit > Define Pattern و برای ان یک نام در نظر بگیرید .اکنون میتوانید لایه فوق را پاک کنید و توسط CTRL+D محدوده انتخاب شده را از حالت انتخاب در بیارید .اکنون بر روی لایه ای که Shape را در ان ساخته این CRTL+Click کنید تا به حالت انتخاب در بیاید و روی Create a New Layer کلیک کنید تا در بالای آن یک لایه جدید ساخته شود :

اکنون ابزار paint bucket tool را انتخاب کنید و در قسمت بالای نوار ابزار PhotoShop گزینه Forground را به Pattern تغییر دهید و Pattern را که لحظاتی پیش ساختید انتخاب نمایید :

لایه جدیدی را که ساختیم با Pattern پر کنید :

بر روی لایه Pattern کلیک راست کنید و گرینه Blending Option را انتخاب کنید و Blend Mode را به Overlay تغییر دهید و Opacity را به مقدار لازم کاهش دهید :

نتیجه کار :

لایه Shape که Headr را در آن ساخته ایم را انتخاب کنید و با کلیک راست گزینه Blending Option را انتخاب کنید و تغییرات زیر را برای ۲ گزینه outer glow , stroke انجام دهید :

نتیجه کار :

در مرحله آخر کافیست که متن خود را نوشته و تمام . نتیجه نهایی کار :

Be Sociable, Share!


۵ دیدگاه


  1. امین
    ۱۴ آبان ۱۳۸۷

    هیچ جور نمیشه زحمات شمارو قدردانی کرد از همتون سپاس گذارم




  2. امین
    ۳ دی ۱۳۸۸

    تشکر فراوان
    ولی با اینترنت گازوئیلی ما به سختی میشه ویدیو ها رو دانلود کرد.
    من کافی نت دارم ، با این حال از دانلود فایل ها عاجزم ، چرا که هزینه ی زیادی برام داره و کلی از ترافیکم رو مصرف میکنه
    کاش دی وی دی هایی از مطالب رو تهیه می کردین تا کار دانلود رو هم از دوش ما بردارین .با اینترنت پر سرعت از ۲ نیمه شب تا ۷ صبح که دانلود رایگان میشه تنها میشه ۷۰۰ مگابایت دانلود کرد که برای یک دی وی دی با ضریفیت ۴٫۷ حدود یک هفته طول میکشه
    پیروز باشید و رستگار




  3. حامد
    ۲۲ بهمن ۱۳۸۹

    نحوه ساخت فایل های gift را می شه یاد بدید.
    اگر بخواهیم header سایت effect داشته باشه چی کار باید کرد؟ مرسی




  4. کورش
    ۱۰ مهر ۱۳۹۰

    خوب بود
    مرسی




  5. Ali
    ۲۶ آذر ۱۳۹۰

    baba downloadesh ham bezarid man gradiator nadaram mamnoon:X



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