الموقع العربي الاول للعبة Silkroad Online

الموقع العربي الاول للعبة Silkroad Online (https://silkroad4arab.com/vb/index.php)
-   بـعـيـدآ عـن سـيـلـك رود (https://silkroad4arab.com/vb/forumdisplay.php?f=73)
-   -   الأن على منتدى :: Silkroad4arab :: شرح لبرامج التصميم لكى تكون محترف ^_^ (( متجدد )) (https://silkroad4arab.com/vb/showthread.php?t=44083)

LoRD VoLDMoRT 12-09-2008 04:58 PM

موضوع جميل و اكيد مفيد لبعض الناس الف شكر لي المجهود.

Bilamose 12-09-2008 05:38 PM

بص انا عايز اتعلم اعمل صورة متحركه زى اللى انتا عاملها لمجموعتك و قولى بتتعمل على برنامج ايه

شكرا جدا ليك على المجهود

و شوف انا عملت ايه فى التوقيع

De$igN 12-09-2008 06:10 PM

يا باشا هوا حد قدك

التوقيع تحفه و الله



و انا هعملك الشرح حالاًً يا جميل

Hellz_Lord 13-09-2008 07:06 AM

موضوع روعة و باذن الله تعالى ابقا احاول اتعلم معاك واحدة واحدة

korkor 13-09-2008 08:00 AM

الله عليك بجد موضوع اكثر من رائع
للامام دائما

De$igN 13-09-2008 02:49 PM

شكراًً للمرور و انا اسف يا Bilamose على التأخير فى الشرح بس فى ظروف

بص انا و الله الفوتوشوب مش عندى علشان جهازى الى كان عليه الفوتوشوب اتشال انا جبتلك شرح بسيط

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

De$igN 13-09-2008 02:56 PM

حبيبى هرتى || شرح الكتابة المتحركة ||
 
هذا شرح لعمل بنر والمهم النص المتحرك لى الفوتو شوب

************************************
السلام عليكم ..


سنتعلم إن شاءالله من خلال هذا الدرس كيفية صنع بانر أو تصميم متحرك كهذا :

http://upload79.jeeran.com/banner/image001.gif

وسيكون الشرح إن شاءالله لبرنامج "Image Ready" الذي ينزل تلقائيا مع برنامج الفوتوشوب..


- أولا : نفتح ملف جديد في برنامج الفوتوشوب..


http://upload79.jeeran.com/banner/image002.jpg
ثم نحدد المقاس وهو 460 × 60
(هذا هو المقاس الموحد للبانرات في صفحات الإنترنت)
(((((((طبعا مسالة المقاسات والصور لك الحرية فيه)))

http://upload79.jeeran.com/banner/image003.jpg

- أو يمكنك اختيار "... Banner" من المقاسات الجاهزة في برنامج الفوتوشوب
إذا لم تكن تعرف المقاس :



http://upload79.jeeran.com/banner/image004.jpg
ملحوظة :
(( أنا سويت التوقيع 500 × 300 )) يعني أكبر من البنر شوي ..

- بعدها صمم الشكل الذي تريده للبانر.. وفي درسنا سنستخدم هذا الشكل :

http://upload79.jeeran.com/banner/image005.jpg


بعد تجهيز شكل البانر.. نقوم بإضافة الجمل المطلوبة للبانر..

- نكتب أول جملة.. وهي على سبيل المثال "سبحان الله وبحمده" :



http://upload79.jeeran.com/banner/image006.jpg
بعدها نقوم بتكوين طبقة جديدة لكتابة الجملة الثانية.. ولكي نكون طبقة جديدة نذهب إلى :
Layer --> New --> Layer..

http://upload79.jeeran.com/banner/image007.jpg


بعدها نضغط أوكي.. وستلاحظ إن الطبقة الجديدة تكونت..
(إذا لم تكن نافذة الطبقات ظاهرة.. تستطيع إظهارها من :
( Windows --> Layers

http://upload79.jeeran.com/banner/image008.jpg

وقبل أن تكتب الجملة الثانية.. هناك ملاحظة مهمة يفضل تطبيقها حتى لا يحدث
خطأ.. وهي إخفاء طبقة الكتابة الأولى.. ولكي نخفيها نضغط على صورة العين
في الطبقات :
(المحددة بالمربع الأحمر)


http://upload79.jeeran.com/banner/image008.jpg



ثم نختار الطبقة الجديدة ومن ثم نكتب الجملة الثانية المطلوبة..وهي على سبيل المثال "عدد خلقه"..

- وهكذا نكرر الطبقات والجمل التي نريدها إلى أن ننتهي من كتابة كل الجمل المطلوبة..

- الآن يفضل أن نقوم بحفظ الملف.. بعدها ننتقل إلى برنامج " Image Ready
".. ونستطيع الانتقال إلى البرنامج مباشرة من خلال برنامج الفوتوشوب عن
طريق :

Files --> Jumb To --> Adobe Image Ready


http://upload79.jeeran.com/banner/image009.gif


ستلاحظ بعدما يفتح البرنامج أن الملف الذي كنت تعمل عليه يفتح تلقائيا مع البرنامج..


- والآن قبل أن نكمل الخطوات.. أرجو أن تتحقق من ظهور نافذتين مهمتين جداً هما :

"Layers" (الطبقات) و "Animation" (للتحكم بالحركة)

وتستطيع التأكد من ظهورهما من قائمة Windows حيث يجب أن يكون عليهما علامة
صح ، فإن لم تكن علامة الصح موجودة اضغط على الاختيار وستظهر النافذة
المطلوبة :

http://upload79.jeeran.com/banner/image010.jpg



الآن لاحظ... في نافذة الـAnimation يوجد إطار واحد فقط
(الإطار هو المربع الموجود في الصورة).. :




http://upload79.jeeran.com/banner/image011.jpg
كل إطار سيكون لجملة.. لذا عدد الإطارات التي تحتاجها هي بحسب عدد الجمل التي تريد ظهورها..

- في البانر الذي نصممه في درسنا نحتاج إلى "خمس" إطارات (Frames) .. لكل جملة إطار..

- ولتكوين إطار جديد.. نضغط على الدائرة التي على اليمين التي بداخلها سهم.. ومن ثم New Frame :

http://upload79.jeeran.com/banner/image012.gif

l

بعد ما نكون الإطارات المطلوبة.. نضغط على الإطار الاول :


http://upload79.jeeran.com/banner/image013.jpg



ومن ثم نخفي جميع الـLayers (الطبقات) ، ما عدا الطبقة التي نريدها أن تظهر :

http://upload79.jeeran.com/banner/image014.jpg


عندها ستظهر الجملة المكتوبة فقط وليس باقي الجمل..

- بعدها ننتقل إلى الإطار الثاني.. نضغط عليه :

http://upload79.jeeran.com/banner/image015.jpg



- ومن ثم نخفي جميع الطبقات ما عدا الطبقة التي نريد ظهورها في هذا الإطار :


http://upload79.jeeran.com/banner/image016.jpg


وهكذا إلى أن ننتهي من تنسيق جميع الإطارات والطبقات..


- الآن سننتقل إلى مرحلة تحديد مدة ظهور كل إطار..
(وهذه هي الخطوة الأهم في تصميم البانر والتي ستجعل شكل البانر ملفت وجذاب)


- ويمكننا تحديد مدة ظهور الإطار من خلال الضغط على الرقم الموجود في الاطار (كما في الصورة) :




- عند الضغط عليها ستظهر قائمة أرقام.. الأرقام هي مدة ظهور الإطار بالثواني..

اختار الوقت الذي تريده من القائمة.. أو إذا لم يكن الوقت المطلوب موجوداً يمكنك تحديده من خلال اختيار "Other.." :





- ومن ثم نطبق الخطوة السابقة على جميع الإطارات الأخرى..


- بعدها نقوم بتحديد حركة البانر..
هل تريدها دائمة؟ أم تريده أن يتحرك مرة واحدة ومن ثم يتوقف؟

هذا الاختيار تستطيع تحديده من خلال الضغط على كلمة"Forever" في الإطارات :




- وستظهر لك قائمة تحدد منها اختيارك..
"Once" تعني أن البانر سيعمل لمرة واحدة فقط ومن ثم يتوقف..
و "Forver" تعني إلى الأبد ، أي أن البانر سيبقى متحركا بدون توقف :





- أو يمكنك تحديد عدد مرات معينة عن طريق اختيار "Other" ،
وعندها سيظهر لك هذا المربع الذي تحدد منه عدد المرات المطلوبة :




- الآن وصلنا إلى الخطوة الأخيرة.. وهي خطوة حفظ البانر.. البانر المتحرك
يجب أن يحفظ بصيغة "Gif" ، ولكي نحفظه على هذه الصيغة نذهب إلى :

File --> Save Oprimized

De$igN 13-09-2008 02:58 PM

بص انا و ربنا متعلم من الدرس ده

هوا الدرس رخم بس انتا متمشيش معاه خطوة بخطوة انتا حاول تفهم الأساسيات يعنى انا من درس واحد بتعلم بتاع 50 درس

يعنى بستنتج حجات فاهمنى

يلا يا باشا منتظرين تطبيقك

و لكم جزيل الشكر

medo4499 13-09-2008 03:04 PM

موضوع جميل وانا مكنتش متابعه م ن الاول بس ان شاء الله اشوفه كله

De$igN 13-09-2008 03:05 PM

ان شاء الله يا جميل و عيزنك تفجأنا بتطبيقاتك و شكراًً للمرور

mody204 14-09-2008 04:14 AM

مشكورررررررررررررررررررررررررررررررررررر
موضوع جامد فوق الوصف

Bilamose 14-09-2008 04:38 AM

بص انا مش هعمل بانر

انا شكلى اتعملت حاجة جديدة و هطبقها
ان شاء الله تشوفها فى توقيعى

De$igN 14-09-2008 09:36 PM

اه يا عم شوفتهافى توقيعك 100 %

بس انتا مش لازم تعمل بنر يا جميل

بس انا بقولك انتا تفهم الكتابة نفسها بتعملها ازاى علشان تكون متحركة

hellman 26-09-2008 08:06 PM

موضوع اكثر من روعة تسلم ايدك
انا عملت كل حاجة الحمد لله
بس ماعدا الكتابة النارية
مش عارف اعملها
بس بجد انا مكنتش متخيل اني هعمل حاجة زي كده في الفوتوشوب
الف الف شكر يا جميل ^^
ومنتظرين منك كل جديد ورائع


الساعة الآن 01:52 PM.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2025, vBulletin Solutions, Inc.