|
| |||||||
| دروس الفوتوشوب - Adobe Photoshop القسم يهتم بتصاميم ودروس الاعضاء من بطاقات و تواقيع وصفحات باستخدام الفوتوشوب دروس جديده للفوتوشوب |
 |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
|
#1
06-12-2009, 12:52 AM
| ||
| | ||
 كيف يمكن أن تنشئ 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 كما تريد للوهلة الأولى تبدو العملية معقدة، وهي بالتأكيد كذلك، يجب أن تجرب بنفسك وتخطئ وتصيب ولكنك في النهاية ستصل الى اتقان هذه العملية ، بدون التجريب ستتكاثر الأسئلة حتى يبدو أنني من سينتج العمل عنك، جرب ولا تخف، أنا قدمت اليك هنا الطريقة بعد أن جربت عشرات المرات، وقدمت لك المفاتيح اللازمة لهذا التحويل، وعليك الباقي، ولن أجيب على الأسئلة التي تبدو أن صاحبها لم يجرب الطريقة. آمل أن أكون بهذا قدمت لكم فائدة ، وآمل أن أكون وفقت في الشرح. مع تمنياتي للجميع بالتوفيق سفيان .gif "flowr") الملقب بسيف الإسلام |
|
#2
06-12-2009, 02:17 AM
| ||
| | ||
| رد: كيف يمكن أن تنشئ template من ملفات ال PSD خطوة بخطوة جزاكم الله خير علي الدرس الرائع وجاري التطبيق بأذن الله تحياتي ...
__________________ |x| مظلة الامل |x| (( .. لوحة حب عاشق صنعتها تحت ظلال الهوي .. )) قرآن يتلي آناء الليل وأطراف النهار لمعظم قراء العالم العربي .. www.livequran.org انشره ولنا ولك الثواب I ♥ Alexandria |
|
| مواقع النشر (المفضلة) |
| |
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| Template موقع يعرض أكتر من الف Template مجانا..... أهلا يا شباب وجت اليكم موقعا يعرض أكثر من الف Template مجانا و هذا الموقع أهداء منى الى أصدقائى | mody2trade | أرشيف المواضيع الغير مكتمله او المكرره او المنقوله و المخالفه | 10 | 06-24-2009 05:09 AM |
عِندمَا تُمسكُ سَيفاً لِتقْتُلني ..
العرض العادي
