الأحد، 22 مايو 2016

مطويات رمضانية للفوتوشوب Ramadan brochure-PSD





مطويات رمضانية للفوتوشوب Ramadan brochure-PSD


أقدم لكم بعض نماذج  مطويات مناسبة لشهر رمضان  من تصميمى يمكن التعديل عليها بإستخدام برنامج الفوتوشوب
إستخدمت فى التصميم برنامج illustrator  لضمان جودة عالية ثم تحويله لصيغة الفوتوشوب ليصبح جاهز للكتابة عليه وطباعته

تابع :كيف تصمم مطوية أو بروشور احترافي - للمبتدئين 

مطويات رمضان 

 التصميم يحتوى على :
  • مطوية ثنائية A4  بصيغة psd
  • مطوية ثلاثية A4 بصيغة psd
يمكن من خلال برنامج الفوتوشوب تبديل الصورة والكتابة عليها


    brochure psd



    الألوان : أزرق * أصفر

    أبعاد التصميم : A4


    تحميل الملف












    كيف تصمم مطوية أو بروشور احترافي - للمبتدئين



    كيف تصمم مطوية أو بروشور احترافي - للمبتدئين


    تعتبر المطويات أو البرشورات وسيلة من وسائل الإعلام فعندما تريد عمل مطوية أو برشور لعرض معلومات عن أى شئ سواء كان إعلان عن شركة أو تسويق منتج أو برشور إرشادى أوتعليمى ،  فقد تلجأ إلى متخصصين فى مجال التصميم وقد يكون الأمر مكلفًا ولكن ببعض التلميحات البسيطة يمكن تصميم مطوية إحترافية ناجحة بقليل من الخبرة بمجال التصميم 


    brochure-icon
    1. تحديد الأهداف والأفكار
    يكون ذلك بترتيب الأهداف الخاصة بموضوع البرشور ومحاولة تلخيص أكبر قدر من المعلومات فى مجموعة من النقاط وتحديد الأولويات الهامة التى تهم الفئة المستهدفة من القراء لهذه المطوية مع الأخذ فى الإعتبار الفئة العمرية والتقافية.

    2. وضع خطة لتضمين الأفكار مع العناصر
    بالطبع سوف تتكون المطوية من عدة عناصر كالصور وأنواع الخطوط المختلفة ( Fonts) والإطارات ولكى يكون تصميم المطوية متميز وغير تقليدى يفضل أن يحتوى تنسيق هذه العناصر يعبر عن فكرة البرشور.

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

    4. الإستعانة بالبرامج والقوالب
    يمكن تصميم المطوية بأكثر من برنامج يمكن إختيار الأنسب من أى هذه البرامج مثل:

    تصميم مطوية ببرنامج الفوتوشوب:

    إذا كان لديك فكرة ببرنامج الفوتوشوب فالأمر ليس صعبا ، يمكن إستخدام العديد من القوالب والنماذج للبورشورات الثنائية والثلاثية والرباعية بصيغة PSD 




    وطبعًا لك حرية الإبداع بالتصميم ولكن بالإمكان وضع فى الإعتبار بعض النقاط الهامة :
    • بمجرد فتح القالب بصيغة psd ببرنامج الفوتوشوب ستجد خطوط ملونة تمثل خط الطى للمطوية وخطوط تمثل الهوامش فيجب الحفاظ على النص والرسومات داخل الخطوط الزرقاء لتفادى التعرض لهذه العناصر أثناء القص أو الطى.
    • ضبط وضع اللون (color mode) إلى CMYK  وليس  RBG وذلك من قائمة
      Image >> Mode >> CMYK Color
    • يفضل الإستعانة بالمسطرة و الخطوط الإرشادية من خلال قائمة View >> Ruler لوضع النصوص والرسومات بشكل صحيح .
    • تلوين خلفية البرشور يمكن تكون بلون واحد أو تدرج لونى بإستخدام Paint Bucket tool ,Gradiant tool
    • يمكن أيضًا  إستخدام خلفية كصورة جاهزة وتضاف للعمل عن طريق فتح هذه الخلفية ببرنامج الفوتوشوب وسحبها بإستخدام Move tool إلى المطوية وتعديل أبعادها لتكون مناسبة للبرشور.
    • إضافة التأثيرات على النصوص والتأكد من إستقلال كل طبقة من طبقات العمل على الفوتوشوب لسهولة إضافة التأثيرات.

    تصميم مطوية ببرنامج الوورد word :

    بداية من Microsoft office 2007,2010 يتوفر قوالب جاهزة للتعديل عليها يمكن إستيرادها من موقع ميكروسوفت أوفس أون لاين وذلك عن طريق فتح ملف جديد ثم من قائمة القوالب "Templates" يمكن إختيار المطويات "Brochures and booklets" ثم قم بإختيار قالب مناسب ثم إضغط "Download"



     بعد تحميل القالب يمكن التعديل على النصوص وإضافة الصور وإستخدام الأشكال المناسبة للتصميم.
    يفضل إستخدام Wordart لتزيين العناوين والنصوص .
    يفضل إدراج النصوص داخل مربع النص "Text box" لسهولة التحكم بها داخل التصميم.

    تصميم مطوية ببرنامج  Publisher :
    هذا البرنامج ستجده فى مجموعة ميكروسوفت أوفس "Microsoft office publisher 2007/2010 " وتصميم المطويات بنماذج مختلفة بإستخدام هذا البرنامج يكون أكثر سهولة وإحترافية ودقة عند تحديد المسافات فى جوانب المطوية أثناء طيها.
    ويمكن أيضًا تنفيذ بطاقات بريدية أو بطاقات تهنئة من خلال قوالب ونماذج للتعديل عليها.


    microsoft publisher


    تصميم برشور ببرنامج illustrator: 

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

    5.عملية الطباعة والورق المستخدم:
    يجب الأخذ فى الإعتبار أن نوعية الورق المستخدم  تؤثر فى نجاح المطوية فيفضل إستخدام ورق ذو طبقة لامعة وجودة عالية.



    كيف تحول المعلومات إلى تصميم إنفوجرافيك مميز



    كيف تحول المعلومات إلى تصميم إنفوجرافيك مميز 


    نعرف تماما دور الإنفوجرافيك فى التأثير على المستخدمين وأهميته فى التسويق على شبكة الإنترنت لذلك سأوضح كيفية إستخدام هذه الإستراتيجية بطريقة فعالة حتى تتمكن من تحقيق شعبية أكبر لمشروعك سواء كان موقع أو منتج أو حتى العروض التعليمية.

    خطوات تصميم الانفوجرافيك :  





    يمكن تلخيص مراحل إنشاء الانفوجرافيك إلى 5 خطوات 

    الخطوة الأولى:  إختيار موضوع الإنفوجرافيك:                                                 

    من أهم الأمور التى يتوقف عليها نجاح الإنفوجرافيك هى الفكرة التى يدور حولها موضوع التصميم فكلما كانت الفكرة جديرة بالإهتمام كلما زادت من إحتمالية نجاح الإنفوجرافيك بصورة أكبر.


    ولكن كيف تجد الأفكار المناسبة لتصميمك؟


      infographic idea


      إليك بعض المصادر الغنية بالأفكار التى تصلح لتترجم إلى تصميم مرئى:

      • المواقع الإجتماعية: بمتابعة مواقع الفيس بوك ، تويتر ، جوجل بلس ،..... وغيرها من الشبكات الإجتماعية يمكن أن تتعرف على أكثر الأفكار والقضايا المثيرة للإهتمام.
      • إنشاء إستطلاع رأى حول موضوع معين وعرضه على المستخدمين عبر موقعك أو المواقع الإجتماعية أو أى وسيلة أخرى وتحليل النتائج فى انفوجرافيك يتضمن رسوم بيانية .
      • الإنفوجرافيك التعليمى أو الإرشادى: يعتبر الانفوجرافيك اداة ممتازة فى عرض الشروحات لما له من قدرة فائقة على توصيل المعلومات فيمكن من خلاله عرض المعلومات التى تعتمد على  الحقائق كالمعلومات الطبية مثلا أو القواعد النحوية.
      • المقالات القديمة : إذا كنت تمتلك موقعًا يمكن إختيار أكثر الموضوعات قراءة على موقعك وإعادة صياغتها فى إنفوجرافيك.
      • إعادة تصميم انفوجرافيك قديم وتزويده بإحصائيات حديثة وإنشاء مقارنات بين الحديث والقديم.
      • الإعتماد على بعض الأدوات : هناك العديد من الأدوات التى تساعدك فى الحصول على أفكار مثل:
      ** buzzsumo.com : هذا الموقع يساعدك فى البحث عن الموضوعات الأكثر شعبية لدى منافسيك وأكثرها متابعة فبإضافة رابط موقع معين أو كلمة مفتاحية معينة فى محرك بحث هذا الموقع  تظهر لك أكثر الموضوعات مشاركة على المواقع الإجتماعية.
      ** klock.work : بمجرد كتابة كلمة مفتاحية فى محرك البحث الخاص بهذه الأداة تقدم لك إقتراحات حول الموضوعات التى يمكن أن تكون انفوجرافيك.


      وهذه بعض النقاط التى يجب مراعاتها أثناء إختيار موضوع الإنفوجرافيك:
      1. التركيز على فكرة رئيسية واحدة للعمل ككل.
      2. يجب أن تكون الفكرة جديدة وفى نفس الوقت واضحة وبسيطة غير معقدة.
      3. العمل على الموضوعات التى تهم الفئات المستهدفة من المستخدمين.
      4. نوع فكرة الموضوع : فهناك بعض المواضيع تهم القراء بشكل كبير فى وقت معين ولكن بعد فترة ينتهى هذا الإهتمام كالموضوعات المتعلقة بالأخبار فعند استخدام هذه النوعية من الأفكار فى تصميم انفوجرافيك يكون له شعبية كبير فى وقت محدد ولكن تنتهى اهميته بمرور الوقت ، وهناك مواضيع أخرى تعتمد على حقائق لا تتأثر بعوامل الزمن والإعتماد عليها فى الانفوجرافيك يحقق اقصى استفادة على المدى الطويل.
      5. مدى توافر المعلومات المتعلقة بالموضوع.


      والآن بعد أن تم إختيار موضوع الإنفوجرافيك ننتقل إلى الخطوة التالية وهى:

      الخطوة الثانية: جمع عناصر التصميم (معلومات + احصائيات + صور )                  

      يتوقف نجاح الإنفوجرافيك على مصداقية المعلومات المعروضة به ويفضل تزويد التصميم بإحصائيات ورسوم بيانية تدعم الفكرة ، ويمكن جمع هذه البيانات بالبحث والقراءة على نطاق واسع  و لكن سأعرض بعض المصادر التى يمكن أن تساعد فى الحصول على المعلومات والإحصائيات وعناصر التصميم:
      infographic data
      البحث على شبكة الإنترنت

      تعتبر الشبكة العنكبوتية أهم مصادر للمعلومات فى وقتنا هذا ، فمن خلال محرك البحث Google تستطيع أن تعثر على المعلومات التى تبحث عنها و لتحقيق أكبر إستفادة منه يجب التعرف على حيل البحث عن المعلومات بإحترافية 
       الكتب والموسوعات:
      بالطبع القراءة والمطالعة هى أهم مصدر للمعلومات فيمكن الإعتماد على الكتب والمراجع والبحث فى الموسوعات مثل:
    1. موسوعة ويكيبيديا : مصدر هام وغنى بالمعلومات.
    2. wikiHow : وهذه موسوعة أخرى مليئة بالشروحات المفيدة فى مختلف المجالات.
    3. المواقع الإخبارية : يمكن البحث عن المعلومات المتعلقة بحدث معين من خلال الصحف والمجلات والمواقع الاخبارية.

    4. مصادر الإحصائيات:
      مواقع تحتوى على العديد من الإحصائيات فى مختلف المجالات مزودة بالخرائط والرسوم البيانية مثل :

      مصادر الصور الأيقونات المستخدمة فى التصميم

      تصميم الانفوجرافيك يعتمد بشكل كبير على الصور لذلك يجب العناية بجمع الصور المتعلقة بالموضوع وتوظيفها بشكل شيق سواء قمت بجمع هذه الصور بنفسك عبر كاميرا التصوير أو إستخدام صور عبر الإنترنت وهناك العديد من  مصادر الصور والأيقونات التى تدعم تصميمك.

      بعد جمع عناصر التصميم إتبع الآتى:

      1. يجب الأخذ فى الإعتبار أن يكون مصدر المعلومة موثوق منه والإبتعاد عن المواقع التي تفتقر للشفافية.
      2. مراعاة البحث عن آخرالمستجدات.
      3. تلخيص وإختصار المعلومات بقدر الإمكان واختيار المعلومات التى يمكن تمثيلها بصريًا.
      4. تجميع الإحصائيات فى جدول إكسل وتحليلها.
      5. إختيار أكثر الصور المعبرة عن موضوعك وضوحًا وأعلاها جودة.

      الخطوة الثالثة: التخطيط                                                                              


      يختلف تصميم الإنفوجرافيك عن أى تصميم آخر فى كونه يحتاج إلى تخطيط جيد قبل البدء فى تنفيذه لكى يكون له إنطباع جيد لدى المستخدمين فعن طريق إستخدام الورقة والقلم يمكن وضع تصور مبدئى لعرض الفكرة على حسب المعلومات المتاحة وهنا يكون الإبداع فيمكن تنفيذ الأفكار فى أحد النماذج الآتية:
      • عرض قصة هادفة: فالقراء يتذكرون القصص بشكل أفضل فيمكن وضع سيناريو وبناء هيكلة جيدة مكونة من بداية لهذه القصة وسلسلة احداث ثم نهاية.
      • إنفوجرافيك زمنى : عند وجود تسلسل منطقى للمعلومات فى فترات زمنية مختلفة.
      • قوائم: يمكن من خلاله سرد المعلومات بصورة مرتبة ومتسلسلة.
      • التسلسل الهرمى: يمكن من خلاله ترتيب مجموعة من العناصر من أعلى لأسفل على شكل هرم بحسب الأهمية أو الحجم أو....إلخ
      • إستخدام الأرقام والصور المتعلقة بالموضوع بدلا من النصوص.
      • دمج البيانات والصور مع خريطة توضيحية.
      • المقارنة: إذا توافرت البيانات حول عدة أشياء من نفس الفئة.
      • مخططات: ويفضل استخدامه لتوضيع العلاقات بين عناصر معينة ويمكن ايضًا استخدام المخططات البيانية.




      وهناك بعض الأدوات التى تساعد فى تخطيط الانفوجرافيك مثل أداة Draw.io
      وعليك بمراعاة هذه النقاط عند تخطيط التصميم:
      1. إختيار عنوان قوى ومختصر يعبر عن مضمون المحتوى مع تخصيص مكان له ملفت للإنتباه.
      2. يجب أن يكون المحتوى واضح للقارئ والتركيز على الجانب المرئى المعبر عن مضمون الإنفوجرافيك.
      3. يجب أن تنهى تصميمك بخاتمة مشوقة "مثلًا يمكن طرح سؤال يعبر عن الموضوع".
      4. أضف إسم وشعار موقعك إلى الإنفوجرافيك لحفظ الحقوق.
      5. تذييل التصميم بالمصادر التى إعتمدت عليها لحفظ الحقوق و كسب ثقة القارئ

      الخطوة الرابعة : إستخدام أدوات التصميم                                                        


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

      infographic tools

      برامج التصميم :

      أى برنامج تصميم يتعامل مع الصور والنصوص يصلح لتصميم إنفوجرافيك كما يمكن الإعتماد على برامج الأوفس كالإكسل فى تحليل البيانات وإنشاء الرسوم البيانية و لكن هذه هى أهم برامج التصميم المستخدمة فى هذا المجال:
      •  برنامج Illustrator
      يعتبر أفضل برامج التصميم حيث ينتج عنه تصميمات ذات جودة عالية وتتوافرله القوالب الجاهزة التى يسهل التعديل عليها.
      • برنامج فوتوشوب:
      وسيلة أسهل وأسرع للتصميم
      • برامج التصميم المجانية
      يمكن الإعتماد على بعض البرامج المجانية التى تعتبر بدائل لبرنامجى الفوتوشوب وإليستريتور فى تنفيذ إنفوجرافيك.

      منصات متخصصة لتصميم انفوجرافيك أون لاين

      إذا كان ليس لديك خبرة ببرامج التصميم وتريد إنشاء إنفوجرافيك ، يمكن ذلك بكل سهولة بدون برامج وذلك عبر احد المنصات المتخصصة من خلال متصفح الإنترنت مباشرة ، وإليك فكرة سريعة عن بعض هذه الخدمات وعليك تجربتها وإختيار الأداة الأمثل لتصميمك:
      • piktochart.com : أداة رائعة لتحويل البيانات المملة إلى تصميم انفوجرافيك بإستخدام العديد من القوالب الجاهزة والأيقونات الموجودة بالموقع كما إنه يوفر مكتبة صور وخرائط تفاعلية ومخططات مختلفة تساعد فى التصميم وتكون هذه الأداة مناسبة عند الحاجة إلى تحليل بيانات وتصميم الرسوم البيانية.
      • Vizualize.me : خدمة أخرى لتصميم الإنفوجرافيك ، ويتوفر به ميزة إضافية وهى إمكانية إنشاء سيرة ذاتية على هيئة إنفوجرافيك .
      • Easel.ly : تعتبر هذه الخدمة المجانية من أسهل الخدمات لتصميم الإنفوجرافيك ، لما توفره من قوالب و رسومات .
      • Venngage:  أداة هامة  تسمح بإنشاء انفوجرافيك مجانية بما يتضمنه من إحصائيات - مخططات - خرائط - إستبيان - سيرة ذاتية.
      • infogr.am : يمكن تصدير البيانات من ملف إكسل إلى القوالب الجاهزة الموجودة بالموقع كما يمكن إدراج صور - خرائط - فيديو إلى تصميمك.
      • Timeline Js : هذا الموقع يساعد على إنشاء إنفوجرافيك قائم على التسلسل الزمنى للأحداث ويسمح برفع الصور لإستخدامها فى التصميم.

      تطبيقات لتصميم إنفوجرافيك من خلال الهواتف الذكية:

      • InFoto Free : تطبيق لنظام الأندرويد يمكن من خلاله تحليل الإحصائيات وإستخدام الخرائط فى تصميم انفوجرافيك .
      • Photo Stats : تطبيق آخر يسمح بإنشاء إنفوجرافيك بإستخدام هواتف iphone

      الخطوة الخامسة: الإخراج النهائى للتصميم                                                      


      فى هذه الخطوة تعد الأهم بالنسبة للمصمم لذلك يجب إتباع هذه النصائح للوصول إلى نتائج مرضية:
      1. أبعاد التصميم: يعتمد تحديد الأبعاد على نوع المعلومات والبيانات المدرجة ولكن يفضل معظم مصممى الإنفوجرافيك أن يكون التصميم بشكل رأسى لأنه يسمح بعرض أفضل للمعلومات والمخططات ، كما يجب مراعاة أن تكون النسبة بين الطول : العرض = 4 : 1   (مثال الأبعاد : 600 × 2400) 
      2. الصور : يجب أن تستخدم بطريقة محددة لخدمة التصميم.
      3. الألوان : إختيار الألوان المناسبة لها تأثير كبير فى نجاح الإنفوجرافيك فلابد أن تستخدم بصورة متناسقة مع المحتوى والأفضل ألا تكثر من الألوان فى التصميم الواحد (لونين أو ثلاث )   - يمكن الإستعانة بهذه الأدوات فى إختيار الألوان : Adobe Kuler أو paletton.com
      4. نوع الخط : يجب إختيار نوع خط بسيط وواضح بحجم مناسب لجعل الإنفوجرافيك منظم وسهل القراءة والبعد عن المبالغة فى إستخدام الخطوط المزخرفة.
      5. التنسيق : يجب ترتيب عناصر التصميم بشكل منظم و الإبتعاد عن إزدحامها.
      6. حجم الإنفوجرافيك: يجب مراعاة أن يكون حجم صورة الإنفوجرافيك المعروض على الويب صغير حتى لايصيب المستخدم الملل من إنتظار التحميل.   

      فى النهاية: 

      لايبقى سوى الترويج لتصميمك على شبكات التواصل الإجتماعى أو داخل موقعك و يمكن الإستعانة بالإضافات التى تساعد على نشر الصور عبر المواقع الإجتماعية وخصوصًا المواقع التى تهتم بهذا النوع من الصور مثل موقع Pinterest .
      يمكن أيضا توفير كود نسخ الإنفوجرافيك إلى المواقع الأخرى، ويمكن الإستعانة بهذه الأداة builtvisible.com لإنشاء كود به رابط موقعك .


      مصادر الصور المستخدمة بالمقال: www.freepik.com






      الثلاثاء، 17 مايو 2016

      اذا كنت مصمم .. كيف تختار الألوان؟



      اذا كنت مصمم .. كيف تختار الألوان؟

      الالوان... هي من أهم الأشياء في التصميم وهي ما يمكن أن تشكل فرقاً بين التصميم الجيد والتصميم السيء وبين التصميم الجميل والتصميم القبيح . وبدون الاستعمال الجيد للألوان ، تصميمك لن يؤثر عليك كما كنت تتوقع .



















      الألوان الدافئة والألوان الباردة :

      في العادة الألوان الدافئة والباردة صعبة الفهم ، لذا فاتبع هذا الدليل لكي لا تصادفك أي مشكلة مستقبلاً .

      الألوان الدافئة :

      الألوان مثل الاحمر، البرتقالي، الاصفر
      تعتبر من الألوان الدافئة . وبالتحديد ، ممكن ان نقول بأن الألوان الدافئة هي الألوان التي نراها عادةً في النار .
      الألوان الدافئة تستعمل عادةً لإظهار الإبتهاج . الشعارات والصور التي تستعمل العديد من الألوان الدافئة
      تستعمل لتوصيل الغضب ،
      الكره ، الحقد .

      الألوان الباردة:

      الألوان مثل الاخضر، الازرق، البنفسجي
      تعتبر من الالوان الباردة . وبالتحديد ، ممكن ان نقول بأن الألوان الباردة هي الألوان التي نراها
      عادةً في الطبيعة (الماء ، النباتات ، الخ) .
      الألوان الباردة تستعمل عادةً لإظهار الهدوء ، النشاطات الهادئة .
      تستعمل المستشفيات اللون الازرق المخضر ، مدموجان مع بعضهما
      البعض على الجدران ، وذلك لإبقاء المرضى بأعلى درجة من الهدوء .

      الألوان الرئيسية :

      ماهي الألوان الرئيسية ؟
      في الحقيقة إنها ثلاثة الوان والتي ممكن ان تستعمل لصنع كل الألوان الأخرى التي عرفها الإنسان .
      الاحمر و الازرق والاصفر ، هي الالوان الرئيسية . عندما يمزج الاحمر بـ الاصفر ، تحصل على البرتقالي .
      وعندما يمزج الازرق بالـالاصفر ، تحصل على الاخضر .
      وعندما يمزج الاحمر بالـ الازرق ، تحصل على البنفسجي .
      تستعمل الألوان الرئيسية بكثرة: في مطاعم الوجبات السريعة .
      معظم شعارات مطاعم الوجبات السريعة تستعمل الازرق ، الاحمر ، الاصفر لإقناع الزبون بسرعتهم .
      كما انهم يجملون مداخل مطاعمهم بالألوان الأساسية لكي يمنعوا الزوار من البقاء .
      يريدون الزائر أن يأتي ويطلب الطعام ، ويأكله بسرعة ، ثم بذهب .

      الألوان الفرعية :

      ماهي الألوان الفرعية ؟
      الألوان الفرعية هي الألوان التي تحصل عليها عندما يتم دمج لونين من الألوان الأساسية بقيّم متساوية .
      البرتقالي ، و الاخضر ، و البنفسجي تعتبر من الألوان الفرعية .

      الألوان المتقابلة :

      ماهي الألوان المتقابلة ؟
      في الحقيقة ، إنهم ببساطة الألوان الموجودة على الطرف الآخر من عجلة الألوان (انظر لعجلة الألوان في الاعلى).
      كما تلاحظ في عجلة الإطارات بالأعلى ، وبتطبيق قاعدة الألوان المتقابلة ،
      فإن الازرق متناسق مع البرتقالي ، الاحمرو متنساق مع الاخضر ، و الاصفر
      متناسق مع البنفسجي .

      الألوان النصفية:

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

      وهذه بعض النصائح المفيده

      اولا: تجد أن بعض المصممين عندما يصمم مثلا
      تصميم عن تهنئة شخص أو ما شبهه يستخدم ألون كئيبة وقاتمة
      كالأسود والكحلي ودرجاته والعكس صحيح كأن تصمم تصميم
      للتعزية تستخدم فيه ألوان صاخبة كالوردي والبنفسجي وما شابهها .

      ثانيا : عندما تحاول أنت تستخدم مزيج بين لوني وأكثر حاول أن
      تكون الالون التي سوف تستخدمها متقاربة ومتناسقة في
      درجاتها كالأحمر والبرتقالي ، والسماوي والأزرق ، البنفسجي والوردي وغيرها .

      ثالثا : حاول ألا أن تكثر من الألوان المستخدمة في موقعك أو تصميمك فللأسف تجد
      أن بعض المواقع عندما تزورها تتمنى أن تكون مصاباً بعمى ألوان من
      شدة ما تراه من اختلاط الألوان وبشاعتها !!

      رابعا : إذا وجدت لون أعجبك في تصميم ما لابئس أن تقوم
      بإستخدمه وذلك عن طريق أداة الشفاطة ( eyedropper )
      الموجودة في اغلب برامج الجرافيكس .

      خامسا : حاول أن تختار ألوانك من عجلة الألوان التالية :

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

      سابعا : اختر الدرجة المناسبة للون الذي قمت باختياره حتى يكون مناسب
      للتصميم فكما هو معلوم يوجد لجميع الألوان درجات متفاوفته ****
      مثلا اللون البرتقالي له عدة درجات منها ما يميل إلى
      اللون الأحمر ومنها ما يميل إلى اللون الأصفر ( لاحظ الصورة )

      ثامنا : ابتعد بقدر الإمكان عن الألوان المزعجة كهذه الألوان الموجودة في الصورة
      نظرية الالوان
      عجلة الألون الأساسية التي تراها بالأعلى، اعتدنا عليها في المدارس من الابتدائية
      وحتى الجامعية؛ وتعتبر عجلة اللون الأساسية التي يعتمد عليها أكثر الفنانين
      لاختيار أفكارهم اللونية..
      يتضمن تركيب عجلة الألون الأساسية ؛
      ثلاثة ألوان رئيسية: الأحمر، الأصفر ، الأزرق..
      الألوان البينية موضحة بالصورة..
      نظريا؛ خلط أي من هذه الألوان ينتج لك لون ثانوي..
      نستطيع الاستنتاج أن الألوان الرئيسية هذه تعتبر “الأصفى” عادة..
      ولو أن هناك اختلافاً بينهم..
      مثلا: الأصفر يبدو ألمع من الأحمر الذي يبدو هو ألمع من الأزرق..!
      جوهر الألوان الرئيسية، في حيويته ؛
      اذا أردت صنع شعار جذاب وقوي.. أفضل الطرق أن تستعمل الألوان الأساسية..
      لنتعمق قليلا..!
      بخلط أي اثنين من الألوان الأساسية الثلاثة..
      ستحصل على ألوان ثانوية..
      الألوان الثانوية هي : البرتقالي والأخضر والبنفسجي.
      لاحظ الآن في عجلة اللون الأساسية ( أعلى ) ..
      ستجد الألوان الثانوية تماما بين الألوان الأصلية… طبعا سهلة..
      خلط الأحمر والأصفر.. ظهر لنا برتقالي.. وهكذا.. سهلة صح؟!
      طيب الآن.. لو خلطنا لون ثانوي ولون أساسي..!
      نعم، صحيح.. يظهر لنا لون جديد.. ( وضّحت في عجلة اللون باللون الرمادي ) ..!
      كذا الفكرة باختصار.. والأمثلة في الأعلى توضيحية فقط.. وإلا الاستخدام أوسع..
      طبعا كتبت الكثير من التصنيفات للألوان..
      مثل التصنيف التالي الشهير:
      الألوان الدافئة (الساخنة) :
      الأحمر، الأصفر، البرتقالي، وكلّ تدرجاتها. الألوان الدافئة ترتبط بالحرارة، غضب،
      فوضى.غيرة، ثورة، فكّر ب”النار” عندما تستعمل هذه الألوان الدافئة..!

      الألوان الباردة:
      الأخضر، الأزرق، البنفسجي، وكلّ تدرحات هذه الألوان.
      الألوان الباردة ترتبط بالبرد، هدوء، وصفاء ،
      ثقة. يقين، فكّر ب”الثلج” عندما تستعمل الألوان الباردة.
      الألوان التكاملية :
      كل لون واللون المقابل له في العجلة (أعلى) يشكلون تراكباً لونيا..
      عادة يجعل التصميم حساس وجميل جدا.. لكن ؛
      البعض يظن أن التكاملات هذه تطابق تام.. ليس بالضرورة..!
      الأحمر مقابل للأخضر.. لكن لا ترى تناسقا لونيا..!
      الألوان التماثلية:
      الألوان التي تصطف بجانب بعضها على عجلة اللون الأساسية (أعلى) .
      تعتبر هذه الألوان متناسقة بشكل جيد ونموذجية.. اذا أردت استخدام ألوان متوازنة ؛
      استعمل ألواناً متماثلة!
      مثال: البنفسجي والأزرق يعتبران لونان متماثلان..!
      الألوان المثلثية:
      اختر ثلاث ألوان على عجلة الألوان الأساسية ( أعلى) بحيث تشكل مثلثا..
      مثلا: الأحمر و الأزرق والأصفر .. هذه تعتبر ألوان مثلثية..
      أي ثلاثة ألوان تصلح لأن تكون ألوان مثلثية ما دامها تشكّل مثلثا في العجلة..
      القليل جدا من الناس يستعمل ألوان مثلثية..
      وذلك بسبب لكونهم لا يعرفون استعمالها بشكل صحيح..!

      الألوان المثلثية في تصميم أو رسمة.. تجعلها تبدو ملونة أكثر.. حيوية أكثر..
      بالرغم من استعمال 3 ألوان فقط..! عادة، الشركات التي تريد منح
      شعاراتها شيئا من (المرح).. تلون الشعار بهذه الطريقة..!
      أسلوب ألوان الجمع.. نظرية لونية ..
      مستندة على خصائص الضوء..
      تقول النظرية:
      أن كل الألوان في الطيف المرئي مكوّنة من 3 ألوان أساسية :
      أحمر Red، أخضرGreen، أزرقBlue .. المعروفة اختصارا بـ RGB..
      عند خلط هذه الألوان الأساسية مع بعضها في كميات مختلفة.. تحصل على بقية الألوان..
      فيزيائيا.. اللون لايوجد مالم يكن هناك ضوء..!
      شرح مبسط:
      حينما يصطدم الضوء بجسم ما، يمتص هذا الجسم كل الألوان، ما عدا لونها الحقيقي..
      مثال: التفاحة تمتص كل الألوان ما عدا الأحمر الذي ينعكس.. !
      البرتقال يمتص كل الألوان ما عدا اللون البرتقالي الذي ينعكس..! وهكذا..
      خلط لونين من ألوان الجمع الأساسية ينتج لون جمع ثانوي:
      قرمزي(فوشي) ، أصفر ، أزرق تركواز فاتح..
      خلط ألوان الجمع كلها الأساسية يكون الأبيض الصافي..!
      تستعمل أجهزة التلفاز، وشاشات الكومبيوتر طريقة ألوان الجمع في عرض الألوان.. بإمكانك ملاحظة ألوان
      الجمع الأساسية عندما تقترب بعينيك جدا من شاشة التلفاز..!
      في الفوتوشوب.. أنت تصنع الألوان عن طريق اختيار قيم
      للأحمر والأخضر والأزرق RGB تكوّن اللون المطلوب..
      لاحظ ذلك.. وستكوّن لوناً متقناً..!
      الكثير من الناس خاصة المصممين المبتدئين.. يستغربون من كون الألوان RGB
      التي تظهر لديهم على الشاشة بشكل جميل.. تبدو كئيبة متغيّرة عند طباعتها..!
      هذا هو أسلوب ألوان الطرح..!
      أسلوب ألوان الطرح يعتمد على خلط الصبغات الفعلية.. وارتبطت بأحبار الطابعات بشكل شائع جدا..
      يبدو أنك لاحظت أن ألوان الطرح نقيض تام لألوان الجمع.. !
      الألوان الثلاثة الأساسية في ألوان الطرح هي:
      أزرق تركواز فاتح Cyan ، قرمزي (فوشي) Magenta ، أصفر Yellow .. اختصارا CMYK
      خلط لونين أساسين يكون الألوان الأساسية التالية : أحمر ، أخضر ، أزرق.. !
      خلط الألوان الأساسية الثلاثة.. يكون الأسود الصافي: K
      كل عمليات الطبع، تسند على CMYK ، اختصار ألوان الطرح..
      طبعا في الحقيقة.. أكثر عمليات الطباعة لا تخلط الألوان في الحقيقة..
      بدلا من ذلك.. تطبع نقاط صغيرة جدا جدا لكل لون أساسي على حدة..
      وعلى مقربة من بعضها تماما، وأحيانا فوق بعضها.. ونتيجة لذلك تبدو الألوان مخلوطة تماما..!
      بإمكانك ملاحظة ذلك في طبعات الصحف.. خذ عدسة مكبّرة.. ولاحظ الصور….
      طبعا الفكرة هنا تساعد في خلط ألوان الطلاء، أو حتى خلط الألوان اليكترونيا..


      إمتدادات الصور - Image format



      إمتدادات الصور - Image format

      امتدادات الصور هى نوع ملف الصورة... كل نوع من هذه الملفات يكون لها خصائص و بعضها متشابه فى الخصائص مع وجود إختلاف بسيط ... فمثلا الإمتداد BMB فهو أشهر أنواع إمتدادات الصور وقد ابتكرتها مايكروسوفت لتكون الهيئة القياسية للصور فى ويندوز ،

       والإمتداد JPEG/JPG تعتبر الهيئة الأكثر شعبية وانتشار لا سيما لعرض الصور على الانترنت ، والهيئة GIF تتميز بأنها تدعم الصور المتحركة والشفافية فهي تستخدم في الويب بشكل كبير لأن حجمها صغير إلاّ أنها لا تعطي صورة حقيقية لأن ألوانها محدودة


      JPEG

      الهيئة JPEG إختصار للعبارة (Joint Photographic Experts Group) وتلفظ "جي-بيغ". وتعتبر الهيئة الأكثر شعبية وانتشار لا سيما لعرض الصور على الانترنت . و تتمتع بالمزايا التالية: 
      يستعمل JPEG آلية ضغط متغيّرة, حيث تستطيع التحكّم بدرجة الضغط عند التخزين, للحصول على حجم فايل مناسب, حتّى أنه يمكنك الحصول على حجم ملف صغير جداً ولكن طبعاً مع ضعف في جودة الصورة. 
      تدعم الهيئة JPEG نظام عمق لوني لغاية 24 بت ( 16 مليون لون ) اي تعطي صورة حقيقية
      ومن عيوبها انها لا تدعم الشفافية والحركة
      عند حفظ الملف JPEG  فإنه يحتفظ بألوان الصورة كما هي لانه كما ذكرنا يدعم 16 مليون لون
      أما بالنسبة للشفافية فهو لا يدعم الشفافية فتحفظ الخلفية بيضاء
       
       










        

      GIF

      الهيئة GIF هو إختصار للعبارة (Graphics Interchange Format) ويلفظ"jiff" يستعمل بشكل واسع على الويب هذه الهيئة تخزّن لغاية 256 لون أي الوان محدودة بما أن الصورة تتألف من ملايين التدرجات اللونية, فإن التطبيقات مثل أدوبي فوتوشوب عند حفظ الصورة على هيئة GIF تختار الأفضل من هذه الألوان لتمثيل الجميع. عند العرض, فإن كل بيكسل في الصورة يأخذ أحد الألوان المتوفرة ضمن الـ 256 لون
      تستخدم مع الفنون الخطّية مثل أفلام الكرتون, الرسوم, المخططات, الشعارات والنصوص , وليس للصور الفوتوغرافية.
      أضيفت الى النمط الجديد GIF 89a بعض المزايا والإمكانات والتي تشمل: 
      جعل خلفية الصورة شفافة. 
      جعل الصورة متحرّكة.
      عند حفظ الملف GIF  فإنه يقرب الالوان الى أحد الألوان المتوفرة ضمن الـ 256 لون
      أما بالنسبة للشفافية فهو يدعم الشفافية لكن بمستوى  واحد









      PNG

      الهيئةPNG  إختصار لـ (Portable Network Graphics) و تلفظ "بينغ", طوّرت لتحل محل الهيئة GIF تتشابه الهيئة PNG مع الهيئة GIF في كونها تستخدم آلية الضغط المحافظ (ضغط بدون ضياع التفاصيل), وتتفوق عليها في توفر بعض المزايا التي لا تتوفر في الهيئة GIF وهذا يشمل 254 مستوى شفافية, في حين أن GIF يدعم مستوى واحد فقط, كذلك تحكّم أكبر بدرحة سطوع الصورة, ودعم لنظام 48 بت لكل بيكسل GIF يدعم 8 بت فقط , أي 256 لون
      تدعم الهيئة PNG  - 16 مليون لون بينما الهيئة GIF  تدعم 256 لون


      عند حفظ الملف PNG  فإنه يتميز هذا النوع بالشفافية
      حيث يشمل 254 مستوى شفافية
       




















      PSD) Photoshop)

      عند معالجة الصورة بأستخدام البرنامج الشهير فوتوشوب Adobe PhotoShop , هنالك الكثير من المزايا التي تساعدك أثناء التحرير مثل الطبقات (Layers), لذا لدى فوتوشوب هيئة محلية خاصة به لحفظ ملف الصورة أثناء العمل يدعى PSD , هذه الهيئة تسجّل كل الإجراءات والتعديلات التي تحدثها على الصورة, ومن ثم يمكنك العودة اليها وإعادة تحريرها. عند الإنتهاء من المعالجة, ينبغي حفظ الصورة في هيئة آخرى أكثر شيوعاً, لتسهيل عملية تداولها بين التطبيقات مثل JPEG, TIFF أو BMP 
      عند حفظ الملف PSD  فإنه يحتفظ بالطبقات يعني امكانية التعديل على الملف
      ولكن لا يفتح هذا النوع الا في برنامج الفوتوشوب
       






      TIFF


      الهيئة TIFF إختصار لـ (Tag Image File Format) وتلفظ "تيف" صممتها شركة آلدوس Aldus في الأصل لحفظ الصور ألآتية من الماسح الضوئي (Scanner) أو من برامج المعالجة. أنتشرت هذه الهيئة بشكل واسع, وشاعت كهيئةنقل الصور دون أن تكون مرتبطة بماسح ضوئي معين أو طابعة أو برنامج معالجة. الهيئة TIFF تحظى بشهرة واسعة أيضاً مع تطبيقات النشر الاحترافية. هنالك عدة صيغ للهيئة TIFF تدعى توسعات extensions , من هنا تظهر بعض المشاكل عند محاولة تحميل أحدها عن طريق الآخر. بعض التوسعات تتعامل بآلية ضغط من النوع LZW التي لا تضعف الصورة بتاتاً. هيئة TIFF تدعم عمق لوني 24 بت كحد أقصى يعادل 16 مليون لون.
      عند حفظ الملف TIFF  فإنه يحتفظ باليرات
      كما انها تفتح عبر تطبيقات اخرى
       








      BMP

      BMP , الذي يلفظ حرفاً حرفاً "B-M-P", يستعمل آلية ويندوز في توزيع البتات. ويسمح لويندوز بعرض البتماب على أي جهاز عرض. شائع الإستعمال في معظم التطبيقات, لا يستخدم آلية ضغط, قابل للتداول على جميع الأجهزة.

      EPS

      الهيئة EPS إختصار لـ (Encapsulated PostScript) ويلفظ حرفاً حرفاً "E-P-S". يستخدم هيئة طورتها أدوبي Adobe للطابعات التي تتقبل البريمجات. هذه الفايلات تتألف عموماً من جزئين. الجزء الأول- عبارة عن وصف نصّي يوضّح للطابعة كيف ينبغي أن يكون عليه شكل الصورة المطبوعة. الجزء الثاني- صورة إضافية على الهيئة PICT تستخدم للعرض على الشاشة. بعد حفظ الصورة على هيئة EPS , تستطيع تحميلها بواسطة تطبيقات أخرى وإجراء التحجيم عليها (تغيير المقاييس). غير أن محتوى هذه الفايلات غير قابل لإعادة التحرير إلا من قبل تطبيقات معينة مثل Adobe Illustrator . في العادة لا تحفظ الصور على هيئة EPS إلا بعد الإنتهاء من معالجتها تماماً, والتحضير لإرسالها الى دور النشر.

       PICT

      الهيئة  PICTيلفظ "بيك" ظهرت مع برامج MacDraw للإستعمال على كمبيوتر ماكنتوش, ومنذ ذلك الحين أصبحت الهيئة النموذجية لماكنتوش.