موضوع: دروس النمر : 1 - ماهو الجرافيك

ردود: 5 | زيارات: 3133
  1. #1
    عضو متميز
    صور رمزية النمر الخطاط
    تاريخ التسجيل
    Oct 2009
    المنطقة
    صندوق الادوات
    ردود
    1,533

    دروس النمر : 1 - ماهو الجرافيك

    اهلا بكم اخوانى اقدم لكم هذه السلسلة من الدروس بداية من تعريف الجرافيك الى احتراف بعض برامجه مثل الفوتوشوب



    ماهو الجرافيك :
    كلمة جرافيك بالمفهوم الخاص تعنى الرسم الملون وهى كلمة مشتقة من الاصل اللاتينى graphus جرافوس وتعنى خط مرسوم او منسوخ وقد استعمل هذ ا الفن اول ما أستعمل فى عند الصينيين لعمل الزخارف الخاصة بطباعة الاقمشة والنحت على الخشب
    ويصعب الزعم بمعرفة أصل مصطلح "تصميم الجرافيك ". فقد نسبت إلى ريتشارد جوايت Richard Guyatt، المصمم البريطاني، والأكاديمي، ولكن يقترح مصدرا اخر وليام أديسون دويجنز William Addison Dwiggins، مصمم كتاب أمريكي في أوائل القرن العشرين [
    ومن وجهة نظرى الشخصية ان كلمة جرافيك تعنى الرسوم والتصميم الذى يحاكى الواقع بدرجة كبيرة من الرسم العادى الى ثلاثى الابعاد وهى كلمة مرتبطة بالكمبيوتر.

    انواع الجرافيك :
    يوجد نوعين من رسوميات الجرافيك وتنقسم على الكمبيوتر الى :
    raster : النقطية = وهى تعنى الصور التى تتكون من بيكسلات والمقصد النقاط التى تكون شاشة الكمبيوتر وتسمى هذه الصور bit mab يعنى خريطة النقاط .
    vector : المتجهى = وتعنى الرسوم المكونة من الخطوط والمسارات والمنحنيات

    الفرق بين اللاثنين يتضح فيما يلى :

    2_ البرامج النقطية Bitmaps
    البرامج النقطية Bitmaps يطلق عليها ايضا Raster وهي البرامج المتخصصة في التعامل مع الصور وهي تفهم المعلومات التي بداخل ملفاتها كخريطة من النقط Map of Bits, ومن هنا جاءت كلمة Bitmaps كاحد الامثلة للبرامج النقطية Bitmaps وافترضنا وجود أحد الملفات مفتوحا بداخلة؛ فان هذا الملف يحتوي على عدد كبير من النقاط Pixels(Picture Element)، والنقطة Pixel هي الوحدة الاساسيو في الصور الرقمية Digital Image، وكل نقطة يتعرف عليها البرامج من خلال معلومتين اساسيتين:
    • اين هي ؟
    • ما لونها؟
    اين هي ؟ اي اين موضعها داخل صفحة الملف، ما هو الاحداثي الذي يحدد موقعها؟
    وكما نعلم فان لكل برنامج لابد من أدوات قياس للتعامل مع القياسات، ولابد لكل ملف كذلك من نقطه المرجعية Reference Point وهي تمثل نقطو الصفر او بدء القياس (0,0). وبالنسبة لكثير من البرامج نقطة الصفر في الملفات تقع في أعلى يسار الصفحة.
    ما لونها ؟ أي ما القيمة اللونية لهذة النقطة ومكوناتها، أي ماهو تكوين اللون فيها كنسب RGB أو CMYK أو HSB أو غيرها من انظمة اللون المختلفة.
    ومن امثلة برامج الجرافكس النقطية:
    • Adobe Photoshop



    • Adobe Image Ready
    • Corel Photo Paint
    • Paint
    • Photo Editor
    ومن الملاحظ جيدا ان الشي المشترك بين هذه البرامج في الاسم هو وجود كلمة Photo مما يشير الى تخصص هذه البرامج في التعامل مع الصور، او كلمة Edit مما يشير الى تميز هذة البرامج في معالجو الصور وتحريرها، او كلمة Paint مما يشير الى استخدام هذة البرامج في الرسم الملون.



    البرامج المتجهية Vector
    وكلمة Vector تعني متجة، والمحورين x و y متجهين، والبرامج المتجهية تفسر البيانات بداخلها بشكل آخر.. فهي تريد لكل عنصر بداخلها معلومتين : الاولى هي نقطة بداية الشكل ونهايتة؛ وذلك لحصر مساحة وجوده، والثانية هي نوع الملء Fill، وبناء على ذلك سيكون للملء بلون مصمت Solid or Basic معادلة رياضية معينة، وللملء بتدرج لوني Gradient معادلةرياضية اخرى، وتختلف المعادلة الخاصة بالتدريج اللوني الخطي linear عن التدرج اللوني الدائري Radial عن التدرج من النوع المخططي Contour، واذا كان الذي بداخل الشكل هو صورة او عنصر آخر ادرج بطريقة Paste Inside فلة هو الاخر معادلة تحدد ذلك.
    ومن امثلة برامج الجرافكس المتجهية Vector :
    • Adobe Illustrator

    • Macromedia Freehand
    • Macromedia Flash
    • Corel Draw
    ولعلنا نلا حظ في اسماء هذة البرامج ما يدل على استخدامها في عمليات الرسم Drawing التي تعبر عن رسم المساحات كاللواجهات او الرسوم التوضحية Illustrations، وهي تختلف عن عمليات الرسم الملون Painting السابق الاشارة اليها في البرامج النقطية.
    الجدول التالي يوضح اهم الفروق بين البرامج النقطية والمتجهية.
    وجه المقارنة البرامج النقطية Bitmaps البرامج المتجهية Vectors
    وزن الملفات كبير ويعتمد على عدة عوامل، منها طول height وعرض Width الملف ودرجة الوضوح Resolution، والنمط اللوني الذي يتبعة الملف Color Mode.
    مثال: الملف A4 عند أول إنشائه (اي لا يحتوي على أي بيانات) يتراوح وزنه من 15-25 ميجابايت على حسب الابعاد السابق ذكرها. صغير جدا، وبالتالي يكون خفيف اثناء تشغيله.



    مثال: الملف A4 عند اول إنشائه يكون وزنه حوالي 15 كيلوبايت. (حاول أن تتخيل مقدار الفرق بين ملفين من نفس المساحةأحداهما ببرنامج Bitmaps، والاخر ببرنامج Vector.
    الاستخدام تستخدم البرامج النقطية Bitmaps بشكل اساسي في معالجة الصور Editing & Retouching، وفي التصحيح اللوني Color Correction وكذلك في التصميم واضافة التاثيرات Effects.
    وتعتبر درجة الوضح Resolution من العوامل المؤثرة في جودة العمل، لذلك يطلقعلى الملفات في هذة البرامج Resolution Dependent. تستخدم البرامج المتجهية Vectors في الرسم Drawing، خاصة رسم العلامات التجارية Logos، والاشكال التوضحية Illustrations، والاخراج الفني Layout، وإعداد الصفحات page Making، ومعالجة النصوص Text وتتميزالاشكال فيها بالجودة وحدة الحواف Sharpness، ولا تعتمد في ذلك على درجة الوضوح Resolution، لذلك يطلق على الملفات في هذة البرامج Resolution Independent .
    جدول مقارنة بين البرامج النقطية والمتجهية
    وتتميز البرامج المتجهية Vectors بجودة الاشكال المكونة بداخلها وحدة حوافها مع امكانيات التكبير لنسب غير محدودة، وهذا على غير ما يحدث في البرامج النقطية Bitmaps التي تتاثر فيها الاشكال عند التكبير فتقل جودتها وتضعف حوافها.



    فيديو لشرح الفرق جرب معى الان تكبير الرسمه ببرنامج Illustrator تجد ان عندما تكبر الصورة لا تضعف الجوده بل على العكس تزداد وضوح كما ترى هنا ::



    اما عند فتحها بالفوتوشوب تجد انه كلما قمت بالتكبير تظهر لك مربعات صغيرة pixel وتضعف درجه وضوح الصورة



    ويزداد الامر سوء مع الصورة لو فكرنا فى تصغيرها ثم تكبيرها مرة اخرى كما هنا :



    وفى برنامج Illustrator نجد انه لم يتغير شئ مع التصغير ثم التكبير مرات ومرات :






    عناصر ومبادىء الجرافيك :
    ينقسم الجرافيك وتصميماته الى ثلاث اقسام رئيسية = فنية ونصية واخراجية
    الفنية = الالوان - الصور - قيم ونسب الالوان
    النصية = العنوان - المتن ( النص) او الجمل .
    الاخرااج = الفكرة - الجودة ( جودة وضوح العمل) - التنسيق -تنسيق الصور والالوان والكتابات .

    مجالات الجرافيك :
    يحتوى فن تصميمات الجرافيك نجد كل من المجلات، والإعلانات ومنتجات التعبئة والتغليف والشعارات والبورتريهات والتعديل على الصور
    والمطبوعات الورقية تصاميم الانترنت والمنتديات وغيرها الكثير .



    انتظروا الجز ء الثانى ان شاء الله من ماهو الجرافيك

    أخر تعديل بواسطة النمر الخطاط في 25 / 07 / 2010 الساعة 10:10 PM
    وَاللّهُ غَالِبٌ عَلَى أَمْرِهِ وَلَكِنَّ أَكْثَرَ النَّاسِ لاَ يَعْلَمُونَ

    calligraphyer@yahoo.com


    تابع كل ماهو جديد



  2. #2
    عضو متميز
    صور رمزية Nour.Ah
    تاريخ التسجيل
    Dec 2009
    المنطقة
    سوريا
    العمر
    24
    ردود
    1,770
    شكرا لك اخي شكلك امضيت وقت كبير بالكتابة هه يعطيك العافية وبانتظار الجز الثاني
    ((وقل رب زدني علما))

    التاريخ ليس سوى كذبة متفق عليها !
    (نابليون بونابرت)

    إن لَم تشعُر بتناقُض فيما يدُور حولك فاعلم أنّ المسافة التي تُبعِدك عن كوكب الأرض ليست بالقليلة !
    (مارلن كلافر)
    chidory سابقا

  3. #3
    عضو متميز
    صور رمزية منبر الخير
    تاريخ التسجيل
    Jul 2009
    المنطقة
    الفضاء
    ردود
    9,650
    الله يجزيك خير ويحسن أليك ما قرأته قراءة متعمقة الموضوع

    وأحتفظت به

    أن شاء الله نستفيد من المعلومات القيمة فيه ونتابع معك بإذن الله

    جزيل الشكر
    اللَّهُمَّ إنِّي أعُوذُ بِكَ أنْ أُشْرِكَ بِكَ وأنَا أعْلَمُ، وأسْتَغْفِرُكَ لِـمَا لا أعْلَمُ


    ربي اغفر لى ولوالدى وللمؤمنين والمؤمنات والمسلمين والمسلمات الاحياء منهم والاموات

  4. #4
    عضو متميز
    صور رمزية النمر الخطاط
    تاريخ التسجيل
    Oct 2009
    المنطقة
    صندوق الادوات
    ردود
    1,533
    اقتباس الموضوع الأصلي كتب بواسطة chidory معاينة الرد
    شكرا لك اخي شكلك امضيت وقت كبير بالكتابة هه يعطيك العافية وبانتظار الجز الثاني
    كيفك chidory تم تجميع معظم المعلومات وجار ضبط تجهيز البقية بأذن الله


    وَاللّهُ غَالِبٌ عَلَى أَمْرِهِ وَلَكِنَّ أَكْثَرَ النَّاسِ لاَ يَعْلَمُونَ

    calligraphyer@yahoo.com


    تابع كل ماهو جديد


  5. #5
    عضو نشيط
    صور رمزية osama elh
    تاريخ التسجيل
    Mar 2010
    المنطقة
    مصر
    ردود
    433
    جزاك اللله خيرا يا نمر ننتظر المزيد
    Free Web Designer / Instructor

Bookmarks

قوانين الموضوعات

  • لا يمكنك اضافة موضوع جديد
  • لا يمكنك اضافة ردود
  • لا يمكنك اضافة مرفقات
  • لا يمكنك تعديل مشاركاتك
  •  
  • كود BB مفعّل
  • رموز الحالة مفعّل
  • كود [IMG] مفعّل
  • [VIDEO] code is مفعّل
  • كود HTML معطل