الدرس الرابع: الخطوط والتأثيرات| The Pied Piper (1 زائر)

[Yarrow]

الدرس الرابع :
سعيدة جدًا لأنه وصلنا للدرس الرابع اليوم درسنا راح يكون عن الخطوط والتأثيرات، أكثر شيئين مهمين بالتصميم
وطبعًا درسنا راح ينقسم لجُزئين.. الجزء الأول راح نشرح عن الخطوط والجزء الثاني كيف نصنع تأثير

الجزء الأول: الخطوط
الخطوط جدًا مهمة بالتصميم! ولازم كل واحد يعرف شلون يستخدمها، بهذا الجزء راح نتعلم ترتيب الخطوط و طرق مختلفة للكتابة

ترتيب الخطوط
بالنسبة لترتيب الخطوط هالشيء يعتمد على التصميم بشكل أساسي يعني.. ما أكدر أنطيكم شرح لترتيب تعتمدون عليه بكل تصاميمكم
لكن أكو طريقة أستخدمها بالكتابة دائمًا أختار نوعين من الخطوط واحد عادي، والثاني خط دمج راح يعطي نتيجة ممتازة لترتيب الخطوط شوفوا هسه ويايه:
كُل شغلنا راح يبدأ بأداة النصوص طبعًا

أختاريت جملة playing by heart وكتبت كلمة playing بهذا الخط: Angelia

هسه مدام هذا الخط دمج- يعني حروف مندمجة مع بعضها
لازم أختار خط عادي جدًا ليش؟ لإنه إذا اختاريت خط من نفس النوع راح يشوه التصميم..

هسه خلي نجرب ونختار خط دمج خلي نشوف شلون تصير الكتابة..

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

خطوط

MediaFire is a simple to use free service that lets you put all your photos, documents, music, and video in a single place so you can access them anywhere and share them everywhere.

www.mediafire.com

طرق للكتابة
1-الكتابة على شكل أشكال(دائرة- مربع-مثلث..)
نروح نختار أي شكل من الأشكال الموجودة عدنا:

أني اختاريت دائرة:

ونضغط على أداة الخط:

لما ضغطت عليها طلعلي هذا المسار حول الدائرة :

هذا راح أكتب حوله علمود تطلع الكتابة بشكل دائري:

بعد ما خلصت كتابة صار هيج:

هاي الكتابة مراح تصير جزء من الشكل، أني بس كتبتها على مسار هذا الشكل
فهسه حتى لو أزلت العين من الشكل

راح تبقى الكتابة:

وأكدر أحركها على راحتي
لازم نعرف انه الأداة لما يصير هيج:

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

أما هيج:

راح يصير النص بداخل الشكل وميطلع منه، ويتخذ شكله

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

راح يروح المسار لما تضغطون على اي أداة وتبقى الكتابة على نفس الشكل
بس لما تضغطون على أداة الكتابة راح يطلعلكم المسار:

حتى تكدرون تعدلون عليه او تضيفون كلام...

2- create warped text-

هاي الطريقة كلش احب أستخدمها طبعًا استخدمناها بالدرس السابق، وأتوقع جان استخدامها سهل مو؟
كتبت كلمة nevermind :

لما أضغط على

راح تطلع نافدة، ونشوف بالقائمة المنسدلة مجموعة من الأشكال:

راح اختار هذا الشكل:

ومثل متلاحظون صار النص بهالطريقة:

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

ما عدلت على الكتابة، كتبت بالطريقة العادية الأفقية
او أكتب بهذه الطريقة:

طبعًا هنا عدلت الإعدادات وغيرت الشكل:

بإختصار هاي الخاصية راح توفرلي هاي المُنحنيات:

لازم تستخدموها بتصاميمكم راح تساعدكم هواي وخصوصًا بتصميم الشعارات وغيرها...

3- الكتابة بواسطة التحديد- horizontal type tool

هاي الأداة جدًا مهمة! ليش؟ لإنه راح تكتبلي النص على شكل تحديد شلون؟
اسوي تحديد لشكل مربع واخليله لون:

أختار الأداة وأبدا أكتب النص:

شفتوا شلون الكتابة صارت كأنها تحديد؟
هسه اكدر أضغط delete وتصير عندي الكتابة بالمربع مثل هيج:

وبس خلصنا الطرق ​

 

[Yarrow]

الجزء الثاني: التأثيرات
التأثيرات اهممممممممممم ششششششششششششششيء بالتصميم! أهم شيء! حتى لو أكو تصميم بشع
هي تغير لونه وتخليه حلو، فيعني لازم تنطون التأثيرات أهمية كبيرة وتعرفون شلون تصمموها..
أول شيء نختار صورة جودتها عالية، ليش؟ لأنه الصورة الي جودتها ضعيفة راح تشوش على التأثير
وتنطي نتيجة سيئة، اختاريت هالصورة:

علمود أصنع تأثير، أروح لقائمة windows وأختار adjustments

راح تطلعلي هالنافذة:

أو من هنا:

راح تضغطون عليها وتطلعلكم هالقائمة:

أول 3 خيارات ما موجودة بالنافذة.
المهم هاي كُلها خصائص أكدر من خلالها أغير تأثير الصورة وأصحح ألوانها، التأثير الي سويته:

الصورة المتحركة شرح للخاصية والصورة الثابتة إعدادات الفلتر إلي فوك ^
solid color: من خلالها اضيف لون للتصميم، وطبعًا أغير المود والتعتيم

ونفس الشيء بالنسبة للباترن والتدرجات:

أني ما ضفت هالخصائص للتأثير الي سويته فجاي اعلمكم عليها بس
السطوع- Brightness:

المستويات- Levels:

لما تضغطون على القائمة المنسدلة راح تشوفون هالخيارات:

تكدرون تغيرون مستوى هلألوان الي موجودة او إلي قريبة منها، يعني إذا خليته على اللون الأحمر
راح يغير مستوى اللون الأحمر ودرجاته وهكذا
والقائمة المنسدلة الي اسمها preset:

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

المنحنيات راح يغيرلكم الألوان طبعًا بحسب الألوان الـ3 الأساسية(الأحمر والأزرق والأخضر)

ومن قائمة preset راح تشوفون أكو منحنيات جاهزة
التعرض- Exposure:

هنا راح يتحكم بمقدار قوة الضوء الموجود بالصورة، راح استفاد منه بالصورة المُظلمة وأخليها فاتحة
حيوية-vibrance :

هنا راح يعطيني قوة للون ويخليها واضحة أكثر
التشبع- Saturation:
راح تشوفون إنه شريط بيه ألوان متعددة إذا حركت السهم للجهة اليسرى أو اليمنى
راح يغيرلي ألوان الصورة كَكُل

بس اذا رحت للقائمة المنسدلة واختاريت لون:

راح اتحكم بهذا اللون الموجودة بس! هو وتدرجاته والألوان القريبة منه

فهنا أكدر أغير ألوان الصورة كلها بسهولة، أو أغير لون منها بس
توازن الألوان-Color balance:

هنا راح يخلي الألوان الموجودة بالصورة قريبة من بعضها..
الأبيض والأسود- White & black:
هنا من اسمه يغير الصورة للأبيض والأسود وتكدرون تتحكمون بدرجة بياض او سواد الألوان:

اني ما ضفتها كتأثير طبعًا بس ضفتها كشرح..
فلتر الصورة- Photo filter:
بهذا الخيار راح تشوفون أكو خيارين filter و color:

هذا راح يخلي اللون إلي أختاريته أو الفلتر واضح جدًا بالصورة مثل ما بالشرح:

شوفوا شلون اللون البرتقالي أو البنفسجي صار طاغي بالصورة؟
*ما أضفته كتأثير للصورة
channel mixer:

البحث عن لون- color lookup:
هاي الخاصية بيها مجموعة من الفلاتر الي تغير ألوان الصورة تمامًا، وجدًا مفيدة

عكس-invert:

الخصائص-properties:

threshold:

اعدادات الألوان- selective color :
هاي الخاصية رههييبةة! تغير الصورة تمامًا وتكدرون تستخدموها وحدها بس من دون الخصائص الثانية لتغيير الألوان

الإعدادات الي استخدمتها بالتأثير:

تدرجات- Gradients:
هي تقريبًا نفس الإضافة الي شرحتها مسبقًا

التدرج الي استخدمته بالتأثير:

كُل هالخصائص تكدرون تتحكمون بمودها ومستوى التعتيم مالتها، وخصوصًا التدرجات والألوان والبارترنز
هسه بعد ما خلصنا، لازم نضيف هالخصائص بحقيبة..
أخلي التحديد على أول لير و استمر بضغط shift، إلى أن أوصل لأخر لير من الخصائص واضغط على الحقيبة:

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

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

الواجب: تطبقون الـ3 طرق للكتابة
و تسوون تأثير خاص بيكم
درجة الدرس: 5​

 

[Yarrow]

آخر يوم لتطبيق الدرس هو يوم 22
أوعدكم الدرس القادم راح يكون أفضل ​