- 7 months ago
Category
📚
LearningTranscript
00:00السلام عليكم ورحمة الله وبركاته
00:01في الدرس ده هنتعلم مع بعض أشهر وأهم مصطلحات التصميم الأساسية في مجال تصميم الجرافيك أو في مجال الجرافيك ديزاين
00:10المصطلحات ديت مهمة جدا تكون عارفها وأنا طبعا بحيي كل شخص وصل لحد النقطة ديت في الكورس
00:18إنه هو تخطى منطقة الأساسيات اللي هي تعتبر أهم واحدة في الكورس دوت
00:23والدرس ده برضو لا يقل أهمية عنهم
00:25خلينا نبدأ في الدرس ده على طول
00:27أول مصطلحات معنا هي مصطلحات المهنة والتخصص
00:30أول حاجة كلمة مصمم جرافيك يعني أنت كشخص اسمك مصمم جرافيك
00:35وبالإنجليزي جرافيك ديزاينر
00:37أنت برضو اسمك عامل بشكل حر يعني أنت بتشتغل بشكل حر
00:41مافيش حد أو أنت بتشتغلش في شركة معانا
00:44طبعا لأنت اشتغلت في شركة بقيت اسمك موظف
00:47لكن أنت لو بتشتغل بشكل حر يعني بتحاول تبحث على عملاء
00:51وبتشتغل معهم حر بنفسك فده اسمه فري لانسر
00:56طيب مصمم سوشال ميديا يعني أنت بتصمم إعلانات سوشال ميديا
01:00يعني أنت متخصص في المجال ده
01:02سوشال ميديا ديزاينر
01:03طيب مصمم هوية بصرية يعني شخص بيعمل هويات بصرية فقط
01:08طيب شخص بيشتغل في التسويق الرقمي
01:13يعني أنت برضه لازم تكون عارف المصطلح دوت
01:16لأن اللي أنت بتعمله هو جزء من التسويق الرقمي
01:20اللي هو الديجيتال ماركتينج
01:21يعني الناس عشان تسوق لمنتجاتها أو تسوق لخدمتها
01:25بيكلموك كمصمم جرافك
01:27فشغلتك هي جزء من الديجيتال ماركتينج
01:31اللي هو التسويق الرقمي
01:32أنا ليه مهتم بالمصطلحات ديت
01:35وليه بقولك في حاجة اسمه سوشال ميديا ديزاينر
01:37وفيه حاجة اسمه جرافك ديزاينر
01:38جرافك ديزاينر هو شخص مصمم عموما
01:41ده دي كلمة عامة يعني هو بيصمم بيصمم حاجات مختلفة
01:44لكن لو فيه شخص قال على نفسه أنا سوشال ميديا ديزاينر
01:48يبه هو ما بيصممش غير سوشال ميديا ديزاينر
01:51طيب هل إحنا جرافك ديزاينرز بشكل عام
01:54ولا إحنا سوشال ميديا ديزاينرز
01:56والله إحنا في الكورس ده بنعلمك الجرافك ديزاين بشكل عام
02:00هنعلمك السوشال ميديا ديزاينز
02:01هنعلمك اللوجو ديزاين
02:03الفيشال ايدنتي ديزاين
02:04هنعلمك حاجات كتير جدا
02:06حتى هنعلمك الفيديوهات والباربوينت وغيرها
02:09ولكن مهم جدا ان انت تكون فاهم
02:12وعارف مبدأ ان انت ممكن تتخصص في المستقبل
02:15انت بعد كده بتشتغل
02:17كجرافيك ديزاينر
02:18لقيت ان عجبك مجال السوشال ميديا ديزاينز
02:21عجبك الاعلانات
02:22عايز تعمل اعلانات بس
02:23ما بتصممش الوجهات
02:24ما بتصممش حاجة تانية
02:26غير سوشال ميديا ديزاينز
02:27انت شايف نفسك بتحب الحاجة دي
02:29شايف نفسك موهوق في الحاجة دي
02:30فساعتها تتخصص
02:32لما بتتخصص ده بيرفع امتك
02:34وبيرفع سعرك في السوق
02:36لان اي حد لما بيعوز تصميم سوشال ميديا ديزاين
02:41بيروح على الشخص المتخصص
02:43في تصميمات السوشال ميديا
02:44بالذات يعني
02:46لان ده هو الشخص المتخصص اكتر
02:48وده هيساعدك على انك انت
02:50ترفع سعرك في المجال دوت بالذات لان هيكون عندك خبرة فيه اكتر
02:54عن الشخص اللي هو بيشتغل في كل حاجة كل حاجة فالشخص المتخصص
02:59بيكون سعره اعلى وبيكون عنده خبرة اكتر في المجال ده فعشان
03:02كده انت بتبدأ في البداية كالجرافيك ديزاينر وبعدك تشوف
03:05شغفك فين وتشوف حبك فين وتشوف العملاء بتاعك بيطلبوا ايه
03:08واكتر حاجة انت حبتها وبتشتغل فيها وحابب ان انت تتخصص فيها
03:12تبدأ تتخصص فيها وساعتها هيكون اسمك مثلا لوجو ديزاينر او سوشال ميديا ديزاينر او فيجول اي ديزاينر اي ان كان بقى هيكون اسم تخصصك
03:21نخش بعد كده على مصطلحات الصورة الصورة ذات نفسها اسمها فوتو او اسمها اميج هي الاتنين تقريبا نفس المعنى
03:29طيب الصورة دي بتتكون من ايه الصورة بتتكون من وحدات صغيرة اسمها بيكسلز
03:34البيكسل اللي هي وحدة قياس الصورة فخلينا نشوف كده البيكسل عشان نفهمه اكتر شايف الصورة ديت كده
03:41الصورة ديت بتتكون من حاجات صغيرة كده صور صغيرة او اجزاء مربعات صغيرة كده اول ما بتتجمع على بعضها بتديك صورة كاملة او نعمة بالشكل اللي انتو شايفينه ده
03:53فالصور الصغيرة ديت بتتجمع مع بعضها عشان تديك صور كبيرة او صور واضحة او صور نعمة
04:00صور الصغيرة او المربعات الصغيرة ديت اسمها وديت هي شكل خلينا نشوف
04:07كده ديت بيكسل متوزعه بشكل عشوائي الوان عشوائية فمش ميديك صورة حاجة معينة
04:13خلينا برضو للتوضيح اكتر اكتر واكتر ديت كده صورة واحد ده بيكسل واحد بيكسل ده الصورة بتاعت
04:21البيكسل طيب هنا اتنين بيكسل في اتنين بيكسل لو انتلاحظ هنا ده اتنين بيكسل طول اتنين بيكسل عرض
04:26عرض. فيديك كده كل بيكسل ليه لون محدد خاص به. تمام? بالشكل ده
04:30كده فيديك آآ الصورة بتاعتك بدأت يبقى فيها الوان. طب لو زودنا
04:36عدد البيكسل خليناها خمسة بيكسل طول في خمسة بيكسل عرض. هيديك
04:39صورة ما اسها خمسة بيكسل في خمسة بيكسل. وبدأ يبقى فيها تفاصيل
04:42اكتر والوان اكتر زي ما انت شايف كده. بدأ يبقى فيها حواف وبدأ
04:47يبقى فيها جزء كده او عنصر في النص. بس انت لسه مش شايف ايه
04:50هو. كل ما تكتر عدد البيكسلات كل ما الصورة بتاعتك تبقى اوضح
04:53وانقى وفيها تفاصيل اكتر. فهنا مثلا عشرة بيكسل في عشرة بيكسل
04:57هيبدأ ان الاطراف بتاعتك توضح كده ويبقى فيها آآ حاجات في
05:02المنتصف او عنصر كده بدأ يبقى الحرف الار كذلك هنا عشرين بيكسل
05:07في عشرين بيكسل بدأ يبقى الحرف الار ولكن لسه الحواف بتاعته آآ فيها
05:11مربعات والبيكسلات ظاهرة بالشكل ده آآ بعد كده خمسين بيكسل في
05:15خمسين بيكسل بدأت الار تظهر ولكن لازالت الحواف بتاعتها مش مش
05:20نعمة ميت بيكسل في ميت بيكسل الحواف بدأت تظهر وتبقى نعمة
05:23بالشكل دوت والتصميم بتاعك بقى واضح فكل بيكسل بيكون ليه لون
05:28واحد هو بيكون عبارة عن مربعة ليه لون واحد فكل ما تخط بيكسلات
05:32كتيرة جنب بعض كل ما التصميم بتاعك بقى فيه الوان كتير وتفاصيل كتير
05:36ونعومة في التصميم تمام فهي ديت كده البيكسلات اللي بتتكون منها
05:41الصورة بعد كده مأسات الصورة مأسات الصورة اللي هي
05:44دايمنشنز معنى كلمة مأسات الصورة بالانجليزي دايمنشنز فهنلاقي
05:49مثلا ان الديمنشنز بتاع الصورة ديت اللي هي اللي مكتوبة فيها
05:525 بيكسل في 5 بيكسل 10 بيكسل في 10 بيكسل 20 بيكسل في 20 بيكسل
05:56وطبعا تقدر تقيس برضو بالسنتي او بالانش يعني تقول مثلا 4 سنتي
05:59في 5 سنطي. دي أم برضو ديمانشنز
06:01أو مقاسات الصورة. جودة الصورة
06:04جودة الصورة هي
06:05البي بي آي أو ريزوليوشن. الريزوليوشن معناها
06:07جودة الصورة بيتأس بواحدة البي بي آي
06:09أو البيكسل بر انش.
06:11البيكسل بر انش ديت يعني فيه
06:13كان بيكسل في كل انش. طبعا كل
06:15إما عدد البيكسلات بتزيد في الانش
06:17الواحد كل إما كانت الجودة أعلى.
06:19فلو رحنا هنا كده. أنا هنا
06:21بوضخ لك إن هنا الواحد انش
06:23مثلا هو المسافة ديت نعدي كده
06:25واحد اتنين تلاتة اربعة
06:27خمسة ستة سبعة تمانية
06:29تسعة عشرة فدوت في عشرة
06:31بيكسل في كل انش
06:33الانش دوت معناها اتنين ونصف
06:35سنت تقريبا فالصورة ديت
06:37مثلا جودتها او الريزوليوشن بتاعها
06:39عبارة عن عشرة بي بي اي
06:41او عشرة بيكسل بير انش تمام
06:43فكلما كانت الجودة او كلما
06:45كان العدد البيكسلات
06:47في الانش الواحد اكتر كلما كانت
06:49الجودة اعلى معظم الصغر اللي احنا
06:53بيكسل بير انش يعني الريزوليوشن
06:56بتاعها اتنين وسبعين الدقة يعني
06:57اتنين وسبعين بيكسل في كل انش
06:59لكن الصور اللي بتطبع
07:02لو احنا هنتبع صورة
07:04فبنحتاج ان احنا نعللها
07:06لجودة فبنخلي الجودة مثلا
07:07تلتميت بيكسل بير انش يعني
07:09تلتميت بيكسل صغير في كل انش
07:11طبعا احنا بنتحكم في الموضوع ده
07:13ازاي الحقيقة احنا مش بنقدر نتحكم فيه
07:15من كافة لكن احنا لما بنجي
07:17نحمل صورة بنختار الصيغة بتاعتها
07:23قرناها BDF للطباعة هو Canva ينزلك صورة بتلتمية بيكسل برئنش يعني
07:27بينزلها لك بالجودة المناسبة للطباعة. طيب صيغ الصورة معناها
07:30ايه؟ معناها فورمات بالشكل ده صيغ الصورة اللي هي البي ان جي
07:33والجي بي جي والبي اس دي وغيرها من الصياغ ففي عندنا بعض الصياغ
07:38اللي موجودة في Canva زي البي ان جي والجي بي جي واحنا شرحناها
07:41قبل كده. والبي دي اف بردو شرحناه قبل كده. في عندنا البي اس دي
07:45والاي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي اي ا
08:15اللستريتور. فخلينا نشوفها كده. ده كده شكل ملف البي اي س دي او
08:19ملف الفوتوشوب. لو ضغط عليه كده كليك ايميم وهي شفت او دغطت
08:22على كلمة الويندوس بتاعك. اللا ان هو مكتوب هنا الصيغة بي اس دي
08:27زي ما انت شايف كده. الصيغة او الفرمات او الطايب وفايل يعني
08:31نوع الملف هو بي اس دي. كزلك ملف الاو بتلاقيه ان هو اي اي او
08:36اي بي اس دي ات الصيغة بتاعته. لكن لو اي صورة عادية زي دية
08:40مثلا ضغطنا كده وضغطنا على صورة جي بي جي عادية جدا. اه صورة
08:45عادية بتتفتح على كنفة بتتفتح على معرض الصور عادي. لكن ما بتفتحش
08:49على معرض الصور. ما بتفتحش غير على اه تطبيق بذات نفسه او على
08:55برنامج بذات نفسه. فدية كده كانت الصياغ ديت الخاصة بالفوتوشوب
08:59والخاصة بالإلستريتور. وبالمناسبة صيغة البي اس دي والا اي او
09:04ديت صيغ مفتوحة المصدر. عشان لما تلاقي بعد كده العملاء او اي
09:09اي حد بيكلمك بيقولك انا عايز التصميم بتاعي بصيغة مفتوحة
09:12المصدر فهو يقصد بصيغة البي اس دي او الاي اي. فالصيغ ديت
09:17للأسف مش بناقدر نستخرجها من كنفة وللأسف بعض العملاء بيطلبوها
09:22ولكن بيطلبوها في تصميمات معينة مش في كل التصميمات. يعني ممكن
09:26يطلبوها مسلا في في تصميم الشعارات بيطلبوا دايما الصيغة مفتوحة
09:30المصدر. اما باقي التصميمات زي التصميمات السوشال ميديا وغيرها
09:34فاهمش بيطلبوا عادي صيغة مفتوحة المصدر بلأ بيطلبوا صيغة عادية بي ان جي او جي بي جي عادية فديا بيقدر نفرها من كنفة
09:40بسهولة. وبالمناسبة انا هقولك فيه الكورس دوت على طريقة تخليك تحول
09:44تصميمات كنفة لصيغة مفتوحة المصدر بالبي اس دي والاي وحتى اللوجوة او
09:49الشعارات فالكلام دوت محدش هيقوله لك فاستنى ان شاء الله فيه الكورس ده.
09:53وده على فكرة شكل الفوتو شوب وصيغة مفتوحة المصدر يعني صيغة تقدر
09:58تعدل عليها العميل او يقدر يعدل عليها اي شخص يفتح الصيغة ديت او
10:03يفتح الملف دوت يعني الملف البي اس دي اي شخص ممكن يفتحه باستخدام
10:07بردامج الفوتو شوب ويقدر يعدل عليها زي ما انت شايفة انا مسلا كلمة
10:10من ديتها اقدر احركها بالشكل دوت واعدل عليها واغير الكتابة
10:14بتاعتها واغير لونها واغير كل حاجة وهنا الطبقات او الليرز بتاعتنا
10:18اقدر ان انا اخط لير قدام ارجع اللير ورا كل حاجات ديت اقدر
10:22استخدمها. عكس هنا اي صورة بعد هي جي بي جي او بين جي فانا ما
10:25قدرش تحكم فيها يعبارها عن صورة ثابتة صورة واقفة ديت صورة بين جي او
10:29جي بي جي فهي ديت الفكرة في الصيغة المفتوحة المظهر ان انت بتقدر
10:34تعدل عليها. طب انت هتقول لي انا ممكن اسلم العميل اعمل كده مشاركة
10:38واروح هنا اللي هي اي شخص لديه الرابط وامكانية التعديل وانسك الرابط
10:43وادل الرابط دوت العميل بحيس ان هو يقدر يعدل على التصميم زي ما
10:47هو عايز ويخرك اي حاجة. فهل ديت صيغة مفتوحة المصدر وهي كده فعلا
10:52حقيقة هي كده حاجة مفتوحة المصدر او بمعنى صحة العميل يقدر يعدل
10:56عليها. ولكن مش ده المتعرف عليه نهائي ومش ده اللي بستخدم ولو اي
11:00حد طلب الصيغة لمفتوحة المصدر فهو يقصد الفوتيشوب ويقصد
11:03الالستريتور. طيب كلمة الخلفية الخلفية بالانجليزي معناها
11:07background عشان لما تيجي تبحث عن background او تيجي تبحث عن خلفيات
11:11للتصميمات بتاعتك تقدر تبحث بكلمة background بالشكل ده. طبعا الملف ده
11:16كله انا هسيبه لكم في مرفقات الدرس ده وتحملوه عشان يكون عندكم
11:19دايما المصطلحات ده تقدروا ترجعوا لها. مصطلحات الالوان
11:22والخطوط. بالنسبة للالوان في عندنا حاجة مهمة جدا نسمها
11:25التباين. احنا شرحناها بكده في درس شرح الالوان. والتباين
11:29بالانجليزي اسمه contrast. الاضاءة light معناها النور. الظلال
11:35shadows معناها الظلال. طبعا شفناها كتير واحنا بنبحث. تشبع
11:39الالوان معناها saturation. يعني ايه تشبع الالوان? خلينا ننزل كده
11:42ونشوف الصورة دي. الصورة ديت هي الصورة الاصلية. اه الصورة ديت
11:47بدون تشبع الوان. يعني تشبع الالوان هنا صفر. الصورة ديت
11:50تشبع الالوان بتاعها علناها خليناها مية في المية. فالصورة
11:53ديت ده ديت الالوان الطبعية. لما بنزود التشبع بنلاقي ان هو
11:57بياخد اللون الاصفر اللي موجود دوت. وبيزود وبيخليه لون اصفر
12:01باقصى درجات التشبع بتاعت اللون الاصفر. كذلك اللون الابيض
12:05بيخليه ابيض ناصر البيض
12:07الالوان اللي هي اللون اللي تحت ده
12:09بيخليه اللون بتاعه بكل قوته
12:12وبكل التشبع بتاعه
12:13لكن لو قللنا التشبع بتاع الصورة
12:15بيبدأ ان هو يشيل
12:18اللون من الصورة خالص
12:19زي ما انت شايف كده بيت ابيض و سود اساسا
12:21فنقدر نعمل كده من خلال تعديل الصورة
12:24ونقدر نروح على كلمة الضبط
12:26وننزل كده هنلاقي فيه كلمة
12:27تشبع الالوان بالشكل ده
12:29فهنلاقي ان الصورة دي تشبع الالوان بتاع صرف
12:31لكن احنا لو زودناها بالشكل ده هلاقي ان الالوان متشبعة
12:35لو قلمناها هلاقي ان نتشبع صف
12:37بعد كده ده كده اسمها Saturation
12:39الضبابية او التمويه اسمها Blur
12:41ان الصورة تكون ممواها بالشكل ده كده
12:44ال Blur بالشكل ده
12:45وده طبعا بنعمله هنا من تعديل الصورة
12:47وبنضغط على تعديل الصورة
12:49وبنضغط على التأثيرات
12:50وبنلاقي هنا كلمة تمويه بنبدأ نضغط عليها
12:53عشان نخلي الصورة ممواها بالشكل ده
12:55بعد كده عندنا نظام الالوان او Color Mode
12:58Color Mode في عندنا نوعين من نظام الالوان
13:00ال RGB وال CMYK
13:02ال RGB لجميع الصور العادية
13:04CMYK لنظام الوان خاص بالالوان اللي بتطبع
13:08ليه المطابع
13:09المطبع لما بتجي تطبع اي لون
13:12بتطبعه بصيغة الوان او بنظام الوان CMYK
13:15طبعا ده بتتعمله ازاي
13:16عن طريق النكلة لما بتضغط مشاركة من هنا
13:18على اي صورة وبتضغط على تنزيل
13:20لازم تختار PDF للطباعة
13:22وبتلاقيه من تحت هنا نظام الالوان
13:24او ملف التعريف للالوان
13:25بتختاره CMYK عشان تحمل
13:28الصورة بالوان CMYK اللي هي
13:30مناسبة اكتر للطباعة
13:32طبعا بالنسبة للكتابة معناها
13:34تاكست الخطوط معناها فونتس
13:36وده طبعا قلناها قبل كده في درس
13:38الخطوط
13:39بعد كده عندنا
13:42انواع التصميمات وانواع التصميمات
13:44عندنا في كلمة شعار معناها
13:46لوجو تصميم سوشال ميديا
13:48معناها سوشال ميديا هوية بصرية
13:50معناها Visual Identity وهيكون لها درس
13:52مخصوص نفهم يعني ايه Visual Identity
13:54بعد كده في عندنا
13:55الكارت الكارت بالانجليزي اسمه
13:58Card
13:58سواء Business Card او Personal Card
14:00معناها Business Card يعني
14:02كارت عمل و Personal Card
14:04يعني كارت شخصي
14:05في عندنا الصورة المصغرة الخاصة باليوتيوب
14:08اسمها Thumbnail
14:08معرض الاعمال Portfolio
14:11لما تجي تقدم على اي شغل
14:13هيقولك وريني البرتفوليو بتاعك
14:15يعني فرجني معرض اعمالك
14:17الصور اللي انت عملتها قبل كده اسمها
14:19Portfolio او اسمها معرض الاعمال
14:21كلمة اعلان يعني بالانجليزي
14:22اعلان يعني Ads او Adversment
14:24فتصميمات Social Media اسمها Social Media
14:27او اعلانات او Adversment او Ads
14:29لما شخص اي شخص بيجي
14:31يعمل اعلان عن فيسبوك
14:33بيبقى اسمها Ads
14:34بعد كده في عندنا مصطلح اسمه Mookab
14:36والمصطلح الاسم Mookab دوت انا مش عارف له
14:39كلمة بالعربي
14:40فهو اسمه Mookab انا عايزك تعرفه
14:42باسم المookab
14:43المookab دوت احنا مثلا عندنا صورة كارتة
14:46هو ده كارت بتاعي مثلا
14:47الكارت الشخصي بتاعي او الكارت العمل بتاعي
14:50انا عايز افراجه للعميل
14:52بعد ما يطبع هيكون شكله عامل ازاي
14:55طبعا ديت مش صورة وقعية
14:57ولا حاجة لا ده صورة احنا عاملنها
14:58احنا اللي مصممانها يعني
15:01اخدنا الكارت اللي احنا صممناه عادي
15:03على كمفة كارت عبارة عن طول وعرض كده
15:05وحطناه جوه تصميم
15:07عشان افراجه للعميل بعد ما يطبع
15:09هيكون شكله عامل ازاي
15:10العملية دي بقى والصورة ديت كده
15:13اسمها Mookab
15:13تنفع مع كارت شخصي مع اللوجو
15:16مع اي حاجة تطبع مع بوستر
15:18هيتعلق او حاجة تتعلق
15:19على الحيطة فبنفرجها للعميل
15:22في صيغة Mookab عشان
15:23نوري شكلها بعد الطباعة
15:26فديت بنعملها فقط للحاجات
15:28اللي هتطبع عشان
15:29لمجرد عرض الصورة بس مش اكتر
15:31لمجرد ان احنا نعرض التصميم بتاعنا
15:34في شكل واقعي عشان
15:36العميل يقتنع او يشوف
15:38شكل التصميم بتاعه بعد ما
15:40هيتنفز او بعد ما هيتطبع هيكون شكله عامل
15:42ازاي وبكده اكون انا
15:44خلصت معظم المصطلحات المهمة
15:46في مجال التصميم
15:47وبكده اكون خلصت الدرس دوت
15:49واشوفكم الدروس الجاية والسلام عليكم
15:52ورحمة الله وبركاته
Comments