مدونة محمد عماد : حول تصاميم فوتوشوب إلى مواقع ويب HTML و Css بضغطة زر

أغلب مطوري الويب يتبعون طريقة تصميم الموقع على الفوتوشوب ثم يقومون بتجزيء التصميم وتكويده بـ HTML و CSS وهذه الطريقة تأخذ وقتاً وجهداً فقص الصور وكتابة الأكواد لها وصفّها في أمكنتها المحددة متعب وغير دقيق.

موقع "PSD TO WEB" يقدم لك خدمة تكويد تصاميمك وجعلها صفحات ويب بـ HTML و CSS بدقائق معدودة.
ما عليك إلا تصميم الموقع على فوتوشوب ثم حفظ التصميم بإمتداد .psd ورفعه للموقع وهو سيقوم بتحويل تصميمك إلى صفحة ويب كما صممتها تماماً وبعدها يمكنك تحميل ملف صفحة الويب الذي يحوي الأكواد والصور إلى حاسوبك.

ولكن
قبل كل شيء من الضروري أن تأخذ بعض هذه النصائح الهامة التي تضمن لك أن يتم تحويل تصميمك إلى صفحة ويب من دون أخطاء:

1- من الضروري أن ترفع الملف بإمتداد .psd وهو الحفظ العادي Ctrl + S فقط.
2- المؤثرات كالـ Stroke وال Pattern وغيرها غير مدعومة إلا إذا كانت لاير Rasterized يعني عندما تقوم بوضع تأثير لصورة ما يجب عليك أن تضغ على تحويل لكائن ذكي Convert To Smart Object ثم تضغط مرة ثانية على  Rasterized Layer فقط المهم أن يبقى اللاير من دون تأثيرات خارجية يجب أن تكون التأثيرات مدموجة فيه.
3- الألوان 8 بيت فقط لا غير.
4- اقصى حجم لملف التصميم هو 80 ميجا.

وملاحظة أخيرة: سوف يقوم الموقع بتحويل تصميمك إلى بلوكات HTML يعني DIV وكل DIV له id تحدده أنت عندما تسمي اللاير من داخل الفوتوشب لذا يجب عليك تسمية كل لاير لتستطيع العمل عليه عند تحويله.

وهذا فيديو يشرح العملية بسرعة كبيرة