مرجع بلاگ اسکای

مرجع بلاگ اسکای

معرفی کد ها و امکانات جدید برای وبلاگ نویسان بلاگ اسکای - قالب های حرفه ای بلاگ اسکای
مرجع بلاگ اسکای

مرجع بلاگ اسکای

معرفی کد ها و امکانات جدید برای وبلاگ نویسان بلاگ اسکای - قالب های حرفه ای بلاگ اسکای

تبدیل طرح های فتوشاپ به CSS با یک کلیک - برای حرفه ای تر ها

تبدیل ساده طرح های فتوشاپ به CSS با یک کلیک


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


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


 

 

پلاگین CSS3Ps


CSS3Ps پلاگینی رایگان برای فتوشاپ است که به کمک سرویس ابری خود، وظیفه تبدیل لایه های فتوشاپ به سی اس اس را بر عهده دارد. این پلاگین را می توانیم در فتوشاپ با حداقل نسخه CS3 استفاده کنیم.


تا لحظه نگارش این مطلب، CSS3Ps قادر است تبدیل های زیر را انجام دهد. (خوشبختانه این پلاگین به روز رسانی مناسبی دارد)

CSS3Ps-1.jpg


نکته خوب این است که CSS3Ps همزمان با تولید دستورات، پیشوندهای مورد نیاز برای مرورگرهای مختلف را نیز در خروجی نهایی قرار می دهد.


برای استفاده از این پلاگین ابتدا CSS3Ps را از اینجا دانلود کنید.
سپس با استفاده از  Adobe Extension Manager پلاگین را نصب کنید.


سپس فتوشاپ را باز کنید و از منوی window > Extensions ،  پنل CSS3Ps را فعال کنید.


برای تبدیل کافیست لایه مورد نظر را انتخاب و روی دکمه مربوطه در پنل CSS3Ps کلیک کنیم.

psd-layer.jpg

پس از آن به صورت خودکار به وب سایت CSS3Ps وارد شده و سیستم کدهای نهایی را تولید می کند.

نظر شما چیست؟ آیا این پلاگین می تواند به عنوان دستیار سرعت شما را در اجرای صفحات وب بیشتر کند؟ شما از چه ابزارهای مشابهی کمک می گیرید؟
نظرات 1 + ارسال نظر
ندا یکشنبه 24 آذر 1392 ساعت 18:17

چرا توی فتوشاپ من اضافه نمی شه؟؟؟؟

ورژن چند فوتوشاپت؟

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد