مدونة ريف - بي

خلفيات – دروس - شعارات - فيكتور – ايقونات – خطوط – فرش

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

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

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

1 - خلفيات وخامات وصور عالية الدقة :

- يحتوي هذا الموقع على خلفيات و Textures متنوعة و بجودة عالية

- الموقع التالي يحتوي على صور طبيعية غاية في الروعة وبجودة عالية وبه حتى لحظة كتابة هذه التدوينة 972 صورة

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

2 - فيكتور وفرش :

- موقع يحتوي على الكثير من الفيكتور والاشكال والايقونات و... اكتشف المزيد بنفسك

- موقع ملك الفرش لتحميل فرش متنوعة

- مجموعة من فرش الفكتور المجانية على الموقع التالي

- مجموعة مكونة من 20 طقم فرش اشجار رائعة للتحميل المجاني

3 - مواقع شعارات للتحميل و لاستلهام الافكار :

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

- موقع deviant art تجد به العديد من اعمال المصممين

- موقع logopond

- موقع logomoosa

-

موقع logospire

-

موقع logooftheday

4 - دروس فوتوشوب :

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

- هذا موقع به تجميعة دروس لعمل ازرار واشرطة التصفح ( للويب )

- تجميعة ل 40 درسا لتاثيرات اضاءة ابداعية بالفوتوشوب

- تجميعة ل 25 درس لتاثيرات ابداعية على النصوص

- تجميعة ل 30 درس اتأثيرات رائعة ومبتكرة على النصوص بالفوتوشوب

- تجميعة ل 25 درسا لعمل تأثيرات احترافية على الصور بالفوتوشوب

- تجميعة ل 140 درس لعمل تاثيرات احترافية على الصور بالفوتوشوب

5 - دروس ادوبي الستريتور :

دروس رائعة ومفيدة لبرنامج اليستريتور على موقع

6 - دروس كورل درو :

موقع يحتوي على دروس بالفيديو لتعليم الكورل درو

7 - دروس فلاش ام اكس :

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

8 - خـطـــوط :

من المواقع الغنية جدا بالخطوط الاجنبية مقسمة ومرتبة بطريقة جميلة

موقع لتحميل الخطوط العربية

9 - ايقــونات واشكــال :

من اشهر المواقع للحصول على الايقونات المختلفة

وايضا هذان الموقعان :

أكمل القراءه

تمهيـــد

التـصميـم الإيضــاحـي ، أو ما يعرف بالتصميم الجرافيكي هو طريقة لايصال رسالة ما باستخدام الخط او الصور أو الأشكال

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

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

ما هي المساحات البيضاء

أحد أهم عناصر التصميم هي المساحات البيضاء أو ما يسمى احيانا بالفراغ السلبي، فما هي ؟؟ ان المساحات البيضاء هي مصطلح يطلق على تلك المساحات في التصميم التي لا نشغل حيزها بنصوص أو صورة أو اي عنصر مرئي، ان توزيعها بالشكل الصحيح يجعل التصميم قابلا للقراءة بشكل أسرع ومريحاَ للعين . تعجبني بعض التسميات الانجليزية للمصطلحات حيث يطلقون على اجادة التعامل مع المساحات البيضاء " The art of nothing "

ملاحظة : " ليس بالضرورة ان تكون هذه المساحات بيضاء بل القصد ان تكون فارغة "

أنواع المساحات البيضاء

هناك نوعان أساسيان من المساحات البيضاء وهي:

- المساحة البيضاء النشطة أو الفاعلة

وهي تلك المساحات التي تركت فارغة بقصد ، والتي تؤدي دورا في تأكيد الأهمية لعنصر ما والتركيز عليه أو لتقود العين الى عنصر آخر . كما أنها تساهم بشكل فاعل في فصل العناصر عن بعضها ترتيبا معيناً .

-

المساحة البيضاء الغير نشطة أو الغير فاعلة

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

" تذكر ان الغرض الأساسي من المساحات البيضاء هو اعطاء القابلية لتحليل وادراك وقراءة التصميم وترتيب العناصر وفق اهميتها، فعين الانسان ترتاح للاشياء المنظمة والموزعة بشكل أفضل من الاشياء المكدسة والمزدحمة "

لماذا و متى نستخدم المساحات البيضاء ؟

1 – لإعطاء التوازن للتصميم واضفاء التاغم بين العناصر

2 – من اجل التركيز على عنصر أو محتوى معين والتأكيد عليه

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

انظر اليها الآن وقد اعطيناها المزيد من الاهتمام وعزلناها عن الجدار

3 – ارشاد العين من عنصر الى آخر

احد فوائد المساحات البيضاء هي خلق مسار تنتقل عبره العين من عنصر الى الاخر وفق الترتيب المراد ..

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

4 – الفصل بين العناصر وخلق مجموعات

5 – تعزيز القدرة على تحليل و قراءة التصميم

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

6 – اعطاء الاحساس بالفخامة والرقي والأناقة

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

7 – خلق مساحة ترتاح فيها العين

ان المساحات البيضاء تخدم الجانب الجمالي والجانب النفسي والعضوي في آن واحد

- الجانب الجمالي، لا شك بأن منظر سطح المكتب وبه ايقونات البرامج فقط اجمل بكثير من آخر ممتلئ بالملفات والايقونات والمجلدات دونما ترتيب .. هل تتفق معي بأن خلفية سطح المكتب الاولى اجمل من الثانية

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

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

والآن انظر الى التصميم التالي مع نفس المادة ولكن بتصميم مختلف

- الجانب النفسي لابد وان القراءة مفيدة ولكنها اذا كانت مرهقة ومزعجة فانت بالتأكيد ستنفر منها على عكس القراءة التي تشعر فيها بالراحة والمتعة من جمال التصميم وسهولة التنقل بين عناصره

الفن الاسلامي وكراهية الفارغ

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

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

أكمل القراءه

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

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

1 - كن من هواة التجميع

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

2 - اقرأ واطلع

لقد درست وتخرجت من كلية الفنون الجميلة .. ولكن ما الذي أعطتني اياه؟ لقد أعطتني الأساسيات والمفاتيح ولكن هناك الكثير الكثير والكثير الذي طرأ بعد ذلك ، في أيامنا لم يكونوا يدرسون الحاسوب وبرامج التصميم في الكلية . وكما نعلم جميعا الفجوة الكبيرة بين التعليم في الوطن العربي بصورة عامة وبين التعليم في الدول الأوروبية. اذا عليك أن تثقف نفسك وتبحث وتتعلم وتتطور، ونحن اليوم في عصر الانترنت والمعلوماتية ملايين الكتب وخبرات الآخرين متاحة أمامك سواء مجانية أو بمبالغ زهيدة. لا تكتفي بالاعجاب بأعمال الآخرين .. فبامكانك أن تصبح مثلهم اذا أردت.
- ابحث عن المراجع العلمية .. ان التصميم ليس مجرد موهبة فنية وانما هناك أسس علمية مرتبطة بعلم النفس وبالعلوم الفيزيائة مثل تأثيرات الألوان النفسية والعضوية ودراسات علم الاجتماع وكيفية استخدامها في الاعلان وغيرها وغيرها
- تابع المدونات المتخصصة في المجال واستفد من خبرات المصممين الآخرين وأفكارهم .

3 - انشئ مدونة

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

4 - ابحث عن الدروس الجديدة

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

5 - انضم الى الشبكات الاجتماعية ضمن مجموعات من المصممين

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

6 - ادخل في مسابقات التصميم

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

7 - اعد تصميم مشاريعك القديمة

اذا وجدت وقتا حرا فقم باعادة تصميم بعض الاعمال التي انجزتها سابقا ( من المهم الاحتفاظ باعمالك السابقة ) وانظر كيف تطور مستواك ورؤيتك، وكيف ستتمكن من اعادة تصميمها وفق الخبرات الجديدة التي اكتسبتها

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

تمنياتي للجميع بالتوفيق

أكمل القراءه

طريقة عمل انعكاس على الماء للصور مع انميشن water reflect

سأقوم في هذا الدرس بشرح طريقة عمل انعكاس للصور على سطح الماء مع اضافة حركة الموج .. وذلك باستخدام برنامج Sgirlz water reflect وهو برنامج مجاني حجمه 2 ميجا فقط بامكانك تحميله من هنــــــــــا ( Sqirlz Water Reflections freeware ) وتحميل ملفين لشرح البرنامج بالانجليزي

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

اضغط على الصورة لترى نموذج منفذ على مدونتي

بعد فتح البرنامج نضغط على ايقونة فتح ملف ونحدد مكانه ونضغط فتح ( تستطيع التحكم في حجم الصورة المعروضة zoom in – zoom out ) من خيار view

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

ملاحظة: ليس بالضرورة وجود ماء بالصورة الأصلية، فالبرنامج يقوم بانشائه في المنطقة المحددة

فنحصل على تحديد بهذا الشكل :

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

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

وهذه النتيجة .. تستطيع تطبيق البرنامج على صورة نص أو مدينة أو …..الخ

في غاية البساطة والجمال والسرعة

ملاحظة : البرنامج مجاني ولكن اصحاب الموقع لا يعطي الحق في رفع البرنامج على مواقع الرفع المجانية ولكن يشترط التحميل من الموقع صاحب البرنامج

مع تحياتي

أكمل القراءه

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

سيتم ذكر تعريف للفيكتور , خصائصه , كيفية تكوينه , التأكد من انه فيكتور حقيقي , حقائقه و تحليل خاص به
وكل هذا الشرح سيكون كــ بدايات وأساسيات ليس الا , فــ الفيكتور بحر عميق ...

بإسم الله نبدأ

هو نوع من أنواع الرسم في الجرافيكس , يسمى رسم المتجهات , دقيق جداً,
ويحفظ غالباً بالصيغة المتداولة والمعرفة على أغلب برامج الرسوميات والتي هي : EPS
وتستخدم أداة القلم [ pen tool ] كـ أداة أساسية للفيكتور عامة و لرسمه في الــ Photoshop خاصة .

دقيق جداً , حيث يمكن تكبير أي عنصر/عناصر فيكتور إلى أحجام خيالية , تصل لــ6400 مرة .

حوافه دائماً ناعمة ودقيقة .

تستخدم فيه أداة القلم Pen Tool كأداة رئيسية لرسمه , أي انه يعتمد أولاً وأخيراً على الباث Path .

لا توجد فيه أي نوع من النقاط البكسلية , فإن وجدت فهو ليس فيكتور أبداً .

حجمه صغير نسبياً , كبير بالنسبة للبيكسل .

من البرامج المشهورة المتخصصة في الفيكتور برنامج Adobe Illustrator

أما بالنسبة للـ Photoshop فهو برنامج متخصص في البيكسل , مع العلم أنه يستطيع صنع عناصر فيكتور !!

بالنسبة للــ Photoshop فهو برنامج غير متخصص في رسم الفيكتور

لكنه يستطيع صنع عنصر فيكتور حقيقي فهو يشترك مع برنامج الــ Illustrator في أداة القلم Pen Tool .

الــ Photoshop لا يستطيع ان يعرض دقة الفيكتور الحقيقية , فلو عملت لرسم

الفيكتور ( Zoom In / Zoom Out ) في برنامج الــ Photoshop ستلاحظ وجود البيكسل !!

و نحن ذكرنا أن الفيكتور لا وجود فيه لأي نوع من البيكسل!!
فهذا شيء مخالف للواقع تقريباً , لكن السبب في ذلك ..
هو أن : قدرات الــ Photoshop مقتصرة فقط على عرض الدقة بالبيكسل
فـ الفيكتور ليس من تخصصات الــ Photoshop ..
ولكن بعد تطويره أصبح الـفوتوشوب قادرأً على تكوين عناصر فيكتور بدون خاصية عرضها بدقة

• برنامج الــ Illustrator : هو برنامج متخصص في الفيكتور , ولا يرسم غيره أبداً , يتصف بالصعوبة بالنسبة الــ Photoshopلكنه برنامج قوي جداً وهو من سلسلة برامج Adobe أي من نفس شركة الــ Photoshop ..

وهذه كانت نبذة بسيطة ومعلومات عن الفكتور بشكل عام

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