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

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

نکته مهم

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

طراحی سربرگ قالب در فتوشاپ

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

header design in photoshop - طراحی سربرگ قالب در فتوشاپ + فیلم آموزشی
سربرگی که در فتوشاپ طراحی کردیم

تصویر بالا هدر یا سربرگی هستش که من خودم طراحی کردم و همینجوری به ذهنم رسید و همچین چیزی رو پیاده کنم، و در زیر هم میخوام تمامی بخش ها رو که طراحی کردم رو شرح بدم.

مراحل انجام کار به چه صورت است؟

کلا از ابزارک Rectangle یا همون ابزارک مربع زیاد توی طراحی قالب استفاده میشهو بسیار ابزارک پر کاربری توی نرم افزار فتوشاپ است، در اولین مرحله لوگوی سایت رو سمت چپ قرار دادم و منوی سایت رو در وسط سربرگ قرار دادم و در آخری بخش هم یک دکمه در سمت راست هدر قرار دادم (طبق طرحی که رو کاغذ طراحی کردم).

مطلب پیشنهادی :   طراحی بدنه قالب در فتوشاپ (بخش 1) + فیلم آموزشی

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

در مرحله سوم باز هم با ابزارک Rectangle یک شیب با رنگ سفید و یک سایه ایجاد کردم و میخوام که توش یک متنی رو بنویسیم، بعد از این که شیب رو ایجاد کردم با ابزارک متن یک متنی رو به عنوان مثال داخل جعبه قرار دادم و شما هم میتونید به سایت http://loremsaz.com/ برید و متن های دلخواه خودتون رو کپی و در محتوا قرار بدید.

فیلم آموزشی طراحی سربرگ سایت در فتوشاپ

4 دیدگاه

  • Author's gravatar
    رضا 20th فوریه 2020 , 7:46 ب.ظ

    سلام دوست خوبمم.. این آموزش خیلی بهم کمک کرد.. من تازه شروع کردم.. واین ویدئوت خیلی بهم کمک کرد و انرژی داد

    پاسخ
    • Author's gravatar
      محمود شعبانی 20th فوریه 2020 , 11:36 ب.ظ

      سلام دوست عزیز
      خوشحالم که این آموزش کمکی به شما کرده یکم صبور باشید تا ادامه دوره آموزشی توی سایت قرار بگیره 💪

      پاسخ
  • Author's gravatar
    رضا 24th مارس 2020 , 9:01 ب.ظ

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

    پاسخ
    • Author's gravatar
      محمود شعبانی 28th مارس 2020 , 2:16 ق.ظ

      به دلیل مشکلاتی ضبط متوقف شده و حتما در آخر فروردین ادامه دوره آموزشی قرار خواهد گرفت

      پاسخ

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

مطالب داغ