X
دعوت به همکاری - گوینده
انتشارات و موسسه فرهنگی نوین پندار از علاقه مندان به گویندگی دعوت به همکاری مینماید. جهت کسب اطلاعات بیشتر به صفحه همکاری با ما مراجعه نمایید.
:: :: :: :: :: اطلاعیه :: :: :: :: ::
 
 
 
width: px
height: px

به راحتی از فتوشاپ و با فتوشاپ خروجی CSS بگیرید

07:29   |   سه شنبه 21 بهمن ماه 93   |   تعداد بازدید : 7169
به راحتی از فتوشاپ و با فتوشاپ خروجی CSS بگیرید,ترفند ، راه حل ، tips & tricks ، tips ، tricks ، دانلود ، روش  ، راه، Windows ، Layer ، فتوشاپ ، نسخه CC ، Copy CSS ، لایه ، Select ، طراحی ، CTRL ، کلید ، Notepad ، سند ،  CSS ، گرافیک ، افکت ، Drop Shadow ، Gradient Overaly ، Strock , Bevel ، موتور ، خروجی ، تبدیل
ترفند ، راه حل ، tips & tricks ، tips ، tricks ، دانلود ، روش  ، راه، Windows ، Layer ، فتوشاپ ، نسخه CC ، Copy CSS ، لایه ، Select ، طراحی ، CTRL ، کلید ، Notepad ، سند ،  CSS ، گرافیک ، افکت ، Drop Shadow ، Gradient Overaly ، Strock , Bevel ، موتور ، خروجی ، تبدیل


در منوی Layer فتوشاپ نسخه CC امکانی با نام Copy CSS اضافه شده است. شما با این امکان به راحتی و فقط با ۱ کلیک میتوانید از لایه و یا لایه هایی که در پنجره Layer فتوشاپت Select هستند خروجی CSS بگیرید . 
 
مرحله اول
ابتدا یک کلید ساده که در بر دارنده چند FX هست را طراحی میکنیم و سپس یک نوشته هم روی آن کلید قرار میدهیم.

مرحله دوم
حالا هر دو لایه را انتخاب میکنیم و کلید CTRL+G را روی صفحه کلیدمان فشار میدهیم تا به یک گروه تبدیل بشوند.
 
مرحله سوم
حالا گروه ساخته شده رو برایش نام تعیین میکنیم و گروه را در حالت انتخاب قرار میدهیم
 
 مرحله چهارم
حالا به منوی Layer میرویم و گزینه Copy CSS رو انتخاب میکنیم و یا میتوانیم روی گروهی که ساخته ایم کلیک راست کنیم و از گزینه های موجود Copy CSS را انتخاب کنیم
 
 مرحله پنجم
حالا فقط کافیست  یک سند Notepad باز کنیم و کلید CTRL+V را فشار بدهید . میبینید که کُد CSS نمایان میشود.
  
به همین راحتی توانستیم از لایه های مختلف موجود در فایل گرافیک خروجی CSS بگیریم . دقت داشته باشید این خروجی ، کلیه افکت های موجود در FX هر لایه را میتواند به کد تبدیل کند . به عنوان مقال ما در کلید طراحی شده از Drop Shadow ، Gradient Overaly , Strock , Bevel استفاده کرده بودیم و این موتور خروجی به راحتی همه این مقادیر را طبق اختیاراتی که CSS در دسترس قرار میدهد به کد CSS3 تبدیل کرد . 


:: تبلیغات



Super Windows XP - به همراه آموزش ویندوز XP و برنامه های کاربردی
 
بحث ها و نظرها
0
نظر
برای شرکت در بحث و تبادل نظر در سایت Login نموده، یا ثبت نام کنید.


:: تبلیغات
SKETCH and RANDO TOOLS
Driver Pack Solution New Version - 17.6.13



 
 
تمامي كالاها و خدمات اين فروشگاه، حسب مورد داراي مجوزهاي لازم از مراجع مربوطه مي‌باشند و فعاليت‌هاي اين سايت تابع قوانين و مقررات جمهوري اسلامي ايران است.
Copyright © 1998 - 2016 NovinPendar Co. Ltd. All rights reserved.