Hitskin.com

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

المقدمة
مرحباً من جديد ..
كم يصعب علينا الوفاء بوعودنا هذه الأيام !!

لقد وعدت بتصميم هذا الدرس قبل أكثر من ثلاث سنوات .. ولكن لظروف خاصة لم أتمكن من ذلك .. وبقي مشروعاً معلقاً إلى يومنا هذا الكتابة بالاشكال Pained

..

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

..

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

بالمناسبة .. لدينا درس مشابه اسمه:

القلم السحري

أمثلة على الدرس

الكتابة بالاشكال Ex

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

الخطوة الأولى
قم بفتح مساحة عمل جديدة ،، عن طريق:
File >> New
الكتابة بالاشكال 1

ستظهر لك نافذة لاختيار إعدادات مساحة العمل ،، أدخل المقاييس التالية:

العرض:	400 Pixels	Width:
الطـول:	150 Pixels	Height:
الدقة النقطية:	72 Pixels/inch	Resolution:
نمط اللون:	RGB Color	Color Mode:
لون الخلفية:	White	Background Contents:

لاحظ الصورة ...
الكتابة بالاشكال 2

ملاحظة: عند لون الخلفية Background Contents .. يمكنك أن تختار الخلفية الشفافة Transparent .. في حال رغبت أن تطبق التصميم بدون خلفية (كما في المثال الثاني) ..
بعد تغيير الحقول حسب المطلوب .. اضغط على .. Ok
ستلاحظ ظهور مساحة العمل كما في الصورة:
الكتابة بالاشكال 3

الخطوة الثانية
في هذا الدرس .. سنحصل على نتيجة أفضل .. وتطبيق أسهل .. إذا ما تحرينا الدقة .. لذا سأقوم باستحضار المسطرة على مساحة العمل $الكتابة بالاشكال Math$ ..
ملاحظة: يمكنك تجاهل هذه الخطوة إذا لم تكن مهمتاً بالدقة ..
ولكن إذا طبقتها .. ستكتسب مهارة جديدة يكاد لا يستغني عنها محتروفوا الفوتوشوب .. وقد تكون واحداً منهم في المستقبل الكتابة بالاشكال Computer

..

اتجه لقائمة View ثم ضع علامة صح عند كلمة Rulers .. أو من لوحة المفاتيح اضغط على Ctrl+r

لاحظ التغيير الذي طرأ على مساحة العمل ـ لقد ظهرت المساطر على جانبي مساحة العمل:
الكتابة بالاشكال 5

والآن باستخدام أداة المؤشر الكتابة بالاشكال MoAsherjewels

اسحب خطين عموديين من المسطرة العمودية (اسحب خطاً واحداً في كل مرة) .. وضع الخط الأول على الهامش الأيمن .. والخط الثاني على الهامش الأيسر ..

لاحظ الصورة بعد تنفيذ ما سبق ..
الكتابة بالاشكال 7

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

الخطوة الثالثة
في هذه الخطوة سنقوم بإضافة النص ..
في الدرس .. سأكتب رمضان كريم .. وذلك لأنني جهزته في شهر رمضان المبارك ..

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

في الدرس .. قمت بالتغييرات التالية:

نوع الخط:	Times New Roman
الحجم:	60
المحاذاة:	لليمين
اللون المستخدم:	006699 #

لاحظ الصورة التوضيحية للتغيرات التي قمت بها في شريط خصائص أداة الكتابة ..
الكتابة بالاشكال 4

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

هل جهزت أداة الكتابة؟؟

جيد .. والآن لنستفد من خطوط المسطرة ..

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

ممتاز ..

نصيحة .. أفضل ألا تختار نصاً طويلاً .. خاصة لو كنت مبتدئاً في الفوتوشوب وتطبق الدرس للمرة الأولى الكتابة بالاشكال No2

.. كل ما كان النص قصيراً كان أفضل الكتابة بالاشكال Nodassent

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

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

[url=http://www.jewelsuae.com/psd/allDoroos/gif/T-shape/T-Shape.htm#بسم الله الرحمن الرحيم] الكتابة بالاشكال ArrowU

[/url]

تابع

ارجو عد الرد لحين انتهائي من الموضوع

الخطوة الرابعة
1- اتجه لبوكس الليرات .. وقم بإضافة لير جديد .. عن طريق الضغط على المربع الصغير الكتابة بالاشكال Layer

الموجود أسفل بوكس الليرات ..

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

2- اتجه لمربعات الألوان التي في قائمة الأدوات .. وغير لون مربع الواجهة للأزرق السماوي ..
وقد استخدمت هذه الدرجة: 99ccff # الكتابة بالاشكال 7

إذا واجهت صعوبة في اختيار الألوان .. يرجى اتباع الرابط التالي ..

3- وأخيراً .. بعد هذه الاستعدادات البسيطة .. اتجه لقائمة الأدوات واختر أداة الأشكال الكتابة بالاشكال Shape

اختر الشكل الذي يعجبك .. بالنسبة لي اخترت شكل الهلال كي يتناسب مع العبارة التي كتبتها ..

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

بعد هذه الخطوة .. ارسم الشكل بجانب النص ..

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

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

الآن .. يمكنك أن تنتقل للخطوة الخامسة .. أو يمكنك أن تطبق معي هذه الخطوة التجميلية البسيطة ..
سنقوم بإضافة ظل لشكل الهلال .. ستكون النتيجة رائعة .. أعدك بذلك! الكتابة بالاشكال Image007

4- اتجه للقائمة الرئيسية .. وطبق ما يلي:
Layer >> Layer Style >> Drop Shadow…
الكتابة بالاشكال 10

ستظهر لك نافذة كبيرة .. كل ما عليك فعله هو الضغط على OK

والنتيجة:
الكتابة بالاشكال 11

نعم .. وأنا أيضاً ..
بالمناسبة .. لقد انتهينا من تصميم البرواز الأخير الكتابة بالاشكال Image002

الخطوة الخامسة
حان وقت الجد الكتابة بالاشكال Image003

..
ركز معي الكتابة بالاشكال Image004

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

الكتابة بالاشكال Image005

لا ترتبك .. الأمر بسيط .. فقط تابع معي الكتابة بالاشكال Image006

..
1- اتجه لبوكس الليرات .. سنقوم بشيء بسيط جداً جداً جداً ...

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

لاحظ الصورة المتحركة:
الكتابة بالاشكال 12

2- مازلنا في بوكس الليرات .. اتجه للير النص .. وقم بنسخه ..

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

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

3- مازلنا نعمل في بوكس الليرات .. سنقوم بتغيير نوع اللير الذي قمنا بنسخه .. سنحوله من لير نص إلى لير عادي ..

تذكر أن لير copy رمضان كريم .. مازال مفعلاً ـ أي أن لونه أزرق فاقع ـ

اتجه للقائمة الرئيسية وطبق ما يلي:

Layer >> Rasterize >> Type
الكتابة بالاشكال 15

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

قبل		بعد

بالمناسبة: يمكننا أن نطبق الخطوة السابقة (تغيير نوع اللير) بطريقة أخرى .. في بوكس الليرات .. انقر بالزر الأيسر من الفأرة (الماوس) على لير النص الذي ترغب بتغيير نوعه كي تنشطه أو تفعّله .. ثم اضغط عليه مرة أخرى بالزر الأيمن من الفأرة (الماوس) ستظهر لك قائمة .. اختر منها Rasterize Type ..

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

4- ارفع علامة العين عن لير النص الأصلي .. والطريقة سهلة .. فقط انقر بالزر الأيسر من الفأرة (الماوس) على علامة العين الكتابة بالاشكال Yey

الموجودة على يسار لير رمضان كريم ..

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

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

انتقل للخطوة السادسة .. كي نعمل قليلاً على مساحة العمل ..

[url=http://www.jewelsuae.com/psd/allDoroos/gif/T-shape/T-Shape2.htm#بسم الله الرحمن الرحيم] الكتابة بالاشكال ArrowU

[/url]

ارجوو عدم الرد لحين انتهائي

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

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

عفواً .. هل سنتابع التطبيق أم ماذا الكتابة بالاشكال Image002

؟؟!!

عذراً لقد استرسلت قليلاً الكتابة بالاشكال Image003

... هههخخخ
احم .. لنتابع ..

1- في بوكس الليرات تأكد من أن لير copy رمضان كريم قد تم تفعيله ـ أي أن لونه أزرق فاقع ـ

2- اتجه لقائمة الأدوات واختر أدام الممحاة الكتابة بالاشكال Eraser1

وبالنسبة لإعدادت الأداة .. لقد اخترت الممحاة الدائرية ذات الحواف الحادة .. بحجم 19 بيكسل ..
الكتابة بالاشكال 19

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

بالنسبة لي سأمسح حرف الميم من كلمة كريم ..
لاحظ شكل مساحة العمل أثناء تنفيذ هذه الخطوة ..
الكتابة بالاشكال 20

هل واجهت صعوبة في استخدام أداة الممحاة؟؟ لم تجدها؟؟ لم تعرف كيف تغير خصائصها؟؟ اتبع الرابط التالي ..

3- عودة لبوكس الليرات .. قم بنسخ لير copy رمضان كريم .. ثم ارفع علامة العين عنه ..

لاحظ بوكس الليرات عندي بعد أن طبقت ما سبق:
الكتابة بالاشكال 21

4- تأكد من أن اللير الجديد الذي قمت بنسخه .. واسمه عندي copy 2 رمضان كريم قد تم تفعيله .. أي لون أزرق ..
ثم مرة أخرى .. باستخدام أداة الممحاة .. امسح الحرف الأخير عندك ..

بالنسبة لي سأمسح حرف الياء ..
لاحظ مساحة العمل بعد تنفيذ ما سبق:
الكتابة بالاشكال 22

5- عد لبوكس الليرات .. وانسخ اللير الذي عملت عليه قبل قليل .. واسمه عندي copy 2 رمضان كريم .. ثم ارفع عنه علامة العين ..

6- تأكد من تنشيط اللير الجديد .. واسمه عندي copy 3 رمضان كريم ثم باستخدام أداة الممحاة امسح الحرف الأخير .. وعندي سأمسح حرف الراء ..

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

7- كرر هذه العملية إلى أن يتبقى لديك حرف واحد فقط ..

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

الكتابة بالاشكال 25

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

تنويه: إذا كنت تستخدم الإصدار السابع 0.7 الكتابة بالاشكال Image004

أو الثامن cs .. أو التاسع الكتابة بالاشكال Image005

sc2 عليك أن تنتقل لبرنامج الإمج ردي ..

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

إذا كنت تستخدم الإصدار التاسع cs2 الكتابة بالاشكال Image005

أو العاشر

cs3 أو الحادي عشر cs4 الكتابة بالاشكال Image006

يمكنك تنفيذ هذه الخطوة في الفتوشوب نفسه ..

بالمناسبة .. الإصدار التاسع cs2 الكتابة بالاشكال Image005

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

انتقل للخطوة السابعة ..

الكتابة بالاشكال Gold2L

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

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

2- والآن سنحتاج لصديقنا القديم شريط الحركة Animation .. تأكد من وجود شريط الحركة ..

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

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

ليصبح شكله مثل هذه الصورة:
الكتابة بالاشكال 29

والآن بعد أن جهزنا منطقة العمل .. ووضعنا كلاً من مساحة العمل (التصميم الذي نعمل عليه) .. وبوكس الليرات .. وشريط الحركة Animation أمامنا ..
سننتقل للخطوة الثامنة ..

[url=http://www.jewelsuae.com/psd/allDoroos/gif/T-shape/T-Shape3.htm#بسم الله الرحمن الرحيم] الكتابة بالاشكال ArrowU

[/url]

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

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

1- سنقوم بضبط التوقيت .. باستخدام أداة المؤشر .. اتجه لشريط الحركة Animation وقم بتحديد البرواز الأول (رقم 1) أي أن بنقره بالزر الأيسر من الماوس (الفأرة) كي يصبح لونه أزرق فاقع ..
2- من لوحة المفاتيج اضغط على زر Shift .. استمر بالضغط عليه .. واتجه بالماوس إلى البرواز الأخير .. وعندي هو البرواز رقم 10 .. انقر عليه بالزر الأيسر من الفأرة (الماوس) .. ستلاحظ أنك قمت بتحديد كل البراويز ما بينهما ..

لاحظ شكل شريط الحركة بعد تحديد كل البراويز:
الكتابة بالاشكال 41

3- باستخدام الزر الأيسر من الماوس (الفأرة) اضغط على التوقيت الموجود أسفل أي برواز في الشريط .. لتظهر لك قائمة منسدلة .. وظيفتها اختيار المدة التي ترغب ببقاء كل برواز أثناء الحركة ..
وقد اخترت جزءً من الثانية لكل برواز 0.1 sec. الكتابة بالاشكال 0sec

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

لاحظ الصورة التوضيحية أثناء اختيار التوقيت من القائمة المنسدلة ..
الكتابة بالاشكال 42

4- وأخيراً .. في شريط الحركة .. وأسفل البرواز الأول مباشرة .. ستلاحظ وجود سهم صغير بجانبه إحدى هذه الكلمات (Once, Forever, Other… ).. والهدف من هذا الأمر .. هو اختيار عدد مرات تكرار الحركة .. فإذا اخترت Once .. فإن التطبيق سيتم تشغيله مرة واحدة فقط .. وإن اخترت Forever فإن التطبيق سيتم تشغيله بشكل مستمر .. وإن اختر Other فستظهر لك نافذة كي تحدد عدد المرات التي ترغبه لتكرار التطبيق ..

بالنسبة لعملنا في هذا الدرس .. فسأختار التشغيل المستمر .. Forever ..

لاحظ شريط الحركة أثناء اختيار أمر التشغيل المستمر للتطبيق ..
الكتابة بالاشكال 43

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

لهذا السبب .. اتجه للبرواز الأخير في شريط الحركة عندك .. وبالنسبة لتطبيقي فهو البرواز رقم 10 .. قم بتحديده بالماوس (الفأرة) حتى يتحول لونه لأزرق فاقع .. بعدها اضغط على عبارة 0 sec. الموجودة أسفله .. وعند ظهور القائمة المنسدلة اختر 2.0 .. وبذلك أمرنا البرنامج أن يبقى البرواز الأخير من التطبيق مدة ثانيتين كي يستوعبها عين المشاهد .. يمكنك أن تزيد المدة أو تنقصها حسب رغبتك ..

شاهد الصورة التوضيحية أثناء اختيار التوقيت الملائم للبرواز الأخير ..
الكتابة بالاشكال 44

شكراً لأنك تابعت الدرس حتى هذه المرحلة الكتابة بالاشكال Image001

لمشاهدة تطبيقك قبل أن تخزنه .. اضغط على زر التشغيل الكتابة بالاشكال 45

الموجود أسفل شريط الحركة ..

تستحق هذه اللحظة ..
الكتابة بالاشكال Image002

لقد شارفنا على النهاية .. انتقل للخطوة العاشرة والأخيرة ..

الكتابة بالاشكال Gold2L

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

الخطوة الأخيرة من كل تطبيق هي تخزينه ..

مرة أخرى .. إن كنت تستخدم الإصدارات القديمة .. وتمتلك برنامج الإمج ردي ..
اتجه لـ
File >> Save Optimized As
الكتابة بالاشكال Save-Optimaized-As

ثم اختر اسما مناسبا واضغط OK

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

أما إن كنت تستخدم الإصدرارات الحديثة التي لا تحتوي على الإمج ردي ..

فمن برنامج الفوتوشوب .. اتجه لقائمة File .. ثم اختر أمر Save for Web & Devices…

شاهد الصورة التوضيحية ..
الكتابة بالاشكال 46

وستظهر لك نافذة كبيرة .. غالباً إعداداتها تكون ملائمة لتخزين الصور المتحركة .. ولكن يستحسن أن تراجع إعدادتك مع الصورة التوضيحية التي في الأسفل ..
الكتابة بالاشكال 47

ستظهر لك نافذة أخرى .. اختر اسماً للتصميم .. واختر أمر Save ..

وهذا تصميمي بعد أن قمت بتخزينه
الكتابة بالاشكال Ex

جميل!
أرجو أن أكون قد وفقت في تبسيط خطوات الدرس ..
الكتابة بالاشكال Gold2L

كلمة أخيرة

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

لا تيأس الكتابة بالاشكال Party5

..

جزاك الله خيراً

[url=http://www.jewelsuae.com/psd/allDoroos/gif/T-shape/T-Shape5.htm#بسم الله الرحمن الرحيم] الكتابة بالاشكال ArrowU

[/url]

يللا انتهيت

اتمنى انكم تردووا

» درس الكتابة البكسليهـ ~ ... !!
» طريقة الكتابة في نافذة الترحيب بالزوار