ألفٌ باءٌ .. لكل مصمم ينوي الاحتراف

الريـم العـزوف:
يعطيج ربي العافية على هذي الدروس الجميلة !

الله يعافيك اختي


مشكوره على ردك الطيب

امتدادات الصور ( أنواعها ومفاهيمها وحقيقتها ) لكل مصمم أو مهتم

صدقني لن تصبح مصمماً أو صاحب موقع ناجح إذا لم تتمعن بهذا الدرس وتفهم كل كلمة مكتوبة به!

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

سوف نتكلم في هذا الدرس عن ثلاث امتداد رئيسية وهي :
gif
- jpeg
- png

أغلب الناس يعتقد الآتي :
للصور يجب علينا استخدام الامتداد jpg
اما الشعارات فيجب علينا استخدام الامتداد gif
حسناً ، هذا اعتقاد صحيح نوعاً ما ، ولكنه ينقصه القليل من التفصيلات . فلنفرض أنك تريد صنع شعار يحتوي على صورة ، ماذا سوف تفعل أي الامتدادين تأخذ ؟ أو مثلاً يوجد لديك صورة ولكنها صغيرة فهل تحفظها بالامتداد .jpeg أم لا ؟


بما أنك مصمم ، فأتوقع أنك تهتم بـ وضوح الصورة و صغر حجمها .


هنا كانت توجد صور ولكنها لا تعمل ولكن اظن الكلام يكفي

لنعمل مقارنة بسيطة

مثــــال :



هل يوجد فق بين هاتين الصورتين ؟
في الشكل لا أظن أن هناك فرق ولكن في الحجم نعم يوجد فرق ، بل فرق شاسع حيث توجد صورة حجمها يساوي ضعف الأخرى . مع أنهن من نفس النسق وهو gif

لماذا ؟

في الصورة الأولى استعملت الأمر Save For Web والموجود في القائمة الرئيسية File . هذا الأمر لم يكن موجود قبل الإصدار رقم 5.5 من برنامج الفوتوشوب . وهو في الحقيقة ينقص عدد الصورة إلى حجم كبير جداً .

في الصورة الثانية ، استعملت الطريقة التقليدية في حفظ الصور وهي اختيار الأمر Save As من القائمة File ، فنتج أن هذه الصورة تساوي ضعف حجم الصورة السابقة .

كم حجم تلك الصور ؟

الصورة الأولى حجمها تقريباً 864 بايت أما الثانية فحجمها تقريباً 1.75 ك.ب ( مع العلم أن وحدة الـك.ب تساوي 1024 بايت ).


لكن ماهو الامتداد .png ؟


في البداية أحب أن أوضح لك معنى الكلمة PNG وهي (Portable Network Graphics) . هذا الامتداد ممتاز جداً ، ولكن فكرة استعماله حالياً غير مجدية ، لأن أغلب المتصفحات لا تدعمه ، ولأفضل متصفح يدعم هذا الامتداد حالياً هو المتصفح Internet Explorer 5.0 الخاص بالنظام Macintosh ، أما Internet Explorer الخاص بالنظام ويندوز فهو يدعم هذا الامتداد ولكنه لا يدعم كل مميزاته (حتى Internet Explorer لا يدعم هذا الامتداد إلا في النسخة 5 وما بعدها).




مميزات كل امتداد

لنبدأ بالامتداد .gif .
1-هذا الامتداد يدعم الحركة داخل الصور.
2- يدعم الشفافية ( الشفافية هي أن تصنع صورة يكون لون الخلفية فيها مثل لون خلفية الصفحة ).
3-لا يستوعب هذ الامتداد إلا 256 لون .

أما الامتداد .jpeg فمميزاته كالتالي :
1-لا يدعم الحركة داخل الصور.
2-لا يدعم الشفافية.
3-يدعم هذا الامتداد في أقصى طاقة له 16 مليون لون .

أما الامتداد .png فمميزاته كالتالي :
1-لا يدعم الحركة داخل الصور.
2-لا يدعم الشفافية.:إذا قمت بعمل خيارات بسيط:.
3-يدعم هذا الامتداد في أقصى طاقة له 16 مليون لون




منقول بتصرف

درس مهم للمصممين ((التراجع 1000 مره))

التراجع من العمل 1000 مره

اولا: نفتح الفوتوشوب

ثانيا: من قائمه Edit نختار Preferences ونختار General
او باختصاااار ctrl+k

ونغير الرقم الى 1000