پلاگین فتوشاپ: تبدیل عناصر فتوشاپ به CSS

دسته بندی: گرافیک
زمان مطالعه: 2 دقیقه
۱۹ مهر ۱۳۹۳

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

حتما شده که بخواهید یک سری عناصر را پس از طراحی در فتوشاپ به html و css تبدیل کنید و سپس مشغول کدنویسی از روی عناصر از پیش طراحی شده می‌شوید که تازه ممکن است که خیلی از کدها با تصاویر و عناصر همخوانی نداشته باشه و تازه وقت زیادی رو هم صرف کنه.لذا ما بر این شدیم تا با معرفی این پلاگین حرفه ای برای فتوشاپ از این به بعد امکان تبدیل سریع و راحت ویژگی‌های عناصر به css رو برای شما فراهم کنید.

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

پلاگین فتوشاپ:تبدیل عناصر فتوشاپ به css

پلاگین فتوشاپ:تبدیل عناصر فتوشاپ به css

windows >>  extension >> csshat

و گزینه ی csshat رو تیک دار کنید.حالا کافیه که عنصر خودتون رو طراحی کنید و بعد لایه ی مدنظر رو انتخاب کرده تا کد css اونرو داشته باشید.کد css رو باید از پنجره ی باز شده به حافظه ی ویندوز کپی کنید:

پلاگین فتوشاپ:تبدیل عناصر فتوشاپ به css

پلاگین فتوشاپ:تبدیل عناصر فتوشاپ به css

یاداوری :

علی رغم این که این پلاگین از موارد متعدد css پشتیبانی می‌کنه اما جالبه بدونید از فونت‌ها در صورتی پشتیبانی می‌کنه که @font-face اون فونت و source آن در فایل css قرار گرفته باشد.

در نهایت امیدوارم از این افزونه استفاده ی زیادی ببرید...:)

چه امتیازی به این مقاله می دید؟
نویسنده رضا نصرالهی
الهی ، راضی ز رضا شو و براتی به بهشتم ده ، زان پیش کنندم به جهنم

نظرات کاربران

علی امینی

سلام
شخصا ترجیح میدم خودم استایلشو بنویسم تا از فتوشاپ بگیرم؛ یه بار از فتوشاپ CSS طرحو گرفتم خیلی افتضاح بود!
ممنون بابت معرفی ابزار
یا علی

رضا نصرالهی

فقط بعضی از طرح های css3 رو بزرگتر می کنه دیگه:)

محمد اسفندیاری

جالب بود…..مرسی

kiansoft2000

عالیه. ممنون . امیدوارم که خیلی به کار بیاد

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :