السلام عليكم

الموضوع : طريقة تعريب التصاميم عن طريق برنامج الفوتوشوب

أقصد بتعريب التصاميم تعريب تصميم موقع مصمم على برنامج الفوتوشوب أو تعريب قوالب جاهزة

فعند شراء قالب من قبل إحدى شركات التصميم العربية أو الأجنبية ستكون هذه القوالب مصممة و محفوظة بملف psd عليك تغيير الكلمات و الشعارات فيها بما يتناسب مع موقعك لكن يبقى شئ مهم جدا وهو تغيير التصميم بما يتناسب مع نظام لغتك من اليمين إلى اليسار


ملاحظات مهمة قبل البدء :

- تعريب الستيل يحتاج لوجود ملف psd
- عند فتح ملف الpsd سيكون مقسما إلى مربعات هذه المربعات هي عبارة عن خانات داخل جدول كل خانة تحتوي على صورة محددة لكن هناك بعض المواقع تعطي التصميم بدون تقسيم عليك أنت تقسيمها مع مراعات الصور التي ستكون مفعلة (أزرار) لكن الأغلب ستكون مقسمة
- يمكنك معرفة التصميم إذا كان مقسم أو لا عن طريق وجود مربعات زرقاء على التصميم عند فتحه أو يمكنك التأكد بضغط Ctrl+H


- خطوات التعريب

1- إفتح ملف الpsd ثم Image>rotate canvas>Flip Convas Horisantal
(سيتم بهذه العملية قلب التصميم بالكامل)

2 - إذهب إلى file > Save for web و إختر gif و يمكنك تحديد عدد الألوان المستخدمة في كل صورة و ذلك لتسريع التصميم و تقليل حجم الصور عليك الإختيار بما يتناسب مع الصورة التي تختارها و بعد تحديد العدد لكل الصور الموجودة بالتصميم إضغط على المساحة الفارغة في الأسفل لتعرف الحجم الكلي للتصميم و يكون صغير بأقصى اليسار حاول أن يكون العدد أقل من 70 kb ليكون سريع و يمكنك التنقل في جميع أجزاء التصميم بالضغط على Spance
بعد ذلك إحفظ التصميم بملف خارجي منفصل

2- سيتم حفظ التصميم بصفحة html و حفظ الصور بملف جانبه بإسم Images الآن إفتح الصفحة بإستخدام Notbad و غير :


كود PHP:
إلى :


كود PHP:

(سيتم بهذه العملية قلب كل شئ في التصميم و قلب ترتيب الخانات من نظام يسار يمين إلى نظام يمين يسار)

3 - بإستخدام notbad إبحث عن:


كود PHP:

إستبدلها بـ:


كود PHP:

(بهذه العملية قمت بتغيير نظام الصفحة من النظام الإنجليزي القياسي إلى النظام العربي)

4 - إفتح ملف images و حدد جميع الصور داخله و أفتحها عن طريق الفوتوشوب و من ثم إقلب كل صورة على حدة و إحفظها يمكنك قلبها بالذهاب لImages>Rotate Convas>Flip Convas Horisontal
ثم حفظها File>Save

منقول