آموزش كامل جعبه ابزار فتوشاپ

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


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

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

ساخت یک تصویر سه بعدی با فتوشاپ

Home

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

 

دانلود عکس اژدها و مکعب
 

ساخت مهر با فتوشاپ

asa-photo-11
در این بخش آموزش ساخت مهر را یاد می گیرید یک آموزش بسیار راحت و ساده . 
کافیست ابتدا یک صفحه در فتوشاپ با ابعاد مشخص شده ایجاد کرده سپس بافت مورد نظر را در وسط تصویر پس زمینه قرار دهید . در مرحله بعد ابزار Ellipse Tool را انتخاب و یک دایره بکشیم .
کمی ضخامت  لبه های دایره کشیده شده را بیشتر کرده و از روی آن کپی می گیریم . در مرحله بعد متن دلخواه خود را تایپ می کنیم .بعد از نسبت دادن رنگ مورد نظر به طرح اصلی کمی لبه های کار را با ابزار Smudge Tool به طزف بیروی می کشیم . با ما همراه باشید تا این آموزش را به صورت عملی تمرین کنیم.

 

فتوشاپ را اجرا کنید

آموزش ساخت بافت کاغذ قدیمی

home

آموزش ساخت بافت کاغذ قدیمی
در این قسمت درست کردن یک کاغذ قدیمی را در فتوشاپ آموزش می دهیم .فتوشاپ را باز کرده و یک صفحه به ابعاد 1000×1000 با رزولیشن 72 ایجاد کنید .سپس رنگ پس زمینه را با انتخاب ابزار paint  با درصد رنگیه مشخص شده تغییر میدهیم.

یک لایه جدید ایجاد کرده و فیلتر Clouds را با تنظیمات مشخص شده بر روی لایه جدید اعمال می کنیم . در مرحله بعدفیلتر Emboss را با تنظیماتی که در زیر مشخص شده است بر روی لایه دوم اعمال می کنیم . ابزار Burn Tool را انتخاب کرده کمی گوشه های تصویر را تیره تر کنید . در مرحله آخر هم چند عکس قدیمی از اینترنت دانلود و با اندازه های دلخواه بر روی تصویر بکار ببرید 

فتوشاپ را اجرا کنید . 

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

head 02

هفته پیش اولین آموزش طراحی سایت در محیط فتوشاپ و بعد تبدیل فایل PSD به HTML وCSS را به طور کامل یاد دادم.

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

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

بسیار خوب می خواهم طراحی شماره 2 را در محیط فتوشاپ شروع کنم .

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

head

با یکی دیگر از طراحی های قالب سایت در خدمت شما هستم .

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

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

home

تا به امروز 5 قالب را در محیط فتوشاپ به طور کامل برای شما طراحی کرده ، سپس روز بعد قالب مورد نظر را با استفاده از کد نویسی در html و CSS تبدیل به یک قالب سایت کاملا استاتیک کرده ام .

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

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

طراحی قالب شماره 1 در فتوشاپ

PSD-to-HTML-tutorial-asarayan-14

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

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

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

head

یکی از بخش های اصلی آموزش ، که خود من هم علاقه زیادی دارم تا برای این بخش آموزش درست کنم طراحی قالبهای وب سایت در محیط فتوشاپ و بعد تبدیل آن به یک وب سایت خوب و سبک با HTML و CSS می باشد .  اما به این نکته هم اشاره کنم که یکی از وقت گیر ترین قسمت ها همین بخش می باشد به طور مثال برای طراحی یک قالب و بعد از آن آماده کردن آموزش طرح مورد نظر 30 ساعت زمان به طور مفید صرف می شود که وقت زیادی هست و باید به بخش های دیگر هم توجه داشته باشم .
قرار بود 10 قالب را برای شما از صفر تا 100 طراحی کنم . سعی میکنم 4 قالب باقیمانده را طی مدت 2 هفته به صورت کامل برای شما آموزش بدم . یک آموزش ویژه هم برای شما در نظر گرفتم و آن هم آموزش آپلود کردن سایت طراحی شده  بر روی سرور به صورت کاملا تصویری می باشد که امیدوارم بازدید کنندگان از این بخش لذت ببرند .
اما 4 قالب باقیمانده را ، من چند قالب برای فروش طراحی کرده بودم که بدلایلی منصرف شده و حالا می خواهم این 4 قالب که به صورت حرفه ای طراحی شده و در همه مرورگرها هم بدون هیچ مشکلی جواب میده را برای شما به صورت کامل از صفر تا 100 طراحی کنم .

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

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

demo-head

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

 

 

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

Transportation-Template16

تا به حال 8 قالب وب سایت را از صفر تا 100 برای شما بازدید کننده محترم طراحی کرده ام . امروز نوبت میرسه به طراحی قالب نهم با نام Transportation که یک قالب زیبا و مناسب برای آژانس های مسافرتی می باشد .دقت داشته باشید که سطح آموزشهای طراحی قالب متوسط به پیشرفته می باشد ، به همین دلیل از اشاره به جزئیاتی که در سطح مقدماتی بوده خود داری کرده ام . 

آموزش طراحی وب سایت Halcyonic در فتوشاپ (بخش دوم )

Education-Website-Design-Halcyonic-2-demo

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

آموزش طراحی وب سایت Halcyonic در فتوشاپ (بخش دوم)

فایل PSD قالب را باز کرده وتا قسمت های اضافی را طراحی کنیم  .
بدنه سایت دارای ارتفاع 100 درصد می باشد یعنی بسته به اطلاعاتی که در این قسمت قرار میگرد ارتفاع کم یا زیاد می شود .
اما به صورت پیش فرض یک اندازه برای این قسمت در نظر می گیرم .
ابعاد این قسمت را به طور مثال 700 پیکسل در نظر میگرم .

1. برای تغییر رنگ پس زمینه ابتدا یک صفحه جدید با ابعاد 8×8 پیکسل ایجاد کنید  .

مشترک این خوارک خبری شوید

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا