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

كل ما يهم مطور المواقع ... لغات برمجة المواقع .. سكربتات .. مناقشات ..
مغلق
dr_virus
عضو نشيط
مشاركات: 140
اشترك في: 02 مارس 2005, 17:49
مكان: الأردن

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

مشاركة بواسطة dr_virus »

السلام عليكم

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

- تعريب الستيل يحتاج لوجود ملف 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 و غير

كود: تحديد الكل

<html>
إلى

كود: تحديد الكل

<html dir="rtl">
(سيتم بهذه العملية قلب كل شئ في التصميم و قلب ترتيب الخانات من نظام يسار يمين إلى نظام يمين يسار)

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

كود: تحديد الكل

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
إستبدلها بـ:

كود: تحديد الكل

<meta http-equiv="Content-Type" content="text/html; charset=windows-1256">
(بهذه العملية قمت بتغيير نظام الصفحة من النظام الإنجليزي القياسي إلى النظام العربي)

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

مبروك إنتها تعريب التصميم :)
آخر تعديل بواسطة dr_virus في 04 يوليو 2005, 10:14، تم التعديل مرة واحدة.
The Whale
عضو جديد
مشاركات: 24
اشترك في: 25 يونيو 2005, 21:21
مكان: المملكة العربية السعودية
اتصال:

مشاركة بواسطة The Whale »

شكراً اخي الجميل والمفيد يامفيد

تقبل خالص تحياتي

The Whale
جواد النيل
عضو نشيط
مشاركات: 157
اشترك في: 16 مايو 2005, 09:57
مكان: مصر
اتصال:

مشاركة بواسطة جواد النيل »

انت ماذا تقصد بكلمة تعريب تصميم
يوجد مثلاً تصميم استايل منتدى او استايل موقع فماذا تقصد؟
AC
مشرف عام
مشاركات: 1806
اشترك في: 13 أغسطس 2004, 10:46
مكان: KSA
اتصال:

مشاركة بواسطة AC »

تم التثبيت :)
dr_virus
عضو نشيط
مشاركات: 140
اشترك في: 02 مارس 2005, 17:49
مكان: الأردن

مشاركة بواسطة dr_virus »

انت ماذا تقصد بكلمة تعريب تصميم
يوجد مثلاً تصميم استايل منتدى او استايل موقع فماذا تقصد؟
أقصد بتعريب التصاميم تعريب تصميم موقع مصمم على برنامج الفوتوشوب أو تعريب قوالب جاهزة

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

هذه العملية تتطلب تغيير العديد من الأمور ليتناسب مع اللغة العربية وهذه الطريقة تشرح ذلك :)
تم التثبيت :)
شكرا :mrgreen:

ملاحظة : تم إضافة صورة لمزيد من التوضيح
جواد النيل
عضو نشيط
مشاركات: 157
اشترك في: 16 مايو 2005, 09:57
مكان: مصر
اتصال:

مشاركة بواسطة جواد النيل »

اشكرك على التوضيح :oops:
dagger
عضو مفيد
مشاركات: 89
اشترك في: 09 أغسطس 2005, 14:46

مشاركة بواسطة dagger »

شكرا على الدرس :)

انا حاولت بعد قلب التصميم في الفوتوشوب . اني عمل له حفظ بس المشكلة انه بيحفظة على اساس انه صورة واحدة .. مع العلم انه في خطوط في التصميم للتقطيع ما ادرس ليش
dr_virus
عضو نشيط
مشاركات: 140
اشترك في: 02 مارس 2005, 17:49
مكان: الأردن

مشاركة بواسطة dr_virus »

يبدو أنك عملت له
Save As
وليس
Save for web

حاول ثانية
:)
soriaty
عضو جديد
مشاركات: 19
اشترك في: 04 سبتمبر 2005, 14:06

مشاركة بواسطة soriaty »

شكرا كتير
فعلا درس مهم
web-dv
عضو مفيد جداً
مشاركات: 564
اشترك في: 01 سبتمبر 2005, 20:44

مشاركة بواسطة web-dv »

جزاك الله خيراً
من زمان أبحث عن هذا الدرس :D
مغلق