سبتمبر 4 2010

كيف تصمم!!

بعض اهم النقاط في التصميم

بسم الله الرحمن الرحيم

اهلاً وسهلاً بجميع زوار ومتابعي مدونة جرافيكس ورمضانكم كريم .

اليوم ان شاء الله بحاول اشرح بعض النقاط المهمة في التصميم او بمعنى اخر .. كيف نصمم !!

طبعاً ان اقوم بشرح الموضوع نظرياً .. لن يكون مفهوم .. لذلك بيكون الشرح على تصميم عملي “تصميم كرت” ومن خلال الخطوات بشرح بعض النقاط المهمة في التصميم

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

في البداية اخذت رمز عشوائي واعتبرتة شعار .. علشان نطبق تصميم الكرت علية .. وطلع معانا هذا الشعار مثلاً

( طبعاً هذة مش شعار المدونة .. وانما رمز اخذتة عشوائياً لتطبيق الدرس.. ولا اعلم متى سوف اقوم بتصميم شعار للمدونة؟!! )

طيب نبداء ونعرض لكم النتيجة النهائية

هذا هو التصميم اللي بانتعلمة اليوم ان شاء الله .. وكما تلاحظوا الكرت باسمي وهناك عنوان مزيف .. يعني لاتتعب حالك في حفظ الرقم لانة مش رقمي J

احب انوة هنا انة المفترض ان الكروت يتم تصميمها باللستريتر كما تكلمت سابقاً في كثير من التدوينات .. لكن هنا ليس الهدف تصميم كرت .. وانما شرح كيف تصمم.

بسم الله نبداء

بما ان التصميم للطباعة وحجم الكرت الافتراضي معروف .. فبتكون الخيارات كما في الصورة الاتية

حجم الكرت 9 × 5 سم  والدقة 300 ونظام الالوان CMYK

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

نلاحظ ان الشعار مكون من لونين متباينين .. رائعين .. نبداء باخذهن باستخدام اداة القطارة

ابداء في عمل الخلفية ولونة باللون الغامق ..

جميل جداً .. الخلفية الصافية .. جميلة ورسمية .. لكنها فعالة عندما يكون فية كتابة كثيرة فهي تريح العين

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

طبعاً بعضكم بيقول “كيف اضافة حركة؟؟ وهو تصميم كرت ثابت!!!”

اقول لة .. التصميم لن يتحرك .. وانما عينك هي التي سوف تتحرك.. وبذلك نكسر الملل في التصميم .

وهناك عدة امور لجعل العين تتحرك ويكون التصميم ديناميكي .. واهم هذة الامور هو التدرج

نعم التدرج .. الان سوف نضيف تدرج على الخلفية .. وبيكون مركز الحركة الى وسط التصميم .

نختار اداة  التدرج ونضع الخيارات كما في الصورة الاتية

وانشاء لير جديد فوق لير الخلفية

طيب .. كثير من المصممين عندما يستخدموا التدرج .. يخلوا التدرج صغير ؟؟ كهذة الصورة

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

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

وخفف شوية من الشفافية

الان انتهينا من الخلفية .. نبداء بوضع الكتابة التي نريدها كاملة

طيب الان خلونا نحفظ قاعدة وهي ” المحاذاة مهمة .. وتوزيع الكتل اهم ”

كيف يعني ؟؟ رح اقول لك يجب ان تنسق العناصر بمحاذاة تامة ومحاولة توزيع الكتل في التصميم .. وعلى فكرة  توزيع الكتل سهل جداً وتدركة العين .. فاذا عملت تصميم وشفتة انك لم ترتاح لة .. فاعلم ان توزيعك للكتل غير صحيح .. وحاول توزع الكتل بطريقة افضل .

طيب في البداية من خلال المعلومات اللي عندي .. اريد ان يكون الاسم هو البارز والاكبر .. لانة العنصر المهم في الكرت ..ثم تصغير الوظيفة قليلاً .. اما العنوان فيكون هو الاصغر

طيب الان احاول توزيع العناصر على الكرت .. وانتهيت بهذة النتيجة

جميل جداً من ناحية توزيع الكتل .. لكن تحس الان ان فية شيء غلط ؟!! صح

نعم .. فهذا الاحساس سببة ان العين تحسست مناطق غير منتظمة.. وهو عدم وجود محاذاة!!

وهنا في الصورة الاتية ابين لك مناطق التي لايوجد بها محاذاة

نلاحظ ان نهاية اسم الشخص “اللي هو انا في الواقع”  غير محاذاة مع الوظيفة.

والعناوين في بدايتها ونهايتها لايوجد محاذاة .

لكن بمجرد ان تصلح تلك المشاكل .. باتجد ان التصميم صار افضل وعينك مرتاحة اكثر .. واصبح التصميم مريح

الان بامكانك اضافة خط بجانب العناوين علشان يثبت العناوين في مكانة .. ويجعلة اكثر قوة وثباتاً

الان نضيف الشعار في اعلى يسار الكرت

لكن نلاحظ انة غير واضح .. لان اللوانة متطابقة مع اللوان الخلفية .. لذلك الحل هو وضع خلفية بيضاء اسفلة  ليظهر الشعار .. وطبعاً بعضكم على طوووووووووول بيحط مربع اسفلة !!!!

اكبر خطاء في التصميم.. يجب عليك ان تناسق التصميم .. بما ان الشعار عبارة عن كرفات “منحنيات” فافضل شكل هو ان نضع خلفة عنصر منحني .. ليكون التصميم متناسق

وبامكاننا اضافة تفاصيل وذلك بتكرار نفس العنصر ولكن مع التخفيف من الشفافية ” وطبعاً بامكانكم الاستغناء عن هذة الخطوة اذا شفتها غير مناسبة”

طيب الان انتيهنا من التصميم .. لكن بعد ان انتهيت .. حاولت تحليل التصميم ووجدت انة غير متوازن!! فالكرت على اليسار يبدو اثقل من على اليمين !!

حسيت ان التصميم كانة بيميل الى اليسار!! وطبعت في راسي هذة النتيجة

لذلك سوف نقوم باستغلال ذلك الفراغ الي على اسفل اليمين بوضع عنصر ليحاول التوازن.. طيب انت عناصرك خلصت اصلاً ؟!!

لا .. لم تنتهي .. لاننا سوف نصنع عنصر جديد من عنصرموجود مسبقاً !

وهو الشعااااااااااااااار

رح ننسخ الشعار ونكببببببببببرة ونظهر فقط جزء صغير ومناسب في التصميم ..

نلاحظ من الصورة اننا استخدمنا جزء صغير من الشعار وهو مناسب ومتناسق .. لكن اللون شوية ثقيل وغير محبب..

لذلك افضل حل هو تجريب البلندنج موود وتخفيف الشفافية الى ان نحصل على نتيجة مرضية .. كهذة

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

وبتكون النتيجة جميلة .. وبامكانكم المقارنة بين التصميم قبل التكسشر وبعدة

تغيير طفيف .. لكن العين تدركة .. ويجعل التصميم متحرك وغير ثابت

طيب انتهينا من الوجهة الامامي .. الان نريد الوجهة الخلفي .. ومثل ماقلت لكم سابقاً .. استخدم العناصر المتوفرة لديك .. لذلك لن ننشاء ملف جديد .. بل سوف نستخدم نسخة اخرى من النسخة المتوفرة لنا .. ولايوجد داعي لصنع الخلفية من جديد .. ولايوجد داعي لنقل الشعار وغيرها من الامور المتعبة

ولعمل ذلك احفظ نسختك هذة .. ثم اذهب الى الامر الاتي لعمل نسخة اخرى لخلف الكرت

وسوف نلاحظ انة اصبح معي نسختين .. اغلق النسخة الاصلية .. وابداء بالعمل على النسخة المنسوخة

بامكانك تصميم الكرت باللغة الانجليزية .. وطبعاً سوف تعكس اماكن العناصر لانة انجليزي .. يعني الشعار بيكون على اليمين و و و و ..

او بامكانك اضافة لمسة ابداعية باستخدام جزء من الشعار ..

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

بالتوفيق للجميع .. ولاتنسوني من خالص الدعاء

بواسطة AyMeN • اعمال ابداعية, اعمالة تجارية, دروس ابداعية • 113 • الوسوم : تصميم, كارت, كيف تصمم