شبكة همس الشوق - درس عمل الشريط السينمائي

http://myspacegraphic.org/images/gra...-welcome10.gif

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

أسعدوني بمتابعتكم ..

مثال على الدرس
http://www.jewelsuae.com/psd/allDoro.../cinema/ex.gif

خطوات التنفيذ
الخطوة الأولى
لنفتح مساحة عمل جديدة .. عن طريق File >> New
بالإعدادات المبينة في الصورة ..

http://www.jewelsuae.com/psd/allDoro...w/cinema/1.gif

ستظهر لك مساحة العمل بالشكل التالي ..
http://www.jewelsuae.com/psd/allDoro...w/cinema/2.gif
لاحظ بأن مساحة العمل كبيرة نوعاً ما بالنسبة لتصميمنا واخترناها بخلفية بيضاء .. لكن عند الرسم غالباً ما أنصح باختيار مساحة مريحة للحركة .. والخلفية البيضاء كي تستطيع مشاهدة العناصر التي ستقوم بإضافتها بشكل واضح ..
*
قبل أن ننتقل للخطوة الثانية .. أفضل أن تضيف خطوطاً بيانية على مساحة العمل .. وذلك بالضغط على Ctrl + ' ..
إن واجهت صعوبة في إيجاد مفتاح ( ' ) فابحث عن حرف الـ ط باللغة العربية .. لأنهما يقعان على نفس المفتاح .. إذن .. إما Ctrl + ' أو Ctrl + ط ..
أو يمكنك أن تستحظرها من من شريط القوائم .. View >> Show >> Grid

وإن أردت أن تتخلص منها .. تكرر نفس العملية .. أي أن تضغط على Ctrl + ' أو من خلال شريط القوائم كما تم ذكره قبل قليل ..
شاهد التغيير على مساحة العمل ..
http://www.jewelsuae.com/psd/allDoro...w/cinema/3.gif
ملاحظة: هذه الخطوط تعتبر وهمية .. نستخدمها في الحالات التي نحتاج فيها لقياسات دقيقة .. ولن تظهر أبداً على العمل إذا قمت بتخزينه ..

الخطوة الثانية
في البداية عليك أن تضيف لير جديداً .. اتجه لبوكس الليرات .. واضغط على المربع الصغير http://www.jewelsuae.com/psd/Basik/Layer.gif الموجود أسفله لإضافة لير جديد ..

إن لم تجد بوكس الليرات أمامك على الشاشة .. أو واجهت مشكلة في استخدامه .. أرجو أن تتبع الرابط التالي .. لإزالة الغموض ..
شاهد بوكس الليرات بعد إضافة لير جديد ..
http://www.jewelsuae.com/psd/allDoro...w/cinema/4.gif
لن تلاحظ أي تغيير على مساحة العمل ..

والآن اتجه لقائمة الأدوات واختر أداة التحديد المربعة http://www.jewelsuae.com/psd/Basik/T7dedMorab3.gif .. ثم ارسم مستطيلاً بشكل طولي على مساحة العمل ..

http://www.jewelsuae.com/psd/allDoro...w/cinema/5.gif

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

إن لم تجد أداة التحديد المربعة http://www.jewelsuae.com/psd/Basik/T7dedMorab3.gif في قائمة الأدوات .. أو واجهت مشكلة في التعامل معها.. اتبع الرابط التالي ..

والآن من لوحة المفاتيح .. اضغط على حرف D .. ثم باستخدام أداة السطل http://www.jewelsuae.com/psd/Basik/sa6l.gif .. قم بتلوين منطقة التحديد ..

لاحظ الصورة التوضيحية:
http://www.jewelsuae.com/psd/allDoro...w/cinema/6.gif

يمكنك الآن رفع علامة التحديد بالضغط على Ctrl + D ..

إن لم تجد أداة السطل http://www.jewelsuae.com/psd/Basik/sa6l.gif أمامك أو واجهت صعوبة في استخدامه .. اتبع الرابط التالي ..

الخطوة الثالثة
عد مرة أخرى لأداة التحديد المربعة .. لكن هذه المرة سنغير قليلاً في إعداداته ..

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

لاحظ الصورة ..
http://www.jewelsuae.com/psd/allDoro...w/cinema/7.gif

ستحدث فيها التغييرات التالية ..
تتبع الأرقام على الصورة ثم اقرأ الشرح التالي:
1- في البداية .. اتجه عند Style: وقم بتغيير الاختيار الموجود من Normal إلى Fixed Size .. ستلاحظ أن خانتي الـ Width = العرض .. والـ Height = الطول .. قد تم تفعيلهما ..
2- أدخل رقم 15 عند Width = العرض ..
3- والرقم 8 عند Height = الطول
ثم اتجه لمساحة العمل واضغط بالفأرة ـ الماس ـ على المنطقة السوداء .. بعدها من لوحة المفاتيح .. استخدم الأسهم لتنقل التحديد للمكان المناسب .. هو على طرف المربع ..

شاهد مكان التحديد على مساحة العمل ..
http://www.jewelsuae.com/psd/allDoro...w/cinema/8.gif
تنويه: لاحظ أنك في هذه الخطوة غيرت خاصية أداة التحديد المربعة من Normal إلى Fixed Size .. بعد أن تنتهي من تنفيذ الدرس .. لا تنسى أن تعيد الخاصية لـ Normal مجدداً ..

الهدف من هذه الخطوة .. عمل حفر على طرف المربع الأسود .. لإحداث تأثير الشريط السينمائي ..

بعد أن تضع التحديد في المكان المناسب على طرف المربع الأسود .. من لوحة المفاتيح اضغط على Delete وذلك لمسح منطقة التحديد ..

ملاحظة: غالباً ما ستجد مفتاح Delete على لوحة المفاتيح في المنطقة المحددة بالأحمر ..
http://www.jewelsuae.com/psd/Basik/keyboard-delete.gif

شاهد مساحة العمل بعد تنفيذ الخطوة السابقة ..
http://www.jewelsuae.com/psd/allDoro...w/cinema/9.gif
والآن علينا أن نغير مكان التحديد .. باستخدام الأسهم في لوحة المفاتيح ..
http://www.jewelsuae.com/psd/Basik/keyboard0.gif

استخدم السهم الأسفل ..
http://www.jewelsuae.com/psd/Basik/keyboardD.gif
(لا أنصح باستخدام الأسهم (يمين ويسار) حتى نحافظ على محاذاة الحفر على شريطنا السينمائي .. يمكنك أن تستخدم السهم الأعلى في حال أنزلت التحديد بشكل مبالغ ..

لاحظ عملية نقل التحديد باستخدام السهم للأسفل ..
http://www.jewelsuae.com/psd/allDoro.../cinema/10.gif

كما شاهدت .. استعنت بالخطوط البيانية لحفر المربع .. فقت قمت بإنزال التحديد إلى أن وصلت على الخط ..
ثم ضغطت على Delete من لوحة المفاتيح مجدداً .. كي أحصل على الحفرة الثانية ..

شاهد الصورة ..
http://www.jewelsuae.com/psd/allDoro.../cinema/11.gif

مرة أخرى .. بواسطة السهم الأسفل .. انقل التحديد إلى أن تصل للخط البياني التالي .. ثم من لوحة المفاتيح اضغط على Delete ..

شاهد الصورة ..
http://www.jewelsuae.com/psd/allDoro.../cinema/12.gif
أكمل العلمية بنفس الطريقة إلا أن تصل لنهاية المربع الأسود ..

لاحظ تصميمي .. بعد أن انتهيت من هذه الخطوة ..
http://www.jewelsuae.com/psd/allDoro.../cinema/13.gif

بعد أنهينا من عملية الحفر .. لن نحتاج للخطوط البيانية .. لذا قم برفعها عن طريق الضغط على Ctrl + ' كما ذكرنا سابقاً ..
أيضاً لن نحتاج لمربع التحديد الصغير .. لذا يمكنك أن ترفعه أيضاً وذلك عن طريق الضغط على Ctrl + D

وبهذا نكون قد انتهينا من الجانب الأيسر للشريط ..
عفواً .. هل سنكرر نفس العملية مع الجانب الأيمن ؟؟ http://www.jewelsuae.com/psd/Faces/thinking.gif

لا تقلق .. لن نضطر لذلك .. لأننا ولله الحمد .. قد انتهينا من الجزء الأصعب في الدرس ..

http://www.jewelsuae.com/psd/Faces/woosht.gif

انتقل معي للخطوة الرابعة ..

http://www.jewelsuae.com/psd/Faces/mashi.gif

الخطوة الرابعة
اتجه لبوكس الليرات .. قم بنسخ لير الشريط الأسود الذي عملنا عليه ..

لمعرفة المزيد عن الليرات .. وعن كيفية نسخها .. يرجى إتباع الرابط التالي ..
شاهد بوكس الليرات بعد تنفيذ عملية النسخ ..
http://www.jewelsuae.com/psd/allDoro.../cinema/14.gif
لن تلاحظ أي تغيير على مساحة العمل ..

والآن اتجه لشريط القوائم .. ونفذ الأمر التالي ..
Edit >> Transrorm >> Flip Horizontal
http://www.jewelsuae.com/psd/PsdCS/E...Horizontal.gif

يااااااويل حاااالي .. لقد اختفت الحفر !! http://www.jewelsuae.com/psd/Faces/Awee.gif
نعم .. أعد تنفيذ الدرس مرة أخرى!!
http://www.jewelsuae.com/orange/face/f25.gif
خخخخخخخخ

بالتأكيد أمزح http://www.jewelsuae.com/psd/Faces/555.gif .. سأخبرك ماذا حدث ..

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

إن كان كلامي غير واضح .. فلا بأس .. تجاهل ما قلته .. واتجه لقائمة الأدوات .. اختر أداة المؤشر http://www.jewelsuae.com/psd/Basik/moAsherjewels.gif .. ثم انتقل للوحة المفاتيح عندك .. هذه المرة سنستخدم السهم اليمين ..
http://www.jewelsuae.com/psd/Basik/keyboardR.gif
استمر في الضغط عليه ..

هل تلاحظ انتقال الشكل .. هل ظهرت الحفر الآن .. جيد ..

شاهد تصميمي أثناء انتقال الشكل لليمين ..
http://www.jewelsuae.com/psd/allDoro.../cinema/15.gif
ملاحظة: يمكنك أن تستخدم السهم اليسار .. إذا بالغت في نقل الشكل لليمين ..

بعد ذلك .. اتجه لبوكس الليرات وادمج ليري الشريط معاً .. يمكنك دمج الليرات .. عن طريق الضغط على Ctrl + E من لوحة المفاتيح ..

لمعرفة المزيد عن كيفية دمج الليرات .. اتبع الرابط التالي ..

أصبح الشكل جاهزاً أمامنا الآن ..

http://www.jewelsuae.com/psd/allDoro.../cinema/ex.gif

أفضل أن نقوم بتحويله لشكل Shape http://www.jewelsuae.com/psd/Basik/Shape.gif كي نوفر وقت تصميمه عندما نحتاج إليه مجدداً ..

اتبع الخطوة الخامسة ..

الخطوة الخامسة
طبق الأمر التالي
Select >> Load Selection

ستظهر لك نافذة أخرى .. اضغط مباشرة على Ok
..

بعد هذه العملية ستلاحظ أن كل محتويات مساحة العمل قد تم تحديده ..وهذا هو المطلوب ..

والآن علينا أن نحول التحديد إلى مسار Path
اتجه لقائمة Window وتأكد من ضع إشارة صح على كلمة Paths

ستظهر نافذة المسارات Paths
http://www.jewelsuae.com/psd/PsdCS/window/PathB.gif

في نافذة المسارات Paths .. اضغط على الشكل الموضح في الصورة التالية:
http://www.jewelsuae.com/psd/PsdCS/window/PathC.gif
ستلاحظ اختفاء التحديد .. لأنه سيتحول لخط أسود حول شكل الشريط السينمائي .. لكن بما أن الشريط لونه أسود .. فقد لا تلاحظ هذا التغيير ..

تابع معي ..

من شريط القوائم .. طبق الأمر التالي:
Edit >> Define Custom Shape

ستظهر لك نافذة أخرى لتدخل اسم الشكل .. إما أن تختار اسماً .. أو أن تقبل بالاسم الموجود وتضغط مباشرة على Ok

لقد عرضت هذه الخطوة بسرعة .. وذلك لأنه لدينا درس خاص .. عن كيفية تحويل العناصر لشكل Shape وعنوانه صمم شكل Shape
.. يمكنك أن تمر عليه لمزيد من التفاصيل حول هذه العملية ..
وإن أردت أن تعلم المزيد عن أدا الأشكال Shaps http://www.jewelsuae.com/psd/Basik/Shape.gif تفضل بزيارة الرابط التالي ..

إلى هنا نكون قد انتهينا من عملية رسم الشريط السينمائي ..

وإن شاء الله في الدرس التالي .. سنشرح كيفية الاستفادة من الشريط في عرض الصور ..

http://www.jewelsuae.com/psd/allDoro...ma-pic/251.gif

صمم الشريط السينمائي

هل أعجبك ؟؟ http://www.jewelsuae.com/psd/Faces/cool.gif

http://www.jewelsuae.com/orange/face/f2.gif

جزاكم الله خير على المتابعه
منقول للفائده