آیلین وب

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

نکته مهم

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

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

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

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

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

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

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

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

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

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

4 دیدگاه دربارهٔ «طراحی سربرگ قالب در فتوشاپ + فیلم آموزشی»

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

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

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

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

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

آموزش انتخاب بهترین کلمات کلیدی

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

هاست ویندوز و هاست لینوکس : کدوم رو انتخاب کنم؟

هاست ویندوز و هاست لینوکس

قبل از راه اندازی و ساخت سایت با وردپرس  باید حتما قبلش

آموزش ساخت مگامنو در المنتور (رایگان) + 📽فیلم آموزشی

آموزش ساخت مگامنو در المنتور

با آموزش ساخت مگامنو در المنتور در خدمت شما عزیزان هستم و

کپی کردن صفحات المنتور به صورت کامل از یک سایت به سایت دیگر + (فیلم آموزشی)

کپی کردن صفحات المنتور به

شاید برای خیلی از شماها پیش اومده که توی طراحی صفحات با

مطالب داغ
اسکرول به بالا