- 4 months ago
Category
🦄
CreativityTranscript
00:00السلام عليكم ورحمة الله وبركاته
00:01في الفيديو ده هنتعلم مع بعض أساسيات الضلال في التصميمات بتاعتنا
00:06فخلينا نبدأ على طول ونفهم الضلال سواء حجم الضل واتجاهه وكده
00:11فخلينا بالمثال البسيط اللي قصدنا
00:13عندنا هنا اتجاه أو مصدر الإضاءة بتاعنا جاي من اتجاه الشمال بالشكل ده
00:19فمسلط على التفاحة دي
00:22لو لاحظنا هنا أن التفاحة مضاءة من الناحية الشمال
00:25ومظلمة أو فيها ضل كده من ناحية اليمين بالشكل ده
00:29فده بسبب اتجاه الإضاءة
00:31لكن احنا لو عكسنا اتجاه الإضاءة يعني للإضاءة كده
00:35إنعكاس أفقي
00:36بالتالي لازم التفاحة دي تعمل لها برضو إنعكاس أفقي
00:40عشان نخلي اتجاه الإضاءة ماشي مع نفس اتجاه الضلال
00:45اللي موجودة في العنصر بتاعنا ذات نفسه
00:47فالضل في الاتجاه ده يبقى الإضاءة عكس الضل
00:51كذلك الضل اللي احنا عاملينه على الأرض في الوضع ده
00:54لازم هنوجهه النحية التانية بالشكل ده
00:57فبكده الجزء المنور من العنصر بتاعنا بيكون فيه نفس اتجاه الضل
01:02والضل والجزء الغامق من التصميم بتاعنا
01:05ومن العنصر بتاعنا بيكون عكس اتجاه الضل
01:08فدية كده كانت أول قاعدة معنا وهي اتجاه الضل
01:11الضل بيكون اتجاهه فين بظهر
01:13وعايزين نفهم برضو حاجة تانية وهي ان الضل بتاعنا بيكون موجود على سطح معين
01:17يعني الضل بتاعنا ما بيباش فيه ضل في الهواء الضل يما بيكون على
01:22ارض يما بيكون على حيطة يما بيكون على عنصر ورا العنصر بتاعنا لكن
01:27ما بيكونش في الهواء فبالشكل ده الضل كده غلط الضل اللي انتو شايفين
01:31وصدكم ده غلط رغم ان اتجاهه صحيح يعني الاضاء جاني اليمين
01:34فاضل في الشمال ولكن الضل ده غلط ليه لان الضل ده طالع برة
01:38السطح بتاعنا وواقف في الهواء وده غلط ما ينفعش هنا لو في الوضع
01:43ده يتبقى اخرج في الضل اخرج السطح بتاعك ده اللي هو اللي اتنا
01:46عملينه ده فما ينفعش الضل بتاعك يخرج برة السطح فديت برضو
01:50ملخوظة مهمة ولازم نكون عارفنها طيب بالنسبة لحجم الضل بتاعنا هل
01:55حجم الضل بتاعنا يكون صغير بالشكل ده ولا يكون كبير بالشكل ده طبعا
01:59بيفرق حسب عوامل كتير منها مثلا اه بعد الاضاءة عن العنصر بتاعنا
02:05فكلما اقتربت الاضاءة كلما صغر الظل وكلما بعدت الاضاءة كلما كبر الظل شوية
02:12طبعا برضو بيفرق حسب اتجاه الاضاءة فلو الاضاءة مثلا جاية عمودية يعني جاية كده
02:18مثلا من فوق التفاحة فبالتالي الضل ده يكون هنا كده تحت التفاحة
02:23بالشكل ده كده عن صغيره هيكون حجمه صغير جدا هيباده هتباين منه حاجة بسيطة كده حوالين اطراف التفاحة
02:31زي ما انت شايف كده بالشكل ده
02:33بعد كده في عندنا عنصر بعد الضل عن العنصر بتاعنا يعني كده الضل لازق في العنصر زي ما انتم شايفين
02:40قدي العنصر وقدي الضل لازق فيها بطول ما فيش مسافات ما بينهم
02:43طيب في بقى افكت تاني اللي هو ان العنصر بتاعنا اللي احنا عايزين نديله افكت الطيران
02:49ان هو ما هوش على السطح بتاعنا ده زي نفسه
02:53فبالتالي احنا لو بعدناه كده وبعدنا الضل عنه طبعا الضل ما نفعش يطير معاه كده يعني كده ما نفعش الضل كده خالص
03:01الضل لازم بيفضل على السطح بتاعنا
03:03طيب العنصر بعيد كده والضل بتاعه مرمي هنا فده معناه ان اتجاه الاضاءة غالبا كده
03:09فاتجاه الاضاءة بالشكل دوت والضل هيكون هنا
03:13فلو احنا بعدنا الضل عن العنصر فده معناه ان العنصر بتاعنا طاير في الجو او طاير في الهوى
03:19وده عادي افكت بيستخدمه كتير جدا
03:21طيب واجلب الافكت دوت بيكون العنصر او الضل بتاعنا تحت العنصر على طول
03:25وبيكون حجمه كده صغير
03:27وطبعا بتقل الشفافية بتاعته كلما بعد العنصر عن السطح بتاعنا
03:33وعن الضل كلما بطلت الشفافية بتاعته اكتر فبالتالي لو الاضاءة
03:37بتاعتنا كانت كده
03:40بالشكل ده كده فالعنصر بتاعنا هيكون طاير والضل بتاعه هيكون بعيد
03:44عنه والضل بتاعه هيكون الشفافية بتاعته قليلة فمهم جدا ان احنا لو
03:49عايزين نخلي العنصر محطوط على سطح معين ان احنا الضل بتاعه يكون
03:54لازق فيه ومتدخل تحته كمان يعني الضل هيكون بالشكل ده كده تمام فما
03:59ملاقيش حد ان هو هو اخططلي الضل كده بعيد عنه ويقول لي ده هو كده لزق في السطر
04:03لا الضل بالشكل ده كده يب scrambled
04:07التفراعة دي الطير عن السطر ليه? لان هما مش متداخلين سوا
04:11لكن الطبيعي ان هما بيكونوا لمسين بج다�
04:13كده beenacióً واخد حوالين الشكل كله
04:17بالشكل ده كده وبيكونش فيه مسافة كبيرة من الضل بينيب
04:21بالشكل ده كده
04:22فده كده ظل بتاع التلامس وبيكون أغمق شوية ما بيبلح شخفية بتاعته
04:26العيلة بيكون الشفافية بتاعته آآ قوية شوية آآ ده كده ضل التلامس
04:31لكن لو احنا عايزين ندي إفكت البعد لأ بنكبر الضل بتاعنا
04:35شوية وبنقلل الشفافية بتاعته شوية يبقى احنا كده عملنا إفكت
04:40ان العنصر بتاعنا طاير وده الضل بتاعه وعشان نفهم الموضوع ده
04:45اكتر خلينا اوريكم على تصميمات عملية احنا كده اعتبر فهمنا
04:49الحجم الضل والتجاهه والبعد والقوة بتاعته للشفافية بتاعته
04:53خلينا تشوف على تصميمات فعلية شايفين الضل ده الضل دوت لازق
04:57في التصميم بتاعك على طول ليه لأن البرجر دوت محطوط على
05:01الخشب اللي تحت ده ومحطوط على السطح اللي تحت فبالتالي الضل
05:04بتاعه غامق بالشكل ده الضل بتاعه لازق في التصميم ما فيش
05:08مسافة ما بين الضل وما بين البرجر عكس التصميم دوت بقى عكس
05:12هنا التصميم هتلاقي فيه عندك الضل القوة بتاعته هتلاقي خفيفة شوية
05:16هتلاقي فيه مسافة ما بين البرجر والسطحة بتاعنا
05:20فده معناها ان الضل او ان البرجر هنا طاير فيه التصميم بتاعنا
05:25ما هوش محطوط على السطحة ذات نفسه
05:27امتى نعمل بقى الضل يكون ورا التصميم بالشكل ده
05:31يعني مسلا ده راجل مسلا
05:32الراجل دوت يقيم ما احنا نكون خطينه على ارض
05:36وساعتها الضل بتاعه يكون على الارض
05:37يقيم ما الراجل ده وراه حيطه
05:39فعايزين نخلي التصميم ورا الشخص
05:41او عايزين نخلي الضل ورا الشخص
05:43او وراء التصميم او وراء العنصر بتاعنا ايا كان
05:46فبندغط على كلمة تعديل الصورة
05:48بعد كده بنروح على التأثيرات
05:50وبعد كده بننزل تحت على كلمة الظلال
05:52وبعد كده بنعمل الظلال خلفية بالشكل ده
05:55والظلال الخلفية زي ما انت شايف كده
05:57فده بيدينا تأثير ان الشخص دوت وراه الحيطة
06:01وطبعا كلما كان الشخص بعيد عن الحيطة اكتر
06:04كلما كان الضل بتاعه المسافة المبين
06:07وما بين الشخص كانت ابعد
06:09المقدار التمويه بيكون زيادة اكتر
06:12الشفافية او الكثافة بتاعت الضل بتقل اكتر فده معناها ان الشخص
06:17كده اصبح بعيد عن الحيطة شوية بالشكل ده فده كده احنا اعطينا
06:23تأثير زي ما يكون الشخص ده وتواقف ووراه حيطة طيب اللون بتاع
06:28الضل بقى اللون بتاع الضل هنا بنقدر نتحكم فيه هنختار لون الضل
06:31ايه? احنا عندنا هنا الخلفية او الحيطة بنعلقة صح خضرة فالضل
06:36بيبقى لون اخضر غامل فهنجيب اللون الاخضر هنروح على الالوان
06:41الخضرة ونيجي على لون او درجة غمء من اللون الاخضر كده مسلا
06:46ونخلي هو ده لون الضل ده طبعا افضل طريقة لاختيار لون الضل ان
06:51لون الضل يكون هو نفس لون السطح اللي معكوس عليه الضل ولكن اه
06:57درجة غمء منه فده كده بالنسبة للون الضل وليه الضل اللي خلف
07:01الشخص او الخط لكن معظم التصمات ومعظم المنتجات ومعظم التصميمات
07:05بتاعتنا جالبا بيكون الضل تاعت طب انت احنا زي بنجيب الضل ده اساسا
07:09التصميمات بتاعتنا بنروح على كلمة التصميم من هنا وبنكتب كده
07:13كلمة شادو شادو يعني ضل بالانجليزي نكتب شادو بالشكل دوت كده
07:19وبنضغط على تصميم جرافيك بنضغط على عرض الكل وبالله عندنا ظلال
07:22كتيرة جدا نقدر ان احنا نضيفها ونستعملها مسلا نضل زي كده بنبدأ
07:26ان احنا نضيفه فيه التصميم بتاعنا ونكبره ونصغره ونحطه تحت
07:30العنصر ونقلل الشفافية بتاعته ونتحكم فيه تحكم كامل آآ من
07:35الأدوات بتاعته فده كده احنا اعتبر فهمنا كل التفاصيل بتاعت
07:39الظلال خلينا بقى ننخش على تطبيق عملي هنا مسلا الصورة دي
07:43الصورة دي هي صورة البرجر ما كانش فيها البطاطس دي ولكن انا
07:47اضافت انصر البطاطس فخلينا نفهم البطاطس دي هتتحط فيه المكان
07:51الصحي بتاعها هل نضفها هنا ناحية اليمين ولا نضفها هنا ناحية
07:55الشمال ايه الصح بالنسبة للإضاءة ركز لي كده في الإضاءة بتاعت
07:59البرجر والإضاءة بتاعة
08:01كباية البطاطس ديت أو البطاطس
08:03هل يتحط على اليمين المفروض
08:05ولا تتحط على الشمال هتديك ثلاث ثوان
08:07يتفكر واحد اثنين
08:09ثلاثة الحقيقة
08:11إنه غلط ماشي هيتحط على اليمين
08:13وعلى الشمال ليه لأن الإضاءة بتاعة
08:15البرجر لو أنت ملاحظ
08:16إن هي منورة من ناحية الشمال
08:19ومضلمة من ناحية اليمين
08:20لكن البطاطس هنا
08:22مضلمة من ناحية الشمال
08:25ومنورة من ناحية اليمين
08:27فبالتالي هم عكس بعض يعني
08:29ما ينفعش ان احنا نخط العنصر بتاعنا هنا ولا ينفع ان احنا نخط
08:33العنصر بتاعنا هنا احنا اللازم نعمله هو ان احنا نعمل انعكاس
08:37للعنصر ده عشان يكون اتجاه الاضاءة برضو من ناحية الشمال
08:41نفس اتجاه الاضاءة بتاعة البرجر عشان يكونوا هما الاتنين متوحدين
08:45مع الظلال ومع الاضاءات يكون مصدر الاضاءة جاي من جهة واحدة
08:49كده مصدر الاضاءة جاي من ناحية الشمال والظلال زي ما انت شايف
08:53كده ظهر في الناحية اليمين طيب وفي عندنا في الظلال تحت هنا الضل هنا
08:58هنلاقيه متركز اكتر نحية الشمال ودي اضغلط المفروض ان الضل دوت
09:03يتركز اكتر نحية اليمين ليه لان مصدر الاضاءة جاي من نحية اليمين
09:08فبالتالي الضل هيكون عكسه ايكون متركز اكتر نحية الشمال وعشان
09:12الضل ده يعتور هو ضل تلامس ما بين العنصر دوت وما بين الارض فلازم
09:18ان احنا نخلي العنصر بتاعنا او الضل بتاعنا يكون مركز اكتر ويكون
09:23لازق في العنصر بتاعنا بالشكل ده كده ويدوبك طلع منه حاجة بسيطة
09:27ناحية اليمين عشان اتجاه الضل واتجاه الاضاءة وهو كده طيب في حالة
09:33واحدة بس من خلالها ممكن ان احنا نخلي البطاطس ديت نعمل لها
09:37مع كاس ونخليها بالشكل ده امتى لو البطاطس ديت كانت ورا البرجر
09:42بالشكل ده كده نخليها ورا البرجر نضغط على كلمة الوضع ونرجحها
09:46الى الخلف. بحيس نرجحها وراء البرجر. فبالتالي الضل اللي انت
09:50شايفه على البطاطس دوت ذات نفسه هو ناتج عن الضل بتاع البرجر.
09:54يعني البرجر ذات نفسه هو اللي عمل ضل على جزئية البطاطس.
09:58فاعطيك دوت كده او الضل دوت كده. فبالتالي ده كده الضل وطبعا
10:03هنرجع الضل كمان بتاع البرجر هنرجعه وراء هنرجعه تحت البطاطس.
10:07بالشكل ده كده. فاحنا كده يعتبر زبطنا الاضاءات او الظلال
10:13بتاعت آآ العناصر بتاعتنا بشكل كويس. بعد كده عايزين نتعلم حاجة
10:18كمان في الدرس دوت حاجة مهمة وهي او تأثير التدريج. احنا
10:22عندنا هنا خلفية. عايزين نخيل الخلفية ديت لها تدريج معين.
10:26ازاي نعمل الموضوع دوت? هنضغط على اللون بتاع الخلفية بتاعتنا.
10:30وبعد كده نضغط على علامة الزائد من هنا. هنلاقي في عندنا اما لون
10:34ثابت اما تدريج. التدريج دوت نقدر من خلاله ان احنا آآ نعمل تدريج
10:39معين في الصورة بتاعتنا زي ما تشايف كده ما بين لونين. نقدر
10:43نختاري لونين من هنا فأنا مسلا هختار لون برتقاني. آآ هروح
10:47مسلا على الدرجة اللون ديت كده. وهجيب اللون دوت وهجيب درجة كمان
10:52تكون برضو لون برتقاني بس تكون غمقة شوية بالشكل ده. مش غم قوي
10:56يعني برضو انا عايز الدرجتين يكونوا فاتحين. طيب وهعمل ايه? هختار
11:00اللي هو في عندنا كزا تأثير. ممكن اما تجاه اللون جاي من الشمال
11:05اللي مين يا اما من فوق اللي تحت. في عندنا كزا شكل كده لجريدينت او
11:10للتدرجات بتاعتنا. فانا هجيب التدرب ده كده. وهعكس اللونين
11:14دولت كده مع بعض. هسحب واحد منهم كده واخطه الناحية التانية.
11:18عشان اللونين بس يتعكسهم والتدريج يتعكس يتبلغامة برة
11:22والفاتح جوا. خلينا نفتح اللون دوت اكتر. انا شايف ان هو المفروض
11:26يفتح اكتر. واللون ده كمان هفتحه شوية. بالشكل ده كده. وبكده
11:31يبقى انا عملت تدريج شكله حلو في التصميمات بتاعتنا. اقدر ان
11:35انا اضيف بقى عليه التصميم بتاعي اضيف عليه المنتج بتاعي اضيف
11:39عليه اي حاجة انا عايزها. فخليني مسلا اضيف منتج برتقانة بالشكل
11:44ده. تمام هنا البرتقانة ولكن لو لاحظنا اول مشكلة هتقابلنا ان
11:49البرتقانة هنا بالنسبة للخلفية تباين وحش جدا لو رجعنا كده
11:53البرتقانة مش واضحة تماما. فاما نحط لها ضل وراها ولكن طبعا
11:58هنا احنا مش هنحط ضل وراها لان مفيش سبب يخلينا نحط ضل
12:01وراها. فبالتالي هنعمل ايه? هنفتح الخلفية شوية. عشان
12:05التباين يبان ما بين الصورة وما بين الخلفية. فخلينا نفتح
12:08الخلفية شوية هنضغط كده على التدريج وهنجعل لون ده وهنفتحه
12:12اكتر. انا هنفتحه به الشكل ده كده. انا كده شايف ان هو بقى مناسب
12:17وهنجعل لون ده برضو هفتحه شوية بالشكل ده. انا كده شايف ان
12:21البرتقانة بتاعتي بقت واضحة جدا. طيب انا عايز بقى احط تحتيها
12:26ضل كده بسيط. بالشكل ده كده. عشان ادي او تأثير كأن البرتقانة
12:32ديت مخطوطة على الارض. وهضغط على كلمة الوضع. وهضغط الى الخلف
12:37بالشكل ده. وبعد كده هقل الشفافية شوية لان كده الضل لونه
12:41آآ غامق زيادة. فهقلله شوية ولكن كده. وبس كده يبقى انا عملت
12:45تصميم بسيط جدا. عطيت تأثير كده ان البرتقانة ديت مخطوطة على
12:50سطح معين او على الارض. ولو عايز ادي تأثير انها طايرة بس كل
12:54علاية ان انا هبعد اضل عنها كده شوية. وبعد ان انا اقلل الشفافية
12:59بتاعته بالشكل ده كده هقللها خالص. وهكبر الضل بتاعي شوية. بس انا
13:05كده عطيت تأثير ان البرتقانة بتاعتي طايرة في التصميم. مهمتك بقى في
13:09الدرس ده ان انا عايزك تعمل تصميم لصورة بسيطة لمنتج عصير بورتقان.
13:14منتج عصير بورتقان هتلاقيه فين? هتروح من قائمة الصور من هنا من
13:18على الجنب وهتكتب عصير بورتقان بالعربي او بالانجليزي. كلمة
13:22orange juice مثلا وهتلاقيه منتجات كتير او عصائر كتير تقدر تستخدم منها
13:26اي عنصر موجودة او اي صورة موجودة. وتعمل عصير منتج تعمل تصميم
13:31لمنتج عصير بورتقان. عايزك تخط اسفل منه وتخط ضل مناسب. وعايزك
13:36الخلفية تكون مدردة زي ما شرحنا. فمهم جدا ان انت اتنفذ
13:40التصميم دوت لان ده يعتبر اول تصميم احترافي انت هتنفزه.
13:44وبكده هتكون خلصت الدرس دوت ونشوفكم الدرس الجاي. والسلام
13:47عليكم ورحمة الله وبركاته.
Be the first to comment