منتدى جلاكسو

  1. منتدى جلاكسو
  2. تطوير المواقع والمنتديات وادوات التصميم
  3. الفوتوشوب وملحقاته
  4. بالصور طريقة تحويل واجهة Psd الى قالب جاهز Html
صفحات: [1]   للأسفل

غير متصل drsh

  • عضو مهتم
  • **
  • المشاركات :962
  • عضويه: 7114
  • تاريخ التسجيل : 24/01/2007 » 02:00:pm
بالصور طريقة تحويل واجهة Psd الى قالب جاهز Html
 (شوهد 4976 مرات)
« : 11/02/2007 » 11:31:pm »
السلام عليكم ورحمة الله وبركاته
 
النهرده جيبلكم موضوع اتمنا انو يحوز على رضاكم
ويلا نبتدى فى الشرح
طبعاً كلنا نعرف ملف psd وطبعا الملف ده من السهل أنك تعدل عليه لأنو مفتوح أو متغير المهم ندخل فى الشرح على طول
أول حاجة هتفتح ملف الصورة الــ PSD
و تكتب الى انت عايزة زى كدة
شوف الصوره

بعد كدة لما تخلص كتابة خالص و يكون الشكل عجبك هتحفظ الصورة بصيغة GIF
و دى هتضغط على File بعد كدة تضغط على Save Optimized As
زى الصورة دى بالظبط

وصلنا لمرحلة التقسييم
 
هنفتح الصورة بالفوتوشوب تانى و هنختار الشكل دة من القائمة بتاعة الفوتوشوب

بعد كدة هنقسم زى الصورة الى جاية كدة بالظبط
يعنى على كلمة المنتدى هنيجى عمل عليها مربع أو مستطيل حسب التصميم

بعد كدة هنختار المكان دة عشان نكتب فية بيانات المنتدى الى احنا كدة قسمنا الجزء بتاعة

هتتكرر العملية دى مع الشات و أبلدكو و مع كمان الراديو على حسب تصميمك
و دة هيبقى الشكل النهائى بعد التقطيع


مرحلة حفظ الواجهة بصيغة html
هتروح على قائمة File , Jump To , Notebad
كما فى الصوره

 
وطبعاً هتختار المكان اللى هتحفظ فيه الوجها وبعد كده تسمى ملف html بالاسم ده.index
وبعد كده ترفع ملف htmlللموقع بتاعك مع ملف الصور
وأى أستفسار أى مشكله أنا فى الخدمه
تحياتى
drsh
سجل
مرحبا بكم معنا فى منتديات برامج التطويريه

غير متصل ammarnet

  • عضو مهتم
  • **
  • المشاركات :407
  • عضويه: 7292
  • تاريخ التسجيل : 10/02/2007 » 03:00:pm
مشاركة: بالصور طريقة تحويل واجهة Psd الى قالب جاهز Html
 (شوهد 4976 مرات)
« رد #1 : 14/02/2007 » 05:42:pm »
شكرا يا مان على الموضوع الاكثر من رائع
سجل

غير متصل drsh

  • عضو مهتم
  • **
  • المشاركات :962
  • عضويه: 7114
  • تاريخ التسجيل : 24/01/2007 » 02:00:pm
مشاركة: بالصور طريقة تحويل واجهة Psd الى قالب جاهز Html
 (شوهد 4976 مرات)
« رد #2 : 20/02/2007 » 09:56:pm »
مقتبس من: ammarnet
شكرا يا مان على الموضوع الاكثر من رائع

 
العفو حبيبى نورت الموضوع
تحياتى
سجل
مرحبا بكم معنا فى منتديات برامج التطويريه
NoAvatar

غير متصل الشيخ أبو محمد

  • عضويه فضيه
  • ***
  • المشاركات :1,572
  • عضويه: 30534
  • تاريخ التسجيل : 14/03/2014 » 09:10:am
رد : بالصور طريقة تحويل واجهة Psd الى قالب جاهز Html
 (شوهد 4976 مرات)
« رد #3 : 15/07/2015 » 02:51:pm »
مجهود رائع بارك الله فيك
سجل
صفحات: [1]   للأعلى