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

طراحی قالب سایت در فتوشاپ (سری 1) | رابین وب | RabinWeb

در این آموزش قصد طراحی قالب فوق را در فتوشاپ داریم. همانطور که می بینید در قالب فوق از رنگ های بسیار زیبایی استفاده شده است. برای داشتن یک سایت زیبا باید اطلاعاتی در مورد رنگ,فونت,سایز و … داشته باشید که این اطلاعات تنها با تکرار و تمرین ایجاد می شود. بعد از این آموزش باید قالب زیر را طراحی کنید. گام ۱:. نرم افزار فتوشاپ را باز کرده و یک فایل جدید با عرض ۱۰۲۰ و ارتفاع ۱۸۲۰ پیکسل ایجاد کنید. از منوی Image>Convas Size مانند تصویر زیر Anchor را در سمت بالا,وسط قرار دهید. برای ایجاد یک سری خطوط که ما را در طراحی قالب کمک خواهند کرد باید از ابزار خط

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

ادامه مطلب ...
آموزش طراحی منو سایت | رابین وب | RabinWeb

در این آموزش قصد طراحی یک منوی زیبا را در فتوشاپ داریم. این آموزش به شما یاد می دهد که چه طور چندین لایه را با هم ترکیب کنید تا یک منوی زیبا را طراحی کنید. این منو معمولا در بالای سایت در زیر هدر قرار می گیرد. نتیجه کار منوی طراحی شده:. گام ۱:. برای شروع ابتدا نرم افزار فتوشاپ را باز کرده و با استفاده از گزینه File>New یک سند جدید در ابعاد ۵۴۰ در ۲۲۰ پیکسل ایجاد کنید. حال رنگ پس زمینه را به رنگ سیاه تغییر دهید. برای این کار به گزینه Edit>Fill رفته و رنگ ۰d0d0d را انتخاب کنید. گام ۲:. حال ما می خواهیم یک پس زمینه هم برای دکمه های منوی خود ایجاد

آموزش طراحی منو آموزش طراحی منو برای سایت آموزش طراحی سایت

ادامه مطلب ...
طراحی قالب سایت در فتوشاپ (سری 2) قالب موبایل | رابین وب | RabinWeb

پروژه ای که ما در پیش رو داریم طراحی و کدنویسی قالب موبایل با استفاده از دو استاندارد css3 و html5 می باشد. آموزش دو استاندارد css3 و html5 را می توانید از سایت رابین وب دنبال کنید,زیرا شناخت این دو استاندارد خود در قالب یک پروژه بزرگ می گنجد. در بخش اول این آموزش, با کمک فتوشاپ قالب مورد نظر را طراحی کرده و در بخش دوم فایل PSD را با کمک نرم افزارهای مربوطه مثل DreamWeaver کد نویسی می کنیم. مواد لازم برای طراحی قالب موبایل:. شکل کلی قالب:. اولین کاری که یک طراح لازم است انجام دهد,کشیدن طرح کلی خود با استفاده از یک قلم و کاغذ است. فرم کلی قالب م

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

ادامه مطلب ...
آموزش طراحی ستون کناری سایت (Sidebar) | رابین وب | RabinWeb

در این آموزش قصد طراحی یک ستون کناری یا Sidebar را به صورت سه بعدی یا ۳D داریم. ستون کناری یا سایدبار همان طور که از اسم آن پیداست در کنار سایت قرار می گیرد و بهتر است که رنگ بندی و طراحی آن مناسب با طرح و رنگ بندی سایت ما باشد. گام ۱:. برای شروع طراحی ابتدا نرم افزار فتوشاپ را باز کرده و یک فایل جدید File > New با ابعاد ۵۰۰ در ۳۰۰ پیکسل ایجاد کنید. با استفاده از ابزار Paint Bucket یا سطل رنگ رنگ ۳۳۳۳۳۳ را به آن اضافه کنید. گام ۲:. ابزار Rectangle Shape را از نوار ابزار فتوشاپ انتخاب کنید. گزینه Shape Layers را انتخاب کرده و از بعد بر روی کادر

آموزش طراحی ستون آموزش طراحی سایت ستون کناری سایت

ادامه مطلب ...
طراحی قالب سایت در فتوشاپ(سری 3) قالب ساده | رابین وب | RabinWeb

در این آموزش طراحی قالب سایت, قصد طراحی یک صفحه ساده را داریم,سادگی در این آموزش مهم نیست,مهم نکاتی است که در هنگام این آموزش فرا خواهید گرفت. دوستان زیادی درخواست آموزش های ساده را داشتند و من این آموزش را بسیار مناسب دیده ام. طراحی این قالب در دو بخش می باشد. بخش اول طراحی قالب در فتوشاپ و بخش دوم تبدیل psd به html و css می باشد. صفحه نهایی طراحی شده:. بعد از پایان این آموزش شما باید صفحه ای مانند زیر را طراحی کنید. گام ۱:ایجاد سند جدید. ابتدا نرم افزار فتوشاپ را باز کرده و با استفاده از منو File > New یک سند جدید با ابعاد ۱۱۵۰ در ۹۰۰ پیکسل ا

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

ادامه مطلب ...

بهترین مشاغل و خدمات شهر خود را ، در سایت نشونه پیدا کنید.

مشاهده سایت نشونه