ليلى^^
14-07-2010, 11:47 PM
بسم الله الرحمن الرحيم
اللهم صل على محمد و آل محمد
لنبدأ معا في دورتنا
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-8f9edff6f7.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-8f9edff6f7.png)
مع الدرس الأول و الذي سيكون بإذن الله نظري .. حتى تكون هناك فترة لعمل الجميع على تثبيت البرنامج لديه و تعم الفائدة على الجميع
http://www.jannatalhusain.info/2010/uploads/ea43993aa2.png (http://www.jannatalhusain.info/2010/)
الدرس الأول :
التعرف على البرنامج واستخداماته والشركةالمنتجة
سنتناول في هذه الدورة المحاور التالية :
- ما هي شركة adobe ؟
- ما هو الفوتوشوب ؟
- ما هي إصدارات الفوتوشوب؟ و ما هو التطور الذي حدث فيها ؟ و أيها أفضل؟
- في ماذا يستخدم برنامج الفوتوشوب؟
- ما هي البرامج المرتبطة بالفوتوشوب و المساعدة له و الداعمة له؟
- ما هي الصور النقطية و ما هي الصور الفيكتورية .. و ما الفرق بينهم ؟
- صيغ الصور و الفرق بينها
- قبل البدء في التصميم .. مقاسات تهمك ..
على بركة الله نبدأ
أولا .. برنامجنا اسمه adobe photoshop ربما يتساءل البعض ما هي هذه الكلمة التي تسبق مسمى البرناج ؟
تعالوا لنعرف ما هي adobe ؟
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-7c0ac53762.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-7c0ac53762.jpg)
هي شركة في الولايات المتحدة الأمريكية تعمل على إنتاج البرامج و منها ما هو متعلق بالتصاميم و الرسوميات ثنائية و ثلاثية الأبعاد و الإخراج و المونتاج و غيرها الكثير .
ما هو الفوتوشوب ؟
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bef933f5a6.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bef933f5a6.png)
هذا البرنامج و بدون مبالغة هو مهبط و ملتقى الفنانين و المبدعين حيث أنه مصنع الفكرة و دليل الحركة التي بهم يكن الإبداع في هذا المجال الشيق.
يعتبر الرائد في مجال صناعة المشاهد و تحرير الصور حيث أنه يستخدم في كثير من المجالات ( الملتيميديا و مجال الدعاية و الإعلان بمختلف
أقسامه سواء كانت إعلانات داخلية أو إعلانات خارجية و أيضا مجال الإعلام و الفضائيات و غيرها )
و هو لوحة الفنان و بداخله أدوات مثل أدوات الفنان تماما .. و هذا هو المفهوم الأساسي و الطريق السهل الممهد الذي مكننا أن ندخل إلى هذا البرنامج العملاق من خلاله
و يعتبر من أقوى البرامج في التعامل مع الغير
و استقبال تصاميم و منتجات البرامج الأخرى المساعدة مثل الـ Adobe Illustrator, Macromedia Freehand و غيرهم من البرامج و هذا يكسب البرنامج قوة و إتقان.
في ماذا يستخدم البشر برنامج الفوتوشوب؟
1. في مجال التصوير الفوتوغرافي.
2. في مجال الدعاية والإعلان.
3. في مجالالتصاميم في الويب سواء لتصميم المواقع أو غيرها.
4. في مجالات الثري دي (التصاميم ثلاثية الأبعاد).
و مجالات أخرى كثيرة لا حصر لها ..
يا ترى .. ما هي إصدارات الفوتوشوب؟ و أيها أفضل؟
(Adobe Photoshop Cs(8
(Adobe Photoshop Cs2(9
(Adobe Photoshop Cs3(10
(Adobe Photoshop Cs4(11
(Adobe Photoshop Cs5(12
و الأفضل بالتأكيد cs5
لأنه آخر إصدار و في كل إصدار يتم التطوير و تلافي الأخطاء في الإصدارات السابقة
ما هي البرامج المرتبطة بالفوتوشوب و المساعدة له و الداعمة له؟
Adobe Illustrator, Corel Draw, AutoCAD, Kellk و غيرها كثيرة ..
سنتطرق هنا لأهمها و نترك الباقي عليكم
Adobe Illustrator
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6a9a158877.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6a9a158877.png)
(الستريتر)
هو برنامج رسومي أي برنامجvictories للرسومات الجرافيكية
أمثلة : صناعة اللوغو , صناعة واجهة دعائية، عمل أيقونات و ابتسامات , عمل بطاقة عمل و العديد من الامتيازات الأخرى.
و هذا البرنامج يستعمل بشدة في المطبعات و مؤسسات الصانعة للإعلانات التجارية و التسويقية
Corel DRAW (http://www.damasgate.com/vb/t15679/)Graphics (http://www.damasgate.com/vb/t15679/)
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bd11e60ae3.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bd11e60ae3.png)
(كورل درو)
يعتبر من أكثر برامج التصميم سهولة في الاستخدام، ويوفر أدوات قوية لتصميم الرسومات والتي تزيد من معدل الإنتاجية . فيمكن تصميم الكائنات، تخطيط الصفحات، تحرير الصور الرقمية و التصاميم الحركية في حزمة واحدة.
AUTOCAD
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6824ffa777.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6824ffa777.png)
(اوتوكاد)
ويصمم لنا
2-D
هو طريقة لرؤية العالم الحقيقي بشكل ثنائي البعدين أي مسطح له طول وعرض فقط
بدون عمق ونري ذلك في البرنامج باستخدام مستوي X,Y فقط دون المحور الثالث Z
3-D
طريقة عرض العالم الحقيق موضوع بطريقة أكثر طبيعية باستخدام بعد ثالث يمثل العمق ويكون عندنا
ثلاث محاور متعامدة علي بعضها البعض X,Y,Z وثلاث مستويات متعامدة أيضا مع بعضها وهي XY,XZ,ZY
Kellk
http://www.jannatalhusain.info/2010/uploads/3a6ea2368b.bmp (http://www.jannatalhusain.info/2010/)
(الكلك)
هو برنامج يحاكي اليد في كتابة الخطوط العربية ويعملعملها في إنتاج اللوحات الخطية.
هذه البرامج جميعها تكون مساعدة و بإمكاننا إنشاء الأعمال بها و إكمالها و إضافة التأثيرات عليها في الفوتوشوب و هناك برامج أخرى كثيرة لم نتطرق لها الآن
حسنا .. الآن و أساس العمل في برنامج الفوتوشوب هو الصور
و لا بد قبل كل شيء أن نتعرف على صيغ الصور و نفرق بينها؟
امتدادات: JPEG/JPG
وهو في الأصل عمله الأكبر للمصورين الذين يقومون بالتعديل على صور حقيقية مصورة وهو يقوم بضغط بعض ملامح الصورة التي لا تستطيع العين البشرية رؤيتها بوضوح وهذا الامتداد يحتوى 16 مليون لونا وينصح باستخدامه للصور ذو الجرافكس العالية والصور المصورة
وهي غير مجدية مع الصور المتحركة تماما أو الصور البسيطة وذلك لأنها ستفقد الصورة ما فيها من وضوح فتصبح كأنها مشوشة
امتداد:gif
وهذا الامتداد يعتقدالبعض أن استخدامه يقتصر على الصور المتحركة فقط وهذا غير صحيح بالمرة و إنما نستطيع أن نكتشف استخداماته على النحو التالي:
أولا هذا الامتداد يحتوى 265 لونا ويفضلاستخدامه إذا كانت الصورة لا تحتوى على ألوان كثيرة بمعنى أن التصميم إذا لم يتماستخدام الفلاتر و الاكشن و غيرها ... فيه بكثرة فيفضل هذا الامتداد
وان كانت صور متحركة طبعا فهو الامتداد الأنسب و الأفضل واهم استخدام له في الصور التي لا تحتوى علىخلفية (transparent) وهو مفيد لتصميم الشعارات والكلمات بدون خلفية ...الخ
امتداد : png
وهو شبه قريب بالامتداد السابق gif فهو أيضا يستخدم للصور التي لا تحتوى على تفاصيل كثيرة ولكن الفرق بينهما كالآتي
1. هذا الامتداد لا يستخدم في الصور المتحركة و إنما في الصورة الثابتة فقط
2.هذا الامتداد يضغط حجم الصورة تقريبا من 5 -50% عن الامتداد gif
حسنا .. نحن نرى الآن الكثير من الصور ..
و قد نصادف صور كهذه
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-d5c5cb860b.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-d5c5cb860b.jpg)
أو كهذه
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4bd0e096d0.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4bd0e096d0.png)
الأولى تسمى صورة نقطية
و الثانية تسمى فيكتورية
ما هي الصور النقطية و ما هي الصور الفيكتورية .. و ما الفرق بينهم ؟
الصور النقطية :
في هذه الصور يتم التعامل مع النقاط (Pixels كوحدة بناء الملف)
صيغة الحفظ لها JPG
مثال عليها :
هذه الصور تتأثر بالتكبير و التصغير فتصبح مشوهة .. لان اعتمادها الأكبر على البكسلات (النقاط)
الصورة في الاعلى بعد التكبير
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4250ea6abb.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4250ea6abb.jpg)
الصور الفيكتورية(المتجهات):
الصور المتجهة مرسومة بالمتجهات هو الرسم الذي لن يتأثر فيه
وضوح الرسمة أو تباينها أو أي منميزاتها كلما كبرنا أو صغرنا العمل ...
يستخدم عادة في تصميمالشعارات و التصميم بالصفة عامه للأشياء المشابهة
أي أنصور الفيكتور كلما كبرنا الصورةالخاصة بها لن تتأثر جودتها بخلاف نوعيات الصور الأخرى التي يقلمعدل وضوحهاكلما قمنا بتكبيرها الى أن نصل الى مربعات كبيرة والتي هي مكونات هذهالصورة
صيغة الحفظ لها bng او بت ماب
الصورة في الاعلى بعد التكبير
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6d6fc4ee05.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6d6fc4ee05.png)
نلاحظ الفرق في الدقة بعد التكبير :cool:
و اخيرا و ليس آخرا
تفضلوا هنا للاطلاع على المقاسات الهامة قبل بداية التصميم
قبل البدء في التصميم .. مقاسات تهمك (http://www.asdali.com/vb/showthread.php?t=96238&highlight=%C7%E1%C8%CF%C1+%C7%E1%CA%D5%E3%ED%E3)
و بهذا نكون قد انتهينا من الدرس الأول
الواجب :D :
1- اذكر البرامج المساعدة التي تستخدم إضافة الى الفوتوشوب.
2- تحدث عن امتداد gif.
3- ما الفرق بين الصور النقطية و المتجهة .. مع مثال بالصور لكل نوع .
تنويه /
في هذا الدرس فقط تسجيل الحضور
للاستفسارات ارجوا التواجد هنا (http://www.asdali.com/vb/showthread.php?p=1172553#post1172553)
و لحل الواجب هنا (http://www.asdali.com/vb/showthread.php?p=1172552#post1172552)
أتمنى أن يكون هذا القليل أثرى معلوماتكم ..
انتظرونا مع الجديد
تحيتي .. :)
اللهم صل على محمد و آل محمد
لنبدأ معا في دورتنا
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-8f9edff6f7.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-8f9edff6f7.png)
مع الدرس الأول و الذي سيكون بإذن الله نظري .. حتى تكون هناك فترة لعمل الجميع على تثبيت البرنامج لديه و تعم الفائدة على الجميع
http://www.jannatalhusain.info/2010/uploads/ea43993aa2.png (http://www.jannatalhusain.info/2010/)
الدرس الأول :
التعرف على البرنامج واستخداماته والشركةالمنتجة
سنتناول في هذه الدورة المحاور التالية :
- ما هي شركة adobe ؟
- ما هو الفوتوشوب ؟
- ما هي إصدارات الفوتوشوب؟ و ما هو التطور الذي حدث فيها ؟ و أيها أفضل؟
- في ماذا يستخدم برنامج الفوتوشوب؟
- ما هي البرامج المرتبطة بالفوتوشوب و المساعدة له و الداعمة له؟
- ما هي الصور النقطية و ما هي الصور الفيكتورية .. و ما الفرق بينهم ؟
- صيغ الصور و الفرق بينها
- قبل البدء في التصميم .. مقاسات تهمك ..
على بركة الله نبدأ
أولا .. برنامجنا اسمه adobe photoshop ربما يتساءل البعض ما هي هذه الكلمة التي تسبق مسمى البرناج ؟
تعالوا لنعرف ما هي adobe ؟
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-7c0ac53762.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-7c0ac53762.jpg)
هي شركة في الولايات المتحدة الأمريكية تعمل على إنتاج البرامج و منها ما هو متعلق بالتصاميم و الرسوميات ثنائية و ثلاثية الأبعاد و الإخراج و المونتاج و غيرها الكثير .
ما هو الفوتوشوب ؟
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bef933f5a6.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bef933f5a6.png)
هذا البرنامج و بدون مبالغة هو مهبط و ملتقى الفنانين و المبدعين حيث أنه مصنع الفكرة و دليل الحركة التي بهم يكن الإبداع في هذا المجال الشيق.
يعتبر الرائد في مجال صناعة المشاهد و تحرير الصور حيث أنه يستخدم في كثير من المجالات ( الملتيميديا و مجال الدعاية و الإعلان بمختلف
أقسامه سواء كانت إعلانات داخلية أو إعلانات خارجية و أيضا مجال الإعلام و الفضائيات و غيرها )
و هو لوحة الفنان و بداخله أدوات مثل أدوات الفنان تماما .. و هذا هو المفهوم الأساسي و الطريق السهل الممهد الذي مكننا أن ندخل إلى هذا البرنامج العملاق من خلاله
و يعتبر من أقوى البرامج في التعامل مع الغير
و استقبال تصاميم و منتجات البرامج الأخرى المساعدة مثل الـ Adobe Illustrator, Macromedia Freehand و غيرهم من البرامج و هذا يكسب البرنامج قوة و إتقان.
في ماذا يستخدم البشر برنامج الفوتوشوب؟
1. في مجال التصوير الفوتوغرافي.
2. في مجال الدعاية والإعلان.
3. في مجالالتصاميم في الويب سواء لتصميم المواقع أو غيرها.
4. في مجالات الثري دي (التصاميم ثلاثية الأبعاد).
و مجالات أخرى كثيرة لا حصر لها ..
يا ترى .. ما هي إصدارات الفوتوشوب؟ و أيها أفضل؟
(Adobe Photoshop Cs(8
(Adobe Photoshop Cs2(9
(Adobe Photoshop Cs3(10
(Adobe Photoshop Cs4(11
(Adobe Photoshop Cs5(12
و الأفضل بالتأكيد cs5
لأنه آخر إصدار و في كل إصدار يتم التطوير و تلافي الأخطاء في الإصدارات السابقة
ما هي البرامج المرتبطة بالفوتوشوب و المساعدة له و الداعمة له؟
Adobe Illustrator, Corel Draw, AutoCAD, Kellk و غيرها كثيرة ..
سنتطرق هنا لأهمها و نترك الباقي عليكم
Adobe Illustrator
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6a9a158877.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6a9a158877.png)
(الستريتر)
هو برنامج رسومي أي برنامجvictories للرسومات الجرافيكية
أمثلة : صناعة اللوغو , صناعة واجهة دعائية، عمل أيقونات و ابتسامات , عمل بطاقة عمل و العديد من الامتيازات الأخرى.
و هذا البرنامج يستعمل بشدة في المطبعات و مؤسسات الصانعة للإعلانات التجارية و التسويقية
Corel DRAW (http://www.damasgate.com/vb/t15679/)Graphics (http://www.damasgate.com/vb/t15679/)
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bd11e60ae3.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bd11e60ae3.png)
(كورل درو)
يعتبر من أكثر برامج التصميم سهولة في الاستخدام، ويوفر أدوات قوية لتصميم الرسومات والتي تزيد من معدل الإنتاجية . فيمكن تصميم الكائنات، تخطيط الصفحات، تحرير الصور الرقمية و التصاميم الحركية في حزمة واحدة.
AUTOCAD
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6824ffa777.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6824ffa777.png)
(اوتوكاد)
ويصمم لنا
2-D
هو طريقة لرؤية العالم الحقيقي بشكل ثنائي البعدين أي مسطح له طول وعرض فقط
بدون عمق ونري ذلك في البرنامج باستخدام مستوي X,Y فقط دون المحور الثالث Z
3-D
طريقة عرض العالم الحقيق موضوع بطريقة أكثر طبيعية باستخدام بعد ثالث يمثل العمق ويكون عندنا
ثلاث محاور متعامدة علي بعضها البعض X,Y,Z وثلاث مستويات متعامدة أيضا مع بعضها وهي XY,XZ,ZY
Kellk
http://www.jannatalhusain.info/2010/uploads/3a6ea2368b.bmp (http://www.jannatalhusain.info/2010/)
(الكلك)
هو برنامج يحاكي اليد في كتابة الخطوط العربية ويعملعملها في إنتاج اللوحات الخطية.
هذه البرامج جميعها تكون مساعدة و بإمكاننا إنشاء الأعمال بها و إكمالها و إضافة التأثيرات عليها في الفوتوشوب و هناك برامج أخرى كثيرة لم نتطرق لها الآن
حسنا .. الآن و أساس العمل في برنامج الفوتوشوب هو الصور
و لا بد قبل كل شيء أن نتعرف على صيغ الصور و نفرق بينها؟
امتدادات: JPEG/JPG
وهو في الأصل عمله الأكبر للمصورين الذين يقومون بالتعديل على صور حقيقية مصورة وهو يقوم بضغط بعض ملامح الصورة التي لا تستطيع العين البشرية رؤيتها بوضوح وهذا الامتداد يحتوى 16 مليون لونا وينصح باستخدامه للصور ذو الجرافكس العالية والصور المصورة
وهي غير مجدية مع الصور المتحركة تماما أو الصور البسيطة وذلك لأنها ستفقد الصورة ما فيها من وضوح فتصبح كأنها مشوشة
امتداد:gif
وهذا الامتداد يعتقدالبعض أن استخدامه يقتصر على الصور المتحركة فقط وهذا غير صحيح بالمرة و إنما نستطيع أن نكتشف استخداماته على النحو التالي:
أولا هذا الامتداد يحتوى 265 لونا ويفضلاستخدامه إذا كانت الصورة لا تحتوى على ألوان كثيرة بمعنى أن التصميم إذا لم يتماستخدام الفلاتر و الاكشن و غيرها ... فيه بكثرة فيفضل هذا الامتداد
وان كانت صور متحركة طبعا فهو الامتداد الأنسب و الأفضل واهم استخدام له في الصور التي لا تحتوى علىخلفية (transparent) وهو مفيد لتصميم الشعارات والكلمات بدون خلفية ...الخ
امتداد : png
وهو شبه قريب بالامتداد السابق gif فهو أيضا يستخدم للصور التي لا تحتوى على تفاصيل كثيرة ولكن الفرق بينهما كالآتي
1. هذا الامتداد لا يستخدم في الصور المتحركة و إنما في الصورة الثابتة فقط
2.هذا الامتداد يضغط حجم الصورة تقريبا من 5 -50% عن الامتداد gif
حسنا .. نحن نرى الآن الكثير من الصور ..
و قد نصادف صور كهذه
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-d5c5cb860b.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-d5c5cb860b.jpg)
أو كهذه
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4bd0e096d0.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4bd0e096d0.png)
الأولى تسمى صورة نقطية
و الثانية تسمى فيكتورية
ما هي الصور النقطية و ما هي الصور الفيكتورية .. و ما الفرق بينهم ؟
الصور النقطية :
في هذه الصور يتم التعامل مع النقاط (Pixels كوحدة بناء الملف)
صيغة الحفظ لها JPG
مثال عليها :
هذه الصور تتأثر بالتكبير و التصغير فتصبح مشوهة .. لان اعتمادها الأكبر على البكسلات (النقاط)
الصورة في الاعلى بعد التكبير
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4250ea6abb.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4250ea6abb.jpg)
الصور الفيكتورية(المتجهات):
الصور المتجهة مرسومة بالمتجهات هو الرسم الذي لن يتأثر فيه
وضوح الرسمة أو تباينها أو أي منميزاتها كلما كبرنا أو صغرنا العمل ...
يستخدم عادة في تصميمالشعارات و التصميم بالصفة عامه للأشياء المشابهة
أي أنصور الفيكتور كلما كبرنا الصورةالخاصة بها لن تتأثر جودتها بخلاف نوعيات الصور الأخرى التي يقلمعدل وضوحهاكلما قمنا بتكبيرها الى أن نصل الى مربعات كبيرة والتي هي مكونات هذهالصورة
صيغة الحفظ لها bng او بت ماب
الصورة في الاعلى بعد التكبير
http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6d6fc4ee05.png (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6d6fc4ee05.png)
نلاحظ الفرق في الدقة بعد التكبير :cool:
و اخيرا و ليس آخرا
تفضلوا هنا للاطلاع على المقاسات الهامة قبل بداية التصميم
قبل البدء في التصميم .. مقاسات تهمك (http://www.asdali.com/vb/showthread.php?t=96238&highlight=%C7%E1%C8%CF%C1+%C7%E1%CA%D5%E3%ED%E3)
و بهذا نكون قد انتهينا من الدرس الأول
الواجب :D :
1- اذكر البرامج المساعدة التي تستخدم إضافة الى الفوتوشوب.
2- تحدث عن امتداد gif.
3- ما الفرق بين الصور النقطية و المتجهة .. مع مثال بالصور لكل نوع .
تنويه /
في هذا الدرس فقط تسجيل الحضور
للاستفسارات ارجوا التواجد هنا (http://www.asdali.com/vb/showthread.php?p=1172553#post1172553)
و لحل الواجب هنا (http://www.asdali.com/vb/showthread.php?p=1172552#post1172552)
أتمنى أن يكون هذا القليل أثرى معلوماتكم ..
انتظرونا مع الجديد
تحيتي .. :)