كيف يمكن أن تنشئ template من ملفات ال PSD خطوة بخطوة
منتديات عيون 

العرب
عيون العرب :: الإنتساب :: المكتب :: البحث  :: الأركيد :: مواقع :: العاب فلاش :: ترجمة مواقع:: إعجاز القرآن :: الموسوعة الإسلامية :: برامج :: الإعلانات :: القوانين :: خروج

نبارك للجميع تجاوز أسرة عيون العرب النصف مليون عضو ماشاء الله تبارك الله

افتتاح قسم جديد لدروس اللغه اليابانية


الآن !! احصل على مدونتك مجانا من عيون العرب


قروب عيون العرب البريد الإلكتروني:


روابط مهمة: خلفيات | العاب للبنات فقط | mobile9 | صور حب | العاب | windows live messenger 9 | قسم جديد رسائل الجوال سعودي من عيون العرب



 
دربكة جامعة الامام محمد بن سعود الجامعه الاسلامية منتديات ستارت

توبكات| موقع باربي| العاب تلبيس باربي| العاب باربي| العاب طبخ | كوش | صور | العاب تلبيس | موقع اليوتيوب - YouTube | تلبيس باربي | دردشة | شات | صور تلوين | العاب ماريو | العاب فلاش |  www.youtube.comm | العرب المسافرون| زهير مراد | فساتين سعوديه| لعبة ايكاريام


العودة   عيون العرب - ملتقى العالم العربي > ~¤¢§{(¯´°•. عيون الأقسام الفنية.•°`¯)}§¢¤~ > دروس تصاميم متنوعة ( فوتوشوب )
     أنت غير مسجل في منتديات عيـون العـرب . للتسجيل الرجاء اضغط هنـا

دروس تصاميم متنوعة ( فوتوشوب ) القسم يهتم بتصاميم ودروس الاعضاء من بطاقات و تواقيع وصفحات باستخدام الفوتوشوب دروس جديده للفوتوشوب



عالم حواء - مكياج - أزياء - عناية بالبشرة - عناية بالشعر - إكسسوارات





إضافة رد
 
LinkBack أدوات الموضوع إبحث في الموضوع انواع عرض الموضوع
قديم 06-12-2009, 12:52 AM   #1
موقوف نهائياً
الحاله: لماذا أصبحت قاسي علي يا بحر..!!!!!
سيف الإسلام

أوسمة العضو وسام تقدير للمشاركين في مسابقة التصاميم الرمضانية: وسام خاص بقسم التصاميم الفنية والجرافيكس - السبب: لتصميمك المميز في مسابقة التصاميم الرمضانية

سيف الإسلام has a spectacular aura aboutسيف الإسلام has a spectacular aura aboutسيف الإسلام has a spectacular aura about

Question كيف يمكن أن تنشئ template من ملفات ال PSD خطوة بخطوة

كيف يمكن أن تنشئ template من ملفات ال PSD خطوة بخطوة

هناك العديد من المواقع التي تمكنك من تنزيل ملفات ال PSD والتي تستطيع من خلالها تكوين template رائع لصفحتك، وقد وصلني العديد من التساؤلات عن كيفية هذا التحويل وهل يحتاج المرء الى برنامج آخر، ولأهمية الموضوع، قررت أن أطرحه في موضوع مستقل

حين تريد التحويل الى template أنت لا تحتاج إلا لبرنامج واحد هو Adobe Photoshop
أفتح الملف PSD بواسطة الفوتوشوب ، طبعا هذا الملف يحتوي كل العناصر اللازمة لتكوين التمبلت، ويمكن تعديله بسهولة،



عند فتح الملف يمكن أن تواجهك الرسالة التالية
“Some layers contain fonts that are missing”

هذا يعني أنك لم تنصب الفونت اللازم الموجود في هذا الملف ولتنصيب الفونت ، انسخ الفونتات الموجودة مع ال template package الى المجلد التالي
Windows\Fonts أو الى المجلد التالي اذا كنت تستخدم ال NT
WinNT\Fonts



الآن سنشرح مراحل التحويل

تعديل وترتيب النصوص Text

عندما تفتح الملف أكبس الحرف T لكي تتمكن من استعمال ال type tool
ضع ال type tool cursor في مكان النص الذي تريد تعديله، ولا تنسى اذا واجهتك الرسالة التية ثانيا The following fonts are missing…، فهذا يهني أنك لم تنصب الفونتات اللازمة
اذا واجهتك الرسالة التالية
Editing or rendering the text layer…”
فلا تهتم لأن كل النصوص ستتمكن من تحريريها بسهولة
اذا كان النص الذي تريد تحريره متعدد الأسطر ، يمكنك أن تنتقل الى سطر جديد بالضغط على Shift + ENTER ، اذا كنت تريد انهاء العمل بالتحرير اضغط Ctrl + Enter، اذا كنت تريد التراجع عما حررته اضغط ESC، اذا كنت تريد تغيير بعض مواصفات الفونت من حجم أو نوع أو لون أو ماشابه ، اختر النص الذي تريد تعديله ، ومن اذهب الى ال options panel



لكنني أنصح بعدم تغيير مواصفات الفونت
يمكنك الوصول الى مواصفات أكثر دقة بالضغط على Ctrl + T



اضافة صورك الشخصية الى الملف PSD

يمكنك اضافة الصور التي تريدها الى الديزاين، ولكنك عليك أولا أن تخفي أو تحذف الصورة الأصلية، خاصية الأخفاء أفضل لأنه من الممكن أن تحتاج الصورة في المستقبل، ولكن عليك أولا أن تحدد ال layer الذي يحتوي الصورة التي تريد اخفاءها أو حذفها، عليك بالضغط على الصورة مع كبس مفتاح ال Ctrl ، فيتم اختيار ال layer الذي يحتوي الصورة



أو اذهب الى layers panel واختار Window/Layers ، على يسار ال layer الذي اخترته والذي يحتوي الصورة التي تريد اخفاءها هناك ايقونة تمثل العين كما تلاحظ في الصورة السابقة، بالضغط عليها يمكنك أخفاء أو اظهار الصورة
بالضغط بالزر اليمين للماوس على الصورة الموجودة في ملف ال PSD ستظهر لديك لائحة بال layers كما في الصورة التالية



هكذا يمكنك اضافة صور شخصية الى ملف ال PSD عن طريق فتح الصورة التي تريد اضافتها واستخدم اداة النقل الموجودة في الفوتوشوب

بعد أن تكون قد قمت بعمل كل التغييرات التي تريدها سواء على النصوص أو الصور أو الألوان ، يجب أن تغير في ملف ال HTML documents، أي أننا هنا بدأنا بصناعة التمبلت الخاص بنا

في البدء يجب أن تعرف شيئا ما عن ال slices في الفوتوشوب ترجمة كلمة ال slices حرفيا هي ( أداة لمد الدهان أو حبر الطباعة، يشرح أو يقطع الى شرائح، يمد الدهان أو حبر الطباعة، سكين عريضة النصل رقيقته)
المهم كل slice في ملف ال PSD تمثل image أو background في ال HTML documents، وال Slices في ملف ال PSD على شكل مستطيلات زرقاء في هذا الملف. لكي ترى ال slice اذهب الى View/Show/Slices
للتحكم بال slices عليك استخدام ال slice tool ، من ال tools panel أو بالضغط على الحرف K، وفي الواقع هناك أداتين ل ال Slice
الأولى هي Slice Tool
الثانية هي Select Slice Tool

استخدم المفتاحين Shift+K للتنقل بينهما

All appropriate slices already placed in PSD file included in your web design template package. So you’ll need only Select Slice Tool.
قبل أن تعمل التحديث باستخدام الأمر save for web عليك التأكد أن ال slices الذي تريد حفظه لا يغطي ال slices الأخرى، مثلا
big background image slice can contain smaller slice for button image
قبل حفظ الslices عليك أن تجلبه الى ال top المقدمة، لكي تعمل ذلك عليك اختياره بالاداة Select Slice Tool ومن ثم اذهب الى ال options panel في أعلى الشاشة، واذا لم ترى تلك الخيارات اذهب الى Window/Options
على اليسار سترى ال slice order buttons
Bring to Front* Bring Forward* Send Backward and Send to Back
اضغط على Bring to Front لتجلب ال slice الى المقدمة



بعد ذلك استخدم File/Save For Web



يحث يمكنك تغيير مواصفات الملف أيضا
عليك الن أن تختار ال slice باستخدام الأداة Select Slice Tool، واذا أردت اختيار عدة slices بان واحد استخدم المفتاح Shift واستمرار الصغط عليه وانت تختار ال slices بواسطة الأداة Select Slice Tool،

عندما تختار كل ال slices اضغط على Save
ستظهر لك نافذة جديدة Save Optimized As
اذهب الى مجلد ال HTML حيث توجد التمبلت. غير ال File Type من الخيار Images Only and Slices إلى الخيار Selected Slices



اذا نجحت في كل الأمور ستجد نافذة أخرى تسألك التأكيد على استبدال الملفات على الشكل التالي



اذا لم تظهر هذه النافذة تأكد من أنك قد حفظت ال images في المجلد الصحيح
وتأكد أيضا من أسماء ال slice ، وتأكد أن نوع ال image هو نفسه في HTML والآن بعد كل هذا جاء الوقت لتعديل ال HTML كما تريد

للوهلة الأولى تبدو العملية معقدة، وهي بالتأكيد كذلك، يجب أن تجرب بنفسك وتخطئ وتصيب ولكنك في النهاية ستصل الى اتقان هذه العملية ، بدون التجريب ستتكاثر الأسئلة حتى يبدو أنني من سينتج العمل عنك، جرب ولا تخف، أنا قدمت اليك هنا الطريقة بعد أن جربت عشرات المرات، وقدمت لك المفاتيح اللازمة لهذا التحويل، وعليك الباقي، ولن أجيب على الأسئلة التي تبدو أن صاحبها لم يجرب الطريقة.

آمل أن أكون بهذا قدمت لكم فائدة ، وآمل أن أكون وفقت في الشرح.

مع تمنياتي للجميع بالتوفيق
سفيان الملقب بسيف الإسلام

من مواضيع سيف الإسلام :

سيف الإسلام غير متواجد حالياً  
Digg this Post!
رد مع اقتباس

رابط إعلاني

معنا ما راح يفوتك أي تخفيض بعد اليوم
www.logta.com
لقطه، نجمع لك العروض والتخفيضات في مكان واحد

قديم 06-12-2009, 02:53 AM   #3
موقوف نهائياً
الحاله: لماذا أصبحت قاسي علي يا بحر..!!!!!
سيف الإسلام

أوسمة العضو وسام تقدير للمشاركين في مسابقة التصاميم الرمضانية: وسام خاص بقسم التصاميم الفنية والجرافيكس - السبب: لتصميمك المميز في مسابقة التصاميم الرمضانية

سيف الإسلام has a spectacular aura aboutسيف الإسلام has a spectacular aura aboutسيف الإسلام has a spectacular aura about

رد: كيف يمكن أن تنشئ template من ملفات ال PSD خطوة بخطوة

اقتباس:
المشاركة الأصلية كتبت بواسطة علي افندي مشاهدة المشاركة
جزاكم الله خير علي الدرس الرائع
وجاري التطبيق بأذن الله

تحياتي ...
شكرا لك أخي وأتمنى من طرح الدرس المنفعة الجميع

من مواضيع سيف الإسلام :

سيف الإسلام غير متواجد حالياً  
Digg this Post!
رد مع اقتباس
قديم 06-13-2009, 02:38 PM   #4
مشرف عيون اللوحات الإلكترونية
لم يعدل حالته
 
الصورة الرمزية bilalco
bilalco

أوسمة العضو المشرف المميز: صاحب الفن الراقي وأجمل مسابقة أقيمت في رمضان - السبب: مايحتاج سبب تستاهلون كل خيروسام المركز الثاني لمسابقة اجمل تصميم لعيد الام: وسام خاص بقسم الفوتوشوب لمسابقة التصميم المتخصص الهادف ٤ - السبب: فوزك وحصولك على المركز الثاني لمسابقة عيد الاموسام المركز الاول لمسابقة اجمل تصميم للحج: وسام خاص بقسم التصاميم - السبب: فوزك بالمركز الاول لمسابقة افضل تصميم للحجوسام المركز الاول لمسابقة الشعار الافضل: وسام خاص بقسم التصاميم - السبب: المركز الاول لمسابقة الشعار الافضلالمركز الثانى للتصميم المتخصص حوادث السيارات: وسام خاص بقسم التصاميم - السبب: فوزك بالمركز الثاني في مسابقة تصميم حوادث السياراتالمركز الأول مسابقة التصميم المتخصص(محاربة التدخين: وسام خاص بعيون التصاميم والجرافيكس - السبب: فوزك بالمركز الأول في مسابقة التصميم المتخصص ( محابة التدخين)وسام تقدير للمشاركين في مسابقة التصاميم الرمضانية: وسام خاص بقسم التصاميم الفنية والجرافيكس - السبب: مشاركتك المميزة في مسابقة التصاميم الرمضانيةالوسام الذهبي: وسام التميز الذهبي - السبب: وسام المصمم الذهبي, بمناسبة المركز الاول بمسابقة مصمم في ورطة

bilalco will become famous soon enough

رد: كيف يمكن أن تنشئ template من ملفات ال PSD خطوة بخطوة

مشكور يا سيف الاسلام




من مواضيع bilalco :


توقيع bilalco:

عِندمَا تُمسكُ سَيفاً لِتقْتُلني ..
إحذرْ أن يَجْرَح يَدُكَ فتُؤلمُنِي ..


bilalco غير متواجد حالياً  
Digg this Post!
رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
مرشدك لاكتشاف جميع خبايا عالم ويندوز Xp abdelwadoude نظام مايكروسفت ويندوز windows 26 10-06-2009 10:45 PM
شرح طريقة رفع ملفات الفيديو من جهازك إلى الإنترنت....و طريقة تصغير حجم ملفات الفيديو r&r&u تحميل وتنزيل حلقات انمي مرفوعه من قبل الاعضاء 17 07-21-2009 12:54 AM
Template موقع يعرض أكتر من الف Template مجانا..... أهلا يا شباب وجت اليكم موقعا يعرض أكثر من الف Template مجانا و هذا الموقع أهداء منى الى أصدقائى mody2trade أرشيف المواضيع الغير مكتمله او المكرره او المنقوله و المخالفه 10 06-24-2009 05:09 AM
الغني عن التعريف Passware Kit 8.1 لكسر باسورد وفتح ملفات مضغوطة بكلمة سر وفك التشفير MaestroZ تحميل برامج 3 03-05-2009 10:05 PM
اكبر موسوعه من المشاكل وحلولها اطرح مشكلك في كل ما يتعلق بالحكمبيوتر والأنترنت وبإدن الله سوف تجد الحل هنا abdelwadoude نظام مايكروسفت ويندوز windows 37 10-04-2007 11:27 PM

مسجات اسلاميه  مسجات حب وغرام مسجات شوق ووله مسجات وداع وفراق  مسجات المدح 
مسجات العيد مسجات منوعة مسجات نكت مسجات مقالب المزيد من MMS-SMS

قائمة الانتقال السريع بين اقسام عيون العرب

أنظمة التشغيل سكربتات هاكات تحميل كراكات و سيريالات شرح برنامج تحميل برنامج
احكام رمضان سيرة نبوية تحميل محاضرات اناشيد اعجاز الكتاب و السنة فتاوى
حوارات منوعات عملات و اسهم اخبار و اسرار شعر نبطي
خواطر قصص   كتب مجانية تحضير مواد شاهادات اونلاين
تعلم اللغات الاجنبية أزياء اكلات ادارة المنزل ازياء رجال
اجتماعيات برمجة عصبية صحة الاسره دروس فوتوشوب
دروس خط عربي مواضيع ترحيب نكت 2008 مواضيع العاب صور
مقاطع للتحميل الغاز غرائب و عجائب العاب كاملة انيمي
صور انيمي اخبار رياضية 2008 سيارات مناطق سياحية برامج جوال
(SMS) و (MMS) ثيمات و خلفيات شاعر المليون أرشيف المواضيع المكرره العاب فلاش
ثيمات و خلفيات للجوال نغمات وصوتيات جوالات الجيل الثالث العاب جوالات الجيل الثالث موقع تحميل صور مركز تحميل صور

تحميل برنامج | فتاوى | أسرار | العاب بنات | العاب ماريو |العاب فلاش| كتب مجانية | صور رومانسية | صور مضحكة | صور اطفال | صور | صور مرعبة | تحميل أناشيد | شاعر المليون | ترجمة مواقع | أزياء 2008 | أنمي | صور انمي | يرامج جوال | رموز للماسنجر | تحميل الماسنجر| ماسنجر | مسجات mms | ماسنجر 9 الجديد | ماسنجر 8 للجوال | برامج الجيل الثالث | برامج نوكيا | العاب الجيل الثالث | العاب تلبيس | مقاطع مضحكة | قصص | العاب |قصة|دليل المنتديات|وضائف|صور سيارات|مسجات|رسائل حب|صور بنات|قروب|جديد الصور|مواقع برامج|قصص واقعية|العاب أطفال|مسجات الجوال|شات دردشة|مواقع أطفال|ياهو|هوتميل|صور للماسنجر|مكياج للبنات | مقاطع بلوتوث جديدة | صور حلوه| صور بنات الخليج | صور اطفال حلوين | صور اطفال مضحكه | صور اطفال للتصميم | صور اطفال اجانب | صور قطط | صور قطط مضحكة | صور كرتون | صور كرتونية كرتون رسوم متحركة | صور انمي متحركة| صور كرتون ديزني | صور كرتون بنات | صور رسوم متحركة | صور رومانسية متحركة | صور متحركة | صور زهور | صور حب | ريل بلاير برنامج Real Player اخر اصدار 2008 | صور انمي بنات | تحميل صور | صور ستار اكاديمي 2008 | star academy 5| Forex

برامج

برامج جوالات الجيل الثالث

دليل إشهار المواقع

ترجمة نصوص

العاب اطفال

دروس فوتوشوب

صور

ثيمات جوالات الجيل الثالث

تحميل افلام عربية

صور قلوب


مدونة شعر حامد زيد مسلسل نور توبيكات ملونة توبيكات توبيكات للماسن توبيكات ملونة قصة مسلسل نور قصة مسلسل سنوات الضياع  مسلسل سنوات الضياع  سنوات الضياع اناشيد يوتيوب يو تيوب مركز تحميل صور مقاطع فيديو مركز تحميل الصور تحميل صور صور رومانسية رسائل حب موقع باربي صور عيون منتديات صور بنات تحميل الماسنجر مسجات حب مسجات ثيمات العاب للبنات فقط mobile9 برامج الماسنجر مكياج خلفيات تحميل العاب صور أنمي ترجمة نصوص صور حب العاب تلبيس تلبيس باربي العاب ماريو sitemap صور سيارات برامج جوال رسائل الجوال موقع باربي اكواد جافا العاب بنات فساتين صور تلوين اليوتيوب صور نكت 2008 نكت 2009 مقاطع صوتية مقاطع فيديو للتحميل صور حلوه دليل مواقع صور قلوب تحميل برامج عيون العاب فلاش برامج برامج جوال وموبايل Drivers برامج صوت وفيديو تحميل العاب جديدة برامج شبكات برامج حماية برامج إدارة النظام برامج تصميم وفوتوشوب نسخ اقراص و DVD برامج كمبيوتر الكمبيوتر كتب عربية تحميل كتب عربية برامج اطفال برامج بورتابل portable برامج عربية ومعربة برنامج هندسة معمارية برنامج ضغط وفك ضغط تعاريف الأجهزة وخدمات أخرى برامج المكتبة برامج منوعة موقع برامج العاب بنات العاب مسجات مرض منتديات صور صدام حسين العاب تلبيس العاب باربي العاب ترتيب غرف العاب طبخ العاب مغامرات العاب اكشن العاب ميك اب العاب مكياج العاب بنات منوعة hguhf hguhf fkhj tr'



الساعة الآن 02:27 AM.



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


Powered by vBulletin® Version 3.7.4. Copyright ©2000 - 2009
Powered by: vBulletin Copyright ©2000 - 2006, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.3.1
جميع الحقوق محفوظة لعيون العرب
2003 - 2007