لماذا لا تستخدم بيهانسا؟؟؟

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

 المصممين في جميع أنحاء العالم ويتيح لك فرصة عرض أعمالك ليشاهدها الآلاف من المصممين من جميع أنحاء العالم، ويهتم 

الموقع بمناقشة خمسة أقسام رئيسية في العمل الفني والتصميمات وهي:

١-مجموعة التصميم الغرافيكي: وهو قسم عام يهتم بتصميمات الدعاية والإعلان مثل الفيلارات والبروشورات.

٢-مجموعة التصوير والاخراج: ويهتم بأعمال التصوير الفوتوغرافي والسينمائي.

٣-مجموعة تصميم الموشن والـ 3d المتحرك: ويهتم بأفكار العمل الثلاثي الأبعاد والتي تدخل فيها تصميمات الفيديو والرسوم  المتحركة والهوية البصرية للقنوات التليفزيونية.

٤-مجموعة الفنون الجميلة: ويهتم بأعمال الفنانين التشكيليين مثل الحفر والرسم الزيتي والرسم التشكيلي.

٥-مجموعة التيبوغراف: ويهتم بكل ما يخص بأعمال الخطوط واستعراض فن الكتابة.

قسم الوظائف:

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

أهمية متابعة الأعمال الفنية.

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

للمزيد من الدروس أرجوا العودة إلى روابط الاستوديو المختلفة

على الفيس بوك
على جوجل بلاس
على تويتر
على بيهانسا
على حسوب
على ورد برس

جولة في عالم تصميم المواقع 3

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

عند فتح برنامج الفوتوشوب يظهر لك البرنامج بالشكل التالي:

ففي أعلى اليمين نرى قوائم البرنامج، فقائمة (file) تفيدنا في إنشاء الملفات واستيرادها وتصديرها، أما قائمة (Edit)  فهي مهمة في عمل النسخ والقص، وفي اختيار اعناصر الموجودة في التصميم، وفي تكبيرها وتصغيرها، وقائمة (Image) تفيدينا في تغيير خصائص التصميم مثل الطول والعرض، إضافة هوامش، وقائمة (layer) تفيدنا في تغيير خصائص العناصر وإضافة التعديلات اللازمة، أما قائمة (Select) تفيدنا في كثير من التعديلات والاختيارات الخاصة بالعناصر، وبعد ذلك نرى قائمة (filter) وهي تساعد في إضافة كثير من التعديلات على العناصر ولكن تعديلاتها تكون ثابتة ولا تتغير على عكس قائمة (Layer)، ثم تأتي قائمة (Veiw) والتي تفيدنا في إضافة عناصر مساعدة تسهل علينا العمل مثل المسطرة العلوية والجانبية والشبكة التي تقسم سطح التصميم إلى مربعات متساوية، وهذه قائمة (Window) تعيننا في إضافة القوائم الجانبية وإزالتها حسبما تكون الحاجة، وفي النهاية فإن قائمة (Help) فهي تساعدنا في التعرف على البرنامج وتعلمه وكذلك أهم التعديلات المضافة في كل نسخة جديدة.

 يأتي بعد ذلك الجانب الأيمن للبرنامج، وهو مقسم إلى قسمين:

القسم الأول ويحتوي على كل ما يخص العناصر، مثل الألوان والتغييرات التي يمكن أن تضاف على العنصر لتعدل من ألوانه أو تعدل من شكله وتجسيمه وهو ما يعرف بـ (Layer Style) وكذلك تحتوي على أوامر تصحيح الألوان، وقائمة الطبقات (Layers) ومسارات الخطوت (pathes) والتي سنستعين بها في تصميم الشعارات.أما القسم الثاني فهذا القسم يتغيير حسب الحاجة، إلا أن محتوياته ثابتة، فحسب الشكل الموضح سنجد أمامنا زر تصفح الملفات عن طريق البرنامج دون العودة إلى قائمة الملفات، ثم يليله قائمة بأهم الخطوات التي سجلتها، ثم القائمة الهامة جدًا في التعامل مع النصوص، ثم قائمة التعامل مع مقاطع النصوص.وفي أقصى اليمين سنجد قائمة الأدوات وهي مهمة في التحكم فهي يدك التي تتحرك بها داخل البرنامج ولن نتناولها كثيرًا لأننا سوف نعود إليها باستمرار.في هذه القائمة ستجد أداة الاختيار والحركة (Move And Select tool) وهي مفيدة في اختيار العناصر الموجودة في التصميم وتأخذ الشكل التالي () ثم يأتي بعد ذلك مجموعة المسارات والتي تفيدنا في اختيار جزء من العنصر وتعديله مثل أن يكون جزء مربع أو جزء دائري أو جزء عشوائ أو كتلة لون، وسنلاحظ أن بجوار كل أداة من هذه الأدوات سهم صغير يدل على أن هذه الأداة مخفي بداخلها أدوات أخرى مع استمرار الضغط على زر الفارة ستظهر هذه الأدوات المختفية وهذه الأدوات تأخذ الشكل التالي ().الأداة التالية هي أداة قص حجم التصميم (Crop)، ثم أداة اختيار الألوان(Color Rang).المجموعة التالية من الأدوات هي مجموعة التعديلات الفنية ()وهذه الأدوات مفيدة في الرسم، وإضفة بعض اللمسات الفنية على التصميم.المجموعة التالية هي مجموعة الخطوط وهي مهمة في رسم الشعات والكل ما يخص الخطوط وتأخذ الشكل التالي () فسنجد أولاً: القلم (Pen Tool)  وهي تقوم برسم الخطوط الحرة، والنصوص (Text)، وأداة اختيار المسار (Path selection Tool) وأخيرًا أداة رسم المسارات المنتظمة مثل المربع أو الدائرة أو الأشكال الحرة.عند اختيار أي أداة من هذه الأدوات سوف تظهر خصائصها أعلى البرنامج في قائمة خاصة تتغيير وتظهر هذه القائمة أسفل قوائم البرنامج المنسدلة.
إلى هذا القدر من الحديث نكتفي إلى أن نتحدث في الدرس القادم في تطبيقات عملية تفيدنا في تنفيذ بعض المواقع إن شاء الله

جولة في عالم تصميم المواقع

جولة في عالم تصميم المواقع1

ما هو تصميم المواقع؟ كيف أصمم موقعي؟ هل تصميم المواقع صعب أم سهل؟ هل مصممين المواقع مطلوبين في السوق؟ هل من السهولة أن أنجح في هذا المجال؟

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

التصميم:

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

برمجة المواقع:

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

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

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

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

قالب ورد برس:هو نظام لإدارة المواقع بشكل عام والمدونات بشكل خاص وتم بناءه باستخدام لغة بي إتش بي (php) وقواعد بيانات ماي إس كيو إل(My SQL) ، وهو مفتوح المصدر وقام ببرمجته مجموعة من المطورين المتطوعين.أول نسخة تحمل الرقم 0.70 تم إصدارها في 27/5/2003 بواسطة مات مولينغ، وأحدث نسخة تم إصدارها من الووردبريس هي 4.1 ويتم توزيعه تحت رخصة جنو العمومية.

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

لغات البرمجة:

الحديث عن البرمجة يطول، ولابد من الاستفاضة فيها في أعمال أخرى وربما نقدم لكم فيما بعد جولات في عالم البرمجة، ولكن ما يجب أن نعرفه هو أن الهدف من تعلم هذه اللغات أنها تمثل الهيكل البنائي لأي موقع، حيث تربط مكونات الموقع بعضها ببعض باستخدام أكواد وأوامر كثيرًا ما تتكرر.ومن هذه اللغات (HTML) (CSS) (XHTML) (PHP) (PERL)(PYTHON) وبالطبع لن نتعلم كل هذه اللغات، ولكننا سنتعلم ما نحتاج إليه عند تصميم المواقع.

2 عالم الرسوم المتحركة

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

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

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

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

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

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

في الصورة السابقة نرى الرسامين يستخدمون ما يعرف بطاولة الإضاءة (light table) حيث يساعد الضوء على رسم الحركة حيث تظهر الحركة السابقة وموقعها في الورقة فيتمكن الرسام من رسم الكادر التالي بطريقة سليمة.

هذا ما يُعرف بلوحة السيناريو أو (storyboard) فليس شرطًا أن ترسم ملامح كل شيء ببراعة ولكن الهدف منها هو أن توضح الكادرات التي سوف يتم إخراج المشهد عليها، وما تحتويه المشاهد من حركة.

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

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

عالم الرسوم المتحركة

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

ما هي الرسوم المتحركة؟

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

ما هي الكوميكس؟

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

ما هي الخطوات المطلوبة لعمل فيلم رسوم متحركة؟

أولاً: فكرة العمل وكيفية عرضها (هل ستعرض في دقائق بسيطة أم في فيلم قصير أم فيلم طويل، أم ستكون مسلسل؟)

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

ثالثًا: يتم تحويل السيناريو المكتوب إلى مشاهد مرسومة كل مشهد على حدى.

رابعًا: يقوم الرسامين برسم الشخصيات المطلوبة ورسم أوضاع مختلفة لهذه الشخصيات (القيام، الجلوس، المقطع الأمامي للشخصية، مقطع من الجنب، ظهر الشخصية.

خامسًا: بناءً على السيناريو يقوم رسامين آخرين برسم كل مشهد بخطوتين خطوة البداية وخطوة النهاية أو ما يعرف بـ (In) و (Out).

سادسًا: يقوم رسامين برسم الخطوات المتسلسلة ما بين البداية والنهاية وحتى الآن الرسم يكون بالقلم الرصاص.

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

ثامنًا: يقوم آخرين بنقل هذه الفريمات وسحبها إلى الحاسب الآلي صورة صورة بالترتيب الذي وضعه الرسامين.

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

عاشرًا: هنا خطوة موازية لماسبق وهي رسم خلفيات المشاهد كاملة.

الحادي عشر: يتم تركيب المشاهد المرسومة على خلفياتها وإخراج حركة متسلسلة للمشهد.

أخيرًا: يتم عمل منتاج وتركيب المشاهد على الأصوات المسجلة.

ما هو التو دي والثري دي؟

كل ما سبق هو شرح للرسوم المتحركة التو دي، أما الثري دي فهو إدخال عمق في التعامل مع الرسوم المتحركة، فالمصممين يبدأون في استخدام برامج حديثة تحول هذه الشخصيات من شخصيات مرسومة إلى شخصيات مجسمة وثلاثية الأبعاد، باستخدام برامج مثل ثري دي ماكس (3D Max)، مايا (Maya)، سينما فور دي (cinema 4d) وهذه البرامج تعطية إمكانية تحريك الشخصيات وبدقة جيدة، حتى الخلفيات يتم تصميمها باستخدام هذه البرامج وهو ما يعرف باللوكيشنز (locations) أو السيين (secan) وداخل هذه البرامج تتمكن من استخدام الكاميرات الوهمية ومؤثرات العمل السينمائي.

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

مجالات العمل في مجال الرسوم المتحركة:

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

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

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

ما هو الرندر فارم؟

الرندر فارم هو مجموعة من الريسيفرات يتم تجميعها مع بعدها في هيئة شبكة (network) ويتم توصيلها إلى أجهزة المستخدمين وتكون مفيدة جدًا في عملية الرندر أو المعالجة… وتقلل من الوقت.

ما هو الريندر (Render)؟

الريندر هي عملية الإخراج النهائية للمشاهد من مشروع على برنامج إلى فيديو بصيغة موفي (Mov) أو إي في أي (AVI) أو ما يعرف بالفرام سيكونس (sequences) أي كل فريم يخرج في هيئة صورة.

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