تبدیل psd به css توسط CSS3Ps 2,828 بازدید بدون دیدگاه با پیشرفت روز افزون تکنولوژی و گسترده شدن دهکده جهانی، طراحی و کد نویسی وب سایت، از آن مهارت هایی است که بازار کار خوبی دارد. طراحی وب سایت مراحل مختلفی دارد که از مهمترین مراحل آن طراحی گرافیکی قالب وب سایت مد نظر درنرم افزارهای قدرتمندی چون فتوشاپ است. در این بین گرافیست هایی هستند که توانایی طراحی قالب به صورت لایه باز(psd) را دارند اما به دلیل نداشتن مهارت کد نویسی نمی توانند قالب های خود را کامل طراحی کنند و به فروش برسانند. جهت حل این مشکل ، قصد داریم در مادسیج راهکارهایی را ارائه دهم تا کسانی که دانش و مهارت کد نویسی را ندارند به راحتی بتوانند قالب psd طراحی شده را به css یا html تبدیل کنند.البته این نکته قابل ذکر است که این روش ها به خوبی کدنویسی توسط یک کدنویس ماهر نیست و احتمالا دارای ایراداتی می باشند اما تا حدود زیادی قابل قبول هستند. در اولین پست آموزشی شما را با پلاگین CSS3Ps آشنا خواهیم کرد. با دانلود پلاگین CSS3Ps که توسط سایت http://css3ps.com ارائه شده است، می توانید به راحتی آبجکت های طراحی شده در فتوشاپ را به css تبدیل کنید. البته جهت راحتی شما مخاطبان سایت مادسیج لینک دانلود مستقیم پلاگین در انتهای پست قرار گرفته است. با توجه به اینکه نحوه نصب این پلاگین در ورژن های مختلف فتوشاپ متفاوت است، آموزش نحوه نصب این پلاگین را شرح خواهم داد. دستور العمل نصب پلاگین در Photoshop CC 2015 : پلاگین را دانلود کنید و آن را از حالت زیپ خارج کنید. پلاگین CSS3Ps را در مسیر C:\Program Files\Common Files\Adobe\CEP\extensions\ جایگزاری کنید.(توجه داشته باشید که محتوایت فایل زیپ را مستقیما در محل ذکر شده قرار دهید و از ساختن فولدر اضافه خودداری نمایید.) در صورتی که فتوشاپ باز است، آن را ببندید و مجددا اجرا کنید. پلاگین CSS3Ps را از منوی “Window” → “Extensions” → “CSS3Ps” اجرا کنید. اکنون می توانید با انتخاب لایه ها آن ها را به css تبدیل کنید. نکته: اگر از سیستم عامل لینوکس استفاده می کنید همه مراحل بالا جز مرحله دو یکسان است.یعنی شما پلاگین را باید در مسیر Macintosh HD ▸ Library ▸ Application Support ▸ Adobe ▸ CEP ▸ extensions جایگزاری نمایید. دستور العمل نصب پلاگین در 2014 Photoshop CS5, CS6 and CC : در صورتی که نرم افزار فتوشاپ باز می باشد، آن را ببندید فایل دانبود شده zpx را باز کنید در پنجره Adobe Extension Manager بر روی گزینه Accept کلیک کنید. پس از تکمیل فرایند نصب، نرم افزار فتوشاپ را اجرا کنید. از مسیر Window -> Extensions پلاگین CSS3Ps را تیک دار نمایید. کار تمام شد! هم اکنون با انتخاب لایه های مد نظر آن را به css می توانید تبدیل کنید. نحوه استفاده از اسکریپت در Photoshop CS3 and CS4 : لایه های مد نظر را انتخاب کنید. مسیر File -> Scripts -> Browse… را دنبال کنید. فایل jsx را از مسیری که اسکریپت دانلود شده در آنجا قرار دارد، باز کنید. اسکریپت در مرورگر شما اجرا خواهد شد و نتیجه را خواهید دید. دانلود پلاگین CSS3Ps برای Adobe Photoshop CC 2014 دانلود پلاگین CSS3Ps برای Adobe Photoshop CS5, CS6 و CC دانلود پلاگین CSS3Ps برای Adobe Photoshop CC 2015 دانلود پلاگین CSS3Ps برای CS3 و CS4 .