منتديات أميرات ديزني
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةالبوابةالأعضاءأحدث الصورالتسجيلدخول

 

 حركة باستخدام الـ Shape

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
DoOoNh
أميرة فضية ♥
أميرة فضية  ♥
DoOoNh


*مـزـآجي : حركة باستخدام الـ Shape  1345123350833
* جنــسي : انثى
* تقيمي : 7
* نقــاطي : 2439
*مشــاركتي : 489
* تاريخ التسجـيل : 01/09/2011
* عـمري : 24
* وظـيفتي : طالبة
* هـوايتـي : الفوتوشوب

حركة باستخدام الـ Shape  Empty
مُساهمةموضوع: حركة باستخدام الـ Shape    حركة باستخدام الـ Shape  Emptyالأحد أكتوبر 21, 2012 5:59 am






حركة باستخدام الـ Shape  Shape-logo

بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين .. سيدنا محمد وعلى آله وصحبه أجمعين


المقدمة
في هذا الدرس سنتعلم كيفية توظيف أداة رسم الأشكال Shape لتصميم صورة متحركة جميلة ..
حيث ستكتسب مهارات جيدة في التعامل مع أكثر من صورة ودمجها في مساحة عمل واحدة .. وكيفية تحريكها في الإمج ردي ..
درس 3 × 1 = مميز ومسلي ومفيد ..


حركة باستخدام الـ Shape  Gold2L
مثال على الدرس

حركة باستخدام الـ Shape  28
حركة باستخدام الـ Shape  Gold2L
خطوات التنفيذ
الخطوة الأولى
اختر عدداً من الصور التي ترغب بتطبيق الحركة عليها ،، وافتحها في برنامج الفوتوشوب عن طريق
File >> Open
في الدرس .. اخترت 3 صور .. وهي كالآتي:
حركة باستخدام الـ Shape  1 حركة باستخدام الـ Shape  3
حركة باستخدام الـ Shape  2
عند كل صورة ستقوم بفتحها في برنامج الفوتوشوب ،، ستلاحظ وجود علامة القفل حركة باستخدام الـ Shape  Qfl في بوكس الليرات ..

مثلاً عندما فتحت الصورة الأولى ..
حركة باستخدام الـ Shape  01


كان وضع بوكس الليرات كالآتي:
حركة باستخدام الـ Shape  0

عليك أن ترفع علامة القفل ..

عفواً .. ما هو علامة القفل؟؟ ولماذا علي رفعه؟؟ وكيف أرفعه أصلاً؟؟حركة باستخدام الـ Shape  Thinking
سؤال جيد .. ولتحصل على الإجابة ،، والمزيد من المعلومات عن القفل ,, اتبع الرابط التالي حركة باستخدام الـ Shape  Content ..
عليك أن ترفع القفل من جميع الصور ،، المستخدمة كل على حدا
بعد أن تنتهي من تجهيز الصور ،، اتركها على جنب ،، واتجه للخطوة الثانية
حركة باستخدام الـ Shape  Gold2L
الخطوة الثانية
قم بفتح مساحة عمل جديدة ،، عن طريق:
File >> New
حركة باستخدام الـ Shape  FileNewJ

سيظهر لك بوكس لاختيار الحجم ،، أدخل المقاييس التالية: 300 × 300 Pixels واجعل الخلفية شفافة = Transparent
لاحظ الصورة ...
حركة باستخدام الـ Shape  4
لاحظ أننا اخترنا مساحة متوسطة الحجم ،، أنصحك باستخدام نفس المساحة ـ على الأقل عند تطبيقك الأول للدرس ، خاصة إن كنت مبتدئً ـ حتى يسهل عليك السيطرة على الصور في التطبيق ،،
انتقل للخطوة الثانية
حركة باستخدام الـ Shape  Ryadhah2

الخطوة الثالثة

اتجه لقائمة الأدوات واختر أداة رسم الأشكال ـ Shape ـ ورمزه حركة باستخدام الـ Shape  Shape
الآن قم باستخدام الشكل في مساحة العمل ..

لاحظ مساحة العمل بعد تنفيذ هذه العملية ..
حركة باستخدام الـ Shape  7
جميل !
معلومة .. تلاحظ أن الشكل باللون الأسود .. هذا لأن الألوان عندي وقت تنفيذ الخطوة السابقة كانت كالآتي حركة باستخدام الـ Shape  Blakwhite
أي أن اللون في الواجهة كان أسوداً ،، والخلاصة أن الـ Shape يتلون بلون الواجهة ،، فلو كانت الواجهة باللون الأزرق حركة باستخدام الـ Shape  Blue لكان الشكل هكذا حركة باستخدام الـ Shape  8
على كلٍ ،، عامل اللون غير مؤثر في درسنا اليوم ،، فأي لون سيفي بالغرض حركة باستخدام الـ Shape  Colora12 ،،
عفواً .. مازلت مبتدئ في الفوتوشوب ،، ولا أعرف أين أجد أداة الـ Shape في قائمة الأدوات .. ولا كيفية استخدامه؟؟
ستحصل على كل ما تحتاجه من معلومات حول الأشكال Shape إذا اتبعت هذا الرابط ..

حركة باستخدام الـ Shape  Gold2L
الخطوة الرابعة
بعد أن أرحنا الشكل على مساحة العمل ،، واسترحنا منه مبدئياً حركة باستخدام الـ Shape  Woosht.. وحصلنا على بعض المعلومات العامة عن الـ Shape
سنقوم بإضافة بعض التأثير عليه من خلال الـ Style
اختر ما يلي ..
Layer >> Layer Style >> Blending Options

تابع الصورة
حركة باستخدام الـ Shape  LStyleBO
سيظهر لك بوكس كبير على يساره قائمة بالخصائص المتنوعة ،، سنستخدم خاصيتين ،، وهما Drop Shadow و Stroke
اتبع الخطوات التي في الصورة ..
حركة باستخدام الـ Shape  9
إذا واجهت صعوبة في تطبيق الخطوات الموضحة في الصورة اتبع الشرح ..
1- Drop Shadow .. اضغط بالماوس ــ الفأرة ــ على المربع الصغير التي بجانب الخاصية ،، لتحديدها بعلامة صح .
2- اضغط بالماوس ـ الفأرة ـ على كلمة Stroke نفسها ،، حتى يتغير محتو البوكس لتظهر لنا أوامر التحكم بالخاصية ،، وسنقوم بتغير الآتي :
3- Size ،، غالباً ما ستجد الرقم عند هذا الأمر 3 .. قم بتغييرها لـ 1 .. وهو يحدد سمك الحدود ..
4- Position ،، أي وضعية الحدود ،، هل تريها من الخارج = Outside ،، أم الداخل Inside ،، أم الوسط = Center ،، وفي الدرس اخترته من الداخل أي Inside
شاهد الصورة
حركة باستخدام الـ Shape  10
5- لنحدد لون الخط ،، واختيارك للون يعتمد على الألوان الغالبة في الصور التي ستستخدمها في التصميم ،، وبالنسبة لصوري وجدت أن اللون الأحمر الترابي ـ إن صح الوصف ـ مناسب للتصميم ،، ودرجته 996666 #
أما عن كيفية إظهار بوكس الألوان ،، فما عليك إلا الضغط على المربع الملون الصغير الذي ستجده بجانب كلمة Color ثم اختر اللون المناسب ..

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

شاهد النتيجة بعد هذا العمل
حركة باستخدام الـ Shape  11
حدث تغيير بسيط حركة باستخدام الـ Shape  Smile.. لكن سيظهر بشكل أفضل بعد أن نضيف الصور للعمل ..
لذا .. انتقل للخطوة الخامسة
حركة باستخدام الـ Shape  Tzalj

الخطوة الخامسة
انتقل لصور الآنسات .. ثم قم بتفعيل الصورة الأولى التي ستعمل عليها ..


عفواً كيف أفعّل الصورةحركة باستخدام الـ Shape  Shay؟؟
اضغط على الصورة كي يصبح لون الإطار أزرق فاقع ،، وبذلك تكون قد فعّلت الصورة ..

شاهد معي كيف
حركة باستخدام الـ Shape  12
والآن من لوحة المفاتيح .. اضغط على Ctrl + A ،، وذلك لتحديد كل عناصر اللير ،، وهي صورة الفتاة كاملة ..
يفترض أن تحصل على هذه النتيجة ..
حركة باستخدام الـ Shape  13
بالمناسبة .. بإمكانك أن تطبق أمر تحديد الكل باتباع الأمر التالي ..
Select >> All
والآن سنقوم بنسخها ،، أيضاً من لوحة المفاتيح اضغط على Ctrl + C
أو من القائمة الرئيسية اتبع الأمر التالي ..
Edit >> Copy

والآن عد لمساحة العمل التي رسمنا عليها الشكل ـ Shape ـ

قم بتفعيلها أولا .. هل تذكر كيف فعّلنا صورة الفتاة ،، اتبع نفس الطريقة ،، فقط اضغط علي مساحة العمل ،،
بعد التفعيل ،، من لوحة المفاتيح اضغط على Ctrl + V
أو من القائمة الرئيسية ،، اتبع الأمر التالي ..
Edit >> Past
ملاحظة .. هناك طريقة أخرى لنقل الصور من مساحة عمل إلى أخرى ،، وهي سحبها بأداة المؤشر حركة باستخدام الـ Shape  MoAsherjewels ،، إن كنت من محبي استخدام هذه الطريقة ،، فعليك رفع علامة القفل كما ذكرناه في بداية الدرس ،، وإن استخدمت طريقة التحديد والنسخ واللصق ،، فلن تحتاج لرفعه .. ولكن بالتأكيد تعلمت الكثير عن الأقفال وكيفية رفعها ،، فلم تخسر شيءً على أي حال ..
كيف حال مساحة العمل عندك ..
سأريك الحال عندي ..
حركة باستخدام الـ Shape  14
لاحظ مساحة العمل مع وضع بوكس الليرات ..

إن لم تجد بوكس الليرات على الشاشة ،، اتبع الرابط التالي ،،
من لوحة المفاتيح مجدداً .. اضغط على التالي ..
Ctrl + G
أو من القائمة الرئيسية .. اتبع الأمر التالي ..
Layer >> Group with previous
حركة باستخدام الـ Shape  Gold2L
عفواً .. أقوم بتطبيق الخطوة السابقة كما تم ذكره بالضبط .. لكني لا أصل لنفس النتيجة؟!! حركة باستخدام الـ Shape  Mmmm
هذا الدرس تم تطبيقه على النسخة السابعة Adobe Photoshop 7.0 me ..
هل تستخدم الإصدار الأخير Adobe Photoshop CS ؟؟









هام لمستخدمي الإصدار الأخير Adobe Photoshop CS


بعض الأوامر قد تم تغيير أماكنها في النسخة الأخيرة من البرنامج ..
لكن لا تقلق .. فالأمر تحت السيطرة حركة باستخدام الـ Shape  Smile

يمكنكم تطبيق الأمر السابق .. بإتباع التالي:
Layer >> Create Clipping Mask
واختصاره من لوحة المفاتيح
Alt + Ctrl +G



شاهد التغيير العجيب الذي سيحصل في مساحة العمل ،، وبوكس الليرات حركة باستخدام الـ Shape  Eyelove..
حركة باستخدام الـ Shape  15

والآن قم بتعديل وضعية صورة الفتاة ،، تأكد من تحديد لير الفتاة ،، أي أن يكون لونه أزرق فاقع ،، كما في تم توضيحه في الصورة التي بالأعلى ــ لاحظ بوكس الليرات في الصورة السابقة ــ ،،
ثم استخدم أداة المؤشر حركة باستخدام الـ Shape  MoAsherjewels من قائمة الأدوات ــ ستجده في أعلى القائمة ــ ،، واتجه لمساحة العمل ،، واضغط على صورة الفتاة وعدل من وضعيتها ..

لاحظ مساحة العمل ،، بعد أن قمت بتعديل وضعية الصورة حسب الشكل ـ Shape ـ الذي رسمته ..
حركة باستخدام الـ Shape  16
مبرووووووووووووك حركة باستخدام الـ Shape  Kloloosh .. أنهيت الخطوة الخامسة ،، وهي الخطوة الجذرية في الدرس ،، سنجعل الخطوة السادسة عبارة عن اختبار لمراحل هذه الخطوة ..
هل أنت جاهز؟؟
نحن لها .. إلى الخطوة السادسة .. هيا بنااااااا حركة باستخدام الـ Shape  79an

حركة باستخدام الـ Shape  Gold2L
الخطوة السادسة
كرر نفس العملية في الخطوة الخامسة ،، مع الصورتين الباقيتين معنا ،،
بعد أن تتقنها ،، ستجدها ممتعة ،، كأنها لعبة مسلية ،، ثق بكلامي
إبدأ

::
::
::
أين وصلت
::
::
::
بالنسبة لي .. لقد انتهيت من نقل الصورة الثانية
شاهد مساحة العمل عندي مع وضع بوكس الليرات ..
حركة باستخدام الـ Shape  17
::
::
::
ما الأخبار عندك؟؟
جيد ،،
شاهد عملي بعد الانتهاء من نقل الصورة الثالثة والأخيرة ،، مع وضع بوكس الليرات ..
حركة باستخدام الـ Shape  18

هل انتهيت؟
أحسنت .. تتعلم بسرعة حركة باستخدام الـ Shape  Wooow.. لك مستقبل باهر في الفوتوشوب حركة باستخدام الـ Shape  Thum3..
اصعد على متن الطائرة المتجهة من الفوتوشوب للإمج ردي على خطوط طيران جواهر الإمارات .. كابتن الطائرة jewels سيسرها اصطحابك إلى هناك ..
حركة باستخدام الـ Shape  Sfar2

عفواً .. كيف أنتقل للإمج ردي؟!!
من لوحة المفاتيح .. اضغط على Shft + Ctrl + M

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


الخطوة السابعة
الحمد لله على السلامة حركة باستخدام الـ Shape  Flowers

وصلت على الوقت حركة باستخدام الـ Shape  Time

يفترض أن تشاهد أمامك التالي ..
حركة باستخدام الـ Shape  19
كما تلاحظون ،، مساحة العمل ،، وبوكس الليرات ،، وشريط الأنيميشن من أساسيات عملنا ..
في حال لم تجد بوكس الليرات ،، أو شريط الأنيميشن أمامك في الشاشة أو قمت بحذفها خطأً ،، اتبع الرابط التالي ،، كي تتعرف على كيفية إحضارها ..
سنعمل أولاً على بوكس الليرات ..

قم برفع علامة العين حركة باستخدام الـ Shape  Yey من ليري الفتاتين اللاتي في الأعلى ..

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

شاهد بوكس الليرات بعد أن قمت برفع علامة العين من الليرين المذكورين
حركة باستخدام الـ Shape  20

من المفترض أن تلاحظ تغييراً في مساحة العمل ..
سنعمل الآن على شريط الأنيميشن ،،
قسم بنسخ البرواز .. عن طريق الضغط على المربع الصغيرحركة باستخدام الـ Shape  Layer الموجود بأسفل شريط الحركة Animation
حركة باستخدام الـ Shape  21
ستلاحظ تكرار البرواز الأول ..

شاهد الصورة بعد إضافة البرواز الجديد
حركة باستخدام الـ Shape  22
والآن عد إلى بوكس الليرات .. وارفع علامة العينحركة باستخدام الـ Shape  Yey من اللير فتاة ذات الخلفية الزرقاء وضعة على لير الفتاة التي بالأعلى ..

شاهد معي الصورة
حركة باستخدام الـ Shape  23

بعد هذه العملية ،، سيكون الوضع في شريط الأنيميشن كالتالي ..
حركة باستخدام الـ Shape  25

هل فهمت الخدعة .. في كل برواز تنسخهحركة باستخدام الـ Shape  Layer .. عليك رفع علامة العينحركة باستخدام الـ Shape  Yey من لير الفتيات كلها .. وإبقاءها على صورة واحدة فقط .. هكذا حتى تنهيها كلها ..
بقيت مهنا صورة واحدة ..

في شريط الأنيميشن .. قم بنسخ آخر بروازحركة باستخدام الـ Shape  Layer ..
ثم اتجه لبوكس الليرات وارفع علامة العينحركة باستخدام الـ Shape  Yey عن اللير السابق .. وضعه على لير الفتاة المتبقي

شاهد وضع بوكس الليرات بعد تنفيذ ما سبق
حركة باستخدام الـ Shape  24

والوضع النهائي لشريط الأنيميشن يجب أن يكون هكذا
حركة باستخدام الـ Shape  26
حركة باستخدام الـ Shape  Gold2L

الخطوة الثامنة
ضبط التوقيت ..

في شريط الأنيميشن ،، ستلاحظ وجود حركة باستخدام الـ Shape  0sec تحت كل برواز .. قم بالضغط عليه ليظهر لك قائمة صغيرة فيها مجموعة من الاختيارات ،، وهي لتحديد الفترة التي ترغب ببقاء البرواز قبل أن ينتقل للبرواز الذي يليه ..

لقد ضبطت الوقت على ثانيتان

شاهد كيفية تغيير التوقيت
حركة باستخدام الـ Shape  27
والآن قم بمشاهدة التطبيق بالضغط على رمز التشغيل حركة باستخدام الـ Shape  Play الموجود أسفل شريط الحركة Animation ..

إن أحسست بأن الحركة سريعة أو بطيئة يمكنك تعديل التوقيت باختيار رقم أكير أو أصغر .. حسب ما يناسبك ..

حركة باستخدام الـ Shape  Gold2L
الخطوة التاسعة
قم يتخزين العمل عن طريق في الإمج ردي ..
اتجه لـ
File >> Save Optimized As
حركة باستخدام الـ Shape  FileSaveOptimized
ثم اختر اسما مناسبا واضغط OK

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

وهذه هي النتيجة النهائية
حركة باستخدام الـ Shape  28
حركة باستخدام الـ Shape  Cool
حركة باستخدام الـ Shape  Gold2L
شكراً على المتابعة
جزاكم الله خيراً


ارجو ان ارى ابداعكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://girls.arabchampions.net/
ذا مون
| مشرفة قسم زوآيآ عـآمههَ
| مشرفة قسم زوآيآ عـآمههَ
ذا مون


*مـزـآجي : زعلانة
* تقيمي : 8
* نقــاطي : 927
*مشــاركتي : 289
* تاريخ التسجـيل : 13/02/2012
* وظـيفتي : طـآلبةة..><
* هـوايتـي : التصميم الرسسم القراءة التصوير

حركة باستخدام الـ Shape  Empty
مُساهمةموضوع: رد: حركة باستخدام الـ Shape    حركة باستخدام الـ Shape  Emptyالأحد أكتوبر 21, 2012 6:27 pm

حـ ج ـــــز حركة باستخدام الـ Shape  1150350750
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ذا مون
| مشرفة قسم زوآيآ عـآمههَ
| مشرفة قسم زوآيآ عـآمههَ
ذا مون


*مـزـآجي : زعلانة
* تقيمي : 8
* نقــاطي : 927
*مشــاركتي : 289
* تاريخ التسجـيل : 13/02/2012
* وظـيفتي : طـآلبةة..><
* هـوايتـي : التصميم الرسسم القراءة التصوير

حركة باستخدام الـ Shape  Empty
مُساهمةموضوع: رد: حركة باستخدام الـ Shape    حركة باستخدام الـ Shape  Emptyالأحد أكتوبر 21, 2012 6:36 pm

السسلـآأم عليكم ورحمة الله وبركاته
كيفك.؟! ان ششاء الله تمام
صصصصراحةة درسس سسهل جدا وانا اعرفه من زمـآأن
بس لعيونك طبقت وهـآأذا تطبيقي
حركة باستخدام الـ Shape  YzAQ1
ومششكورة على الدرسس يـآأ الغلا لا عدمناك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
لحظة وداع
أميرة نشيطةَ ♥
أميرة نشيطةَ ♥
لحظة وداع


*مـزـآجي : نايمة
* جنــسي : انثى
* تقيمي : 4
* نقــاطي : 227
*مشــاركتي : 74
* تاريخ التسجـيل : 19/10/2012
* وظـيفتي : طالبةـ
* هـوايتـي : الرسم

حركة باستخدام الـ Shape  Empty
مُساهمةموضوع: رد: حركة باستخدام الـ Shape    حركة باستخدام الـ Shape  Emptyالخميس أكتوبر 25, 2012 2:51 am

السلام عليكم
درس رائع جدا
وتم التطبيق ياعزيزتي
واشكرك جدا
حركة باستخدام الـ Shape  VqSV1
http://im27.gulfup.com/vqSV1.gif
وشكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
DoOoNh
أميرة فضية ♥
أميرة فضية  ♥
DoOoNh


*مـزـآجي : حركة باستخدام الـ Shape  1345123350833
* جنــسي : انثى
* تقيمي : 7
* نقــاطي : 2439
*مشــاركتي : 489
* تاريخ التسجـيل : 01/09/2011
* عـمري : 24
* وظـيفتي : طالبة
* هـوايتـي : الفوتوشوب

حركة باستخدام الـ Shape  Empty
مُساهمةموضوع: رد: حركة باستخدام الـ Shape    حركة باستخدام الـ Shape  Emptyالثلاثاء يناير 01, 2013 10:51 pm

تطبيقات رائعة جدا وتصاميم ابداعية وشكرا للمشاركة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://girls.arabchampions.net/
 
حركة باستخدام الـ Shape
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» فن غريب باستخدام حدوة الحصان فقط
» حركة أثناء الاستحمام قد تؤدي الى الموت
» حركة احنا نسويها يوميا تسبب جلطة دماغية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات أميرات ديزني  :: °•(أبداع الفوتشوب)•° :: ..|ρнoтoѕнoρ ωoяlḓ|..-
انتقل الى: