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


لاخذ خبرة كافية لتصاميمك,توقيع,بنر,سناب
 
الرئيسيةأحدث الصورالتسجيلدخول

 

 فوتو شوب (( الشريط السينمائي )) بالصور

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
دمہوع الہورد
المديرالعام
المديرالعام
دمہوع الہورد


انثى
المشاركات : 732
نقاط : 6516
السٌّمعَة : 4

البطاقة الشخصية
كلماتي:

فوتو شوب (( الشريط السينمائي )) بالصور Empty
مُساهمةموضوع: فوتو شوب (( الشريط السينمائي )) بالصور   فوتو شوب (( الشريط السينمائي )) بالصور Icon_minitimeالأربعاء 17 سبتمبر 2008 - 21:37

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

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



فوتو شوب (( الشريط السينمائي )) بالصور Gold2L
مثال على الدرس
فوتو شوب (( الشريط السينمائي )) بالصور Ex


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

فوتو شوب (( الشريط السينمائي )) بالصور 1

ستظهر لك مساحة العمل بالشكل التالي ..
فوتو شوب (( الشريط السينمائي )) بالصور 2

لاحظ بأن مساحة العمل كبيرة نوعاً ما بالنسبة لتصميمنا واخترناها بخلفية بيضاء .. لكن عند الرسم غالباً ما أنصح باختيار مساحة مريحة للحركة .. والخلفية البيضاء كي تستطيع مشاهدة العناصر التي ستقوم بإضافتها بشكل واضح ..
*
قبل أن ننتقل للخطوة الثانية .. أفضل أن تضيف خطوطاً بيانية على مساحة العمل .. وذلك بالضغط على Ctrl + ' ..
إن واجهت صعوبة في إيجاد مفتاح ( ' ) فابحث عن حرف الـ ط باللغة العربية .. لأنهما يقعان على نفس المفتاح .. إذن .. إما Ctrl + ' أو Ctrl + ط ..
أو يمكنك أن تستحظرها من من شريط القوائم .. View >> Show >> Grid

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

شاهد التغيير على مساحة العمل ..
فوتو شوب (( الشريط السينمائي )) بالصور 3

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

فوتو شوب (( الشريط السينمائي )) بالصور Gold2L

الخطوة الثانية

في البداية عليك أن تضيف لير جديداً .. اتجه لبوكس الليرات .. واضغط على المربع الصغير فوتو شوب (( الشريط السينمائي )) بالصور Layer الموجود أسفله لإضافة لير جديد ..

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

شاهد بوكس الليرات بعد إضافة لير جديد ..
فوتو شوب (( الشريط السينمائي )) بالصور 4

لن تلاحظ أي تغيير على مساحة العمل ..

والآن اتجه لقائمة الأدوات واختر أداة التحديد المربعة
فوتو شوب (( الشريط السينمائي )) بالصور T7dedMorab3 .. ثم ارسم مستطيلاً بشكل طولي على مساحة العمل ..

فوتو شوب (( الشريط السينمائي )) بالصور 5

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

إن لم تجد أداة التحديد المربعة
فوتو شوب (( الشريط السينمائي )) بالصور T7dedMorab3 في قائمة الأدوات .. أو واجهت مشكلة في التعامل معها.. اتبع الرابط التالي ..

والآن من لوحة المفاتيح .. اضغط على حرف D .. ثم باستخدام أداة السطل
فوتو شوب (( الشريط السينمائي )) بالصور Sa6l .. قم بتلوين منطقة التحديد ..

لاحظ الصورة التوضيحية:
فوتو شوب (( الشريط السينمائي )) بالصور 6

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

إن لم تجد أداة السطل
فوتو شوب (( الشريط السينمائي )) بالصور Sa6l أمامك أو واجهت صعوبة في استخدامه .. اتبع الرابط التالي ..

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

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

لاحظ الصورة ..
فوتو شوب (( الشريط السينمائي )) بالصور 7

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

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

شاهد مكان التحديد على مساحة العمل ..
فوتو شوب (( الشريط السينمائي )) بالصور 8

تنويه: لاحظ أنك في هذه الخطوة غيرت خاصية أداة التحديد المربعة من Normal إلى Fixed Size .. بعد أن تنتهي من تنفيذ الدرس .. لا تنسى أن تعيد الخاصية لـ Normal مجدداً ..

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

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

ملاحظة: غالباً ما ستجد مفتاح Delete على لوحة المفاتيح في المنطقة المحددة بالأحمر ..
فوتو شوب (( الشريط السينمائي )) بالصور Keyboard-delete

شاهد مساحة العمل بعد تنفيذ الخطوة السابقة ..
فوتو شوب (( الشريط السينمائي )) بالصور 9

والآن علينا أن نغير مكان التحديد .. باستخدام الأسهم في لوحة المفاتيح ..
فوتو شوب (( الشريط السينمائي )) بالصور Keyboard0

استخدم السهم الأسفل ..
فوتو شوب (( الشريط السينمائي )) بالصور KeyboardD
(لا أنصح باستخدام الأسهم (يمين ويسار) حتى نحافظ على محاذاة الحفر على شريطنا السينمائي .. يمكنك أن تستخدم السهم الأعلى في حال أنزلت التحديد بشكل مبالغ ..


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

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

شاهد الصورة ..
فوتو شوب (( الشريط السينمائي )) بالصور 11

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

شاهد الصورة ..
فوتو شوب (( الشريط السينمائي )) بالصور 12

أكمل العلمية بنفس الطريقة إلا أن تصل لنهاية المربع الأسود ..

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

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

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

عفواً .. هل سنكرر نفس العملية مع الجانب الأيمن ؟؟ فوتو شوب (( الشريط السينمائي )) بالصور Thinking

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

فوتو شوب (( الشريط السينمائي )) بالصور Woosht

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

فوتو شوب (( الشريط السينمائي )) بالصور Mashi




فوتو شوب (( الشريط السينمائي )) بالصور ArrowU


عدل سابقا من قبل نسايم ليل في الأربعاء 17 سبتمبر 2008 - 21:39 عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
دمہوع الہورد
المديرالعام
المديرالعام
دمہوع الہورد


انثى
المشاركات : 732
نقاط : 6516
السٌّمعَة : 4

البطاقة الشخصية
كلماتي:

فوتو شوب (( الشريط السينمائي )) بالصور Empty
مُساهمةموضوع: رد: فوتو شوب (( الشريط السينمائي )) بالصور   فوتو شوب (( الشريط السينمائي )) بالصور Icon_minitimeالأربعاء 17 سبتمبر 2008 - 21:38

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

لمعرفة المزيد عن الليرات .. وعن كيفية نسخها .. يرجى إتباع الرابط التالي ..

شاهد بوكس الليرات بعد تنفيذ عملية النسخ ..
فوتو شوب (( الشريط السينمائي )) بالصور 14
لن تلاحظ أي تغيير على مساحة العمل ..

والآن اتجه لشريط القوائم .. ونفذ الأمر التالي ..
Edit >> Transrorm >> Flip Horizontal
فوتو شوب (( الشريط السينمائي )) بالصور Transform-FlipHorizontal

يااااااويل حاااالي .. لقد اختفت الحفر !! فوتو شوب (( الشريط السينمائي )) بالصور Awee

نعم .. أعد تنفيذ الدرس مرة أخرى!!
فوتو شوب (( الشريط السينمائي )) بالصور F25
خخخخخخخخ

بالتأكيد أمزح فوتو شوب (( الشريط السينمائي )) بالصور 555 .. سأخبرك ماذا حدث ..

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

إن كان كلامي غير واضح .. فلا بأس .. تجاهل ما قلته .. واتجه لقائمة الأدوات .. اختر أداة المؤشر فوتو شوب (( الشريط السينمائي )) بالصور MoAsherjewels .. ثم انتقل للوحة المفاتيح عندك .. هذه المرة سنستخدم السهم اليمين ..
فوتو شوب (( الشريط السينمائي )) بالصور KeyboardR
استمر في الضغط عليه ..

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

شاهد تصميمي أثناء انتقال الشكل لليمين ..
فوتو شوب (( الشريط السينمائي )) بالصور 15
[size=9]ملاحظة: يمكنك أن تستخدم السهم اليسار .. إذا بالغت في نقل الشكل لليمين ..

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

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

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

فوتو شوب (( الشريط السينمائي )) بالصور Ex

أفضل أن نقوم بتحويله لشكل Shape فوتو شوب (( الشريط السينمائي )) بالصور Shape كي نوفر وقت تصميمه عندما نحتاج إليه مجدداً ..

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

فوتو شوب (( الشريط السينمائي )) بالصور Gold2L

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

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

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

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


ستظهر نافذة المسارات Paths
فوتو شوب (( الشريط السينمائي )) بالصور PathB

في نافذة المسارات Paths .. اضغط على الشكل الموضح في الصورة التالية:
فوتو شوب (( الشريط السينمائي )) بالصور PathC

ستلاحظ اختفاء التحديد .. لأنه سيتحول لخط أسود حول شكل الشريط السينمائي .. لكن بما أن الشريط لونه أسود .. فقد لا تلاحظ هذا التغيير ..

تابع معي ..

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

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


لقد عرضت هذه الخطوة بسرعة .. وذلك لأنه لدينا درس خاص .. عن كيفية تحويل العناصر لشكل Shape وعنوانه
صمم شكل Shape
.. يمكنك أن تمر عليه لمزيد من التفاصيل حول هذه العملية ..
وإن أردت أن تعلم المزيد عن أدا الأشكال Shaps فوتو شوب (( الشريط السينمائي )) بالصور Shape تفضل بزيارة الرابط التالي ..

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

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



فوتو شوب (( الشريط السينمائي )) بالصور 251
هل أعجبك ؟؟ فوتو شوب (( الشريط السينمائي )) بالصور Cool

نحن في انتظارك هناك ..
فوتو شوب (( الشريط السينمائي )) بالصور F2

فوتو شوب (( الشريط السينمائي )) بالصور Gold2L

جزاكم الله خير على المتابعة





فوتو شوب (( الشريط السينمائي )) بالصور ArrowU
الرجوع الى أعلى الصفحة اذهب الى الأسفل
moooody
عضو جديد
عضو جديد
moooody


ذكر
المشاركات : 47
نقاط : 5859
السٌّمعَة : 0

فوتو شوب (( الشريط السينمائي )) بالصور Empty
مُساهمةموضوع: رد: فوتو شوب (( الشريط السينمائي )) بالصور   فوتو شوب (( الشريط السينمائي )) بالصور Icon_minitimeالأربعاء 10 ديسمبر 2008 - 11:12

شكرا لكي لي عوده مع التطبيق
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.sliver-team.yoo7.com
moooody
عضو جديد
عضو جديد
moooody


ذكر
المشاركات : 47
نقاط : 5859
السٌّمعَة : 0

فوتو شوب (( الشريط السينمائي )) بالصور Empty
مُساهمةموضوع: رد: فوتو شوب (( الشريط السينمائي )) بالصور   فوتو شوب (( الشريط السينمائي )) بالصور Icon_minitimeالأربعاء 10 ديسمبر 2008 - 11:15


تطبيقي

فوتو شوب (( الشريط السينمائي )) بالصور 88021667vb0
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.sliver-team.yoo7.com
 
فوتو شوب (( الشريط السينمائي )) بالصور
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى تعليم التصميم  :: أقسـَـآم للجرافــيــكس والتصــميم :: دروس فوتوشوبَ-
انتقل الى: