abohmam
16-08-2007, 11:42 PM
بسم الله الرحمن الرحيم
.
حياكم الله إخوانى جميعا عدت لكم اليوم مع شرح كثير جميل ومفاجئ للبعض
.
ولكن للأسف بعد ماإنتهيت من الشرح بملف فلاشى وجدته أصبح كبيرا ، لذلك قلت أعدل المشاركة وأحولها إلى صور وأقسمها إلى أقسام والله المستعان .
.
ودرسنا اليوم كما هو موضع فى العنوان SildBar الأجناب التى نقضى وقتا طويلا فى تصميمها وإضافة التأثيرات عليها سنضع أسهل الطرق والكبارى !!! :abc_053:
.
فى البداية نتعرف على العمل النهائى
.
نلاحظ فى بعض المواقع أنها فى تصميم الواجهة جوانب إحترافية التأثيرات مثل هذه :
.
http://abc4web.net/up/abohmam/sildbar01.gif
.
http://abc4web.net/up/abohmam/sildbar02.gif
.
لاحظ جيدا التأثيرات !!!
..
http://abc4web.net/up/abohmam/sildbar03.jpg
.
وربما تساءل البعض كيف يتم ذلك ؟
.
والجواب أنه هناك طريقتان للحصول على هذا التأثير
الأولى من خلال التحديد وإضافة التأثيرات الخاصة على أكثر من طبقة .
الثانية : طريقة تمديد واحد بيكسل وهذا ماسنشرحه اليوم.
.
الآن نبدأ الشرح المختصر
.
.
فى البداية تحتاج إلى صورة سوف تعتمد على الألوان التى بها فى تصميمك
.
مثلا هذه للتجربة والتطبيق :
.
http://abc4web.net/up/abohmam/sildbar04.jpg
.
والأن الخطوات سهلة جدا كما هو موضح فى الصورة التالية :
إختر أداة التحديد المستطيلة
إجعل التحديد مخصص بمقاس محدد ويجب أن يكون الإرتفاع 1 بيكسل والعرض كما تريد مثلا 100
أخيرا إذهب إلى مكان متعدد الألوان وحدده بالعرض قيمة الأجناب التى تراها ( لاحظ الصورة )
.
http://abc4web.net/up/abohmam/sildbar05.gif
.
بعد تحديد مكان من الصورة تذهب إلى قائمة Edit وتختار Free Transform
أو تضغط من لوحة المفاتيح على Ctrl + T
ثم تقف بالماوس فى منتصف التحديد وتسحب إلى أسفل أو إلى أعلى التحديد وسترى أن البيكسل يتمدد معك ( لاحظ الصورة )
.
http://abc4web.net/up/abohmam/sildbar06.jpg
.
والأن وافق على تغير بالضغط على OK وكما ترى فقد حصلت على جانب بتأثيراته وجاهز للتقطيع والإستخدام
.
http://abc4web.net/up/abohmam/sildbar07.jpg
.
وبعد الضغط على OK سيظهر الشكل بالتحديد العادى من قائمة Edit خذ نسخة وإحفظها خارج العمل فى عمل جديد وستحصل على الجانب الذى إنتهينا منه.
ثم كرر النسخة فى عمل جديد أيضا ومن قائمة Image تختار Rotat Canvas ثم Flip Canvas Horizontal
.
http://abc4web.net/up/abohmam/sildbar09.jpg
.
بنفس الطريقة تستطيع الحصول على أشكال جميلة جدا وأجناب رهيبة فى التأثيرات
.
http://abc4web.net/up/abohmam/sildbar08.gif
.
وهناك من يطاردنى ليرى الشرح لذلك سوف أتوقف هنا
وأكمل غدا كيفية الحصول على الجانب الآخر والتقطيع والإستخدام .
.
.
.
والله المستعان وعليه التكلان
أبو هــــMــــام
تم وضع الجزء الثاني لإستكمال الشرح
http://www.abc4web.net/vb/showthread.php?t=8610
.
حياكم الله إخوانى جميعا عدت لكم اليوم مع شرح كثير جميل ومفاجئ للبعض
.
ولكن للأسف بعد ماإنتهيت من الشرح بملف فلاشى وجدته أصبح كبيرا ، لذلك قلت أعدل المشاركة وأحولها إلى صور وأقسمها إلى أقسام والله المستعان .
.
ودرسنا اليوم كما هو موضع فى العنوان SildBar الأجناب التى نقضى وقتا طويلا فى تصميمها وإضافة التأثيرات عليها سنضع أسهل الطرق والكبارى !!! :abc_053:
.
فى البداية نتعرف على العمل النهائى
.
نلاحظ فى بعض المواقع أنها فى تصميم الواجهة جوانب إحترافية التأثيرات مثل هذه :
.
http://abc4web.net/up/abohmam/sildbar01.gif
.
http://abc4web.net/up/abohmam/sildbar02.gif
.
لاحظ جيدا التأثيرات !!!
..
http://abc4web.net/up/abohmam/sildbar03.jpg
.
وربما تساءل البعض كيف يتم ذلك ؟
.
والجواب أنه هناك طريقتان للحصول على هذا التأثير
الأولى من خلال التحديد وإضافة التأثيرات الخاصة على أكثر من طبقة .
الثانية : طريقة تمديد واحد بيكسل وهذا ماسنشرحه اليوم.
.
الآن نبدأ الشرح المختصر
.
.
فى البداية تحتاج إلى صورة سوف تعتمد على الألوان التى بها فى تصميمك
.
مثلا هذه للتجربة والتطبيق :
.
http://abc4web.net/up/abohmam/sildbar04.jpg
.
والأن الخطوات سهلة جدا كما هو موضح فى الصورة التالية :
إختر أداة التحديد المستطيلة
إجعل التحديد مخصص بمقاس محدد ويجب أن يكون الإرتفاع 1 بيكسل والعرض كما تريد مثلا 100
أخيرا إذهب إلى مكان متعدد الألوان وحدده بالعرض قيمة الأجناب التى تراها ( لاحظ الصورة )
.
http://abc4web.net/up/abohmam/sildbar05.gif
.
بعد تحديد مكان من الصورة تذهب إلى قائمة Edit وتختار Free Transform
أو تضغط من لوحة المفاتيح على Ctrl + T
ثم تقف بالماوس فى منتصف التحديد وتسحب إلى أسفل أو إلى أعلى التحديد وسترى أن البيكسل يتمدد معك ( لاحظ الصورة )
.
http://abc4web.net/up/abohmam/sildbar06.jpg
.
والأن وافق على تغير بالضغط على OK وكما ترى فقد حصلت على جانب بتأثيراته وجاهز للتقطيع والإستخدام
.
http://abc4web.net/up/abohmam/sildbar07.jpg
.
وبعد الضغط على OK سيظهر الشكل بالتحديد العادى من قائمة Edit خذ نسخة وإحفظها خارج العمل فى عمل جديد وستحصل على الجانب الذى إنتهينا منه.
ثم كرر النسخة فى عمل جديد أيضا ومن قائمة Image تختار Rotat Canvas ثم Flip Canvas Horizontal
.
http://abc4web.net/up/abohmam/sildbar09.jpg
.
بنفس الطريقة تستطيع الحصول على أشكال جميلة جدا وأجناب رهيبة فى التأثيرات
.
http://abc4web.net/up/abohmam/sildbar08.gif
.
وهناك من يطاردنى ليرى الشرح لذلك سوف أتوقف هنا
وأكمل غدا كيفية الحصول على الجانب الآخر والتقطيع والإستخدام .
.
.
.
والله المستعان وعليه التكلان
أبو هــــMــــام
تم وضع الجزء الثاني لإستكمال الشرح
http://www.abc4web.net/vb/showthread.php?t=8610