من دروس الفوتوشوب : الكتابة بالقلم ..كأنك تكتب باليد ..!!

[kroo66]

من دروس الفوتوشوب : الكتابة بالقلم ..كأنك تكتب باليد ..!!

اخواني السلام عليكم

هذا الدرس استفدت منه كثيرا فحبيت انقله واشارك به الاخوان
وهذا الشرح لدرس رائع تم شيوعه في مواقع الدروس المهتمه بالفوتوشوب

إنه درس سهل .. لكن ذو خطوات صغيرة ومتعددة .. لذا قد يتشتت انتباهك في نقطة معينه وتخسر التصميم !!

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

وهذا المثال الذي سوف نقوم بتطبيقه









أدوات الدرس

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

هذه بعض الصور التي أقترحها عليك ..





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





خطـــوات التنفيـــذ

الخطوة الأولى

افتح مساحة عمل جديدة .. وذلك باتباع الامر التالي ..
File >> New

ستظهر لك هذه النافذة ..
اختر الإعدادات التالية ..
300 pixels للعرض و 250 Pixels للطول ..
والمحتوى شفاف أي Transparent

كما هو موضح في الصورة ..



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

أختر أداة الكتابة

واكتب النص المطلوب .. وفي الدرس سأكتب اسم محمد

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

هذه إعدادات النص التي اشتغلت عليها



نوع الخط : Deco Type Thuluth
الحجم : 72

لون الخط :
أسود


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


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


وتابع خطوات التنفيذ .


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

اتجه لصندوق الليرات .. وقم بنسخ لير النص ..

وهذا هو صندوق الليرات بعد تنفيذ عملية النسخ



انتقل للاير الجديد واسمه في بوكس الليرات عندي ( محمد copy ) ثم نقرة على اليمين ..
ستلاحظ ظهور قائمة صغيرة .. اختر منها التالي .. Rasterize Layer

شاهد الصورة للتوضيح



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

شاهد التغيير على اللير الجديد بعد تنفيذ هذه المهمة ..


وقبل أن ننتقل للخطوة الخامسة ..
ارفع علامة العين من لير محمد الذي في الأسفل ..

صندوق الليرات بعد أن رفعت علامة العين عن اللير الأخير .. بالمربع الاحمر








الآن نتابع في المرحلة الرابعة طريقة المسح

وكونوا متابعيين ..

[kroo66]

الخطوة الرابعة

ـ 1ـ

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


شاهد إعدادت أداة الممحاة



والآن اتجه لمساحة العمل .. ثم قم بمسح جزء من الحرف الأخير من النص ..

انظر لمساحة العمل عندي .. لاحظ أنني قمت بمسح جزء من حرف الدال ..





ـ 2 ـ
والآن كرر ما فعلته سابقاً ..
قم بنسخ اللير الذي عملت عليه .. واسمه عندي (copy محمد)
ولاحظ ظهور اللير الجديد واسمه (copy 2 محمد)
ثم ارفع علامة العين من اللير الثاني (copy محمد)


شاهد الصورة التوضيحية .. المربع باللون الاحمر





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




ـ 3 ـ
كرر نفس العملية السابقة ..
انسخ اللير الذي عملت عليه .. ثم ارفع عنه علامة العين .. وبعد ذلك استخدم أداة الممحاة وامسح جزءً آخر من نهاية الكلمة ..
شاهد وضع بوكس الليرات مع مساحة العمل بعد تنفيذ هذه العملية مجدداً ..







ـ 4 ـ
مجدداً .. انسخ اللير الذي عملت عليه .. ثم ارفع عنه علامة العين ..
واختر أداة الممحاة .. وامسح جزءاً آخر من نهاية الكلمة في اللير الجديد ..

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






والآن .. عليك أن تتابع وحدك .. تذكر ..
انسخ اللير الذي عملت عليه .. ارفع عنه علامة العين .. اتجه لمساحة العمل وامسح جزءاً من نهاية النص ..







- 5 -






- 6 -

انسخ .. ارفع .. وامسح
شاهد مساحة العمل + وضع بوكس الليرات .. أثناء تنفيذي للعملية السابقة
ولتكن الصور أبلغ من الشرح







- 7 -






- 8 -





- 9 -






- 10 -






- 11 -



...............


- 12 -




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

لقد كان ممتعاً .. ألا توافقني ؟!

الآن .. لدينا كمية كبيرة من الليرات ..
لكن لا تقلق .. سنتولى أمرها واحدة تلو الأخرى ..






فقط تابع بقية الشرح لتعرف كيف يكون ذلك ...

[kroo66]

الخطوة الخامسة


أتذكر الأقلام التي وضعناها في أدوات الدرس؟؟ ..لقد جاء دورها الآن
قم بفتح صورة القلم الذي اخترته .. وذلك عن طريق
File >> Open

وسأطبق الدرس على هذا القلم ..



بعد أن فتحت الصورة .. من لوحة المفاتيح .. اضغط على Ctrl + A لتحديد محتوى اللير ..

هناك طريقة أخرى لتنفيذ ذلك .. وهو بتطبيق الأمر التالي ..
Select >> All

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

يمكنك إجراء عملية النسخ بطريقة أخرى .. وهي بتنفيذ الأمر التالي Edit >> Copy


....

والآن اتجه لمساحة العمل السابقة التي عملنا فيها على كلمة (محمد) .. اضغط عليها بالفأرة ـ الماوس ـ كي تقوم بتفعيلها .. ثم اضعط على Ctrl + V من لوحة المفاتيح .. كي تلصق ما نسخته هناك ..

يكنك تنفيذ أمر اللصق بطريقة أخرى وهي:Edit >> Paste


شاهد مساحة العمل + وضع بوكس الليرات .. بعد إتمام العملية السابقة




ملاحظة هامة : للحصول على أفضل النتائج .. يجب أن يكون لير (Layer) القلم في أعلى بوكس الليرات
كما هو موضح في الصورة السابقة ..







الخطوة السادسة

هنـــــــا يتوجب عليـــــك التركيــز قليــلاً

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




وأخيراً !!

أنت الآن مستعد للانتقال للإمج ردي .. لنسخ الفوتوشوب القديمة
او الانيميشن للنسخ الحديثة ... وهنا استعملت الانيميشن
من القائمة Window كما بالصورة







بعد تنفيذك للعملية السابقة من المفترض أن تجد أمامك التالي ..



هل لاحظت ظهور شريط الحركة Animation ... ممتاز

الآن لدينا بعض الاعمال يجب انجازها لأنهاء العمل






الخطوة السابعة


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




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



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



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


مرة أخرى .. أتجه لشريط الحركة وقم بنسخ البرواز الأخير (البرواز رقم 2) وذلك بالضغط على المربع الصغير ..
كما فعلنا في الخطوة السابقة ..



ثم عودة لصندوق الليرات .. ارفع علامة العين عن اللير السابق ـ الخاص بالخط ـ واسمه عندي (copy 12 محمد)
وضعه على لير الخط الذي تحته واسمه (copy 11 محمد)



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



هل لاحظت ذلك؟؟ حتى الآن جعلنا القلم يكتب حرف الميم ..


....


- 1 -

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


شاهد وضع شريط الحركة بعد نسخ البرواز رقم 3 ليعطينا البرواز الرابع




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





....

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




- 2 -

شاهد صندوق الليرات + مساحة العمل + وضع شريط الحركة بعد تكرار ما سبق








- 3 -


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








- 4 -









- 5 -








- 6 -









- 7 -





- 8 -






- 9 -






....


- 10 -

لدي ملاحظة هامة : بالنسبة لكتـابة حرف الدال .. تخيل أنك تكتبه بيدك .. سترفع القلم للأعلى كما فعلنا عند رقم - 9 -
ثم عليك أن تنزل بالقلم كي تكتب بقية الحرف ..
لذا .. في هذه الخطوة كرر البرواز رقم 12 .. كما فعلت في الخطوات السابقة ..

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







- 11 -

أكمل مثل بقية الخطوات




....


- 12 -

وأخيراً !!

انتهينا من كتــابة حرف الدال .. ووصلنا للاير الأخير



كم تشــاهد أصبــح لدينـــا 15 بروازاً في شريـــط الحركــة ..






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

قم بنسخ البرواز رقم 15 .. كما فعلنا في المرات السابقة
اترك صندوق الليرات كما هو .. لن نغير فيه شيءً ..
فقط خذ أداة الحركة .. ثم انتقل لمساحة العمل .. وانقل القلم لأسفل النص ..

أي كأننا انتهينا من الكتابة .. ووضعنا القلم ..




والآن عد مرة أخرى للبرواز رقم 15 .. اضغط عليه بالماوس كي تحدده ..

وسوف نستعمل اداة التوين Tween هذه في اسفل صندوق الانيميشن


لكن سؤال ؟؟؟؟

ما هو التوين Tween ؟؟ وكيف يعمل ؟؟
في شريط الحركة .. حددنا البرواز رقم 15 .. حيث أن مكان القلم في نهاية حرف الدال .. وفي البرواز رقم 16 وضعنا القلم أسفل الكلمة .. سنطبق التوين بين البروازين 15 و 16 ..
وما سيفعله التوين .. هو إضافة بروازات ( أنت ستقوم بتحديد عددها ) بين البروازين 15 و 16 .. وفي كل برواز سينقل القلم إلى أسفل .. إلى أن يصل إلى مكان القلم في البرواز 16 .. وعندما ستشاهد الحركة .. ستبدو حركة القلم طبيعية جداً ..
أسفل صندوق الانيميشن.. ستجد هذا الرمز .. اضغط عليه
ستظر لك نافذة .. أدخل فيها الإعدادات التالية ..




لاحظ أنه عند Frames to Add وضعت رقم 5 .. أي أننا سنضيف 5 براويز بين البرواز 15 و 16
شاهد وضع شريط الحركة بعد تنفيذ هذه العملية







انتهينا من عملية التويين ..
تعديــل بسيط على توقيت البروايز وسننهي الدرس بإذن الله ..

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



جربها الآن ..

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




وفي عملي هذا ... جربتها عدة مرات حتي طلعت بالنتيجة

[نورهان جمال]

رووووووووووووووووعه الدرس
ومشكووووورة ياااقمرررررر ع الشرح الوااافى

[~sẳrẳh]

رائع الدرس
إن شاء الله الجميع يستفيد منه ..

ويطبقه .. لاعدمناك ياعسل على هالطرح المتميز

[Raghda]

الدرس رائع جدايسلمووووووووووووو

[ذات الهمة]

درس رائع
وده تطبيقى عليه

هو مش مظبوط اوى

[بحر الندى]

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

[amoud]

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

[دالييدا]

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





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