ģộǾơḋŷ
19/12/2008, 10:29 PM
السلام عليكم ورحمة الله وبركااااتهـ
صباااحكم / مسائكم إن شاء الله أحلى من الورد
أعجبني البكسل كثير وحبيت أنزله لكم
وإن شاء الله ينال إعجابكم
ماذا تعني كلمة بكسل..؟؟
البكسل هي عبارة عن مربعات صغيرة , وهذه المربعات تكون عادة في الصور وغالبا برامج البت ماب أو برامج
الفوتوشوب والبينت برو وغيرها تتعامل مع الصور أو الرسومات على أساس مربعات صغيرة ...
فإذا كانت عدد المربعات كبيرة فإن وضوح الصورة يكون عاليا وإذا كان عدد المربعات قليلا فإن الصوره تبدأ بفقدان
ملامحها وتظهر على شكل مربعات شفافة صغيرة كلما قمنا بتكبير الصورة..
ما الفرق بين البكسل والفكتور..؟؟
البكسل : كلما أردت أن تكبر حجم الصورة أكبر من ما هي عليه
سوف تفقد ملامحها تدريجيا . وتبدأ بظهور المربعات.
الفكتور : هي الصور التي كلما أردت أن تكبرها لا يتغير فيها أي شيء . تبقى كماهي علية
حتى لو قمت بتكبيرها عشرة أضعاف الصورة.
ملاحظة: الرسم يكون بأداة القلم.
PIXEL ART
معنى كلمة بكسل:
بكسل كلمة أجنبيه و معناها:
عنصر الصوره أو وحدة الصوره..
pixel
pixel (picture) and EL(elemint)
picture elemint
التعريف بالبكسل:فن البكسل هو عبارة عن مجموعة من النقاط الملونة و المرتبة بدقه لتشكل صورة ما من خلال الكمبيوتر باستخدام البرامج التي تتعامل مع الصور كنقاط بكسل.
تعتبر الأشكال المستخدمة في الحاسبات القديمة و رسومات ألعاب الجيم بوي فناً من فنون البكسل آرت.
مثال
الصوره الاصليه لرسمة البكسل
http://www.silent-arts.com/forum/uploaded/46/1204953901.gif
الصورة مُكبرة:
http://www.silent-arts.com/forum/uploaded/46/1204953988.jpg
نُلاحظ وجود مربعات صغيرة جداً بحيث أن الرسمة
تتكون من تلك المربعات وعلى درجات مختلفة من الألوان.
أقسـام البكسل
ينقسم البكسل آرت لمجموعتين:
1- متماثلة الأبعاد isometricوهي عبارة عن رسومات بكسلية ثلاثية الأبعاد يتم رسمها بدون استخدام برامج 3D
مثل:
http://www.alfaris.net/up/9/alfaris_net_1229789116.jpg
- غير متماثلة الأبعاد non-isometric..عبارة عن رسومات بكسلية غير ثلاثية الأبعاد كرسم شكل من الأمام أو الخلف أو الجنب
مثل:
http://www.alfaris.net/up/9/alfaris_net_1229788418.jpg
انواع الصور إما أن يكون بكسل أو فكتور:
الفرق بينهما:
البكســل :
كلما كبرت حجم الصورة أكبر من ما هي عليه ،
تفقد ملامحها تدريجياً, وتبدأ المربعات الصغيرة بالظهور..
أمثلة عليها:
http://www.des-psd.com/vb/images/smilies/blush2.gif http://www.des-psd.com/vb/images/smilies/mrgreen.gif http://www.des-psd.com/vb/images/smilies/65.gif http://www.fi9l.com/vb/images/smilies/smile.gif http://www.fi9l.com/vb/images/smilies/biggrin.gif
جميع الوجوه التعبيرية وبالأضافة إلى الرموز لتزيين المواضيع أيضاً من البكسل.
الفكتور :
وهي الصور التي كلما كبرتها لا يتغير فيها أي شيء.
تبقى كماهي حتى لو قمت بتكبير عشرة أضعاف الصورة ..
وغالبا ما تجد الفكتور في برنامج الإليستريتر وبرامج الثريدي.
http://www.silent-arts.com/forum/uploaded/46/1185056574.gif
الأداة المستخدمه هي أداة القلم.
http://www.silent-arts.com/forum/uploaded/46/1206964022.jpg
Pencil Tool
أعدادات الرسم:
http://www.fi9l.com/vb/images/statusicon/wol_error.gifتم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 527*32 و بحجم 21 كيلوبايت.http://www.silent-arts.com/forum/uploaded/46/1206964334.jpg
الشبكه:
http://www.silent-arts.com/forum/uploaded/46/1206965126.jpg
ضرورة جداً في رسم أشكال البكسل ويمكن إظهارها من قائمة View > Show> Grid..
أو من لوحة المفاتيح Ctrl+' حرف ال ط..
ويمكن تعديل اعدادات الشبكة لتسهل عليك عملية الرسم
من قائمة ...Edit > Preferences > Grid
الأعدادات الصحيحه للشبكه بهذا الشكل..
http://www.fi9l.com/vb/images/statusicon/wol_error.gifتم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 524*144 و بحجم 28 كيلوبايت.http://www.silent-arts.com/forum/uploaded/46/1206965499.jpg
..
طبعــاً في كل مره نرسم شكل معين في كل درس والمقاسات بعضها تكون نفسها,
والبعض تختلف على حسب الشكل اللي راح نرسمه..
..
وهذه بعض النماذج لرسم منحيات بأشكال مختلفة
..
لرسم الخطوط:
يحتاج فن البكسل لمعاملة خاصة حتى لو كنت من أمهر المصممين و أروعهم. ففيه يتعامل الفنان مع أصغر وحدة و هي البكسل.
و من أهم الأجزاء التي تحدد جمالية اللوحة المبكسلة انسيابية خطوطها، فالخطوط العريضة تشوه شكل و جمال اللوحة Lineart
http://www.alfaris.net/up/9/alfaris_net_1229788490.jpg
++ الطريقة الصحيحة لرسم الخطوط ++
فبمجرد ان تصبح لديك فكرة متكاملة عن ما تريد ان ترسمه، توجه لأحد البرامج المذكورة في الدرس السابق و ابدأ برسم الحدود الأساسية، يعتبر اللون الأسود هو اللون الأساسي لرسم ال Lineart و لكن لا مانع من ان تجرب الوان اخرى .. و دائما تذكر ان تعطي الوقت الكافي لحدود رسمتك لأنها اساس كل شي فبعد ان تبدأ بالتلوين و التظليل تصبح مرحلة التعديل صعبة نوعا ما.
:: الخطوط المستقيمة ::
هناك زوايا عديدة يتم استخدامها لرسم الخطوط منها الزوايا المعروفة كالزاوية 0، 90، 180، 270 وهي عبارة عن خطوط مستقيمة افقية أو رأسية
http://www.alfaris.net/up/9/alfaris_net_1229788563.jpg
المجموعة الثانية من الخطوط هي التي تكون بقياس 45، 135، 225، 315 درجة ويتم رسمها بوضع نقاط البكسل بالشكل التالي
http://www.alfaris.net/up/9/alfaris_net_1229788610.jpg
بكل بساطة تستطيع رسم اي خط مستقيم إذا عرفت ميله ( درس في الرياضيات ) مثلا لرسم خط ميله نصف تستطيع ان تقول ان لكل نقطة رأسية نرسم نقطتين افقيتين
http://www.alfaris.net/up/9/alfaris_net_1229788678.jpg
++ هنا امثلة على خطوط ذات ميول مختلفة ++
:: الخطوط غير المستقيمة ::
تستطيع رسم هذا النوع كيفما تشاء و لكن مع مراعاة انسيابية الخط حاول ان تكون الخطوط رفيعة و جميلة
:: رسم المنحنيات ::
هناك العديد من اللوحات و الرسومات التي تفتقر للرسم الصحيح للمنحنيات و هنا سنرى كيف يتم رسم المنحنى بشكل سليم. انظر للصورة التالية و لاحظ الأخطاء التي يمكن ان تقع بها
http://www.alfaris.net/up/9/alfaris_net_1229788763.jpg
ايضا يجب ان تنتبه عند استخدام أداة التحديد الدائري لرسم المنحنيات لأنها قد تظهر بعض النقاط الإضافية في الدائرة او المنحنى
http://www.alfaris.net/up/9/alfaris_net_1229788820.jpg
:: رسم الدوائر ::
هنا مجموعة من أشكال الدوائر بأقطار مختلفة، تذكر فقط انه عند رسم دائرة يجب ان تكون جميع أجزائها متماثلة
http://www.alfaris.net/up/9/alfaris_net_1229788882.jpg
بمجرد ان تعرف كيفية رسم الخطوط و المنحنيات ستصبح قادرا على رسم اي شي مبكسل
أنتهى ..
منقول من عدة مواقع ..
وإن شاء الله إذا فيه تفاعل مع البكسل
راااح يكون فيه دروس
أختكم جوري..
صباااحكم / مسائكم إن شاء الله أحلى من الورد
أعجبني البكسل كثير وحبيت أنزله لكم
وإن شاء الله ينال إعجابكم
ماذا تعني كلمة بكسل..؟؟
البكسل هي عبارة عن مربعات صغيرة , وهذه المربعات تكون عادة في الصور وغالبا برامج البت ماب أو برامج
الفوتوشوب والبينت برو وغيرها تتعامل مع الصور أو الرسومات على أساس مربعات صغيرة ...
فإذا كانت عدد المربعات كبيرة فإن وضوح الصورة يكون عاليا وإذا كان عدد المربعات قليلا فإن الصوره تبدأ بفقدان
ملامحها وتظهر على شكل مربعات شفافة صغيرة كلما قمنا بتكبير الصورة..
ما الفرق بين البكسل والفكتور..؟؟
البكسل : كلما أردت أن تكبر حجم الصورة أكبر من ما هي عليه
سوف تفقد ملامحها تدريجيا . وتبدأ بظهور المربعات.
الفكتور : هي الصور التي كلما أردت أن تكبرها لا يتغير فيها أي شيء . تبقى كماهي علية
حتى لو قمت بتكبيرها عشرة أضعاف الصورة.
ملاحظة: الرسم يكون بأداة القلم.
PIXEL ART
معنى كلمة بكسل:
بكسل كلمة أجنبيه و معناها:
عنصر الصوره أو وحدة الصوره..
pixel
pixel (picture) and EL(elemint)
picture elemint
التعريف بالبكسل:فن البكسل هو عبارة عن مجموعة من النقاط الملونة و المرتبة بدقه لتشكل صورة ما من خلال الكمبيوتر باستخدام البرامج التي تتعامل مع الصور كنقاط بكسل.
تعتبر الأشكال المستخدمة في الحاسبات القديمة و رسومات ألعاب الجيم بوي فناً من فنون البكسل آرت.
مثال
الصوره الاصليه لرسمة البكسل
http://www.silent-arts.com/forum/uploaded/46/1204953901.gif
الصورة مُكبرة:
http://www.silent-arts.com/forum/uploaded/46/1204953988.jpg
نُلاحظ وجود مربعات صغيرة جداً بحيث أن الرسمة
تتكون من تلك المربعات وعلى درجات مختلفة من الألوان.
أقسـام البكسل
ينقسم البكسل آرت لمجموعتين:
1- متماثلة الأبعاد isometricوهي عبارة عن رسومات بكسلية ثلاثية الأبعاد يتم رسمها بدون استخدام برامج 3D
مثل:
http://www.alfaris.net/up/9/alfaris_net_1229789116.jpg
- غير متماثلة الأبعاد non-isometric..عبارة عن رسومات بكسلية غير ثلاثية الأبعاد كرسم شكل من الأمام أو الخلف أو الجنب
مثل:
http://www.alfaris.net/up/9/alfaris_net_1229788418.jpg
انواع الصور إما أن يكون بكسل أو فكتور:
الفرق بينهما:
البكســل :
كلما كبرت حجم الصورة أكبر من ما هي عليه ،
تفقد ملامحها تدريجياً, وتبدأ المربعات الصغيرة بالظهور..
أمثلة عليها:
http://www.des-psd.com/vb/images/smilies/blush2.gif http://www.des-psd.com/vb/images/smilies/mrgreen.gif http://www.des-psd.com/vb/images/smilies/65.gif http://www.fi9l.com/vb/images/smilies/smile.gif http://www.fi9l.com/vb/images/smilies/biggrin.gif
جميع الوجوه التعبيرية وبالأضافة إلى الرموز لتزيين المواضيع أيضاً من البكسل.
الفكتور :
وهي الصور التي كلما كبرتها لا يتغير فيها أي شيء.
تبقى كماهي حتى لو قمت بتكبير عشرة أضعاف الصورة ..
وغالبا ما تجد الفكتور في برنامج الإليستريتر وبرامج الثريدي.
http://www.silent-arts.com/forum/uploaded/46/1185056574.gif
الأداة المستخدمه هي أداة القلم.
http://www.silent-arts.com/forum/uploaded/46/1206964022.jpg
Pencil Tool
أعدادات الرسم:
http://www.fi9l.com/vb/images/statusicon/wol_error.gifتم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 527*32 و بحجم 21 كيلوبايت.http://www.silent-arts.com/forum/uploaded/46/1206964334.jpg
الشبكه:
http://www.silent-arts.com/forum/uploaded/46/1206965126.jpg
ضرورة جداً في رسم أشكال البكسل ويمكن إظهارها من قائمة View > Show> Grid..
أو من لوحة المفاتيح Ctrl+' حرف ال ط..
ويمكن تعديل اعدادات الشبكة لتسهل عليك عملية الرسم
من قائمة ...Edit > Preferences > Grid
الأعدادات الصحيحه للشبكه بهذا الشكل..
http://www.fi9l.com/vb/images/statusicon/wol_error.gifتم تصغير هذه الصورة. اضغط هنا لمشاهدة الحجم الكامل. أبعاد الصورة الاصلي هو 524*144 و بحجم 28 كيلوبايت.http://www.silent-arts.com/forum/uploaded/46/1206965499.jpg
..
طبعــاً في كل مره نرسم شكل معين في كل درس والمقاسات بعضها تكون نفسها,
والبعض تختلف على حسب الشكل اللي راح نرسمه..
..
وهذه بعض النماذج لرسم منحيات بأشكال مختلفة
..
لرسم الخطوط:
يحتاج فن البكسل لمعاملة خاصة حتى لو كنت من أمهر المصممين و أروعهم. ففيه يتعامل الفنان مع أصغر وحدة و هي البكسل.
و من أهم الأجزاء التي تحدد جمالية اللوحة المبكسلة انسيابية خطوطها، فالخطوط العريضة تشوه شكل و جمال اللوحة Lineart
http://www.alfaris.net/up/9/alfaris_net_1229788490.jpg
++ الطريقة الصحيحة لرسم الخطوط ++
فبمجرد ان تصبح لديك فكرة متكاملة عن ما تريد ان ترسمه، توجه لأحد البرامج المذكورة في الدرس السابق و ابدأ برسم الحدود الأساسية، يعتبر اللون الأسود هو اللون الأساسي لرسم ال Lineart و لكن لا مانع من ان تجرب الوان اخرى .. و دائما تذكر ان تعطي الوقت الكافي لحدود رسمتك لأنها اساس كل شي فبعد ان تبدأ بالتلوين و التظليل تصبح مرحلة التعديل صعبة نوعا ما.
:: الخطوط المستقيمة ::
هناك زوايا عديدة يتم استخدامها لرسم الخطوط منها الزوايا المعروفة كالزاوية 0، 90، 180، 270 وهي عبارة عن خطوط مستقيمة افقية أو رأسية
http://www.alfaris.net/up/9/alfaris_net_1229788563.jpg
المجموعة الثانية من الخطوط هي التي تكون بقياس 45، 135، 225، 315 درجة ويتم رسمها بوضع نقاط البكسل بالشكل التالي
http://www.alfaris.net/up/9/alfaris_net_1229788610.jpg
بكل بساطة تستطيع رسم اي خط مستقيم إذا عرفت ميله ( درس في الرياضيات ) مثلا لرسم خط ميله نصف تستطيع ان تقول ان لكل نقطة رأسية نرسم نقطتين افقيتين
http://www.alfaris.net/up/9/alfaris_net_1229788678.jpg
++ هنا امثلة على خطوط ذات ميول مختلفة ++
:: الخطوط غير المستقيمة ::
تستطيع رسم هذا النوع كيفما تشاء و لكن مع مراعاة انسيابية الخط حاول ان تكون الخطوط رفيعة و جميلة
:: رسم المنحنيات ::
هناك العديد من اللوحات و الرسومات التي تفتقر للرسم الصحيح للمنحنيات و هنا سنرى كيف يتم رسم المنحنى بشكل سليم. انظر للصورة التالية و لاحظ الأخطاء التي يمكن ان تقع بها
http://www.alfaris.net/up/9/alfaris_net_1229788763.jpg
ايضا يجب ان تنتبه عند استخدام أداة التحديد الدائري لرسم المنحنيات لأنها قد تظهر بعض النقاط الإضافية في الدائرة او المنحنى
http://www.alfaris.net/up/9/alfaris_net_1229788820.jpg
:: رسم الدوائر ::
هنا مجموعة من أشكال الدوائر بأقطار مختلفة، تذكر فقط انه عند رسم دائرة يجب ان تكون جميع أجزائها متماثلة
http://www.alfaris.net/up/9/alfaris_net_1229788882.jpg
بمجرد ان تعرف كيفية رسم الخطوط و المنحنيات ستصبح قادرا على رسم اي شي مبكسل
أنتهى ..
منقول من عدة مواقع ..
وإن شاء الله إذا فيه تفاعل مع البكسل
راااح يكون فيه دروس
أختكم جوري..