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

    بهتره هر سایتی که طراحی می کنید آیکون های شبکه های اجتماعی رو حتما توش قرار بدین.

    مرحله یک: اول چندتا آیکون که مد نظرتونه مثل فیس بوک، توییتر، گوگل پلاس یا هرچیز دیگه رو دانلود کنید.برای باز کردن عکس ها توی محیط فتوشاپ مسیر file>open رو طی کنید و مطابق تصویر آیکون هایی که دانلود کردید رو انتخاب کنید.

    طراحی قالب سایت

    هر کدوم از آیکون ها توی یه پنجره باز میشه، کاری که باید انجام بدیم اینه که توی هر پنجره آیکون رو select  کنیم و به طرف هدر بکشیم .

    طراحی قالب سایت

    • نکته فتوشاپی: برای تغییر دادن سایز آیکون ها (یا هر تصویر دیگه ای تو فتوشاپ)  می تونید از ctrl+t استفاده کنید.

    طراحی قالب سایت

    همه ی آیکون هارو با یه اندازه سمت چپ هدر کنار هم قرار می دیم. خب، همینطور که توی تصویر می بینید کارمون با آیکون ها اینجا تموم میشه.

    طراحی قالب سایت

    درج تاریخ درسایت با فتوشاپ

    مرحله دوم: می خوایم یه قسمتی هم برای تاریخ روز قرار بدیم، یه لایه ی جدید به نام  date  ایجاد می کنیم و روز و تاریخ رو توش می نویسیم.

    طراحی قالب سایت

    بریم یه بار دیگه ببینیم تا اینجای طراحی، سایتمون توی مرورگر چطوری دیده میشه:

    طراحی قالب سایت

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

    ممنون می شم که نظراتتون رو راجع به آموزش بیان کنید، یا اگه موردی مد نظرتون هست که از قلم انداختم یادآوری کنید که اضافه کنم، در ضمن توصیه می کنم دیگر دوره های آموزشی (درسمن) رو مثل (اموزش html css درسمن) رو هم دنبال کنید، چون بعد از کامل شدن طراحی قالب سایت برای تبدیل قالب فتوشاپ به کدهای html css حتما به این آموزش ها نیاز پیدا می کنیم.

    تا جلسه ی بعد…موفق باشید.

© تمامی حقوق مطالب برای وبسایت هفت دیزاین محفوظ است و هرگونه کپی برداری بدون ذکر منبع ممنوع و شرعا حرام می باشد.
قدرت گرفته از : بک لینکس