الدرس الخامس عشر فوتوشوب – وضع الكتابه فيديو – Add text layer

أول كلمة تنزلت فى القرآن الكريم كانت “ إقرأ” و بالتأكيد فعل القرائه يأتى مترتب على ما هو مكتوب, بمعنى انك لن تقرأ إذا لم يتواجد ما هو مكتوب. فالكتابه ذات أهمية بالغه, وقد فطن لأهميتها البشر منذ قديم الأزل, فلن تجد حضارة كبيره إلا و أخترعت لها نظام للكتابه مروراً بالهيلوغريفية, الديموتيقية, السومارية, السريانية و الصينية القديمة. كل هذه اللغات إن دلت على شيىء فإنها تدل على قوة الكتابه و أهميتها و أهمية القراءة.
جزء الكتابه فى التصميم من الأركان الأساسية, بل أن هناك تصميمات تقوم على الكتابه فقط. و هناك فن Typography وهو خاص بالتصميم بالكتابه و تكوين أشكال بها ولنا حديث عنه لاحقاً, اليوم سنتعرف على اداة الكتابه Type Tool و الخاصه بالكتابه فى التصميمات او على الصور بالفوتوشوب بأى إصدار من إصداراته و سنشرح فى هذا الدرس الخاص بإصدار Photoshop cs3 extended, ستتمكن بعد مشاهدة الدرس التالى معرفة كيفية وضع الكتابه التى تريدها, إختيار خط معين لتظهر به الكتابه, تغيير حجم الخط, تغيير لونه, تغيير المسافات بين السطور و كيفية جعل الخط يأخذ أحد الأشكال كالدائرة أو المربع أو كيفية جعل الكتابه تأخذ شكل معين تريده.


وستعرف كيف يمكنك جعل الكتابه تأخذ تموج او تأثيرات بواسطته Create warped text وسنتعرف على نافذة Character بالتفصيل, و سنرى كيف يمكننا ان نقوم بإدراج نوع خط او فونت كما يسميه البعض داخل الفوتوشوب و إختيار و تغيير نوع الخط فى جزء من الكتابه. و المهام الموجوده بها مثل: All caps, superscript, subscript و الفرق بينهم. و كيف يمكننا عمل مرايه للخط. وسنعرف كيفية وضع مسطرة على التصميم و هى بالطبع خطوط توضيحية فقط اى انها لن تطبع مع التصميم.
سنعرف بعض الخطوات البسيطه أيضاً لجعل الصور داخل الكلمات, فيمكننا وضع اى صورة داخل الكتابه التى نستخدمها و التى ستخدم التصميم بطريقة فعالة, فإذا نظرنا للمثالين التاليين:


اردت ان أوضح فقط ما يمكننا فعلها بالكتابه مع دمجها ببعض الاشياء التى تعلمناها بالدروس السابقة, و العامل الاساسى هنا هو اداة الكتابه Type tool ووضع صورة داخله عن طريق Clipping Mask والتى يمكننا ان نرى طريقتة فى الشرح الفيديو.
غالباً إن لم يكن أكيد لن تجد خطوط كثيره خصوصاً خطوط عربية على الجهاز الخاص بك, و لذلك قمت بشرح كيفية وضع خط على الجهاز و الذى سيقرأه الفوتوشوب كأى برنامج اخر كالوورد و كل البرامج التى توجد بها اداة كتابه.
هناك اكثر من موقع مجانى يمكنك تحميل الخطوط منهم و إذا قمنا بتقسيمهم حسب اللغه :
مواقع خطوط إنجليزية
مواقع خطوط عربية
-------
-------
للأسف لم أجد غير موقع عربى واحد جيد, و إذا صادف احدكم موقع عربى للخطوط العربية جيد بالفعل و ليس منتدى أرجو ان يضعه ليستفيد منه الجميع, و اجد ان الموقع الموجود بالعربية به الكثير من الخطوط بالفعل. و كالعاده مقارنة بالمواقع الاجنبيه “ نبوس إيدينا وش و شعر “.
والان يمكنك مشاهده الدرس على الثلاث أجزاء التالية

 

حمل الدرس

الجزء الأول

الجزء الثانى

الجزء الثالث

شرح Add Text Layer on Photoshop CS3 Extended

12 تعليقات:

somamb يقول...

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

eng/ahmed moh يقول...

السلام عليكم ورحمه الله وبركاته

مشكور جدا اخى على الدرس وموفق ان شاء الله

وننتظر منك المزيد والمزيد

بس عندى استفسار بسيط

انا لما بنزل الخط وافك ضغطه بيظهر ليا فولدرين

الاول

symole

والتانى
unicod

اختار انه واحد علشان انسخه فى الفونت

ثانيا طلب بسيط

مممكن اخى الدرس الجاى تتناول فيه

عمل الازرار والشعارات والبنرات

والاوسمه والاعلام
بجد بننتظر الدرس ده من زمان اوى

اتمنى من ربنا انى اشوفه قريب على المدونه


فى امان الله اخى

غير معرف يقول...

انا بأكيد كلام احمد ومش حنسيبك يا ياسر الا لما تنزل الدروس دى وورينا حتفلت ازاى

طبعا بهزر حنسيبك متخفش

بس لما تنزل الدروس برضو


شكرا يجميل على الشرح الروعه ده

غير معرف يقول...

ربنا يجازيك كل خير علي العلم اللي حضرتك بتوصلهلنا وحقيقي انا اخدتك قدوه ونفسي اوصل لدرجه العلم اللي عند حضرتك ,ياريت تفهمنا موضوع الجوجل ادسنس وازاي نشترك فيه ونتعامل مع اي بنك لاني معرفش بنوك موثوق فيها.

Yasser Abo El Ella يقول...

@somamb
متشكر اوى على تعليقاتك المستمرة. و دا بس من ذوقك.

@eng/ahmed moh

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

unicode
بيتقرى فى اكتر من لغه حتى لو كاتب عربى هاتبقى حروف فى الانجليزيه.

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

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

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

تحياتى للجميع

غير معرف يقول...

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

سوما ..

روعة الكون يقول...

الله درس جميل وشيق جزاك الله خيرا

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

بارك الله فيك وكل عام وانت بالف خير

Yasser Abo El Ella يقول...

@روعة الكون
اختى روعة الكون, كيف حالك ؟ اتمنى ان تكونى بخير حال.
الخطوط ربما هناك منها ما كثر استعماله, وليس قديم.
فلكل مقام مقال. و كذلك الخطوط فهناك خطوط كثر استعمالها و لكنها لازالت هامه و تستخدم فى تصميمات عديده.
أنا عن نفسى احب الكثير من الخطوط: كالثلث و الجلى ديوانى و الكوفى و و الفارسى.
وبالطبع لكى تعرفى انواع الخطوط هذا يستلزم الكثير من المشاهده, و لتسهيل الموضوع يمكنك معرفة علامه معينه فى الخط لتستنتجى مشتقاته ايضا, فمثلاً الثلث يمكنك معرفته من شكل بداية الألف المميزه او اللام.
ولتسهيل الموضوع هذا اللينك للخطوط العربية ستجدى الاسم و بمجرد دخولك عليه سترى شكل الخط.
http://www.arfonts.net
حاولى مشاهده الكثير من التصميمات العربية و لاحظى الخط الموجود بها.
تحياتى

روعة الكون يقول...

اشكرك استاذ ياسر على الموقع

وعلى نصائحك الجميله ودروسك الاجمل

استمر نحن نتابعك نفع الله بعلمك

IT يقول...

درس رائع ومفيد
اشكرك
http://english--org.blogspot.com

غير معرف يقول...

يا مستر الله يباركلك انا مش عارفه احمل باقى الدروس محملتش غير الجزء الاول من الويندوز ارجوك رد عليا انا فاتحه ايميلى بليييز انا محتاجه الدوره بتاعت ال icdl ضرورى دلوقتى انا بسمه وده ايميلى nevertity40@yahoo.com

نهى جمال يقول...

'ب انا عندي مشكلة اصلا في الفوتوشوب سي اس ثري

العربي لما أكتب مثلا كلمة زي " محمد "

بيكتبهالي بالمقلوب
كده " د م ح م " ومش مشبوكة في بعضها

ايه حلها ديه ؟

by TemplatesForYou-TFY
SoSuechtig