RSS

Category Archives: 2D Design

أخطاء وقع فيها اشهر مصمموا الفوتوشوب

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

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

سلام عليكم

 
Leave a comment

Posted by on October 7, 2011 in 2D Design

 

10 اخطاء شائعة يقع فيها المصمم من مستخدمي الفوتوشوب

دقة النصوص و الاشكال (shapes)

يمكن انشاء مؤثرات نصوص مذهلة بالفوتوشوب ، لكن هذا لا يعني انك تستطيع استعماله في التصاميم الكبيرة و المطبوعات و هنا تأتي البرامج المتخصصة في الفكتور مثل illustrator و inDesign و الفرق واضح في الصورة .

 استخدام تدرجات قوس قزح

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

 الاستعمال السيئ للفلاتر

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

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

 أستخدام الفوتوشوب فى عمل الشعارات و اللوجوهات

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

 عدم استعمال اختصارات المفاتيح

في اي برنامج تستعمله عليك ان تحفظ اختصارات مفاتيحه ، لتعمل بسرعة اكبر و جهد اقل ، يمكنك انشاء اختصارات مفاتيح خاصة بك في الفوتوشوب عن طريق Edit > Keyboard Shortcuts .

 عدم استعمال الطبقات و المجلدات

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

 العمل بدقة 72dpi في التصاميم الطباعية

من اكبر الأخطاء ان نصمم غلاف كتاب او ملصق اعلاني بدقة 72dpi الارجح 300dpi و الصورة توضح السبب .

 استخدام “Desaturate” لتحويل صورة الى الابيض و الاسود

عادة عندما تريد تحويل صورة الى الابيض و الاسود تذهب الى Image>adjustment>desaturate لكنها اصبحت طريقة قديمة ، الافضل هو استعمال خواص Monochrome عن طريق Image>adjustment>Channel mixer ثم تختار بالاسفل Monochrome و تعدل نسب الالوان لتظهر بالشكل المطلوب .

 تأثيرات الظل ، Bevel ، Emboss

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

 اهمال الشبكة و الخطوط المساعدة

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

 
1 Comment

Posted by on August 27, 2011 in 2D Design, Graphics

 

Diff(Vector-Bitmap)

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

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

مثلا واحنا بنكبر اى صورة منها اللى كل مابنعمل زوم تظهر كمربعات ومنها اللى بتفضل على حالتها مسألناش نفسنا

اية السبب!؟

.Vector و Bitmap من هنا يجى الفرق بين

Vector

نوع من أنواع الرسم في الجرافيكس , يسمى رسم المتجهات , يتصف بأنه دقيق جداً, ويحفظ غالباً بالصيغ المتداولة

.وتستخدم أداة القلم كأداة أساسية للفيكتورEPS” والمعرفة على أغلب برامج الرسوميات وهى

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

Bitmap–Pixel–Raster

.أصل كلمة بكسل اجنبيه ومعناهاعنصر الصوره او وحدة الصورة

pixel

PIX(picture) and EL(elemint).

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

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

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

سلام عليكم

 
Comments Off on Diff(Vector-Bitmap)

Posted by on August 6, 2011 in 2D Design, Featured, Graphics

 

HDR

HDR

HDR(High Dynamic Range).

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

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

Why HDR ?

لتمكين الكاميرات ذات المدى الضوئى الضحل من التقاط صور كما تراها عين الانسان و التى تتميز بمدى ضوئى عالى

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

How get HDR image??

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

Tone-mapping

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

.
Why Tone_mapping..

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

اذا قمنا بدمج الصور التاليه بواسطة برنامج photomatix:

تكون نتيجه HDR هكذا

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

لكن ما دامت شاشاتنا بهذه المحدودية فان الطريقة الوحيدة لعرض الصور بشكل صحيح هو ان نقوم بتقريب تدرجات الالوان والاضاءة بحيث تستطيع الشاشة عرضها  وهذه هي  بالضبط وظيفة ال Tone-mapping.

Tone-Mapping   ستحول لنا الصورة السابقة الى صورة قابلة للعرض على الشاشة بهذا الشكل:

Diff (Tone Mapping & HDR)


HDRهو حل لمشكلة المدى الضوئي الضحل لحساسات التصوير.

Tone-mapping

هو حل لمشكلة المدى الضوئي الضحل

HDRما سبب ظهور الحروق والتعتيق في اغلب صور

سببها ال Tone-Mapping   وليس ال HDR ولو تم تطبيق عملية ال Tone-mapping  بطريقة صحيحة لما ظهرت تلك الحروق وانما لظهرت صورة اشبه ما نراه بعيننا المجردة.

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

؟؟HDR  هل احتاج الى تقنية  لكي احصل على تأثير الحروق

بالطبع لا فكما ذكرنا فان عملية Tone-mapping  هي عملية مغايرة HDR   ويمكن تطبيقها على الصور العادية كما يمكن تطبيقها على HDR

وبالتالي يمكننا الحصول على تأثير الحروق بدون القيام بتصوير عدة صور ومن ثم دمجها.
ورغم ان عملية Tone-mapping  متميزة في برنامج Photomatix   الا انها موجودة في اغلب برامج معالجة الصور.

فمثلا هناك امر Shaddow/Higlights  في برنامج فوتوشوب وهو احد انواع Tone-mapping   ويمكن تطبيقة على الصور العادية كما يمكن تطبيقه على صور HDR.  لكن نظام فوتوماتيكس تفوق على نظام الفوتوشوب في هذه التقنية بالتحديد.


Tone-Mapping   هذا مثال على صورة عادية واحدة تم عمل عليها لاظهار تفاصيل السماء بشكل اكبر ولعمل

 
2 Comments

Posted by on December 9, 2010 in 2D Design, Graphics