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


Yarrow

في فؤادي الرَّحيب مَعبدٌ للجَمال
إنضم
18 يونيو 2018
رقم العضوية
9133
المشاركات
7,753
الحلول
4
مستوى التفاعل
65,723
النقاط
1,368
أوسمتــي
28
الإقامة
Sumeru
توناتي
220
الجنس
أنثى
LV
6
 
الدرس الرابع :
سعيدة جدًا لأنه وصلنا للدرس الرابع هي11 اليوم درسنا راح يكون عن الخطوط والتأثيرات، أكثر شيئين مهمين بالتصميم
وطبعًا درسنا راح ينقسم لجُزئين.. الجزء الأول راح نشرح عن الخطوط والجزء الثاني كيف نصنع تأثير


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

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

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

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

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

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

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

أني اختاريت دائرة:
at159469098865622.png

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

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

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

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

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

راح تبقى الكتابة:
at15946909889317.png

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

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

أما هيج:
at1594690989025710.png

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

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

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

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


2- create warped text-
at159469145455645.png

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

لما أضغط على
at159469145455645.png
راح تطلع نافدة، ونشوف بالقائمة المنسدلة مجموعة من الأشكال:
at159469177395912.png

راح اختار هذا الشكل:
at159469177400453.png

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

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

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

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

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

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


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

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

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

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

وبس هي11 خلصنا الطرق ق6
 

Yarrow

في فؤادي الرَّحيب مَعبدٌ للجَمال
إنضم
18 يونيو 2018
رقم العضوية
9133
المشاركات
7,753
الحلول
4
مستوى التفاعل
65,723
النقاط
1,368
أوسمتــي
28
الإقامة
Sumeru
توناتي
220
الجنس
أنثى
LV
6
 
الجزء الثاني: التأثيرات
التأثيرات اهممممممممممم ششششششششششششششيء بالتصميم! أهم شيء! حتى لو أكو تصميم بشع
هي تغير لونه وتخليه حلو، فيعني لازم تنطون التأثيرات أهمية كبيرة وتعرفون شلون تصمموها..
أول شيء نختار صورة جودتها عالية، ليش؟ لأنه الصورة الي جودتها ضعيفة راح تشوش على التأثير
وتنطي نتيجة سيئة، اختاريت هالصورة:
at159469216491641.png

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

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

أو من هنا:
at159469649092681.png

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

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

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

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

at159470366644043.gif

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

السطوع- Brightness:
at159470366649664.gif
at159469216740994.png


المستويات- Levels:
p_1656gyn0s1.gif
at159469216793965.png

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

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

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

المنحنيات- Curves:
at159470366653595.gif
at159469216823988.png

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

ومن قائمة preset راح تشوفون أكو منحنيات جاهزة

التعرض- Exposure:
at159470366658116.gif
at159469216836429.png

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

حيوية-vibrance :
at159470366662167.gif
at1594692168421610.png

هنا راح يعطيني قوة للون ويخليها واضحة أكثر

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

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

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

فهنا أكدر أغير ألوان الصورة كلها بسهولة، أو أغير لون منها بس

توازن الألوان-Color balance:
at159470366688910.gif
at159469430389162.png

هنا راح يخلي الألوان الموجودة بالصورة قريبة من بعضها..

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

اني ما ضفتها كتأثير طبعًا بس ضفتها كشرح..

فلتر الصورة- Photo filter:
بهذا الخيار راح تشوفون أكو خيارين filter و color:
at159469430406174.png

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

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

channel mixer:
at159470369493334.gif
at15946943042145.png

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


at159470369496015.gif

عكس-invert:
at159469430445378.png

الخصائص-properties:
at15946943045079.png

threshold:
at1594694304641410.png

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

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

at15946953632353.png
at159469536328564.png

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

التدرج الي استخدمته بالتأثير:
at159469536348578.png
at159469536345267.png

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

at159469536350689.gif

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

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


الواجب: تطبقون الـ3 طرق للكتابة

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

Yarrow

في فؤادي الرَّحيب مَعبدٌ للجَمال
إنضم
18 يونيو 2018
رقم العضوية
9133
المشاركات
7,753
الحلول
4
مستوى التفاعل
65,723
النقاط
1,368
أوسمتــي
28
الإقامة
Sumeru
توناتي
220
الجنس
أنثى
LV
6
 
آخر يوم لتطبيق الدرس هو يوم 22
أوعدكم الدرس القادم راح يكون أفضل ندى1
 

المتواجدون في هذا الموضوع

المواضيع المتشابهة
كاتب الموضوع العنوان المنتدى الردود التاريخ
Hudα الدرس الرابع | تنسيق الخطوط بالفرش | دورة التصميم بفن الأستايلات الدورات التعليمية 8
Hudα [ الدرس الرابع ] طريقة تبييض المانجا الدورات التعليمية 18
~GO~ الدرس الرابع | الرسم بخطوط دقيقة.. الدورات التعليمية 12
wind OpPa ! [ الدرس الرابع ] دورة اللغه الكورية للمبتدأين * الدورات التعليمية 14
Roro sama الدرس الرابع : الاقلاب ♣ الدورات التعليمية 6
ENORI الدرس الرابع [ التعامل مع برنامج | AMS | الجزء الأول ] الدورات التعليمية 10
- P O O H - دورة في عوالم الترجمة | الدرس الاول : الاساسيات الدورات التعليمية 15
Hudα الدرس الحادي عشر | عمل بنر | دورة التصميم بفن الأستايلات الدورات التعليمية 3
Hudα الدرس العاشر | استخدام الخامات مع الاستايلات | دورة التصميم بفن الأستايلات الدورات التعليمية 5
Hudα الدرس التاسع | تنسيق الظلال و الأضواء مع الصور | دورة التصميم بفن الأستايلات الدورات التعليمية 5

المواضيع المتشابهة

أعلى أسفل