الرئيسية
من طرف ???? الأحد سبتمبر 27, 2009 3:18 am[size=25]الدرس الأول : نظرة عامة ـ برامج التصميم
بسم الله الرحمن الرحيم
الحمد لله وكفى والصلاة والسلام على المصطفى صلى الله عليه وسلم .[/size]
[size=25]
[/size]
بسم الله الرحمن الرحيم
الحمد لله وكفى والصلاة والسلام على المصطفى صلى الله عليه وسلم .[/size]
[size=25]
| • بنهاية هذا الدرس ، عليك أن تكون قادراً على : |
1-فهم أنواع التصميم . 2-التفريق بين الصور المتجهة والصور النقطية . 3-فهم امتداد الصور وميزت كلاً منها . 4-التعرف على الألوان في برنامج الفوتوشوب . |
[/size]
[size=25]مرحباً بك عزيزي القارئ في دورة الفوتوشوب للمبتدئين والتـي تقدمها منتديات شبكة حقال .[/size]
[size=25]في بداية الأمر نقترح عليك إنشاء مجلد خاص بالدورة في المستندات مثلاً (دورة الفوتوشوب)
لكي تضع في هذا المجلد كافة الدروس والتطبيقات والواجب الذي تقوم به ، كي
يسهل عليك مراجعتها في نهاية الدورة وتقيس مستوى تقدمك ولتكون مرجع لو
احتجت إليها مستقبلاً بالإضافة إلى تنظيم وإدارة محتويات الدورة.[/size]
لكي تضع في هذا المجلد كافة الدروس والتطبيقات والواجب الذي تقوم به ، كي
يسهل عليك مراجعتها في نهاية الدورة وتقيس مستوى تقدمك ولتكون مرجع لو
احتجت إليها مستقبلاً بالإضافة إلى تنظيم وإدارة محتويات الدورة.[/size]
[size=25]أهمية ومزايا التصميم بالحاسب[/size]
[size=25]لا
يخفى على الجميع أهمية الحاسب الآلي بشكل عام في حياتنا اليومية ، فهو
يقدم عملية سريعة لإجراء العمليات الحسابية ومعالجة البيانات وإدخالها
وإخراجها ، يمتاز بدقة عالية ونسبة خطأ بسيطة ، كما يقوم بحفظ المعلومات
بكميات كبيرة واسترجاعها وقت الحاجة وقد تكون هذه من أميز ما يتميز به هذا
الجهاز ، كما يقلل الوقت المهدر وقت العمل ويقلل نسبة التكاليف المادية
لأداء المهام والواجبات ، وأخيراً لا ننسى شبكات الحاسب الآلي التـي جعلت
العالم قرية صغيرة من خلال ترابطها ( الشبكة العالمية ) الويب ـ وشبكات
الانترنت .[/size]
يخفى على الجميع أهمية الحاسب الآلي بشكل عام في حياتنا اليومية ، فهو
يقدم عملية سريعة لإجراء العمليات الحسابية ومعالجة البيانات وإدخالها
وإخراجها ، يمتاز بدقة عالية ونسبة خطأ بسيطة ، كما يقوم بحفظ المعلومات
بكميات كبيرة واسترجاعها وقت الحاجة وقد تكون هذه من أميز ما يتميز به هذا
الجهاز ، كما يقلل الوقت المهدر وقت العمل ويقلل نسبة التكاليف المادية
لأداء المهام والواجبات ، وأخيراً لا ننسى شبكات الحاسب الآلي التـي جعلت
العالم قرية صغيرة من خلال ترابطها ( الشبكة العالمية ) الويب ـ وشبكات
الانترنت .[/size]
[size=25]أما
بخصوص التصميم فقد تم إنتاج برامج متنوعة متخصصة في الرسم والتصميم
والتحرير إما للنشر على الويب أو للإخراج المطبعي ، تسهم في تسهيل عملية
الرسم والتصميم وتوفير الأدوات اللازمة لذلك .كما يمكنك إنتاج عمل ضخم
مميز بواسطة برنامج رسم بسيط وفي وقت قصير ، وبتكلفة يسيرة .[/size]
بخصوص التصميم فقد تم إنتاج برامج متنوعة متخصصة في الرسم والتصميم
والتحرير إما للنشر على الويب أو للإخراج المطبعي ، تسهم في تسهيل عملية
الرسم والتصميم وتوفير الأدوات اللازمة لذلك .كما يمكنك إنتاج عمل ضخم
مميز بواسطة برنامج رسم بسيط وفي وقت قصير ، وبتكلفة يسيرة .[/size]
[size=25]أنواع التصميم[/size]
[size=25]هناك نوعان في التصميم وهما :[/size]
[size=25]• تصميم ثابت[/size]
[size=25]• تصميم حركي[/size]
[size=25]أنواع التصميم حسب البرنامج[/size]
[size=25]يوجد هناك نوعان من برامج التصميم ينتجان صور نقطية أو متجهة :[/size]
[size=25]•برامج التصاميم المتجهة victors .[/size]
[size=25]•برامج التصاميم النقطية (بكسل) Pixels .[/size]
[size=25]وقبل
أن أستعرض لك بعض برامج الصور للنوعين دعني أشرح لك معنى متجهة ونقطية ،
هل سبق أن واجهت صورة جميلة ولكنها صغيرة الحجم (المقاس) وأردت تكبيرها
وعندما فعلت ذلك تشوهت الصورة وقد تكون اختفت ملامحها بشكل كبير ؟؟ [/size]
أن أستعرض لك بعض برامج الصور للنوعين دعني أشرح لك معنى متجهة ونقطية ،
هل سبق أن واجهت صورة جميلة ولكنها صغيرة الحجم (المقاس) وأردت تكبيرها
وعندما فعلت ذلك تشوهت الصورة وقد تكون اختفت ملامحها بشكل كبير ؟؟ [/size]
[size=25]أو
قد جربت على سبيل المثال الكليب آرت ( القصاصة الفنية ) الموجودة ضمن
برنامج الوورد (صور متجهة متنوعة مرفقة ضمن برنامج الوورد يمكن الوصول
إليها من قائمة إدراج ثم اختيار كليب آرت ـ قصاصة فنية ) ووجدتها تحافظ
على دقتها ووضوحها مهما كبر حجمها ؟؟[/size]
قد جربت على سبيل المثال الكليب آرت ( القصاصة الفنية ) الموجودة ضمن
برنامج الوورد (صور متجهة متنوعة مرفقة ضمن برنامج الوورد يمكن الوصول
إليها من قائمة إدراج ثم اختيار كليب آرت ـ قصاصة فنية ) ووجدتها تحافظ
على دقتها ووضوحها مهما كبر حجمها ؟؟[/size]
[size=25]في
المثال (السؤال) الأول (الصورة المشوهة ) هذه تسمى صورة نقطية أي أنها يتم
تخزينها إلى عدد كبير جداً من النقاط المتراصة أفقياً وعمودياً وتسمى
الخلية الواحدة منها (بكسل) وتعتمد على حفظ المعلومات الخاصة بموقع ولون
كل نقطة من النقاط المكونة للصورة ، وهي مناسبة للصور الفوتوغرافية ـ
التصميم الطباعي ـ النشر على الانترنت ـ اللوحات الفنية ) .يعاب عليها
أنها كبيرة الحجم نسبياً وليست مرنة بالإضافة إلى تشوه الصورة عند تكبيرة .[/size]
المثال (السؤال) الأول (الصورة المشوهة ) هذه تسمى صورة نقطية أي أنها يتم
تخزينها إلى عدد كبير جداً من النقاط المتراصة أفقياً وعمودياً وتسمى
الخلية الواحدة منها (بكسل) وتعتمد على حفظ المعلومات الخاصة بموقع ولون
كل نقطة من النقاط المكونة للصورة ، وهي مناسبة للصور الفوتوغرافية ـ
التصميم الطباعي ـ النشر على الانترنت ـ اللوحات الفنية ) .يعاب عليها
أنها كبيرة الحجم نسبياً وليست مرنة بالإضافة إلى تشوه الصورة عند تكبيرة .[/size]
[size=25]في
المثال (السؤال) الثاني ( صورة القصاصة الفنية) هذه تسمى صورة متجهة) ،
وتسمى (تقنية التمثيل الإشعاعي) وهي كتابة معادلات رياضية لوصف العناصر
الرسومية وتحديد مواقعها مثل رسم دائرة أو مربع أو خطوط ، وهي ملائمة
ومناسبة للرسومات الهندسية ومخططات الرسوم البيانية ومعالجة الخطوط ، كما
نجدها في الإعلانات والدعايات والرسومات الكرتونية وفي برامج الفلاش
والنشر في صفحات الانترنت . تمتاز بأنها صغيرة الحجم نسبياً ، لا تتشوه
الصورة عند تكبيرها ، ويعاب عليها أمتلاكها عدد قليل نسبياً من الألوان
تقريباً 256 لوناً فقط .[/size]
المثال (السؤال) الثاني ( صورة القصاصة الفنية) هذه تسمى صورة متجهة) ،
وتسمى (تقنية التمثيل الإشعاعي) وهي كتابة معادلات رياضية لوصف العناصر
الرسومية وتحديد مواقعها مثل رسم دائرة أو مربع أو خطوط ، وهي ملائمة
ومناسبة للرسومات الهندسية ومخططات الرسوم البيانية ومعالجة الخطوط ، كما
نجدها في الإعلانات والدعايات والرسومات الكرتونية وفي برامج الفلاش
والنشر في صفحات الانترنت . تمتاز بأنها صغيرة الحجم نسبياً ، لا تتشوه
الصورة عند تكبيرها ، ويعاب عليها أمتلاكها عدد قليل نسبياً من الألوان
تقريباً 256 لوناً فقط .[/size]
[size=25]من برامج الصور المتجهة :[/size]
[size=25]برنامج إن ديزاين ـ فري هاند ــ كوريل درو ( أشهرها ) ــ أدوبي إلليستراتور (منافس قوي للكوريل)[/size]
[size=25]من برامج الصور النقطية :[/size]
[size=25]أدوبي فوتوشوب (أشهرها وأقواها) ـ بينت شوب برو ــ ثري دي ماكس وبرامج أخرى عديدة .[/size]
[size=25]أنـواع الصور ( امتدادها )[/size]
[size=25]امتداد
الصورة هو : الأحرف الثلاث أو الأربع وقد تكون حرفان فقط التـي تتبع اسم
الصورة أو الملف بعده نقطة ثم الامتداد مثل PHOTOSHOP.JPG أو DORH.GIF أو
NAME.BMP وغيرها .[/size]
الصورة هو : الأحرف الثلاث أو الأربع وقد تكون حرفان فقط التـي تتبع اسم
الصورة أو الملف بعده نقطة ثم الامتداد مثل PHOTOSHOP.JPG أو DORH.GIF أو
NAME.BMP وغيرها .[/size]
[size=25]هناك أنواع عديدة من الصور ولعلنا نستعرض أهمها وأشهرها :[/size]
[size=25]1-( JPEG ) وتختصر ( JPG ) وهي نوع من الصور عالية الدقة ونجدها تستخدم كثيراً في صور الطبيعة والفوتوغرافية واللوحات الفنية .
2-( GIF ) وهي أقل جودة من ملفات (JPEG ) وبها عدد قليل من
الألوان لذا فهي تستخدم بكثرة في الانترنت لسهولة رفعها وقراءتها (تحميلها
على المتصفح) كما أنها تستخدم لحفظ الصور والرسومات التي تمثل فيها الخطوط
الحادة نسبة كبيرة مثل التي تحتوي على ( نصوص ـ شعارات ـ أيقونات ـ أزرار
وغيرها ) ، كما أنها تمتاز بإخراج صور شفافة (بدون خلفية) وصور متحركة وقد
تكون هذه الميزتين أهما ما يميزها بالإضافة إلى صغر حجمها . وهي ملائمة
جداً للنشر على صفحات الانترنت .[/size]
2-( GIF ) وهي أقل جودة من ملفات (JPEG ) وبها عدد قليل من
الألوان لذا فهي تستخدم بكثرة في الانترنت لسهولة رفعها وقراءتها (تحميلها
على المتصفح) كما أنها تستخدم لحفظ الصور والرسومات التي تمثل فيها الخطوط
الحادة نسبة كبيرة مثل التي تحتوي على ( نصوص ـ شعارات ـ أيقونات ـ أزرار
وغيرها ) ، كما أنها تمتاز بإخراج صور شفافة (بدون خلفية) وصور متحركة وقد
تكون هذه الميزتين أهما ما يميزها بالإضافة إلى صغر حجمها . وهي ملائمة
جداً للنشر على صفحات الانترنت .[/size]
[size=25]3-(
BMP ) وهي عالية الدقة تحفظ الصور الدقيقة والمليئة بالتفاصيل والتصاميم
التـي تحتاج لإظهار لون حقيقي أعلى جودة من (JPEG ) بمقدار 10 أضعاف
تقريباً ، وهي ملائمة جداً للصور الحقيقية والطبيعية ، ومناسبة للاحتفاظ
بها على القرص الصلب لكبر حجمها . [/size]
BMP ) وهي عالية الدقة تحفظ الصور الدقيقة والمليئة بالتفاصيل والتصاميم
التـي تحتاج لإظهار لون حقيقي أعلى جودة من (JPEG ) بمقدار 10 أضعاف
تقريباً ، وهي ملائمة جداً للصور الحقيقية والطبيعية ، ومناسبة للاحتفاظ
بها على القرص الصلب لكبر حجمها . [/size]
[size=25]4-(
PNG ) هي تطوير للنوع ( GIF ) المذكورة في الفقرة الثانية ، وتمتاز بصغر
حجمها أكثر من (GIF) كما أنها تدعم إخفاء الخلفية ( شفافة ) ولكن لا تدعم
الحركة وقد يكون هذا ما جعلها أقل استخداماً من ( GIF ) .[/size]
PNG ) هي تطوير للنوع ( GIF ) المذكورة في الفقرة الثانية ، وتمتاز بصغر
حجمها أكثر من (GIF) كما أنها تدعم إخفاء الخلفية ( شفافة ) ولكن لا تدعم
الحركة وقد يكون هذا ما جعلها أقل استخداماً من ( GIF ) .[/size]
[size=25]5-
( PSD ) ملف صورة معمول ببرنامج الفوتوشوب وهو ملف مفتوح المصدر وهي كبير
جداً لاحتوائه على عدة طبقات حيث يمكن فتح وتعديل التصميم ببرنامج
الفوتوشوب .[/size]
( PSD ) ملف صورة معمول ببرنامج الفوتوشوب وهو ملف مفتوح المصدر وهي كبير
جداً لاحتوائه على عدة طبقات حيث يمكن فتح وتعديل التصميم ببرنامج
الفوتوشوب .[/size]
[size=25]6-( TIFF ) وهي نوع تستخدم لتبادل الصور بين أنواع البرمجيات والأجهزة .[/size]
[size=25]7-( PSP ) صور محفوظة بالفوتوشوب وهي كبيرة جداً .[/size]
[size=25]بقي أن أذكرك أن هناك أنواع أخرى لم نتطرق لها ولك سوف تتعرف عليها خلال استخدام للرسم والتصميم والتعامل مع ملفات الصور الأخرى .[/size]
[size=25]أنواع الألوان[/size]
[size=25]هناك
أنواع عديدة للألوان وبدراستنا للألوان التـي يستخدمها الفوتوشوب تكون على
دراجة بدرجة كبيرة بعالم الألوان ولكن تذكر أننا لن نتطرق إلى كافة أنواع
الألوان ولكن قد نجد فرصة نخصص لها درس كامل أو عندما نتعرض لها .[/size]
أنواع عديدة للألوان وبدراستنا للألوان التـي يستخدمها الفوتوشوب تكون على
دراجة بدرجة كبيرة بعالم الألوان ولكن تذكر أننا لن نتطرق إلى كافة أنواع
الألوان ولكن قد نجد فرصة نخصص لها درس كامل أو عندما نتعرض لها .[/size]
[size=25]أنواع الألوان في برنامج الفوتوشوب[/size]
[size=25]عند العمل من خلال برنامج الفوتوشوب سوف تجد أنواع مختلف تستخدم للمشروع ويمكنك تعديل ذلك في أي وقت تشاء ، وسوف نذكر منها :[/size]
[size=25]1-Bitmap : أبيض وأسود وهي غير واضحة .[/size]
[size=25]2-Grayscale : تحتوي على (256) ظلاً وهي من درجات الأبيض والأسود وهي واضحة .[/size]
[size=25]3-Duotones : يحتوي على الأبيض والأسود مع لون واحد ( عملية تهجين ) .
4-HSB : حرف H التدرج في اللون نفسه وحرف S درجة نقاء اللون (الإشباع) وحرف B درجة الإضافة إما داكن أو فاتح .
[/size]
4-HSB : حرف H التدرج في اللون نفسه وحرف S درجة نقاء اللون (الإشباع) وحرف B درجة الإضافة إما داكن أو فاتح .
[/size]
[size=25]5-INDXED color : الألوان المفهرسة عبارة عن 7 لوحات كل لوح 265 لون وهي مناسبة لنشر الصور على الانترنت .
6-RGB : من الاختصارات ( أحمر ، أخضر ، أزرق ) كل لون 256 درجة وإجمالي الألوان في هذا النوع 26.777.216 لوناً .
7-CMYK : نظام معالجة الألوان وهي تستخدم في الطباعة ( فرز الألوان ) وتتعامل مع الألوان ( الأزرق والأحمر والأخضر والأسود ) .
8-Lab color : وهي أكثر الأنظمة شمولاً وليس استعمالاً وذلك لوجود أكبر عدد من الألوان .[/size]
6-RGB : من الاختصارات ( أحمر ، أخضر ، أزرق ) كل لون 256 درجة وإجمالي الألوان في هذا النوع 26.777.216 لوناً .
7-CMYK : نظام معالجة الألوان وهي تستخدم في الطباعة ( فرز الألوان ) وتتعامل مع الألوان ( الأزرق والأحمر والأخضر والأسود ) .
8-Lab color : وهي أكثر الأنظمة شمولاً وليس استعمالاً وذلك لوجود أكبر عدد من الألوان .[/size]
الدرس بصيغة pdf مرفوع في ملف winzip
[size=25]تحتاج إلى برنامج winzip وقارئ ملفات أكروبات
إذا كنت لا تملك برنامج قارئ ملفات الـ PDF
انقر الصورة للتحميل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/size]
[size=25]هنا[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/size]
[size=25]الواجب[/size]
[size=25]أتمنى قراءة الدرس أكثر من مرة لفهم واستيعاب أنواع الصور وامتدادها [/size]
[size=25]مع أجمل تحية ؛[/size]
[size=25]تحتاج إلى برنامج winzip وقارئ ملفات أكروبات
إذا كنت لا تملك برنامج قارئ ملفات الـ PDF
انقر الصورة للتحميل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/size]
[size=25]هنا[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط][/size]
[size=25]الواجب[/size]
[size=25]أتمنى قراءة الدرس أكثر من مرة لفهم واستيعاب أنواع الصور وامتدادها [/size]
[size=25]مع أجمل تحية ؛[/size]
