السلام عليكم نبدأ ان شاء الله مساقلة هو تحريص صوت
و صورة بس يعني هنبدأ شغل ملخص بسيط في اللي حكيناها
المحاضرة اللي فاتت اللي هي أول محاضرة و نكمل
محاضرة اليوم، ماشي؟عشان نشوف الموضوع حكينا هنتكلم
على بعض التعريفات اللي هي ال image و ال digital
image ال raster ال vector ال image editing و
اتكلمنا بشكل سريع او مفصل ايش تعريف معنى كلمة
image حكينا انه مثلا ال image تحمل معنى يعني اما
ال image الطبيعية او ال imageاللي هي الرقمية،
تمام؟ وحكينا إن ال analog image ممكن تبقى 2D أو
تبقى 3D، صح ولا لأ؟ وحكينا برضه شغلة إنه غالبا
الصور الفوتографيةاللي احنا بناخدها عن طريق جوال
او كاميرا تعتبر 2D الصور 3D حكينا فيها انه بتكون
اما شكل تمثال انت بتشوفيه بتلف حواليه بالوضع
الطبيعي مثلا او بتكون صورة hologram او اللي هي
صورة ثلاثية الأبعاد هذا بيسموها ايه الصور 3D لكن
احنا معظم شغلنا او الكلام اللي راح نتكلم عليه هو
صور من ال 2Dوحكي عن أن أشكال الصور ممكن تيجي على
شكل map على شكل graph على شكل pie chart أو
abstract painting بسم مجرد يعني وقولنا أنهحيث ال
.. ال .. الصورة تبعتي بتطلع إما بشكل يعني أنا
هنتجها أو هيطلع النتج معايا إما بشكل يدوي manual
أو إما باستخدام أحد درامج الحاسوب أو الكمبيوتر،
تمام؟ ف manual إنتي بترسمي، بتلوني، بتنحتي بإيداكي
أما ببرانج الكمبيوتر فأنا ممكن أستخدم الطابعة عشان
أطلع الصورة هاي، أعملها printing أو أني أستعمل أي
computer graphic program أو software عشان أنا أرسم
الصورة من الأول أو أعدل عليها، تمام؟واتكلمنا على
مصطلح اللي هو ال moving image وحكينا كلمة moving
image صورة متحركة مش يعني أن أنا الصورة بمسيكها و
بحركها، لأ أنا الصورة فيها أكتر من شكلفي نفس ال
position لكن مع تكرارها ورا بعض بالأشكال .. بال
positions المختلفة بتبين كأنه إيش متحركة فطلعت في
الآخر كمصطلح moving image يطلق على اللي هو الفيلم
أو الفيديو أو اللي هي ممكن تبقى تاخد منها صورة هي
أساسها image static image يعني image ثابتةواضح؟
لكن لما إيجينا حطينا صورة و لا صورة زي ما حكينا
المثال من الفاتر واحد برسم و في نفس المكان رسم
تلبس مثلا و بس غيرنا مكان الإيد مرة تحت مرة فوق
مرة كذا هتصير لما تفتح الصفحات اللي .. اللي ..
اللي .. رسمتيها ورا بعض بتبين كإنه الإيد اسمها
تطلع و بتنزلبتحط الفكرة وحكينا برضه شغلة انه طبعا
طبيعي التخزين ال moving image مش زي ما بيخزن اللي
هو ال single image او ال static image اللي هي هذه
الطريقة او هذه طريقة تانية وقفناها احنا المرة اللي
فاتت او المحاضرة اللي فاتت وحكينا عن بشكل اخر ان
ال digital image
إن ال digital image are electronic snapshots taken
of scenes or scanned from documents يعني الآن
بنحكي على ال digital مش ال analog image ال digital
image هي اللي هستخدم طريقة معينة أني أحولها لصورة
رقمية كيف أحولها لصورة رقمية؟ ممكن أكون photo
مسكتها في إيدي بس مش رقمية ممكن أعمللها scanورق أو
كتاب أو شغل أعملله scan فبتحول ل PDF بتحول ل GBG
بتحول لأي نوع من أنواع ال images بس صارت رقمية
بقدر استفيد منها في إيش في التخزين في التعديل أعمل
copies منها قد ما بدي أرسلها عبر ال email أحطها
على website وان ما بدي بقدر إيش أتعامل معاها بشكل
رقمي
زي ال .. زي ما حكينا اللي هو صور ال photographs و
ال manuscripts اللي هو الخرايط طبعتنا أو المخططات
ال printed text النصوص المطبوعة و أن كان أول طريقة
يحاولوا فيها الكتب لشكلها الرقمي كانوا يعملوها
scan خصوصا الكتب القديمةوصار في عنا بعد هي كناس
تقعد تطبع فيها، تمسكها و ترجع تكتبها من أول و جديد
عشان تتحول الاش لشكلها الرقمي بس صار عنا .. إيش
الفرق بين ال scanned book و ما بين الكتابة؟ ال
scanned book الصورة باخدها مثل ما هي، يعني صعب أخد
النص منهاإلا إذا حد عمل برنامج عشان يقدر ياخد ال
text اللي موجود في هذا الصورة، ماشي؟ لكن ال typing
text اللي أنا كتبته، هبقدر أعد .. أخليه عريض،
أخليه أسود، أحمر، أبيض، أجيبه يمين، أجيبه شمال،
فهمتوا إيش الفكرة؟ في ال editing صار عندنا حرية في
التعامل مع هذا النصوحكينا شغلة كمان عن ال digital
image انه صار عشان يقدروا يشتغلوا عليها في
الكمبيوتر أو بشكل رقمي مثلوها بإيش؟ ب ال matrix أو
اللي هي المظلوفة أو بيسموها ال map أو بيسموها ال
bit map تمام؟ سموها إيش؟ ال bit mapأو بنقول عنها
matrix احنا التمثيل يعني تبعها في ال programs او
في ال computer هو ال matrix لإن احنا الصورة ما
بنعملها دورة في الغالب مستطيلة يا بالعرض يا بالطول
فهمتوا كيف؟ فصار فيه أن التمثيل الصورة بالشكل
المصفوفة وصارت كلخلية في هذه الـ matrix مخزن فيها
بيانات طبعا البيانات اللي هنخزنها هان هي بتعبر عن
مكونات الصورة فهي أصغر عنصر في الصورة بيقولوا انه
dotتمام؟ و بنقول عنه احنا pixel يعني سواء قلتي عنه
dot او سواء تقولي عنه pixel نفس الاشي يعني المصطلح
مبدأي يعني بشكل عام نفس المعنى بس بيستخدموا ال dot
لما نيجي يقولوا dot per pixel عشان يحكوا عن ال
resolution فهمتوا كيف؟ كلمة dot عشان يقولوا عن ال
resolution بس احنا فعليا أصغر عنصر موجود في الصورة
هو مين ال pixel فاتكلمنا برضه أن ال pixel هذه اللي
هي أصغر عنصراللي موجودة هنا ممكن يكون حجمه one bit
ال size تبعت ال pixel هاي size of pixel ممكن تكون
ايش؟ one bit ممكن تبقى eight bits ممكن تبقى اربع و
عشرين bits ممكن تبقى اتنين و تلاتين ممكن تبقى
تمانية و اربعينلكل pixel فمتوا كيف؟ لكل pixel ايش
اللي بنتكلم فيه هذا اللي هو ال bit depth اللي
هو ايش ال bit depth اللي هو طول يعني مين ال word
اللي بتخزن فيها البيانات ماشي فلو كانت bit واحدة
هنخزن فيها إيش؟ يا صفر يا واحد فهمتوا كده؟ فاشا
بيعطيني black and white أسود وأبيض بس احنا اتفقنا
برضه المرة اللي فاتت أنه أنا فش عندي حاجة اسمها بت
أو يعني ال word تبعتي مش مطولهاش بت طولها و و اللي
هي bite فبنخزن احنا صفر و واحد أه بس بقيت ال bite
أه بنحط صفار فإحنا عنا يا صفر يا واحد تمام؟ أو
هيبص بالعكس على الفرق يعني يا صفر يا واحد تمام؟ و
باقية ال bit هيخزنها
zero فهو في الأول و في الآخر هيكون حجم ال pixel
one byte يعني تمانية bit لكن فعليا أخاف من انا ..
يعني لما اخزن هدول أكونهم صفار أخاف من ان انا
أخزنهم واحدات و صفار فهمتوا؟ و حجم البيانات بيكون
أخف التمانية bit
ما هو اتنين تلاتة اربع خمسة ستة سبعة هاي تمانية
تمانية بت هيخزني اما كلهم zeros لحد لما نوصل لمين
لل ones طبعا قداش عددهم اتنين قص تمانية هيكون ان
انا عايش اتنين قص تملو بطني اكملهم ايوة بيعطيني
متين و ستة و خمسين colorهدول 256 color إذا انا
اعتمدتهم كلهم لون واحد شوف التمانية بت كلهم لون
واحد هيقيني إيش؟ gray بال scale تمام؟ لكن إذا
قسمناهم اعتمدت إن والله اتنين لل red و تلاتة مثلا
زي ما قلنا معاها لل green و اتنين لل blue و واحد
لل transparencyأه فبتصير هيك الصورة إيش مالها
additive إيش يعني additive؟ يعني قداش أخدنا من ال
red على قداش أخدنا من ال green على قداش أخدنا من
ال blue وعطانا لون خليط فبيطلع من لون فهمتوا عليا؟
فكيف أنا اتعاملت مع التمانية بيت هدون بيعطيني ال
color يا إما grayish kid يا إما هتكون colored أو
RGB بهذه الطريقة إذا أحنا قسمناهم هيعطينا علي إنها
إيش RGB image
اللي هم ال mode تبعون الصورة يا black and white يا
gray scale يا إما RGB color ماشي؟ طبعا ال 24 bit
RGBممكن يكونوا gray بس في ال gray هيحولهم من 24
هيخلينهم قداش ل 8 bit هحولهم قداش ل 8 bit و 32
كمان colored و ال 88 كمان colored بس في ال 24 هذا
ان شاء الله اللي قدامي كمان اللي احنا كلكم بتعرفوه
ال 24 ايش مقسم عندنا؟ عندنا واحد byte لل red واحد
byte لل green واحد byte لل blue فش transparencyفي
ال 24 bit تمام؟ فهنا عندنا 8 bit كاملين لل red و 8
bit كاملين لل green و 8 bit كاملين لمين؟ لالي blue
يبقى قداش عدد الألوان اللي بقدر أعملها؟ من ال 24؟
ليه 2 أُس 24؟ اللي هو قدش بتطلع؟2 أقصد 24 تقريبا
اللي هو الرقم اللي أنا ذاكره له 16 مليون كلر و
سبعمية و حاجة يعني 76 أظن و رقم يعني عدد كبير مش
بسيط الرقم اللي موجودة ماشي بس هذه ال 24 bit مافيش
فيها transparency فهذه ال 24 هنشوفها ان شاء الله
اليوم هتكون لمين لل GBG image لل GBG
image طب و الاربع و عشرين لمين؟
للجف الاربع و عشرين هذه لمين؟ للجفأو نوع الصورة
بخزنها إيه؟ يعني واحدة قالت طب يا ربي بنفعش أنا
أخزن تمانية pet GPG؟ بنفع أنا بغير ال pet بتاعها
من 24 لقداش ل تمانية فبتصير نوعها GPG لكن
مابتقدريش تتحكم فيها بال transparency لأن ال GPG
مافيها transparency الجف اللي فيها transparency
وفيها animation وفيها الكلام هذاصح ولا لأ؟ واضح؟
فانا الحكي هذا يعني بالان على حجم ال pixel او ال
bed بتتبع ال pixel اما بتطلع عند الصورة أبيض و
أسود اما بتطلع grey اما بتطلع ملونة بحسب ال width
تبعها طبعا كلهم بيبينوا انها زي ما اتفقنا بقاش بال
binary احنا اللي بنشوفه 255 و 255 بال decimal
فهمتوا كيف؟ لكن هي فعليا بتتخزن بال binaryطيب يبقى
ال digital image اشمالها is a numeric
representation تمام normally binary of a 2D image
غالبا هي اصلا 2D depending on whether the image
resolution is fixed تعتمد على ثبات ال resolution
نسبة ثبات ال resolution طب ايش يعني نسبة ثبات ال
resolution؟ يعني انا لو كبرت الصورة ماشوفش ال
pixelبتضالها واضحة طب انا مش كل ال .. مش كل ال
image لما انا أكبر الصورة بيبينش فيها ال pixel
معظم الصور اللي انا بكبرها بتبين ال pixel تكون
pixelation صح؟ طيب مين الصور اللي انا بكبرها
بتبينش ال pixel؟ ال vector يبقى بناء على ال fixed
represent اللي هو ايش؟resolution فانا ال vector ال
resolution طبعتها ثابتة كبرتي زغرتي ثابت لكن ال
raster او ال pixels image تمام هذه هي اللي ممكن
لما اكبر و ازغر يبين فيها ال pixel حجم ال pixel
تبعنا اياش يصير اكبر يبقى بناء انا على مقدار ثبات
ال resolution روح صنفليها اما ل vectorوإما لمن؟ ل
Raster Type طبعا كلمة Raster Type هي الـ Dot Image
أو ال Pixel Image باشي؟ طيب أو أي إنه مصطرح اللي
هو ال Digital Image بشكل عام لما بيجي بيحكوا
Digital Image وما بالأول و بالآخر، بتكلموا عن صورة
من نوع Rasterمش vector يعني هذا مصطلح يعني مصحوب
لما أجي أنا أسمع digital image على طول بروح فكره
العالمين على ال raster image أو بيسموها مين هي ال
bitmap image التلات مصطلحات كلهم هدولة بيحكوا في
نفسالموضوع طبعا هي انا عندنا مثال لل vector او كيف
اعرف الصورة هذي vector او مش vector لو انا اتيت
اتكبرت شوية او اخدت عينة هتلاقي ان هذا ال line
ماشي line عادي مافي اي تكسير لكن هذه لما تيجي
تكبريها هتلاقي ايش ال pixels هي هنبينها واضح؟
فبتعرف مع ان ال تن تن يعني من بعيد مش هنبينين
برسمية بدقة عالية يعني لكن هتلاقي انه بس أخد عينة
بسيطة هل .. اذا فش تكسير هتكون هي vector اذا فى
تكسير هتعرف انه هي raster image طب بس هيك انا بعرف
ال raster من ال vector هل هذه الطريقة الوحيدة انا
بقدر اعرفها؟ فى عندى طريقة تانية امتداد الملفصح
ولا لأ؟ ال format يعني ال format تبعت الصورة هي
بقدر من خلالها أعرف هل هذي raster ولا vector طبعا
هذا بيجي من وين؟ مع المطالع، مع الممارسة، مع
الخبرة تبعتك بصير تعرفي هل بيشتغل هذا vector ولا
بيشتغل .. يعني نوع الصورة، هل vector ولا لا؟ طب في
صور ممكن تكون فيها vector و raster في نفس الوقت؟
ممكن فهمتوا كده؟ طب إيش هتطلع الصنوعة؟
بيكون فيها vector و rasterيا جف يا جي بي جي يعني
في الآخر الجف والجي بي جي هم راستر عرفتوا عليا؟
الجف والجي بي جي هيكونوا إيش؟ راستر image خلّيني
أشوف طيب ال flash إيش بيشتغل؟ إشتغلتوا على برنامج
ال flash؟ إيش بيشتغل ال flash؟ vector
lines صح؟ بيشتغل vector طب و الفوتوشوب بيكسل و
فيها vector صح؟ ال pen tool صح ولا لأ؟ فأنا .. لكن
معظم شغل ال .. ال .. ال Photoshop راستر لكن ال
flash معظم شغله vector حتى مابتيجي بدك تدخل صورة
راستر عليه عشان يعرفيش و يقولك حولي ليها vector
shapeفهمتوا كيف؟ لما تحول من shape ل shape و
الكلام هذا، بيقولك حولي ليها vector لأنه بيشتغل
vector، وضعت الفكرةطيب فنيجي نتكلم هلأ الـ Raster
image بقولّي الـ Raster image have a finite set of
digital values عنده قيم مش نهائية يعني قيم منتهية
من القيم الرقمية مش لا نهائية okay cold picture
elements or بنسميها ال pixel ال digital image
contains fixed number of rows and columns هد من
الخصائص تبعت مين؟ ال Raster image طبعاً عدد محدد
من الصفوف و من مين؟ الأعمدةالـ pixels are the
smallest individual elements واضحة اصغر قيمة
individual ايش يعني individual مستقل يعني ال pixel
هي مالهاش دخل بال pixel اللي جنبها قيمتها مش
متعلقة بالقيمة اللي جنبها فهمتوا كيف؟ طيب او
بيسموهاdiscrete منفصلة قيمة إيش منفصلة holding a
quantized value that represents the brightness of
a given color at any specific point مرت معاكوا
كلمة quantize؟ بال audio أو بال .. إيش معناها؟ إيش
بتعمل كلمة quantize؟ حصر للقيم حصر للقيم؟ طب أنا
ليش بده أحصل القيم؟
أقل الحاجة حسب عدد الألوان، يعني أنا مثلا صورة
تمانية بت بتشتغلفهمتوا كيف؟ maximum color إيش هو؟
255 صح؟ طب أنا ممكن واحد لما أجي أجمع أداش ال red
و أداش ال green و أداش ال blue مش additive بدي
أجمع هذا الرقم مع هذا الرقم مع هذا الرقم ممكن يطلع
لرقم 300 طب أنا عندي color اسمه 300 في التمانية
بيت يبقى أنا إذا طلع عدد أكتر من ال 255 فهو ال 255
فاهمتوا إيش quantization؟ يعني أنا بحصرها في
الحدود تبعت من صفر ل 255 طب تنقل لرقم سالب ماعناش
ثوالب، مظبوط؟ فاللي أقايمه صفر يحتبه الصفر فاهمتوا
قالها؟ طب عينا ندد عشرية؟ماعناش عضلاش، مافيش عندي
color اسمه خمسة و نص، عندي color خمسة، color ستة
أو حتى في الصوت اللي هو ال sample، أنا sample
خمسة، sample ألف، sample ميتين، digital، صح ولا
لأ؟ ماعندي sample خمسة و نص، فلأنه أنا بستخدمش
كمان أعداد عشرية، ففي عندي quantizednumber ال
quantized number هذا إيش ماله؟ يا إي من صفر لحد ال
205 أخضر و الله كنت بين الخمسة و الستة يا إما
بيعمل truncate يا إما بيعمل إيش rounded يعني يا
بتخليها خمسة حسب ال system يا بخليها خمسة يا
بخليها ستة فهمتوا كيف ال quantized يعني؟ إيش
معناها؟ عشان نضلنا في داخل ال range تبع الأعداد
الصحيحةطبعا كل color بيعبر عن كمية الإضاءة كل رقم
بنحط في ال pixel بيعبر عن كمية الإضاءة في الأول
وفي الآخر الأصفر و الأحمر و الأخضر و الأزرق اللي
طالعين معانا قداش نسبة إضاءة في هذا ال pixel والله
إذا الإضاءة عالية مع الخليط من الألوان بيبين color
معين نسبة إضاءة قليلة بتبين color تاني و هكذا طيب
يبقى أنواع ال raster image زي ما لخصناهم هان إحنا
أنواع ال raster image ممكن تبقى binary إيش يعني
binary؟ يا zero يا one يعني إيش؟ يا black يا white
فهمتوا إيش الفكرة؟ طيب ف binary is a digital image
that has only two possible values for each pixel
اللي هم الصفر و الواحد مش غيرهمبتطلع صورة إيش أبيض
و أسود ممكن يكون نوعها من الميني gray scale درجات
اللون رمادي is an image in which the value of each
pixel is a single sample كل واحدة عبارة عن sample
كاملة it carries only intensity information يعني
كل التمانية bit هدول أو اللي هم ال gray scale ال
pixel نفسه كلها بتعبر عن color واحد مش ثلاث color
فبتوا كيف؟ كلها التمانية بتبتعبر عن مين؟ عن color؟
واحد ال color image is a digital image that
includes color information for each pixel وكل
pixel عبارة عن three additive colors، هو ال red و
ال green و ال blue، واضح؟طيب، هاي عندنا مثال طبعاً
للـ raster image هذه صورة أبيض وأسود وهذه صورة
حولناها ل grey scale وهذه صورة كانت عايش بالmod
اللي هو ال RGB التلاتة نفس ال issue غيرنا بس ال
mod color تبعها طبعا أنا لما بغير ال mod colorيا
إما بزيث حجم الصورة، يا بنقص صح ولا لأ؟ لإنه إحنا
لما أشتغل أنا على one pet نفترض يعني one pet لو
تقولي one one one one هي بقى حجمها إذا هي عشرة في
عشرة و هي .. نفترض يعني ن بت بت فعشرة يعني عندنا
ميت بت ماشي؟ لكن إحنا عارفين إنه هي أصل تمانية بت
يعني تتخزن لكن لما بدأ أشتغل على تمانية pet أضرب 8
في 100 تطلع عندك 800لما بدكتيش تشتغل على 24 بيت
لكل بيكسل اضربي ال 100 في ال 24 في 2400 فحجم
الصورة ايش معله بيكبر طيب
بالنسبة لل vector ايش ال vector اللي هي vector
image resulted from mathematical
geometry يعني جاية من عملية رياضية أو عملية
حسابية، إيش عن عملية حسابية؟ أنا بقاش برسم مستطيل،
كيف برسم مستطيل رياضيا؟بتبقى الطول والعرض يعني لما
أجي أرسم مستطيل أنا بقاشي بقوله قداش X و قداش Y صح
ولا لأ؟ مظبوط فبدك تحدديله mathematically قداش
الطول و قداش العرض و كمان شغل عنا في الكمبيوتر بده
يعرفها نقطة البداية صح؟ لازم تقوليله قداش X واحد
او X نوت و Y نوت مظبوط؟ اللي هي الصفر و الصفر أول
من وين بدأتي؟و بناء على كم بدى يرسم اذا انت قلتيله
و الله عرضه ستة بيجمع ستة لل position اللى انت
اعطيه لل X node و بيجمع سبعة اذا قدّيت لل Y سبعة
مثلا لل Y node و بيرسم المستطيل طبعا احنا فعليا
نشبرهم لإن نمسك ال mouse و بنرسم صح؟ فهو لكن
بيحسبهابناء على العملية الرياضية وإن في ال
Photoshop أنا ممكن أجي أرسم إما أحوله ل Raster
الشكل اللي مصوم أو يكون vector اللي هو shape إذا
بتختاري shape مثل ما هو رسمتي لما بيجي معاكي mask
ك block معاه هذا vector بتلاقي حتى ما أخد مكان حي
زيكى في أسفل الصفحة لما تيشي كله بتحرك مع بعضه لكن
لما أحوله ل Raster أو أحوله ل Pixelبتلاقي المستطيل
اللي مانأحركه بتحرك كل .. هو نفسه بتحرك من مكان
لمكان مش كل الصفحة بتتحرك لإنه في ال vector ارتفن
في مكان معين فهمتوا أيه؟ طيب ال mathematical terms
a vector consists of a point يعني بشكل رياضي ال
vector أو المتجه يعني عبارة عن مجموع من النقاطنقطة
بداية و نقطة نهاية و إليها إيش؟ اتجاه إليها إيه؟
إليها اتجاه زي شعار مش ال vector شعار يعني أنا
الشعار اللي بيبدأ من هذه النقطة و ماشي هيك هذه ألف
وهذه با صح؟ لكن في شعار تاني ألف با لكن ماشي
بالاتجاه العكسي ألف بافانا ممكن اقسم من يمين لشمال
او من شمال ليمين او من تحت لفوق او من فوق لتحت
مضحكة الفكرة فانا اي vector بس ومع مباراة عن نقاط
مجموعة من النقاط الها نقطة بداية ونقطة نهاية و
الها ايش اتجاه تحدد مين انت مشيت في عملية الرسم و
الها مين length الها direction هي بص الها شغل تاني
direction و الها مين lengthأو عرض يعني بمعنى آخر
وقالها مين اتجاه both raster and vector elements
will be combined in one image اتنين ممكن نجمعهم
ايه؟ في صورة واحدة نرسم vector ونرسم مين صورة او
raster image زي ايش مثلا؟ زي ايش ممكن يكون عند
vector و raster في نفس الوقت؟ ايش مثال؟
مثال بسيط صورة فيها راسر وفيها vector زي إيش؟ صورة
مكتوب عليها نص باختصار طب لما ترسمي صورة جابا صورة
غيمة ولا صورة جبل ولا صورة حاجة وروحتي جيبتي ال
text وكتبتيه ال text أساسا إيش ماله؟ vectorفهمتوا
كيف؟ ال text vector والصورة راستر صارت أشعر أنها
راستر مع vector لكن هتخزنها قلنا إما jpg أو جف أو
كذا ففي الآخر بتطلع إشمالها راستر image بشكل عام
طيب فهي مثلا معطيكي example in the case of
billboard لوحة اللي هي الكتابة تمام with text لو
كتبت أي نص من لوحة المفاتيح تعتبر vectorو لو حطيت
أي photograph أي صورة في الخلفية أو جنبها أو أين
ما بديك تحطيها فهي تعتبر اشمالها راستر و اتنين
صاروا ايه؟ مع بعض لأ
لأ راستر بتتخذها بتخزنيها جيف جي بي جي حسب ايش نوع
ال format اللي بتخزنيها بس يعني انا لما بحط
photograph غالبا .. غالبا هتنحط راسترفي ال .. ال
flash إذا إنتي اعتبرتيه حراستر طيب بتبقى حراستر
لكن إذا حولتيها ل vector بتصير كل الصورة vector
فهمتي كيف؟ حسب يعني حسب كيف بتخزنيها نيجي نحكي على
ال image editing إيش يعني image editing؟افهمنا او
صار يعني شبه واضح او صار معروف ان ايش يعني editing
تحرير يا بقص بعدل بلول بغير ب .. بحط فلاتر بطلع
الصورة بفتح بغمق هذا بسميه editing باستخدام ال
tool اللي موجودة على البرامج صح ولا لأ؟ طيب بنفع
نعمل هذا الحكي manual؟
كيف؟ اه بنفع نعمله manual؟
أيش بسوي؟ بجيب مقص و بقص، صح؟ بجيب فرشاية، بغمق و
بفتح بالألوان، صح ولا لأ؟ بجيب أوالب مثلا، ع شكل
القلب، ع شكل الدائرة و بقص المعظم اللي أنا بديها،
صح؟ بدي أفتح، ممكن أجيب شفافة أو لون تاني و أحط
عليها و يطلع يخفف من اللون اللي موجود، أيش ما
بديكي بتعملي، بتلمعيها، بتزوقيها، بتحطيها إطار،
بتعمليش ما أنتي عايزة، مظبوط؟فممكن عملية ال
editing يا بنات هي يعني أسلوب قديمtraditional
analog image editing is known as photo retouching
يعني إيه المصطلح التقليدي اللي هو اللي هي اللمسات
بتيجي تحط اللمسات الأخيرة يعني واحد بيدهن الحيط
بيدهنها بس هي كفي واحد بيعمل شوية فنيات بتلاقي راح
جاب صور علّقها حط شوية برق حط مش عارفة نجوم واضح؟
فهذا بيسموه photo retouching اللمسات الأخيرة أو
نهائية عالميا على الصورةفبشكل تقليدي أو متعرف عليه
من ناحية analog image، الصور الطبيعية يعني، واحد
برسم صورة على لوحة، ع شغلها، بيحاول إيش، يرتبها
ويزوّها ويطلعها بشكل أفضل وأحلى، فبسموها اللمسات
الأخيرة، هي ال photo retouching using tools، برضه
بستعمل أدوات، يعني اللي بنحت جرة ولا بيعمل كباية
أزاز ولا ..بيعملها بس بده يلونها بيحطلها شوية أزرق
أو على الحواف أحمر أو رسم عليها بالزخرفة أو شغلة
فبده tool بده أدوات يقدر يستخدمها عشان يطلع
العينات بشكل جميل أو اللي بيشتغلوا صوان الانحاس
والالمونيوم وشغل .. فيهم أدوات مصمار عريض ورفيع
ومربع صح ولا لأ؟ كل واحدة إلها وظيفة يبقى أنا ممكن
manual أعمل editing صح ولا لأ؟زي مثلا هنا بشكل
مبسط هم أعطيكي مثال على ال airbrush، ال airbrush
اللي هي البخاخة هذه، تصير يمسكها تطلع أشكال معينة
مثلا، تتغير من أياش من شكل الصورة، to modify
photographs or editing illustrationswith any
traditional art medium أو إن أستعمل أي أدوات
تقليدية مانشتر مش عارفة سن أنا مصغير دوائر زي اللي
بعلمها في المدارس بجيب دائرة و نقط و بصير أنقط و
أعمل شغلات معينة أي tool أي tool بتستعمليها تعتبر
editing عالميا على ال analog image هذا بشكل manual
طيب بشكل digitalبشكل digital فى عندنا برامج و
البرامج هذه احنا ضربنا مثال بسيط عليها ال
Photoshop و ال إيش و ال flash طبعا هذا المثال كان
فى عندنا برامج و تم ال editing على ال raster و فى
برامج تم ال editing على ال vectorواضح؟ وفي ممكن
أشتغل الشغل تاني يعني فهنا هنفرق في ال .. بين
الاتنين فهيطيني مثلا editing tools أو editing
programs كمثال على ال .. البرامج اللي بتعمل تعديل
على الصور من non-vectorزي انتوا بتاخدوا .. انا مش
عارفة اخدتوا اوتو كاد؟ اه الاوتو كاد ايه شماله؟
vector من الالف لليه vector صح؟ و ال illustrator
شماله؟ vector okay؟اللي بالنسبة للبرامج ..يعني هذا
مثال في مثلا برنامج اسمه ink scap okay وفي برنامج
تاني مثلا اسمه xfig غير اللي احنا بنعرفهم يعني
برامج تانية هدول اسمالهم بيشتغلوا vector و بيعملوا
editing يعني زي ما انتوا شايفين بكبر بصير ال line
هذا اعلي او اطي اظغره اكبره اغير في الشكلندخله
شوية لجوة، نغير لونه، هذي بيسموها editing عالميا
على الـ vector image فالـ graphic software program
which can be proudly grouped into vector graphics
editor هذي يعني من أشهر البرامج أو اللي بتعمل
تعديل على ال vector image طبعا من أنواع ال format
كعينة برضه، أنواع ال format للملفات اللي من نوع
vectorال PDF ال PDF vector ماشي بس ال PDF طبعا
الاختصارات مهمة يعني ال PDF اللي هو Portable
Document Format إيش عن ال portable؟ يعني ممكن
أستعمل في أي مكان سواء على ويندوز و لا على مكنتش،
على لابتوب و لا على ايباد، على مش عارفة نظام 2009
و لا 2010 و لا ويندوز 7 تفتح وين مكان، لإنه بيفتح
ع شكل صورةفهمتوا كيف؟ بيفتح عشان كده صورة عشان
يسموه portable لو انا ال word الفعل مش موجود عندى
و انت نسخة PDF بفتح ال PDF بس لازم يكون طبعا نازل
عندنا ال PDF بال version اللى بديها عشان يقدر يفتح
فال portable document format used to represent
document in a manner independent of application
software يعني بشكل جد بناء بغض النظر عن نوع ال
software اللى موجود عندكماشي؟ او hardware او نوع
الجهاز اللي انت بتشتغلي عليه and operating system
ونظام التشغيل يعني مابفرق معاه لأنه نظام تشغيل ايش
نوعه؟ ولا نوع الجهاز Nokia بصر قداش ولا Samsung
okay ولا laptop ولا بي سي بفرقش معاه نوع ال
hardware ولا بفرق معاه نوع ال software اللي انت
نازل معاكي المهم يكون عندك PDF programs عشان تقدر
يبص تشغلي الملفاتطيب ال EPS طبعا يا بنات في شغلة
مهمة بالنسبة لل vector أن حجمها أقل من حجم ال
raster ليش؟ لأنه احنا ما بعرف .. إذا في عندكوا
فكرة أنه أنا المعلومات اللي بتتخزن في ملف الصورة
نفسها لما ييجي يطلعليها ال metadata يعني تبعت
الصورة بيخزنها ك equation ممكن ياخد أول معلومةأو
XY حسب كيف بدو يخز البيانات وبعد هيك ال equation
اللي بدو يستنتج منها باقية المعلومات فبضطرش يخزن
كل pixel لكن في ال roster مضطر يخزن كل pixel فعشان
هيك صار في عندهم اللي هم ال compressionصار في طرق
عشان أخفف من حجم الملف، ما أحطش كل اللي .. لو بدي
أحط كل البيانات، حجم الملف بيطلع كبير، فراحوا
صاروا يدخلوا في مجال إن أنا أخفف من حجم الصورة
بإني أجمع ال pixels شبع بعض بدل ما أكتبها عشر مرات
أكتبها مرة ولا مرتينفبتخفف حجم الملف فاهمتوا كده؟
فلكن بالأول و بالآخر ال vector الشغل عليه ممكن
يكون شوية متعب أو بيغلب لكن في حجم الملف أخف كتير
من حجم الصور اللي منه ال raster في عنه مثال آخر
اللي هو ال EPS ال EPS هذا encapsulated postscript
كلمة postscript يعني codeبتشوفوا أنتوا ال tools
اللي موجودة في ال .. في البرامج مثلا زي ال
photoshop أو ال flash فيه أنا بعمل pen tool اه ال
pen tool ممكن أرسم منها polygon أو أرسم منها أي
شكل يعني أو بيسموه ال curve صح ولا لأ؟ هدولة انهم
equation مكتوبة في script و اللي بيكتب ال script
هو هذاهو ال EPS برنامج اسمه Encapsulated Post
Script يعني انت لو دورته عليه هتلاقي ان هذا أكواد
كل منظر كل curve او ال point او ال line او مش
عارفة شو لها script ايش يعني script؟ code اه code
مكتوب يعني لو قرأته هتلاقي له بداية و نهاية و كيف
برسم ال curve هذاكيف بيحدد ال anchor تبعته و كيف
بيحدد ال point و كده و كيف بس لو بدي ا .. ا ..
يعني ا .. امسك ال anchor و اعدل فيها ازيحها لفورة
كيف بدي يحرك من ال curve و يغير من شكله ف code
مكتوب ك equation عرفته عليا فهذا برنامج vectorإيش
وظيفته؟ فقط إنه إيش يعمل ال EPS file is a Post
Script Program برنامج بيكتب Post Script يعني لو أي
واحد بده يعمله كمنظر جديد ويعمل معادلة ترسم vector
معين بده يروح عليه يكتبه ويدمجه في ال domain إيش
ال tools على سبيل المثال saved a single file يعني
بتخزن على شكل كل واحد كل شكل يعني أنا مثلا بدي
أرسم lineأو بدأ أرسم كيف هذا بعمله code في ملف
لحالي وهذا بعمله code في ملف لحالي الدائرة بعمللها
code في ملف لحالي فهمتوا كيف؟ that includes a low
resolution preview ال resolution تبعتها أو منخفضة
بمعنى أن أنا برسم line رفيةفهمتوا؟ ال line إيش؟
رفيع مش سميك أو كذا، encapsulated, inside of it
allowing some programs to displayها، إيش بيسمح؟
بيسمح لبرامج أخرىa long sum of programs to display
a preview on the screen بيسمع زي إن ال Photoshop
بيستخدم هدول الملف ملفات ال EPS عشان يظهر هدول
الأشكال أو أتعامل مع هاي الأشكال فهمتوا كيف؟ أو
مثلا ال flash مدقّم ال flash بهاي الملفات عشان
يقدر يستخدم ال curve أو يرسم square أو يرسم circle
وصلت الصورة؟طيب ال WMF بتعرفوله و ال windows media
file او meta file طبعا هذا برنامج الصور اللي بيجي
مع ال windows أساسا originally designed for
microsoft windows ان عمل عشان يشتغل على ال
microsoft windows in the main في ال 1990's windows
meta files are intended to be portable between
applications and may contain both vector graphics
and bitmap ممكن يدعمل عشان يشتغل على أي نظام من
أنظمة الويندوز وممكن يكون فيه شقتين، vector
والراستر
Component it acts in similar manner .. اه وبيشتغل
حاجة اسم .. ماتعنى ال SVG؟ اه ايوه scalable vector
group graphic تمام هدوة برضه من أنواع الملفات ال
vector بس إيش الفكرة في ال SVG؟ إنه إنها code بس
ال code ده بقى حق XML بمعنى إنه ممكن أستعق إيه؟
ماشي انا بكتب ال code وموادك كمان انت بتكتبي و هذا
بس يعني ان ال XML file ممكن اضيفه على اي website
انا اعملها عرفتي كيف؟ تدخلي على ال metadata تبعتها
بال XML file و تقدر تعدلي في البيانات فهي أساسها
يعني كأنه بدعم ال webلما تسمع عن ال .. ال W3C ..
اه ال W3C أشمالها هي اللي أسست أو هي اللي دعمت ال
XML أول ما بدأت ماشي؟ و .. و كانت من ال SVG كمان
مكتوبة ال XML ف ال W3C كمان بتدعمها بمعنى أنه أنا
مرفعت ال web في ال XML file في ال HTTP file في ال
مش عارفة شو .. اه برنامج مختلفة لل websiteممكن
اكتب ال code تبعها او ممكن اتعامل مع ال code تبع
الصورة بال XML سهل موجود او منتشر لكن ال EPS ال ..
ال encapsulated ده مش ال code بتعامل فيها فهمتوا
كيف؟ طيب فيعني open source إيش يعني open source؟
يعني عملية التعديل عليها مفتوحة مين ما بده بيقدر
يغير وصلت الفكرة؟
طيب ال image editing نخلص ان شاء الله الموضوع
بالنسبة ل ال raster graphic فيه هنا برنامج احنا
حكينا ال photoshop ك example هذا مثلا برنامج اسمه
gem بيشتغلوا عليه برا كتير هذا ال gem يعني مش زي
ان احنا مش طولة على ال photoshop و ال illustrator
و الكلام هذا بيشتغلوا على ال gem الجم اعتبر عندهم
برنامج زي ال photoshop بقى هنا بيصير يعمل editing
على ال raster image من أنواع ال raster imageاللي
هي ال GPG و ال TIF و ال GIF تمام؟ كتير بتلاقي
راستر كتير لنا راستر ال PNG ال PNB ال WebP ال GPG
XR TGA ال I مش عارفة ايه I image ال BCX ال image
نفسها كل هدولة انواع فورمات لراستر imageطبعا بس
نيجي هنا نركز على الأشياء المهمة انه .. انا نرجع
نقوله الموضوع انه ال GPG او ال GPGF او ال GFIF
عفوا هدون أشمالهم compression method أخدت ال
compression و احنا ان شاء الله هنرجع نحكي في ال
compression شوية اتقبلوا طريقة .. يعني انت لماتيش
تخزن صورة على جناح GPG اش بطلع عليك؟بقولك قدش ال
quality factor صح؟ قدش بدكيها غالبا بتبقى تمانية
إيش يعني تمانية؟
لأ برضه لأ أه لما أقولك تمانية يعني تمانية في
المية من الصورة موجود طب والعشرين في المية الباقين
وين؟ حذفهم، عاملهم deleteفهمته كيف؟ عملهم إيش؟ حذف
فال G ب G كيف بدأ تخفف من الحجم؟ أظن أنها بتشتغل
على 24 بيت لكل Pixel أيوة لوزي تفقد، ببينها لوزي
كيف عملوا الفكرة إنه أنا أعمل quality factor إذا
أنا أعطله 100% يعني كل الصورة موجودة، كل ال data
موجودة، كل ال pixels موجودين، ماحذفناش ولا حاجة،
لكن لما أقوله 80%، يعني 80% إن الصورة بس موجود، 20
% حذفناها، deleted، ماقدرش أسترجعهواضحط الفكرة لو
قلتلها 20%، معناها 20% من الصورة هو موجود و 80%
انحذف، فهتلاقي الصورة الشمالها صارت تبقى مكسرة، بس
حسب حجم الصورة و كم Pixel أصلا بتشتغل، هل هي 24
ولا 32 ولا 48؟ ماشي؟ فلو هي أصلا 24، وعملتيها 20%،
حتى التكسير على طول بيبين الصورة هيكا صارت تتاكلفي
pixels أو ألوان راحت، لكن لو أنا هي 48، لو عملتيها
واحد في المية، دوبها تتشوّه، لأن ال pixel عندها
resolution عالي يعني، فهمتوا كيف؟الـ TIS طبعاً هذا
من الملفات اللي حجمها كبير و بتسمح بتخزين 8 و 16 و
24 و 48 شوف حجم كبير هذه بيستخدموها لمين؟ للأرشيف
و ممكن تشتغل .. يعني لما أنا أشتغل على تمانية خدوا
بالكم لما أشتغل على تمانية كإني بشتغل lossless لكن
لو ماانتيش تشتغلي 16 و 24 و 48 فبصير ال
compression lossy يعني الإتنين فيهاالـ GIF طبعا
الـ GBG ممكن تبقى non-lossy إذا أنا عملت ال
quality factor 100% أما إذا قللنا من ال quality
فبتصير lossy على طول ال GIF طبعا بتشتغل على 8 بيت
بس لكل مافيش مجال نزودها ولا نقللها هي ال 8 بيت لي
256 color
ال BNC عارفة ان هي اتت اصلا تطوير لجف عشان تصير
على ال web و الحكي هذا طبعا الجف صديق على ال web و
ال BNP اللي هي ال bitmap image اكبر حجم من احجام
الملفات و non compressedما بتنضغطش يعني، يعني نوع
ال compression حاولوا يعملونا compression وما عملش
compression، زاد الحجم عن الحجم الأصلي، فهمتوا
كيف؟ فهي non-compressed أصلا، وهي جاي أصلا مع ال
Microsoft Windows يعني، احنا لو مافيش عنا أي نوع
من أنواع ملفات برامج الصور اللي بتولد الصور،
حتلاقى بتنولد على شكل BMPالويب بي هذا برنامج برضه
او نزال او format انعمل عشان يستخدم lossy
compression تمام؟ it was designed for .. by مين؟
مين عملها؟ الجوجل ليش عملها جوجل؟ to reduce image
file size to speed up webpage وهي الهدف طبعا، يقلل
من حجم الصورة عشان المتصفح يصير أسرعOkay؟ أخر حاجة
معنا اللي هو الـ 3D Modeling بالـ Editing طبعا
احنا حاكينا على 2D بس فينا Editing لـ 3D للماية و
الحاجات هذه أنا ممكن أعمل ال model نفسه أنشؤه من
الصفر يعني بدخن الصورة صح؟ برسم الكباية دائرة و
بصير أسحب فيها و أعملها و أعملها مجسم و أقدر
أركبلها material و أركبلها اللي أنا بديهافهمتوا
عليا؟ و أعطيها أزاز و غير و غيراته و أعملها على
السطح اللي بتبين .. و تبين كأنها طبيعية كأنك
ماخدها photo 2D فهمتوا كيف؟فمعظم الأدوات اللى
اتكلمنا عنها بتعمل manipulation تعديلات أو enhance
تحسين أو transform image تنقل الصورة من نوع لنوع
يعني ممكن تكون جي بي جي و اخليها جف او تكون جف و
اخليها جي بي جي بنفع ولا بنفعش؟ بنفع صح؟طيب many
image editing programs are also used to mean to
render كلمة render أن أطلحها بإنتاج أو منتج بشكل
مختلف or create computer art from scratch يعني
عملية ال editing مش بس أني أجيب إشي جاهز و أصير
أعدل، لأ ممكن أنا أنشئ من السفر وأعمل عملية تلقادي
سواء كان في ال 2D او في ايش في ال 3D modeling هيكم
نكون خلصنا اول جزء المراجع ان شاء الله بنكمل الجزء
التاني في المصطلحات تحاولوا يعني شوفوا تقراوه سهل
برضه مش صعب يعطيكوا العافية