المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : ~¤ô§[ إحترف تصميم Sildbar وبأسهل الطرق ]§ô¤~


abohmam
16-08-2007, 10: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

أبــ فادي ــو
17-08-2007, 09:33 PM
http://ateiba.com/up/uploads/fb71cc9992.gif

أبــ فادي ــو
17-08-2007, 09:38 PM
وهناك من يطاردنى ليرى الشرح لذلك سوف أتوقف هنا
وأكمل غدا كيفية الحصول على الجانب الآخر والتقطيع والإستخدام .
.
صحيح مية مية

http://ateiba.com/up/uploads/fb71cc9992.gif

abohmam
08-03-2009, 09:41 PM
حياك الله أخى أبا فادى

بالتوفيق

راجية رضى الله
25-04-2010, 11:32 PM
ماشاء الله
شرح جمــــــــــيل ومبسط
جزاكم الله خيرا ونفع بكم

abohmam
25-04-2010, 11:35 PM
ماشاء الله
شرح جمــــــــــيل ومبسط
جزاكم الله خيرا ونفع بكم

حياك الله أختنا افاضلة

اعتذر عن عدم اكمال الدرس ولكن انتهيت من جزء ثانى للشرح
إن شاء الله سيكون أوضح لهذه الطريقة

جارى رفع الصور واضافة الشرح ان شاء الله
وهناك طريقة اخرى سوف أشير لها فى الشرح ان شاء الله

http://www.abc4web.net/vb/showthread.php?t=8610

موفقة بإذن الله ... لك مني أجمل تحية .

أبوالبراء
26-04-2010, 12:24 AM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أبو يوسف
26-04-2010, 05:53 PM
السلام عليكم ورحمة الله وبركاته

بارك الله فيك اخي ابو همام على جهودك الرائعة

فلسطيني
26-04-2010, 08:47 PM
بارك الله فيك اخي ابو همام

ذوالجناح
28-04-2010, 09:48 PM
فكرة سهلة بسيطة لكن نتيجتها إبداعية
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .