درس مفصل تصميم زر إحترافي بسيط و نتيجة مذهله

[Chakira]

درس مفصل جميل ونتيجة مذهلة

اقتباس
رسالة ادارية

شرح طريقة تصميم زر إحترافي بسيط ونتائج مذهلة - :: Traidnt.Net :: (http://www.dzbatna.net/Portal/Design/Photoshop/explain-professionally-designed-button-simple-and-amazing-results.html)

طيب ندخل على الدرس مفصل

اول شي نفتح عمل جديد بأي مقاس وآنا إخترت 500×400

http://dc07.arabsh.com/i/02051/1qttskz4z1bz.png




الخطوة الثانية

بأداة التدرج نضع القيم التالية

http://www.gl3a.com/vb/%3Ca%20href=http://www.gl3a.com/vb/redirector.php?url=http%3A%2F%2Farabsh.com%2F2wprb 6mbgj91.html%20target=_blank%20rel=nofollow%3E[IMG]http://dc07.arabsh.com/i/02051/2wprb6mbgj91.pnghttp://upload.vbegy.com/uploads/vbegy12849373041.png


وتسوي تدرج بهذه الطريقة

http://dc07.arabsh.com/i/02051/s1e74kzqh8ft.jpg









الخطوة الثالثة



عليك إختيار هذه الأداة ووضع هذه القيم




http://dc07.arabsh.com/i/02051/24tl42t4iw5o.png
http://dc07.arabsh.com/i/02051/iamptlycgmi6.png







وبمجرد ضغط زر على العمل يصبح بهذا الشكل

http://dc07.arabsh.com/i/02051/ze8hz3cz7ug2.png




وبعدين نروح على خصائص اللير

ونضع الإعدادات التالية
http://dc05.arabsh.com/i/02051/cjdx99xj4wyv.png
http://dc05.arabsh.com/i/02051/5qw287zpvuoz.png
http://dc05.arabsh.com/i/02051/1725mbf20u9z.png
http://dc11.arabsh.com/i/02051/m9v7rf4e4ffu.png





بعدين بأدآة المستطيل {U}
نضع الإعدادات التالية

http://upload.vbegy.com/uploads/vbegy12849359681.png




وضغطة في أي مكان بالعمل

وبعدين ننقلها ونخليها في يمين العمل مع جزء بسيط خارج الزر

http://upload.vbegy.com/uploads/vbegy12849359682.png






بعد كذا ندخل على خصائص اللير

ونضع الإعدادات التالية

http://upload.vbegy.com/uploads/vbegy12849359683.png


طيب وبعد كذا

كرر اللير { ctrl+j

ونزله تحت اللير إلي كررنا منه

وبعدين {ctrl+t

وإسحب العمل من اليسار حتى توصل نهاية الزر

7

http://upload.vbegy.com/uploads/vbegy12849359684.png






بعدين من الشريط إلى فوق


http://upload.vbegy.com/uploads/vbegy12849359685.png



وراح يصير معك بهذا الشكل

http://upload.vbegy.com/uploads/vbegy12849359686.png




طيب بعد كذا نحدد الليرين ونكررها

و { ctrl+t

وإسحبها للمحل الموازي لها من الجهة الثانية طبعاً وإحنا ماسكين على زر shift من الكيبورد



بعدين نروح Edit> Transform>flip hoizontal.



وراح يصير الزر بهذا الشكل

http://upload.vbegy.com/uploads/vbegy12849365871.png



















ومن أداة الأشكال أختار شكل هذا السهم

وضع هذي الإعدادات

http://upload.vbegy.com/uploads/vbegy12849365872.png




وأضغط على العمل وأنقل الشكل

هنا

http://upload.vbegy.com/uploads/vbegy12849365873.png




بعد كذا إدخل على خصائص اللير

وضع الإعدادات التالية

http://upload.vbegy.com/uploads/vbegy12849365874.png


بأداة التحديد الدائرية

حدد على الشكل بهذة الطريقة

http://upload.vbegy.com/uploads/vbegy12849365875.png




وإملأة باللون الاسود

وطبق الفلتر

blur>gaussina

وضع القيمة :3



بعد كذا بأدآة التحديد المستطيلة

حدد مع نهاية مربع السهم


http://upload.vbegy.com/uploads/vbegy12849365876.png



ومن الكيبورد delete

وألغي التحديد

وخفف الأوبسي إلى :50%


http://upload.vbegy.com/uploads/vbegy12849365877.png



وكرر اللير وإسحبة للمكان الموازي له في القسم الايسر

ونروح Edit> Transform>flip hoizontal.




http://upload.vbegy.com/uploads/vbegy12849365878.png





كذا نكون خلصنا من شكل الزر

بقي الكتابة داخله

أكتب إلي تبي

بعدين أدخل على خصائص اللير

وضع الإعدادات التالية
http://upload.vbegy.com/uploads/vbegy12849369811.png


وهذه النتيجة النهائية



http://upload.vbegy.com/uploads/vbegy12849370491.png



لمزيدا من الدروس وملفات الفوتوشوب المفتوحة

تفضلوا هنا

طلبات برنامج الفوتوشوب

اقتباس

تم تقسيم صور الدرس مفصل لأربع ملفات بالترتيب



الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif traidnt(1).zip (http://www.traidnt.net/vb/attachments/657688d1344379857-traidnt-1-.zip) (599.4 كيلوبايت, عدد مرات المشاهدة 21 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif traidnt(2).zip (http://www.traidnt.net/vb/attachments/657689d1344379961-traidnt-2-.zip) (1.76 ميقابايت, عدد مرات المشاهدة 16 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif traidnt(3).zip (http://www.traidnt.net/vb/attachments/657690d1344380167-traidnt-3-.zip) (2.59 ميقابايت, عدد مرات المشاهدة 17 مرة)

http://www.traidnt.net/vb/images/attach/zip.gif traidnt(4).zip (http://www.traidnt.net/vb/attachments/657691d1344380294-traidnt-4-.zip) (1.67 ميقابايت, عدد مرات المشاهدة 26 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©