illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!
4 5327 ۱۹ مهر ۹۳ رضا نصرالهی

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

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

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

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

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

windows >>  extension >> csshat

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

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

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

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

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

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

  • سریع تر شدن تبدیل psd به html
  • راحتی کار برای کدنویسی
  • طراحی دلنشین و دست باز
  • عدم نیاز به کدنویسی طولانی برای مرورگرهای مختلف

دیدگاه ها 4 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    kiansoft2000(۱۹ مهر ۱۳۹۳)

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

  • ‏‏
    محمد اسفندیاری(۱۹ مهر ۱۳۹۳)

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

  • ‏‏
    علی امینی(۱۹ مهر ۱۳۹۳)

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

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram