مقدمة أساسيات تصميم الجرافيك PDF

‫مقدمة أساسيات تصميم الجرافيك‬ ‫أنواع الصور والرسومات واأللوان ‪ -‬البرامج املستخدمة في التصميم الجرافيكي‬ ‫أنواع الصور والرسومات‬ Photoshop / Photos ‫صور‬ Illustrator / Illustrations ‫رسومات‬ ...

‫مقدمة أساسيات تصميم الجرافيك‬ ‫أنواع الصور والرسومات واأللوان ‪ -‬البرامج املستخدمة في التصميم الجرافيكي‬ ‫أنواع الصور والرسومات‬ Photoshop / Photos ‫صور‬ Illustrator / Illustrations ‫رسومات‬  ‫‪Photoshop‬‬ ‫‪Bitmap‬‬ ‫ مكونة من أجزاء صغيرة ً‬ ‫جدا تسمى ‪) Pixels‬عاد ًة ما يكون كل بيكسل على شكل مربع(‬ ‫‪L‬‬ ‫ أغلب رسومات الـ ‪ Bitmap‬هي صور من االنواع الشهيرة لهذا النوع من الرسومات ‪Jpg, Tiff, Gif‬‬ ‫ ومن البرامج التي تتعامل مع هذا النوع ‪ :‬برنامج الرسام– الفتوشوب ‪GIMP-‬‬  ‫‪Illustrator‬‬ ‫‪Vector‬‬ ‫ ال تتكون من مربعات أو بيكسلز‪ ،‬وإنما من خطوط ومنحنيات دقيقة ً‬ ‫جنبا إلى جنب‪.‬‬ ‫ يمكن تغيير حجم ولون الرسومات دون أن تتأثر جودة التفاصيل أو الوضوح‪.‬‬ ‫دقة ووضوح الصور والرسومات‬ ‫صورة مكونة من شبكة من المربعات الصغيرة ‪Pixels‬‬ ‫صورة تتكون نتيجة معادالت حسابية معينة تحدد من خالل اتجاه‬ ‫وطول وعرض الخطوط والنقط المرسومة ‪Dots‬‬ ‫درﺟﺔ اﻟوﺿوح ‪Resolution‬‬ ‫ھﻲ ﻛﻣﯾﺔ اﻟﻣرﺑﻌﺎت أو اﻟﺗﻔﺎﺻﯾل ‪pixels‬‬ ‫املوجودة في الصور‪ ،‬وكلما زادت‬ ‫املربعات الصغيرة كلما زاد الوضوح‬ ‫في الصورة وعند الطباعة وإذا كان‬ ‫العكس إذا نقصت تبدوا الصورة‬ ‫مكسرة‬ Resolution Photoshop Pixels per inch (ppi) ‫بيكسل لكل إنش‬ Resolution Illustrator Dot per inch (dpi) ‫نقطة لكل إنش‬  ‫صيغة حفظ امللفات والصور‬ ‫‪Psd file format‬‬ ‫‪L‬‬ ‫هي الصيغة االساسية لملفات برنامج الفوتوشوب حيث أنه يحفظ العمل مع‬ ‫جميع الطبقات الموجودة فيه‪ ،‬ويسمح بعمل التغييرات والتعديالت على الملف‬ ‫االصلي بعد حفظه في أي وقت‪.‬‬ ‫‪L‬‬ ‫‪Ai file format‬‬ ‫‪L‬‬ ‫هي الصيغة االساسية لملفات برنامج اليستريتور حيث أنه يسمح بعمل‬ ‫االصلي بعد حفظه في أي وقت‪.‬‬ ‫التغييرات والتعديالت على الملف ‪L‬‬  ‫تحويل ملفات الصور والرسومات‬ ‫ ال يمكن لملفات فوتوشوب بصيغة ‪ Psd‬أو لملفات اليستريتور بصيغة ‪Ai‬‬ ‫االنترنت كما هي دون تغيير‪.‬‬ ‫أن تستخدم على صفحة على شبكة ‬ ‫ ‬ ‫ تحتاج هذه الملفات إلى تحويل الصورة وحفظها في صيغ ملفات يسهل‬ ‫على‬ ‫االنترنت فهمها‪.‬‬ ‫شبكة ‬ ‫الصيغ ‪%‬‬ ‫االخرى‪Gif, Jpeg, Png :‬‬  ‫صور ذات حجم صغير وسريعة التحميل وصور مضغوطة بأحجام أقل من الحجم ‪L‬‬ ‫االصلي‪.‬‬ ‫ ‬ ‫االنترنت‪.‬‬ ‫هذا النسق يضغط الصورقبل نشرها على ‬ ‫ ‬ ‫‪Jpg/Jpeg‬‬ ‫يفقد بعض بيانات الصورة أثناء الضغط وعاد ًة ال يتم مالحظة ما تم فقده‪.‬‬ ‫ ‬ ‫‪Joint‬‬ ‫يعتمده مصممين المواقع لما له من جودة عالية وصغر حجم المساحة التخزينية‪.‬‬ ‫ ‬ ‫‪Photographic‬‬ ‫‪Expert Group‬‬ ‫صور بصيغة شفافة‪ ،‬تحافظ على جودة الصور‪ ،‬تحافظ على جودة الشعارات‪.‬‬ ‫ ‬ ‫‪Png‬‬ ‫يتعامل هذا النسق مع أكثر من ‪ ٢٥٦‬لونًا‪.‬‬ ‫ ‬ ‫االنترنت‪.‬‬ ‫خصيصا لضغط الصور التي سيتم نشرها عبر ‬ ‫ً‬ ‫تم تصميمه‬ ‫ ‬ ‫‪Portable‬‬ ‫يحتفظ بجميع ‪L‬‬ ‫‪Network‬‬ ‫االلوان ويوفر خاصية الخلفيات الشفافة‪.‬‬ ‫ ‬ ‫‪Graphics‬‬  ‫يتعامل هذا النسق مع ‪ ٢٥٦‬لونًا فقط‪.‬‬ ‫ ‬ ‫كبيرا من الذاكرة‪.‬‬ ‫حيزا ً‬ ‫ال يأخذ ً‬ ‫ ‬ ‫‪Gif‬‬ ‫‪Graphic‬‬ ‫االنترنت لما له من حجم صغير وسرعة في التحميل‪.‬‬ ‫شاع استخدامه في ‬ ‫ ‬ ‫‪Interchange‬‬ ‫يدعم الصور المتحركة‪.‬‬ ‫ ‬ ‫‪Format‬‬ ‫ القدرة على تخزين الصور عالية البيكسل‪.‬‬ ‫‪Tiff‬‬ ‫ ‪ ،‬تحافظ على جودة الملفات‬ ‫‪Tagged File‬‬ ‫‪Image‬‬ ‫ يعتبر شكال ً مختل ًفا في لغة الطباعة‪ ،‬مالئم للطباعة عند عمل تصاميم ذات أحجام‬ ‫كبيرة‪.‬‬ ‫‪Pdf‬‬ ‫يحافظ على ‪L‬‬ ‫االلوان ودقة الملف بكل محتوياته بنا ًء على اختيار حجم الملف عند الحفظ‪.‬‬ ‫ ‬ ‫‪Portable‬‬ ‫‪Document‬‬ ‫‪Format‬‬ ‫كيف نتعرف على ملفات الصور والرسومات‬ ‫ألوان الشاشة وألوان الطباعة‬ ‫أنظمة ألوان الكمبيوتر‬  ‫‪HSB Model‬‬ ‫الصبغة‬ ‫‪Hue H‬‬ ‫التشبع‬ ‫‪Saturation S‬‬ ‫البريق‬ ‫‪Brightness B‬‬ ‫الصبغة‪ :‬اللون المنعكس من أي مادة بدون تأثير الخواص‬ ‫‪L‬‬ ‫‪L‬‬ ‫االخرى‪ ،‬التدرج في سلم االلوان من االحمر للبنفسجي‪.‬‬‫‪L‬‬ ‫وتنحصر بين صفر و ‪٣٦٠‬‬ ‫يعبر عن نسبة‬ ‫التشبع‪ :‬هو قوة اللون‪ /‬نقاءه‪ ،‬كمية تشبع اللون بكثافة معينة‪ّ ،‬‬ ‫الدرجات الرمادية في اللون‬ ‫وتتراوح نسبته بين الصفر حتى ‪١٠٠‬‬ ‫البريق‪ :‬ويعرف بالقيمة أيضا ‪ value‬يعتمد على نسبة الضوء في اللون‪.‬كمية‬ ‫الضوء في اللون‪ ،‬ألوان فاتحة أو غامقة‪.‬‬ ‫‪L‬‬ ‫االظالم التام الذي يصل إلى االسود‬‫تتدرج من الصفر ‪ ٪‬وهو ‬ ‫‪L‬‬ ‫االضاءة الكاملة التي تصل إلى االبيض‪.‬‬ ‫حتى ‪ ٪١٠٠‬وهو ‬  ‫‪RGB Model‬‬ ‫‪ Red R‬أحمر‬ ‫‪ Green G‬أخضر‬ ‫‪ Blue B‬أزرق‬ ‫تقاس شدة كل لون من صفر إلى ‪٢٥٥‬‬  ‫‪CMYK Model‬‬ ‫سماوي‬ ‫‪Cyan‬‬ ‫‪C‬‬ ‫أرجواني‬ ‫‪Magenta‬‬ ‫‪M‬‬ ‫أصفر‬ ‫‪Yellow‬‬ ‫‪Y‬‬ ‫أسود‬ ‫‪Black‬‬ ‫‪K‬‬ ‫تقاس شدة كل لون من صفر إلى ‪٪١٠٠‬‬ RGB Mode CMYK Mode Grayscale Mode Bitmap Mode Monotone Mode Duotone Mode ‫تصميم الجرافيك مجال واسع وهناك العديد من املهمات أو التخصصات املتفرعة منها والتي تتطلب توظيف مجموعة‬ ‫متعددة ومتنوعة من البرامج‪ ،‬حسب املهام التي يقوم بها املصمم‪.‬فمن أهم التخصصات‪:‬‬ ‫ تصميم المواقع‬ ‫‪ Web Design‬‬ ‫ الرسوم المتحركة‬ ‫‪ Animation‬‬ ‫ رسم توضيحي‬ ‫‪ Illustration‬‬ ‫ االعالن‬ ‫‪ Advertising‬‬ ‫ الطباعة‬ ‫‪ Printmaking‬‬ ‫ تصوير فوتوغرافي‬ ‫‪ Photography‬‬ ‫ النشر‬ ‫‪ Publishing‬‬ ‫ العالمة التجارية ‪...‬الخ‬ ‫‪ Branding...etc‬‬  ‫ومن أهم البرامج‪:‬‬ ‫فتوشوب ‪Photoshop‬‬ ‫معادلة الصور ‪Image Manipulation‬‬ ‫‪.‬فوتوشوب هو برنامج متعدد االستعماالت و منتشر استخدامه في الشركات‬ ‫‪.‬استخدامه الرئيسي هو تحرير و معالجة الصور الفوتوغرافية‪.‬‬ ‫‪.‬يستخدم للرسم و انشاء مواقع الويب‪ ،‬فن الرسم الرقمي وغير ذلك‪.‬‬  ‫االلستريتر ‪Illustrator‬‬ ‫>‬ ‫الرسوم التوضيحية و الشعارات‬ ‫‪.‬أداة مهمة جدا في مجال التصميم‪.‬‬ ‫‪.‬يستخدم النشاء رسومات و صور بصيغ‬ ‫مختلفة‪.‬‬ ‫‪.‬يستخدم بشكل أساسي في تصميم الشعارات‬ ‫و الهويات العملية و في المطبوعات‪.‬‬  ‫اليت روم ‪Lightroom‬‬ ‫معاينة وتحرير الصور ‪Photo Manipulation‬‬ ‫برنامج متقدم لتنظيم و معاينة الصور الفتوغرافية‬ ‫تساعد على تحرير عدد كبير من الصور و حفظها بصيغ مختلفة‬  ‫آﻓﺗر إﻓﻛﺗس ‪After Effects‬‬ ‫إﻧﺷﺎء اﻟرﺳوم اﻟﻣﺗﺣرﻛﺔ‪Motion graphics‬‬ ‫ إﻧﺷﺎء اﻟرﺳوﻣﺎت اﻟﻣﺗﺣرﻛﺔ واﻟﻣؤﺛرات اﻟﺑﺻرﯾﺔ‬ ‫ ﯾﺳﺗﺧدم ﻟﺗﺻﻣﯾم اﻟﻌﻧﺎوﯾن وا ﺷﻛﺎل واﻟرﺳوم اﻟﻣﺗﺣرﻛﺔ‬ ‫إﺿﺎﻓﺔ اﻟﻣؤﺛرات اﻟﺧﺎﺻﺔ ‪2D‬‬ ‫اﻟﺑدﯾل ﻟﮫ‬ ‫وﻏﯾرھﺎ ﻣن اﻟﺑراﻣﺞ‪Fusion 8 – blender‬‬ ‫إنشاء الرسومات املتحركة واملؤثرات البصرية‬  ‫دريم ويفر ‪Dreamweaver‬‬ ‫تصميم املواقع ا لكترونية ‪Web design‬‬ ‫يستخدم أيض لتصميم التطبيقات ‪ Applications‬املستخدمة على ا جهزة املختلفة‬ ‫املستخدمة على األجهزة املختلفة‪ Applications‬يستخدم أيضا لتصميم التطبيقات‬  ‫أدوبي بريمير ‪Adobe Premier‬‬ ‫ﺗﺣرﯾر اﻟﻔﯾدﯾو‬ ‫‪Video Editing‬‬ ‫ﻟﺗﺣرﯾر ﻣﻘﺎطﻊ اﻟﻔﯾدﯾو ‪ Timeline‬ﺗﺳﺗﺧدم اﻟـ‬ ‫‪.‬ﯾﻣﻛن اﺳﺗﺧداﻣﮫ ﻟﺗﺣرﯾر ﻣﻘﺎطﻊ اﻟﻔﯾدﯾو اﻟﻣﺧﺗﻠﻔﺔ ﺳواء ﻛﺎﻧت ﻣﻘﺎﺑﻠﺔ أو ﻓﯾﻠمأو ﻣﻘطﻊ ﻓﯾدﯾو ﻣوﺳﯾﻘﻲ‬ ‫ إﺿﺎﻓﺔ اﻟﻧص وﺗﺣرﯾﻛﮫ‪ ،‬وﺗﺣرﯾر اﻟﺻوت وإﺿﺎﻓﺔ ﺗﺄﺛﯾرات‬ ‫اﻟﺑدﯾل ﻟﮫ‪:‬‬ ‫وﻏﯾرھﺎ ‪Final Cut Pro – Apple iMovie‬‬ ‫ﺗﺣرﯾر ﻓﯾدﯾو و ﻣﻘﺎطﻊ ﻣوﺳﯾﻘﯾﺔ‬ ‫تحرير فديو و مقاطع موسيقية‬  ‫ﻣﺎﯾﺎ ‪Autodesk Maya‬‬ ‫رﺳوﻣﺎت ﺛﻼﺛﯾﺔ اﻻﺑﻌﺎد‪.‬‬ ‫‪3D Graphics‬‬ ‫ ھو اﻟﺑرﻧﺎﻣﺞ راﺋد ﺻﻧﺎﻋﺔ اﻟﻧﻣﺎذج ‪ ،‬اﻟرﺳوم اﻟﻣﺗﺣرﻛﺔ ﺛﻼﺛﯾﺔ اﻻﺑﻌﺎد‬ ‫ﯾﺳﺗﺧدم ﻓﻲ ﺻﻧﺎﻋﺔ اﻻﻓﻼم اﻻﺣﺗراﻓﯾﺔ ‪ ،‬اﻟﺗﻠﯾﻔزﯾوﻧﯾﺔ ‪،‬‬ ‫ﺗطوﯾر ا ﻟﻌﺎب واﻟﺗﺻﻣﯾﻣﺎت‬