تصميم زر متحرك

[رائد ابو فيصل]

بسم الله الرحمن الرحيم

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


اعتذر عن الاخطاء

تصميم زر متحرك فوتو شوب


http://img101.imageshack.us/img101/2636/39433790.gif (http://img101.imageshack.us/my.php?image=39433790.gif)

بسم الله نبدا


نفتح عمل جديد بالمقاسات المناسبه

http://img534.imageshack.us/img534/3277/websiteanimatedphotosho.jpg (http://img534.imageshack.us/my.php?image=websiteanimatedphotosho.jpg)

من Shape Tool نختار الشكل المناسب للزر

http://img215.imageshack.us/img215/1391/79173889.jpg (http://img215.imageshack.us/my.php?image=79173889.jpg)

نختار اللون الناسب بهذا الشكل اللون هو #0759a5

http://img222.imageshack.us/img222/9685/22174489.jpg (http://img222.imageshack.us/my.php?image=22174489.jpg)

ونضيف التاثيرات التاليه

http://img253.imageshack.us/img253/1046/10380613.jpg (http://img253.imageshack.us/my.php?image=10380613.jpg)

http://img215.imageshack.us/img215/6708/62751991.jpg (http://img215.imageshack.us/my.php?image=62751991.jpg)

http://img222.imageshack.us/img222/499/13275256.jpg (http://img222.imageshack.us/my.php?image=13275256.jpg)

ونحصل على هذا الشكل

http://img215.imageshack.us/img215/7193/15605469.jpg (http://img215.imageshack.us/my.php?image=15605469.jpg)

مره اخرى الى Shape Tool ونختار شكل مناسب

http://img215.imageshack.us/img215/6360/22686276.jpg (http://img215.imageshack.us/my.php?image=22686276.jpg)

http://img215.imageshack.us/img215/8482/73451257.jpg (http://img215.imageshack.us/my.php?image=73451257.jpg)

وندمج الليرين مع بعض بالضغط على Cntl+E,

http://img253.imageshack.us/img253/275/63784355.jpg (http://img253.imageshack.us/my.php?image=63784355.jpg)

نعمل كوبي للير

http://img179.imageshack.us/img179/8523/62333416.jpg (http://img179.imageshack.us/my.php?image=62333416.jpg)

نضغط Ctrl+T للتحكم باللير الثاني ونصغر

http://img220.imageshack.us/img220/842/23815669.jpg (http://img220.imageshack.us/my.php?image=23815669.jpg)

كمان مره كوبي للير الثاني ونصغر بالضغط على Ctrl+T

http://img402.imageshack.us/img402/9879/26605544.jpg (http://img402.imageshack.us/my.php?image=26605544.jpg)

كمان مره كوبي Ctrl+Tونصغر

http://img140.imageshack.us/img140/6650/74041580.jpg (http://img140.imageshack.us/my.php?image=74041580.jpg)

نذهب للايميج ريدي إخفاء جميع الطبقات ما عداا لنسخة أصلية واحدة

http://img101.imageshack.us/img101/5811/55932059.jpg (http://img101.imageshack.us/my.php?image=55932059.jpg)

إخفاء طبقة وإظهار ثانية واحدة

http://img101.imageshack.us/img101/7312/38642182.jpg (http://img101.imageshack.us/my.php?image=38642182.jpg)

الى ان ننهي جمع الطبقات

http://img98.imageshack.us/img98/2485/43979546.jpg (http://img98.imageshack.us/my.php?image=43979546.jpg)

ونحصل على الشكل النهائي

http://img101.imageshack.us/img101/2636/39433790.gif (http://img101.imageshack.us/my.php?image=39433790.gif)



الى هنا انتهى ان شاء الله يعجبكم

[mero]

بسم الله الرحمن الرحيم

ماشاء الله عليك دروسك سهلة وجميلة وشرحك مبسط
بارك الله فيك اخي ابوفيصل لك مني اجمل تحية :abc_152:

[أبو يوسف]

بارك الله فيك أخي أبو فيصل على هذه السلسلة الطيبة من الدروس

[abohmam]

جزاك الله خيرا أبا فيصل

درس رائع وسهل ماشاء الله

بارك الله فيك

[الدمشقي]

نتيجة حلوة ...

:abc_022:

شــــ لك ــــكراً أخي الغالي أبو فيصل

على المجهود الجميل في إعداد هذا الدرس

وجزاك الله خيراً

[سيرين ملكة زماني]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[فلسطيني]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[أبو فارس]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[رائد ابو فيصل]

حياكم الله وبارك الله فيكم

[محمود عفيفى]

جزاك الله خيرا أخى رائد
ماشاء الله شكلك احترفت الفوتوشوب