fbpx

الدرس الخامس عشر فوتوشوب – وضع الكتابه فيديو – 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

You may also like...

26 Responses

  1. يقول somamb:

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

  2. يقول somamb:

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

  3. يقول eng/ahmed moh:

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

  4. يقول eng/ahmed moh:

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

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

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

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

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

    الاول

    symole

    والتانى
    unicod

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

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

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

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

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

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

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

  5. يقول Anonymous:

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

  6. يقول Anonymous:

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

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

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

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

  7. يقول Anonymous:

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

  8. يقول Anonymous:

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

  9. يقول Yasser Abo El Ella:

    @somambمتشكر اوى على تعليقاتك المستمرة. و دا بس من ذوقك.@eng/ahmed mohsymbolبيبقى الخط مقرى فى الخط الخاص به بمعنى, انه لو عربى هايتقرى عربى بس غير كده هاتلاقية رموز غريبه فى اى لغه تانيه, و نفس الكلام مع اى خط انجليزى لو حاولت تكتب بيه عربى.unicodeبيتقرى فى اكتر من لغه حتى لو كاتب عربى هاتبقى حروف فى الانجليزيه.الفرق ان اليونيكود بيتقرى فى اكتر من لغه على عكس السيمبول. ولكنك ستجد عدد الخطوط فى السيمبول اكثر بكثير من اليونيكود.إذا توافر امامك الاثنين اختار اليونيكود. لكن لو هاتدور و قدامك موقع عارض جزء للخطوط اليونيكود و جزء للسيمبول اختار السيمبول لأنك هاتلاقيها اكتر بكتير و تقدر تشوف دا بوضوح فى موقع الخطوط العربى اللى انا حاطه.بخصوص التصميمات انا كتبت قبل كده ان الحكايه عايزه صبر. انا هاشرح الشعارات و التصميمات ان شاء الله بس مش عايز وانا بشرحهم اعمل حاجه قلاقى معظم الناس بتسأل عملت الجزء دا ازاى و اجيب دا منين , هاضطر ارجع اشرح اجزاء اساسيه من البدايه تانى.انا عايز نبقى ماشيين بالترتيب.@غير معرفربنا يخليك, دا بس من ذوقك. مسألة الادسينس مرتبطه بالمدونات او المواقع او حتى منتديات مشاركة الارباح و هاشرح كل دا ان شاء الله بعد الفوتوشوب. انا مقدرش اتنطط من درس فى جزء لدرس فى حاجه تانيه خالص. وتقدر تقرا كتير عنه لو عملت سيرش و فى منتديات متخصصه, و انا ان شاء الله هانزل سلسله كامله عن التدوين و عن الادسينس.تحياتى للجميع

  10. يقول Yasser Abo El Ella:

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

    @eng/ahmed moh

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

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

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

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

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

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

  11. يقول Anonymous:

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

  12. يقول Anonymous:

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

    سوما ..

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

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

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

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

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

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

  15. يقول Yasser Abo El Ella:

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

  16. يقول Yasser Abo El Ella:

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

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

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

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

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

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

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

  19. يقول IT:

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

  20. يقول IT:

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

  21. يقول mohmedtito:

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

    بس انا كان عندى استفسار
    انا لما بكتب عربى فى الفوتوشوب بيكتب حروف ومش بيكتب كلام عادى
    والنسخة اللى عندى photoshop cs3 extended

    يا ترى ايه الحل للموضوع ده ؟؟

    وشكرا ليك جدا

  22. يقول mohmedtito:

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

    بس انا كان عندى استفسار
    انا لما بكتب عربى فى الفوتوشوب بيكتب حروف ومش بيكتب كلام عادى
    والنسخة اللى عندى photoshop cs3 extended

    يا ترى ايه الحل للموضوع ده ؟؟

    وشكرا ليك جدا

  23. يقول Yasser:

    اهلاً محمد.
    انت لو الحروف اللى عندك بتتكتب بالعكس يعنى لو كتبت محمد تلاقيه
    (د م ح م )
    كده معناها ان البرنامج عندك مش بيدعم اللغه العربية. و علشان تتأكد افتح البرنامج و اختار اخر اختيار اعلى القائمه
    Help > About photoshop
    لازم يبقى مكتوب تحت اسم النسخه
    Middle east version
    والحل ليها انك تحمل البرنامج المدعم للغة العربية.
    تحياتي

  24. يقول ألباحث عن الحق:

    ربنا يبارك لك ويزيدك علم نافع تنفع بيه الناس
    وشكرا

  25. يقول Mhm121:

     تسلم ايدك وربنا يكرمك على كل حرف كتبته وكل ثانيه عملت فيها الدروس ونطمع منك فى شرح لفوتو شوب cs5

  26. يقول Lamaaar2011:

    يعطيك العافيه شكرآ جزيلآ استفدت منك الكثير اللي يكتبها في ميزان حسناتك