‫ﺩﺑﻠﻮﻣﺔ ﺍﻟﺠﺮﺍﻓﻴﻜﺲ‬

‫أساسيات الجرافيكس‬
‫المحاضرة الثانية‬

‫المادة العلمية‬

‫مهندس‪ /‬أحمد ابراهيم‬

 ‫أساسيات الجرافيكس‬ ‫دبلومة الجرافيكس‬

‫‪1‬‬
‫أساسيات الجرافيكس‬

‫أهداف المحاضرة‬
‫•الفرق بين ‪ Raster‬و ‪Vector‬‬
‫• تكوين الصورة‬
‫• معني كلمة ‪Resolution‬‬
‫• ‪Image Size‬‬
‫• أنواع الصور ‪Extensions‬‬
‫• حفظ الصورٍ ‪Save‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫أساسيات الجرافيكس‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫أساسيات الجرافيكس‬

‫تكوين الصورة‬ ‫الفرق بين ‪ Raster‬و ‪Vector‬‬

‫تتكون الصورة من مربعات صغيرة جد ًا تسمي بكسالت ‪Pixels‬‬
‫‪ Raster‬و ‪Vector‬‬
‫‪3‬‬ ‫كل بكسل له لون محدد و مكان محدد في الصورة‬ ‫‪2‬‬
‫كلمتان في غاية األهمية و يجب معرفة معني كل كلمة منهما قبل التعامل مع‬
‫اي برنامج تصميم أو مع الجرافيكس بشكل عام‪.‬‬

‫‪Vector‬‬ ‫‪Raster‬‬ ‫المصطلح‬

‫شكل يتكون من خطوط‬

‫مستقيمة أو منحنية ( ‪) Paths‬‬
‫مرتبطة ببعضها بنقط تحكم‬
‫تعرف بـ ‪Anchor points‬‬
‫و هي ال تتأثر بالتكبير أو‬
‫التصغير و تتميز أشكال‬
‫الـ ‪Vector‬بالحواف الحادة و‬
‫الناعمة ‪.‬‬
‫صورة أو شكل تتكون من‬
‫بكسالت و ترجع جودة الصورة‬
‫للـ ‪Resolution‬و تتأثر الصورة‬
‫الشرح‬
‫عند التكبير أو التصغير و يحدث‬
‫لها تشويه عند تكبيرها عن‬
‫حجمها األصلي‬

‫نموذج‬

‫‪Illustrtor‬‬
‫‪Indesign‬‬ ‫‪Photoshop‬‬ ‫البرامج‬
‫‪Corel draw‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫أساسيات الجرافيكس‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫أساسيات الجرافيكس‬

‫شكل توضيحي للفرق بين صورتين أحدهما دقتها ‪ 72‬والثانية ‪300‬‬

‫معني كلمة ‪Resolution‬‬
‫كلمة ‪ Resolution‬معناها درجة نقاء الصورة‬
‫‪5‬‬ ‫و التعريف العلمي لها هو عدد البكسالت الموجودة في وحدة طول معينة ‪.‬‬ ‫‪4‬‬

‫األرقام الشهيرة في الـ ‪ Resolution‬و استخداماتها ‪.‬‬

‫و فيما يلي مقارنة بين صورتين مختلفتين في الـ ‪Resolution‬‬

‫درجة نقاء أعلي‬ ‫درجة نقاء أقل‬

‫حجم البكسالت أصغر‬ ‫حجم البكسالت أكبر‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫أساسيات الجرافيكس‬ ‫دبلومة الجرافيكس‬ ‫المحاضرة الثانية‬ ‫أساسيات الجرافيكس‬

‫أنواع الصور ‪Extensions‬‬ ‫‪Image size‬‬

‫‪PSD‬‬ ‫من برنامج الفوتوشوب‬
‫‪7‬‬ ‫من قائمة ‪ Image‬نختار االمر ‪Image size‬‬ ‫‪6‬‬
‫هو الملف االصلي للفوتوشوب و يدعم كل أوامر و مميزات برنامج الفوتوشوب‪.‬‬
‫سيظهر لنا هذا الـ ‪ Dialogue box‬و الذي يحتوي علي كل ما يخص الصورة من‬
‫‪jpeg‬‬ ‫مقاس و دقة ‪.‬‬
‫‪Image > Image Size‬‬
‫هو النوع االشهر من الصور و يتعامل معه كل من يتعامل مع الكمبيوتر‬
‫و حتي و ان لم يكن مصمم جرافيكس‬
‫و تتميز بحجم ملف أصغر النها صورة مضغوطة‪.‬‬
‫‪Tiff‬‬
‫من يعمل في الطباعة يعرف قيمة هذا النوع من الصور فهو االفضل علي االطالق‬
‫من حيث الجودة و قابلية كل ماكينات الطباعة للتعامل مع هذا النوع من الصور‬
‫و له كل مميزات ملف الـ ‪PSD‬‬
‫‪PNG‬‬
‫من أفضل الصور للـ ‪ Web‬و يتميز هذا النوع بالحفاظ علي البكسالت الشفافة‪.‬‬

‫‪Gif‬‬

‫يتميز هذا النوع من الصور بانه النوع الوحيد من الصور الذي يدعم الحركة‬ ‫سؤال هام جدا ‪:‬‬
‫‪animation‬‬ ‫هل نستطيع تغيير دقة الصورة ‪ Resolution‬من ‪ 72‬الي ‪ 300‬؟؟؟‬

‫في الجدول التالي سنشرح بالتفصيل مميزات و عيوب كل نوع من التي سبق ذكرها‪.‬‬

‫سيقوم المحاضر بشرح مفصل لـ ‪Image size‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬ ‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬ ‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬
 ‫‪8‬‬

‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬

‫أساسيات الجرافيكس‬

‫نوع الملف‬
‫‪Gif‬‬ ‫‪PNG‬‬ ‫‪Tiff‬‬ ‫‪jpeg‬‬ ‫‪PSD‬‬
‫‪Extension‬‬
‫المحاضرة الثانية‬

‫‪ .1‬درجة نقاءه =‬
‫درجة نقاء الـ ‪PSD‬‬ ‫‪ .1‬هو الملف‬
‫‪ .1‬حجمه صغير‬ ‫‪ .1‬صورة مسطحة‬
‫‪.1‬حجمه صغير جد ًا‬ ‫‪ .2‬وجود بكسالت‬ ‫االصلي للبرنامج‬
‫‪ .2‬يحافظ علي‬ ‫‪ .2‬حجمه صغير‬
‫‪ .2‬الملف الوحيد‬ ‫شفافة‬ ‫‪ .2‬يحتوي علي‬
‫البكسالت الشفافة‬ ‫‪ .3‬يحافظ علي‬ ‫الميزات‬
‫الذي يدعم الحركة‬ ‫‪ .3‬كل مكن‬ ‫‪ layers‬طبقات‬
‫‪ .3‬من افضل انواع‬ ‫تدريجات االلوان‬
‫‪animation‬‬ ‫الطباعة يقبله‬ ‫‪ .3‬درجة نقاءه‬
‫الصور للـ ‪Web‬‬ ‫في الصورة‬
‫‪ .4‬يحتوي علي‬ ‫عالية جد ًا‬
‫طبقات ‪Layers‬‬
‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬
‫درجة نقاءه اقل درجة نقاءه قليلة‬ ‫‪ .1‬درجة نقاءه أقل‬
‫من ‪ PSD‬و نتيجته خصوص ًا مع الصور‬ ‫‪ .1‬حجمه كبير‬ ‫من الـ ‪Psd‬‬ ‫‪ .1‬حجمه كبير‬
‫العيوب‬
‫التي تحتوي علي‬ ‫غير جيدة في‬ ‫نسبي ًا‬ ‫‪ .2‬ال يوجد به‬ ‫نسبي ًا‬
‫تدريجات لونية‬ ‫الطباعة‬ ‫بكسالت شفافة‬
‫نختار من قائمة ‪ File‬االمر ‪Save as‬‬
‫سيظهر لنا هذا الـ ‪ Dialogue box‬و التي سنحدد من خالله نوع الملف الذي‬
‫في برنامج الفوتوشوب‬

‫سنحفظ به التصميم‬

‫جميع حقوق الطبع و الملكية الفكرية محفوظة لشركة ‪ITC‬‬

‫حفظ الصور ‪Save‬‬

‫أبراج الفالكون ‪ -‬عجمان ‪-‬االمارات العربية المتحدة‬

‫دبلومة الجرافيكس‬

‫نحدد نوع الملف الذي‬

‫سنحفظ به التصميم‬
‫أساسيات الجرافيكس‬

‫‪9‬‬