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

- visibility ٢۶ mode_comment

سلام به همه دوستان سون لرنی،در این مطلب قصد دارم شما رو با نحوه طراحی یک باکس زیبای 3 بعدی در فتوشاپ و تبدیل اون به HTML و CSS آشنا کنم،در فایل ضمیمه این مطلب فایل HTML و PSD موجوده  و میتونید طبق سلیقه خودتون اونو تغییر بدین،مطمئنا اگه آموزش های CSS و HTML و آموزش های دیگه سایت رو پیگیری کنید،می تونید طرح های خیلی زیباتر برای خودتون طراحی کنید.امیدوارم که از این آموزش خوشتون بیاد.

در این ویدیو :

  • با نحوه ایجاد خطوط راهنما (Guide Lines) آشنا خواهید شد.
  • با نحوه انتخاب رنگ گرادینت آشنا خواهید شد.
  • با یکی از حالت های ابزار ترانسفورم فتوشاپ آشنا خواهید شد.
  • با ابزار Slice آشنا خواهید شد.

تصویر نهایی از باکس وب طراحی شده :

webbox-final

دانلود پروژه با لینک مستقیم 

نمایش ویدیوی آموزشی:

.: فقط اعضاي سايت مجاز به ديدن اين قسمت هستند :.
در صورتي که عضو سايت هستيد می توانید لاگین شوید.
در غير اين صورت در کمتر از 1 دقيقه مي توانيد در سايت عضو شويد.

comment دیدگاه کاربران
مهدي مرادي

ممنونم.من اینو انجام دادم ولی عکس همراهش رونتونستم اضافه کنم این هم سایتمه:http://66306901kermanshah.hoomad.ir/ یه کم نسبت به اون سایت ناشیانه است به هرحال سپاسگذارم پاینده باشی وسال نو بی غم وغصه داشته باشی انشاءا…

لقمان آوند

متشکرم
موفق باشید

تک سورس

nice

مجید

موفق باشید

rezanoor

تشکر آقا کیوان
خیلی عالی بود

neghab69

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

کیوان علی محمدی

از مرورگر کروم استفاده کنید.

f_talebi

تشکر خیلی خوب بود

عباس کاظمی

خیلی عالی بود 😉

مرسی

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2