ByDr. Mohamed Kazim Khalil

Basic definitions summary

Computer Graphics

Contents

• Computer Graphics

• 2D graphics

• Raster Graphics

• Vector Graphics

• Pixel

• Additive Primary Colors

• Additive Secondary Colors

• Subtractive Primaries

• Three-Dimensional (3D) Computer Graphics

• Computer Animation

Computer Graphics

• Computer Graphics is concerned with the generation and ma

manipulation with images.

• Computer Graphics concept refers to graphics created by

computers and the representation and manipulation of pictorial

data by a computer.

• It also includes the hardware and software systems used to make

these images.•. الصور مع والتعامل بتوليد بالحاسب الرسم علم يهتم

• / باستخدام المولدة المنشأة الصور إلى بشير بالحاسب الرسم مفهوم

باستخدام المصورة البيانات ومعالجة وتمثيل اآللى الحاسب

الحاسب.

البرمجية • واألنظمة المادية المكونات المفهوم ذلك أيًض1ا ويتًضمن

. الصور تلك لعمل المستخدمة

2D graphics

• 2D computer graphics is the computer-based generation of digital

images, mostly from two-dimensional models (such as 2D

geometric models, text, and digital images) and by techniques

specific to them.

• 2D computer graphics are usually split into the two categories of

graphics (Vector and Raster). 2D shapes is like (circles, squares,

triangles, ovals…etc).على • قائم توليد هو اآللى الحاسب باستخدام األبعاد الثنائى الرسم

) مثل األبعاد ثنائية نماذج من الغالب فى الرقمية للصور الحاسب

( ومن الرقمية والصور والنصوص، األبعاد، ثنائية الهندسية النماذج

. لها مخصصة تقنيات خالل

نوعين • إلى الحاسب باستخدام األبعاد الثنائى الرسم ينقسم وعادة

مثل). Rasterوالنقطى Vectorالمتجهى( األبعادة الثنائية األشكال

.( ... الخ( البيًضاوية األشكال المثلثات، المربعات، الدوائر،

Raster Graphics

• Raster graphic -also called "Bitmap" graphics- is a picture that is

made from a lot of small square shapes that have color and

position related info, and which are referred to as pixel or dot.

• Raster Graphic is the representation of images as an array of

pixels, and is used for the representation of photographic images.

• Raster graphic is stored as a series of color values in a grid, in

other words, as a collection of pixels.• - أيًض1ا عليها يطلق والذى النقطى عن- Bitmapالرسم عبارة هو

عن معلومات وتتًضمن صغيرة مستطيالت مجموعة من مكونة صورةبيكسل أو كنقطة إليها يشار والتى وموضعها، .dots or pixelلونها

وتستخدم • النقط، من كمصفوفة للصورة تمثيل هو النقطى الرسم. الفوتوغرافية الصور لتمثيل

اللونية، • القيم من كسلسلة جدول فى النقطى الرسم تمثيل يتمالنقاط من كمجموعة آخر .pixelsوبمعنى

Vector Graphics

• Vector graphic consists of encoding information about shapes and

colors that comprise the image, which can allow for more

flexibility in rendering.

• A vector graphic uses math to draw shapes using points, lines and

curves.

• So, vector graphic has the ability to enlarge without losing quality,

but limited color detail.األشكال • عن مكودة أو مرمزة معلومات من المتجهى الرسم يتكون

مرونة تعطى أن يمكن والتى الصورة، وتكون تشكل التى واأللوان

عرضها أو رسمها إعادة فى .renderingأعلى

باستخدام • األشكال رسم فى الحساب النقطى الرسم ويستخدم

. والمنحنيات والخطوط النقط

أن • دون الصورة تكبير على القدرة لديه المتجهى الرسم فإن ولذا،

. األلوان من محدودة بتفصايل لكن كفاءتها، تفقد

Pixel

• A pixel (or picture element) is a single point in a raster image.

• Pixels are placed on a regular 2-dimensional grid, and are often

represented using dots or squares.

• ( الصورة ( فى واحدة نقطة عن عبارة هى الصورة وحدة أو البيكسل

النقطية.

النقاط • تمثيلها Pixelsتوضع يتم وعادة األبعاد، ثنائية شبكة فى

. المستطيالت أو النقط باستخدام

Additive Primary Colors

• Red, Green and Blue -commonly called RGB- are called the

“Additive Primary Colors”.

• These colors are called additives because you must add/mix the

colors together to create white.

• We obtain other non-primary colors by blending (adding) together

different quantities of Red, Green and Blue light.

• - تسمى ما عادة واألزرق واألخر " RGBاألحمر األلوان- عليها يطلق

." المًضافة األساسية

• / " " مع1ا األلوان مزج إضافة يجب ألنه مًضافة األلوان تلك على Zطلق ي

. األبيض اللون لتكوين

• ( ) إضافة مزج خالل من األولية غير األلوان على الحصول يمكننا

. واألزرق واألخًضر األحمر الًضوء من مع1ا مختلفة كميات

Additive Secondary Colors

• Additive Secondary Colors are produced by mixing two other

additive primary colors together.

• When these additive primary colors are mixed, they produce three

other secondary colors (Cyan, Magenta and Yellow).

من • اثنان مزج خالل من إنتاجها يمكن المًضافة الثانوية األلوان

. مع1ا المًضافة األساسية األلوان

ثانوية • ألوان ثالثة ينتج فإنه المًضافة، األساسية األلوان هذه خلط عند

.( األصفر ( القرمزى، السماوى، هى

Subtractive Primaries

• Subtractive primaries colors depend on mixing the three of (Cyan,

Magenta and Yellow) ink/paint colors.

• Color printer cartridges often contain four colors: Cyan, Magenta,

Yellow, and Black (CMYK).

• / ألوان ثالثة مزج أو خلط على األولية االمتصاص الطرح ألوان تعتمد

.( واألصفر ( واألرجوانى السماوى الحبرية أو الطباعية

ألوان • أربعة على األلوان الطابعات حبارات عبوات تحتوى ما عادة

واألسود( واألصفر واألرجوانى .CMYKالسماوى

Three-Dimensional (3D) Computer Graphics

• 3D graphics are graphics that use a three-dimensional

representation of geometric data that is stored in the computer for

the purposes of performing calculations and rendering 2D images.

• The most common techniques of 3D graphics are more similar to

vector graphics than to raster graphics.

األبعاد • الثالثى التمثيل تستخدم رسوم عن عبارة هى الثالثية الرسوم

تنفيذ لغرض الحاسب فى تخزينها يتم التى الهندسية للبيانات

وتقديم رسم وإعادة .renderingالحسابات األبعاد ثنائية الرسوم

يكون • ما أقرب هى األبعاد ثالثية الرسوم فى شيوع1ا األكثر التقنيات

. النقطية الرسوم إلى منها المتجهة الرسوم إلى

Computer Animation

• To "animate" is literally "to give life to". "Animating" is moving

something which can't move itself.

• Animation adds to graphics the dimension of time which increases

the amount of information which can be transmitted.

•" ". animateكلمة " ومصطلح" حياة الشىء تعطي أن 1ا لغوي تعنى

"Animating. بنفسه" التحرك يستطيع ال ما شىء تحرك أن هو

كمية • من يزيد والذى الزمان فى بعد1ا للرسوم تعطى الحركة

. نقلها يمكن التى المعلومات

وبالله التوفيقوبالله التوفيق