درس : تصميم شريط فلم Film Strip

[ذوالجناح]

:salam:

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

http://img534.imageshack.us/img534/9145/85384622.gif

ونرسم شكلا مستطيلا :

http://img413.imageshack.us/img413/1415/75786962.gif

ثانياً: نختار أداة الرسم المستطلة ذات الزوايا المدورة Rounded Rectangle Tool الظاهرة في الصورة:

http://img413.imageshack.us/img413/6850/63676199.gif

ثم نضبط خيارات الأداة من شريط الخيارات في البرنامج حسب القيم الظاهرة في الصورة أدناه:

http://img696.imageshack.us/img696/3267/66246180.gif

يمكن تغيير قيمة Radius المسؤولة عن مدى تحدب زوايا الشكل حسب حجم العمل لديك وبما تراه مناسباً.

ثالثاً: نرسم أول شكل ثم نختار أدة تحديد المسار Path Selection Tool
http://img532.imageshack.us/img532/964/72708138.gif

وننقر في الشكل المرسوم ليتم تحديده ويصبح بالشكل التالي:

http://img135.imageshack.us/img135/7809/25758457.gif


رابعاً: من لوحة المفاتيح نضغط على مفتاحي: Shift+Alt معا ثم نسحب التحديد جهة اليمين قليلا كما في الصورة :

http://img532.imageshack.us/img532/1706/70096652.gif

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

خامساً: نضغط على زر Shift من لوحة المفاتيح بينما نحدد كل الأشكال التي رسمناها بأداة تحديد المسار وبعد تحديدها كلها ننتقل لشريط الخيارات في أعلى النافذة وننقر على خيار Distribute Horizontal centers كما في الصورة:

http://img580.imageshack.us/img580/87/72589247.gif

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

http://img696.imageshack.us/img696/1953/27180432.gif

ملاحظة: هذا الخيار لم يعمل معي إلا مع أكثر من شكلين (ثلاثة فأكثر)

سادساً: الآن سنرسم الأشكال الصغيرة الواقعة على حواف الشريط وخطواتها مشابهة تماما لخطوات رسم الأشكال الواقعة في وسط الشريط والتي سنضع فيها الصور ولكننا نضبط خيارات Radius داة الرسم المستطيلة ذات الزوايا المدورة على 2 بكسل كما في الصورة:

http://img203.imageshack.us/img203/7138/50411510.gif

وبعد رسم الشكل الأول وتحديده بأداة تحديد المسار ننقر على زري Shift+Alt ونسحب الشكل جهة اليمين قليلا ثم نفلته وهكذا نستمر في السحب والإفلات حتى نغطي الحافة العليا كلها .

http://img339.imageshack.us/img339/7695/91941466.gif

بعد ذلك نضغط على Shift ثم نحدد كل الأشكال بأداة تحديد المسار وبعد تحديدها كلها نضغط على خيار Distribute Horizontal centers الذي استخدمناه في خطوة خامسا.

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

http://img413.imageshack.us/img413/2999/17728575.gif

وهذه هي النتيجة :

http://img580.imageshack.us/img580/838/36430654.gif

الآن جاء وقت إضافة الصور للشريط وبعد تجهيزها بأحجام أكبر قليلا من الأشكال المرسومة في وسط الشريط نقوم بإضافتها لمساحة العمل وستلاحظ وجود أول صورة في قائمة الطبقات باسم Layer 2 ثم ننقر على طبقة Shape 1 حتى يتم تحديدها

http://img135.imageshack.us/img135/7843/43821617.gif

وباتخدام أداة تحديد المسار التي استخدمناها سابقا ننقر على الشكل الذي نريد إضافة الصورة له فيظهر مسار محيط بالشكل .
نقوم بتحويله إلى تحديد بالنقر بالزر الأيمن داخل حدود الشكل ثم : Make Selection
تابع الصورة:

http://img580.imageshack.us/img580/3682/91560014.gif

ثم موافق.

http://img339.imageshack.us/img339/5391/34058899.gif

ومن قائمة الطبقات نحدد طبقة الصورة بالنقر عليها كما في الصورة:

http://img532.imageshack.us/img532/6458/98750176.gif

ثم ننقر على زر Delete من لوحة المفاتيح ليحذف كل شيء من الصورة عدا الواقع داخل الشكل. وهذه هي النتيجة:

http://img534.imageshack.us/img534/24/57562777.gif

نكرر العملية مع بقية الصور ثم نقوم بقص الأجزاء الزائدة من الأطراف كما في الصورة:

http://img339.imageshack.us/img339/682/79265753.gif

وهذه هي النتيجة النهائية:

http://img534.imageshack.us/img534/4118/filmstripsalem.png

ويمكن إضافة بعض اللمسات على العمل:

http://img135.imageshack.us/img135/4240/filmstripsalem2.png

http://img580.imageshack.us/img580/5295/filmstripsalem.gif

http://img63.imageshack.us/img63/1572/filmstripsalem3.gif


انتهى الدرس أسأل الله أن ينفع به وأن يكون خالصا لوجهه. آمين.

تحياتي: ذوالجناح.

[الدمشقي]

درس جميل ومجهود رائع في إعداد الشرح
:abc_022:
جزاك الله خيراً أخي الفاضل ذو الجناح
وبارك الله بك
:abc_139:

[أبو يوسف]

جزاك الله خيرا أخي ذو الجناح سأحاول التطبيق في وقت لاحق إن شاء الله

[فلسطيني]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[سالي الفلسطينية]

بسم الله الرحمن الرحيم

درس قيم و مفيد ..
سلمت يداك اخي الكريم
وجزاك الله خيرا

[ذوالجناح]

جزاكم الله خيرا على المرور
يسعدني وجودكم دوما

[الحارث بن فيصل]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[ذوالجناح]

جزاكم الله خيرا على المرور
تحياتي:abc_022:

[abohmam]

بارك الله فيك أخى ذا الجناح

ماشاء الله درس جميل جدا ويحتاج التطبيق

سنعود بالتطبيق بعد العودة ان شاء الله

:abc_152:

[ذوالجناح]

جزاك الله خير أستاذنا على الإشادة.
تحياتي

[الهمام]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .