تاريخ : جمعه 22 دی 1391  | 8:06 PM | نويسنده : Mohammad ali Hajian

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

کار کردن با لایه ها این امکان را به شما می دهد که روی المان های موجود روی آن لایه کار کنید و نگران ایجاد تاثیرات مخرب روی لایه های دیگر نباشید. برای فعال کردن پنل مربوط به لایه ها در فتوشاپ به مسیر زیر بروید : Window—->Layers. در صورتی که این گزینه تیک خورده باشد شما قادر خواهید بود پنل مربوط به لایه ها را در محیط کاری فتوشاپ مشاهده کنید.

4-1

در تصویر زیر نمونه ای از نمایش لایه ها در پنل لایه ها را مشاهده می کنید :


ادامه مطلب




نظرات 1
تاريخ : چهارشنبه 19 مهر 1391  | 1:41 AM | نويسنده : Mohammad ali Hajian

طراحی قالب سایت شماره 2 با HTML و CSS

PSD-to-HTML-tutorial-asarayan-1.33

آموزش طراحی سایت مرحله به مرحله
روز قبل طراحی قالب شماره 2 را در نرم افزار فتوشاپ مرحله به مرحله برای شما توضیح داده ام. امروز می خواهم قالبی که دیروز در فتوشاپ طراحی کرده بودم با Html وCss تبدیل به یک قالب سایت کنم .تفاوت این قالب با طراحی شماره یک این هست که می خواهم غیر از صفحه اصلی صفحات دیگر را نیز طراحی کنم .حتما بازدید کنندگانیکه از آموزش دیدن می کنند نظرات خودشان را برای ما ارسال کنند تا کیفیت آموزش در بخش پشتیبانی سایت سنجیده شود.


بسیار خوب در ابتدا
1. یک فولدر به نام tem2 ایجاد و دو فولدر با نام های Images وcss ایجاد کنید .
2. در مرحله بعد نوت پد را باز کنید یکبار فایل را با نام Index.html در پوشه اصلی ویکبار بانام Style.css درپوشه Css ذخیره کنید .

PSD-to-HTML-tutorial-asarayan-1.1

 


ادامه مطلب




نظرات 0
تاريخ : چهارشنبه 19 مهر 1391  | 1:37 AM | نويسنده : Mohammad ali Hajian

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

head_02

هفته پیش اولین آموزش طراحی سایت در محیط فتوشاپ و بعد تبدیل فایل PSD به HTML وCSS را به طور کامل یاد دادم.امروز می خواهم قالب شماره 2 را در محیط فتوشاپ طراحی کرده سپس روز بعد فایل PSD را تبدیل به فایل HTML ,CSS کنم . از علاقه مندان به  طراحی وب سایت بعد از خواندن آموزش درخواست دارم تا نظرات خودشان را در قالب تیکت ارسال کنند تا اگر مشکلی وجود داره آن را رفع کنم. بسیار خوب می خواهم طراحی شماره 2 را در محیط فتوشاپ شروع کنم .

 

1. فتوشاپ را اجرا و یک صفحه به ابعاد 530×780 ایجاد کنید .


ادامه مطلب




نظرات 0