1. هذا الموقع يستخدم ملفات تعريف الارتباط (الكوكيز ). من خلال الاستمرار في استخدام هذا الموقع، فإنك توافق على استخدامنا لملفات تعريف الارتباط. تعرف على المزيد.

هنا مجتمع نســائي فــاخر، واحة المرأة الجزائرية والعربية، وعالم نسائي متجدد ومتميز ينتظركِ. سجلي الآن وكوني معنا

درس الدرس 01 [دورة الفوتوشوب للمبتدئات] ~ واجهة البرنامج وأساسيات التصميم

الموضوع في 'قسم دورات التصميم [دروس منتظمة]' بواسطة حُـلْم هآدئ, بتاريخ ‏9 يناير 2017.

درس الدرس 01 [دورة الفوتوشوب للمبتدئات] ~ واجهة البرنامج وأساسيات التصميم 5 5 4votes
5/5, 4 أصوات

  1. حُـلْم هآدئ
    12

    حُـلْم هآدئ
    Expand Collapse
    مشرفة قسم التصميم والجرافيكس
    مشرفات جلسات

    الإنضمام:
    ‏30 أكتوبر 2016
    المشاركات:
    1,799
    نقاط الجائزة:
    4,440
    الإقامة:
    الجزائر
    السُّمعة:
    +3,872 / -0
    السن:
    25 إلى 30 سنة
    [​IMG]
    الدرس 01 [دورة الفوتوشوب للمبتدئات] ~ واجهة البرنامج وأساسيات التصميم

    [​IMG]

    مساء الورد الجوري آخواتي الغاليآت زائرات وعضوات على جلسآت جزآئرية ،،
    يسعدني أن أنطلق مع آخواتي المشتركات في الدورة في أول الدروس المنتظمة الخآصة بدورة الفوتوشوب للمبتدئات.
    هذه الدورة سأقدمها بإذن الله تعالى على شكل دروس، بعضها عبارة على مواضيع بالصور وأخرى دروس فيديو مع الشروحات النصية اللازمة.
    [​IMG]
    للرجوع إلى فهرس دروس الدورة، من هنا:
    إعلان - فهرس دورة التصميم بالفوتوشوب للمبتدئات

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

    [​IMG]
    هذه هي الواجهة الرئيسية للبرنامج و الصورة مشروحة من طرفي:

    واجهة برنامج الفوتوشوب كاملة.png

    وقد قمت بشرح كل جزء من واجهة البرنامج في صورة مستقلة، شرحا كافيا لكل مبتدئة، ووضعت الصور متعمدة كمصغرات حتى لا يتشوه الموضوع.

    إضغطي على الصورة الأولى لتدخلي إلى عارض صور المنتدى و بعدها يمكنك الإنتقال بين الصور والشروحات.
    هذه هي صور الشرح:

    شريط القوائم.png شريط القوائم مشروح.png لوحة الإضافات مشروحة.png شريط الأدوات مشروح.png شريط إعدادات الأداة مشروح.png أدوات ضبط العرض مشروحة.png مشاهدة متحركة مشروحة.png

    صور الشرح طبعا مرتبة كما يلي:
    شريط القوائم: ملف ~ تحرير ~ صورة ~ طبقة ... إلخ
    لوحة الإضافات التي توجد على اليمين
    شريط الأدوات الموجود على اليسار
    شريط إعدادات الأداة الموجود بالأعلى تحت شريط القوائم
    أدوات ضبط العرض وإختصار الأوامر المساعدة الموجود في الأعلى على اليسار
    نافذة المشاهد المتحركة أو الفريمات الموجودة بالأسفل ووضحت في الشرح المصور طريقة إظهارها إن كانت غير موجودة عندك.
    [​IMG]

    هكذا يمكن لكل أخت مشاركة أن تحتفظ بصور الشرح في جهازها للرجوع إليها عند الحاجة.
    أيضا، أطلب من أخواتي المشاركات في الدورة قراءة صور الشرح جيدا لأن بداخلها توضيحات مهمة.

    الموضوع كله من جهدي الخاص وعملي أيضا طالبة به وجهه تعالى، فإن أعجبكِ وأفادك لا تنسي تقييمه بالأسفل فضلا وليس أمرا.


    [​IMG]
    في الجزء الثاني من هذا الموضوع سنتعرف على بعض العناصر المهمة في عالم التصميم وكذلك نصائح مهمة لكل مصممة مبتدئة، لتكون بدايتنا جيدة إن شاء الله تعالى.


    [​IMG]
    إختيار الألـوان المناسبة :

    هي من أهم الأدوات المستخدمة في عميات التصميم وهي التي تشكل فرقا بين التصميم الجيد والتصميم السيئ ، وبين التصميم الجميل والتصميم القبيح. فبدون الاستعمال الجيد للألوان لن يؤثر تصميمك على من يشاهدونه كما كنتِ تتوقعين.

    الدقــة :

    حاولي أن تكوني دقيقة في جميع تفاصيل تصميمك مهما كانت صغيرة.

    الموضوعية أو التناسق:

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

    الخطوط :

    هي ما يميز أي نص في التصميم، فحاولي قدر المستطاع أن يكون الخط مقبولاً وجميلا ومناسبا للتصميم.

    التنويع :

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

    توقيعكِ الخاص :

    قومي بعمل رمز لكِ يعتبر كتوقيع خاص بك في لوحاتكِ وتصاميمكِ. ولا تنسى تاريخ التصميم فمع مرور الزمن سيبقى للتصميم قيمته.

    أنشري تصاميمكِ :

    لا تترددي في نشر تصاميمكِ مهما كانت بسيطة أو ترينها غير جيدة، بل حاولي نشرها في عدة أمكنة، هكذا تستفيدي من النقد وآراء الأخريات ونصائحهن وتوجيهاتهن
    سأكون قاسية جدا في نقدي لكنّ حتى تتقن كل واحدة عملها ههههه

    الانتقادات :

    تقبلي أي نقد على عملكِ - مهما كان قاسياً وصريحًا- بفرح وسعة صدر كبيرة. وحاولي الإستفادة من تلك الإنتقادات للتعلم أكثر.

    الخبـرة :

    عندما تقومين بإنشاء لوحة جديدة، تكونين قد إكتسبتِ خبرة جديدة معها، لذا حاولي قدر المستطاع أن تنجزي العديد والكثير من اللوحات .

    حفظ ملف العمل:

    إحفظي ملفات عملكِ بعد الإنتهاء، بحيث يمكنكِ الرجوع إليها والتعديل عليها مستقبلاً ، في الفوتوشوب يمكنك حفظه بالامتداد psd
    [​IMG]
    في الرد الموالي في الموضوع سنتطرق إلى بعض المصطلحات الهامة في التصميم و تعاريف مهمة مثل البيكسل و المقاسات والإمتدادات وغيرها، هذه المصطلحات سنمر عليها في الدروس التطبيقية الآتية بعون الله وتوفيقه.

    أتمنى من جميع أخواتي الإستفادة كما أتقبل جميع الأسئلة والإستفسارات في هذا الموضوع.

    أخيرا ،، إن أعجبكِ موضوعي وأفادكِ لا تنسي تقييمه ،، فضلا وليس أمرا.


    [​IMG]
     
    جاري تحميل الصفحة...
    { فضلا .. أختي .. إن أعجبكِ الموضوع شاركيه مع صديقاتكِ }

    #1 حُـلْم هآدئ, ‏9 يناير 2017
    آخر تعديل: ‏9 يناير 2017
    • أعجبني أعجبني x 6
  2. حُـلْم هآدئ
    12

    حُـلْم هآدئ
    Expand Collapse
    مشرفة قسم التصميم والجرافيكس
    مشرفات جلسات

    الإنضمام:
    ‏30 أكتوبر 2016
    المشاركات:
    1,799
    نقاط الجائزة:
    4,440
    الإقامة:
    الجزائر
    السُّمعة:
    +3,872 / -0
    السن:
    25 إلى 30 سنة
    [​IMG]
    تكملة
    الدرس 01 [دورة الفوتوشوب للمبتدئات] ~ واجهة البرنامج وأساسيات التصميم


    معذرة منكن أخواتي ،، أشرت في الموضوع أنني لن أتكلم عن مصطلحات وأساسيات التصميم، لكني تراجعت عن رأيي لأني وجدت أنها مهمة نوعا ما على الأقل الواحدة منا تضيفها لرصيدها المعرفي

    [​IMG]

    فدعونا إذن نتعرف على بعض تلك المصطلحات المهمة.


    اللون:

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

    الألوان و تأثيرها

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

    اللون الفاتح: يعطي إحساسا بالترتيب والتنظيم والإتساع
    اللون الغامق: يعطي إحساسا بالوقار
    اللون الفاقع (المشبع): يعطى إحساسا بالقوة لكنه يزعج العين
    اللون الساخن: عند إستخدامه بدرجة فاقعة أو مشبعة تكون عنيفة ومستفزة مثل الأحمر والبرتقالي، أما عند إستخدام اللون الأحمر مثلا بدرجة داكنة فإنه يعطى إحساسا كلاسيكيا راقيا، كما أن اللون البرتقالى يناسب أكثر إعلانات الأطعمة لأنه يعطي إحساسا بالجوع.

    أما اللون الاخضر : فهو يعطى إحساسا بالسكون والهدوء والسعادة

    هذه كأمثلة فقط عن إستعمالات وتأثيرات الألوان.

    Hue : هو كنه اللون بدون تحديد درجة معينة له ، و يرمز له بالحرف H
    Saturation : درجة تشبع اللون (من أعلى تركيز للون إلى اللون الرمادى حيث الفقر التام للون ) ويرمز له بالحرف S

    Value : درجة إشراقة اللون (أى نسبة الأبيض والأسود فى اللون) و يرمز له بالحرف V

    أنواع الألوان
    تنقسم الألوان إلى نوعين
    النوع الأول هو: RGB (spot color)

    يتكون من 3 ألوان هي :
    الأحمر ~ الأخضر ~ الأزرق
    مجموعهم يعطى اللون الابيض
    إستخدامهم يكون فى أعمال الكمبيوتر والأنترنت


    النوع الثانى هو: CMYK(process color)
    يتكون من ألوان مجموعهم يعطى اللون الرابع وهي:
    الأزرق السماوي (CYAN) ~ الأرجواني (MAGENTA) ~ الأصفر ~ الأسود
    إستخدامهم يكون فى أعمال الطباعة


    كل لون يتكون من 256 درجة من 0 الى 255

    Hue+black=shade يزود الأسود فى اللون وبالتالى تقل قيمة اللون نفسه

    Hue+Gray=tone اللون الوسط

    Hue+white= Tint يزود قيمة الأبيض فى اللون بالتالي تزيد قيمة اللون

    [​IMG]

    البيكسل
    البيكسل هو مربع صغير بحيث يتم التعامل مع الصورة على أنها مجموعة من البيكسالات أو المربعات الصغيرة.
    كلما زاد عدد البيكسل فى الصورة كلما إزداد وضوح الصورة وكلما قل عدد البيكسل كلما بدأت الصورة فى فقدان ملامحها فتظهر فى شكل مربعات صغيرة شفافة.


    البيكسل.jpg

    الدقة ~ Resolution
    هو عدد البيكسل في الإتجاهين الأفقي والعمودي، فلو قلنا مثلا أن دقة الشاشة هي 600×800
    معنى ذلك أن الشاشة تحتوى على 600×800=480000 بيكسل
    وحدة قياس الدقة فى الطابعة تكون : النقطة في البوصة (dpi) أي dot per inch لأن الطابعة تتعامل بالنقطة.
    وحدة قياس الدقة فى الكمبيوتر هي البيكسل في البوصة (ppi) أي Pixel per inch.

    أعمال الكمبيوتر والأنترنت:
    Resolution=72ppi
    أعمال المطبوعات
    Resolution=300ppi

    برامج الجرافيكس


    الجرافيكس هو الرسم الملون وبرامجه هى البرامج المختصة بالرسم والتصميم من خلال الكمبيوتر و تنقسم الى نوعان من البرامج:

    raster (Bitmap)

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

    shadow

    تقل كثافتها فى المناطق ذات الاضاءة المرتفعة highlight
    تغيير حجم الصورة يقلل من جودتها
    برامج متخصصة فى معالجة الصور مثل الـ photoshop
    حجم ملفاتها يكون ثقيل

    Vector

    تفسر الصورة على أنها مجموعة من العناصر كل عنصر له نقطة بداية و نهاية و بينهم مساحة
    نتيجة إمتداد محور س و محور ع، أي أنه يتم التعامل مع كل عنصر من خلال معادلة رياضية

    تغيير الحجم يؤثر فى جودتها
    برامج متخصصة فى الرسم مثل الـ Illustrator
    حجم ملفاتها يكون خفيف.
     
    #2 حُـلْم هآدئ, ‏9 يناير 2017
    آخر تعديل: ‏9 يناير 2017
    • أعجبني أعجبني x 3
  3. راضية
    2

    راضية
    Expand Collapse
    إدارة جلسات جزائرية

    الإنضمام:
    ‏3 فبراير 2015
    المشاركات:
    6,137
    نقاط الجائزة:
    7,205
    الإقامة:
    Alger
    السُّمعة:
    +7,883 / -0
    السن:
    35 إلى 40 سنة
    مساء الورد اختي امينة انا هنا معك و في الصف الاولشسيشسي
    ساتابع كل الخطوات بعد العشاء ان شاء الله شكرا لكسيبلان
     
    • أعجبني أعجبني x 2
  4. حُـلْم هآدئ
    12

    حُـلْم هآدئ
    Expand Collapse
    مشرفة قسم التصميم والجرافيكس
    مشرفات جلسات

    الإنضمام:
    ‏30 أكتوبر 2016
    المشاركات:
    1,799
    نقاط الجائزة:
    4,440
    الإقامة:
    الجزائر
    السُّمعة:
    +3,872 / -0
    السن:
    25 إلى 30 سنة
    مرحبا بك راضية أختي من فضلك لا تنسي مراجعة الرد الثاني في الموضوع لأني أضفت مفاهيم ومصطلحات متنوعة عن عالم التصميم والألوان
     
    • أعجبني أعجبني x 2
  5. ام وفاء
    4

    ام وفاء
    Expand Collapse
    طيبة القلب
    عضوية فضية

    الإنضمام:
    ‏17 سبتمبر 2016
    المشاركات:
    305
    نقاط الجائزة:
    950
    الإقامة:
    تبسة
    السُّمعة:
    +630 / -0
    السن:
    35 إلى 40 سنة
    سلام راني قريت واش كتبتي وبديت نفهم الدرس ضرك نراجع الدرس مليح حتا نفهموا مليح مشكورة وربي يعطيك ماتتمني
     
    • أعجبني أعجبني x 1
  6. راضية
    2

    راضية
    Expand Collapse
    إدارة جلسات جزائرية

    الإنضمام:
    ‏3 فبراير 2015
    المشاركات:
    6,137
    نقاط الجائزة:
    7,205
    الإقامة:
    Alger
    السُّمعة:
    +7,883 / -0
    السن:
    35 إلى 40 سنة
    شكرا اختي امينة راني قراته و غدا لما افتح pc
    راح نفهمه مع برنامج احسن
     
    • أعجبني أعجبني x 2
  7. nabila biba
    13

    nabila biba
    Expand Collapse
    مشرفة فضاء واستراحة حواء
    مشرفات جلسات

    الإنضمام:
    ‏4 ابريل 2016
    المشاركات:
    3,030
    نقاط الجائزة:
    7,200
    الإقامة:
    في جلســـــات
    السُّمعة:
    +6,631 / -0
    السن:
    40 إلى 45 سنة
    أنا حاضرة معلمتي.
    شكرا جزيلا على الشروحات المفصلة وسأكون من الأوائل غدا إن شاء الله لأعيد الدرس جيدا .
    وأحسن تقييم بدون ما تقولي تستاهلي
     
    • أعجبني أعجبني x 2
  8. يـَاسمِـين
    42

    يـَاسمِـين
    Expand Collapse
    المشرفات العامات

    الإنضمام:
    ‏19 سبتمبر 2015
    المشاركات:
    3,074
    نقاط الجائزة:
    7,190
    الإقامة:
    غير مهم
    السُّمعة:
    +5,050 / -0
    السن:
    30 إلى 35 سنة
    مشكــورة يا أستاذة على الشروحات والمفاهيم المفصلة ..

    في المتابعة لأي جديد
     
    • أعجبني أعجبني x 2
  9. ام شهد
    42

    ام شهد
    Expand Collapse
    سيدة أنيقة
    عضوية ألماسية

    الإنضمام:
    ‏19 يونيو 2015
    المشاركات:
    3,549
    نقاط الجائزة:
    7,190
    الإقامة:
    المسيلة
    السُّمعة:
    +3,535 / -0
    السن:
    35 إلى 40 سنة
    شكرا لك اختي ان شاء الله نراجع الدرس مليح ونفهم
     
    • أعجبني أعجبني x 1
  10. حُـلْم هآدئ
    12

    حُـلْم هآدئ
    Expand Collapse
    مشرفة قسم التصميم والجرافيكس
    مشرفات جلسات

    الإنضمام:
    ‏30 أكتوبر 2016
    المشاركات:
    1,799
    نقاط الجائزة:
    4,440
    الإقامة:
    الجزائر
    السُّمعة:
    +3,872 / -0
    السن:
    25 إلى 30 سنة

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

    سوف أنتظركن لأرى إذا ما فيهش اسئلة هنا قبل الإنتقال للدرس الموالي بحول الله تعالى

     
    • أعجبني أعجبني x 2