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

مشاهدة النسخة كاملة : دروس أدوبي " كـيـف تـصـمـم زر الـكـروم "


The.Rock
23-01-2006, 02:29 PM
بـسـم الله الـرحـمـن الـرحـيـم ..

الـدرس : كـيـف تـصـمـم زر الـكـروم

سـوف يـكـون الـدرس طـوـيل ويـحـتـاج إلـى الـتـركـيـز .. وسـوف تـفـيـدك فـي الـمـحـاكـاة .. فـإذا أتـبـع مـن أول درس حـتـى الـنـهايـة حـتـى تـنـجـح فـي الـتـطـبـيـق .. وأهـم شـي أخـوانـي لا تـنـسـون الـتـطـبـيـق ..

نـبـدأ الـدرسـ :

*1 : نـفـتـح صـفـحـة جـديـده .. وتـكـون الـخـلـفـيـة لـون أبيض .. وطـبـق مـثـل مـا فـي الـصــورة ,

http://up3.w6w.net/upload/23-01-2006/w6w_200601231124419ca23f6f.jpg

*2 : الأن نـعـمـل طـبـقـة جـديـدة ( Shift + Ctrl + U ) ,

*3 : بـعـد عـمـل الـطـبـقـة الـجـديـدة .. الأن نـخـتـار أداة http://up3.w6w.net/upload/23-01-2006/w6w_20060123113750136097e9.jpg وطـبـق خـيـارات الأداة كـمـا واضـح بالـصـورة ,

http://up3.w6w.net/upload/23-01-2006/w6w_20060123113945c68f7666.jpg

*4 : حـدد مـسـتـطـيـل .. وقـم بمـلأ الـمـسـتـطـيـل بـأي لـون .. مـثـل مـا فـي الصـورة ,

http://up3.w6w.net/upload/23-01-2006/w6w_20060123114109ed45674c.jpg

*5 : الأن نـقـوم بـتـطـبـيـق الـخـيـارات الـمـهـمـة بـ Blending Options الأن نـفـتـح Blending Options .. مـثـل مـا فـي الـصـورة ,

http://up3.w6w.net/upload/23-01-2006/w6w_20060123114457acc96fab.jpg

وسـوف نـعـمـل عـلـى 3 خـيـارات :

Drop Shadow - Gradient Overlay - Stroke

- نـبـدأ بـاخـتـيـار خـيـار Drop Shadow ,

http://up3.w6w.net/upload/23-01-2006/w6w_200601231147054b35c6b9.jpg

- Gradient Overlay ,

http://up3.w6w.net/upload/23-01-2006/w6w_200601231148073d33f9e2.jpg

- Stroke ,

http://up3.w6w.net/upload/23-01-2006/w6w_200601231149100ee08d79.jpg

تـم الانـتـهـاء مـن Blending Options .. والـنـتـيـجـة ,

http://up3.w6w.net/upload/23-01-2006/w6w_200601231154503f9031cd.jpg

*6 : الأن نـخـتـار الأداة http://up3.w6w.net/upload/23-01-2006/w6w_200601231200060d076d03.jpg .. طـريـقـة الأخـتـيـار سـوف تـجـده وأضـغـط كـلـك يـمـيـن .. كـمـا واضـح بالـصـورة ,

http://up3.w6w.net/upload/23-01-2006/w6w_2006012311591627f3d04f.jpg

*7 : بـعـد الأخـتـيـار الأداة قـم بـتـغـيـر كـمـا واضـح بـالـصـورة ,

http://up3.w6w.net/upload/23-01-2006/w6w_2006012312050677eaf47d.jpg

*8 : قـم بـتـحـديـد دائـرتـيـن .. كـمـا واضـح بالـصـورة ,

http://up3.w6w.net/upload/23-01-2006/w6w_20060123121138ec8b2cee.jpg

*9 : الأن نـخـتـار أداة http://up3.w6w.net/upload/23-01-2006/w6w_20060123113750136097e9.jpg ونـحـدد لـنـوصـل الـدائـرتـيـن بـبـعـض ,

http://up3.w6w.net/upload/23-01-2006/w6w_20060123121912bcee397c.jpg

*10 : الأن نـحـدد الـتـصـمـيـم ( Ctrl + Shift + I ) + بـعـد الـتـحـديـد نـضـغـط Delete ..

انـتـهـيـنـا بـالـتـصـمـيـم ..

الـتـطـبـيـق :

http://up3.w6w.net/upload/23-01-2006/w6w_2006012312225037c97172.jpg

اتـمـنـى الـتـرشـيـح اذا الـدرس يـسـتـحـق الـتـرشـيـح + لا تـنـسـون الـتـطـبـيـق

بالـتـوفـيـق ;)
MaGn.ae
23-01-2006, 03:05 PM
مشكور اخوي the Rock ..


مادري النتيجة طلعت غير عندي ...

تفضل :
http://up3.w6w.net/upload/23-01-2006/w6w_200601231256216f109838.jpg
The.Rock
23-01-2006, 03:37 PM
"MaGnOoOn"

??



العفو أخوي الكريم ..

??



انت طبقة نصف الدرس .. عندما تختار الخيار Gradient Overlay .. أختار الـ Gradient ..

??

لاحظ الصورة ..

??



http://up3.w6w.net/upload/23-01-2006/w6w_200601231324105e39141d.jpg

??



عندما تختاره سوف تدخل في Gradient Editor .. وطبق الألون كما واضح بالصورة

??



http://up3.w6w.net/upload/23-01-2006/w6w_200601231324528aa0f4c8.jpg

??



بعد الانتهاء من التطبيق سوف تكون النتيجة :

??



http://up3.w6w.net/upload/23-01-2006/w6w_200601231154503f9031cd.jpg

??



تأكد ان هذه النتيجة ..

??



والخطأ الثاني التحديد ..

??



عند تأكدك من التصميم حدد دائرتين .. بعد ذلك اختار أداة http://up3.w6w.net/upload/23-01-2006/w6w_20060123113750136097e9.jpg ونحدد .. كما واضح بالخط الأحمر ..

??



http://up3.w6w.net/upload/23-01-2006/w6w_20060123121912bcee397c.jpg

??



والأن لاحظ كيف التحديد كم طبقته الأن ..

??



http://up3.w6w.net/upload/23-01-2006/w6w_200601231346497a35f9cd.jpg



??

بعد التحديد الأن حدد التصميم بالـ ( Ctrl + Shift + I ) سوف تلاحظ ان كل التصميم تحدد .. بعد ذلك

??

قم بالحذف بـ Delete .. هكذا انتهيت من التصميم .. ^^

??



واتمنى ان افدتك .. وأي استفسار فأنا حاضر ..

?



بالتوفيق أخوي ..
Dr.MoDmEn
01-02-2006, 06:02 PM
مشكوور اخوي على الدرس الرائع ^^

والدرس يفيد اصحاب المحاكيات كثير

اخوك / مدمن تعديل
TERBO
04-02-2006, 07:19 PM
الف شكرلك حبيبي على هذا الدرس الرائع

بانتظارجديك


تحياتي ..
فارس القمر
FinalFantasy9
04-02-2006, 08:33 PM
السلام عليكم ورحمة الله وبركاته ..

جهد جميل واستغرب قلة الردود .. على كل حال اشكرك على جهدك الطيب بالموضوع وهذا تطبيقي البسيط :-

246025

وشــــــــــ:yup::yup::yup::yup:ــــــــــكراً
F4bry
04-02-2006, 11:03 PM
شكرا على الدرس اخوي
انا طبقت الدرس ^_^ لكن عندي سؤال
كيف اجعل النص محفور
عندي طريقه قديمه انا بس نسيختها خخخ ممكن شرح لي وللاخوان هنا ؟
Misho0o
04-02-2006, 11:15 PM
اهلين ذا روك ^^



كيفك حبيبي



درسك عجبني ،، بس عندي استفسار










??






http://up3.w6w.net/upload/23-01-2006/w6w_200601231324528aa0f4c8.jpg

هذي ليش ماطلعت عندي >_> ؟

على فكرة اصدار الفوتوشوب حقي 8


[/QUOTE]
F4bry
04-02-2006, 11:35 PM
خخخخخخخخخخ 7 او 8ماراح تطلع
اظغط على التدرج اللي طالع شكله صغير هو ظغطتين
ويطلع لك هذا التفصيل حقه D:
Action
05-02-2006, 12:24 PM
تسلم والله على الدرس الرووعه ..^^

هذا تطبيقي مع بعض الاضافات عليه ..

http://img9.picsplace.to/img9/6/__1603___1585___1608___1605____1576___1587___1610___1591_.jpg
The.Rock
05-02-2006, 10:34 PM
"مدمن تعديل"

لا شكر على الواجب ..

احتمال التصميم تساعد بالمحاكاة .. وانشاء الله تنفع .

ومشكور عزيزي على المرور ..

....................................

"فارس القمر"

العفو يالغالي ..

انشاء الله كل جديد هنا بالقسم ..

....................................

"FinalFantasy9"

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

اهم شيء الجميع استفادوا وحضورك الكريم .. والعفو أخوي الغالي ..

أما التطبيق ممتاز مع بعض اللمسات ماشاء الله عليك ..

وشاكر لك تواجدك الكريم ..

....................................

"Cloud Strife"

لا شكر على الواجب يا الغالي ..


لكن عندي سؤال
كيف اجعل النص محفور
كنت انتظر احد يسئل عن النص المحفور .. انشاء الله قريباً راح اشرح درس على النص المحفور ..

ومشكور على المرور أخوي ..

....................................

"مشـاري"

هلا بالغالي ..


كيفك حبيبي
الحمد الله تمام ..

أما بخصوص استفسارك :

الأن لاحظ الصورة كما واضح بالخيار Gradient Overlay ..

246152

بعد الضغط سوف تظهر لك Gradient Editor .. كما واضح بالصورة ..

246153


على فكرة اصدار الفوتوشوب حقي 8
انا استعمل الأصدار 7 .. واعتقد مافي فرق بين 7 و 8

وانشاء الله افدتك .. واي استفسار ما فهمت من الدرس لا تتردد فأنا حاضر .. :)

....................................

"Sephiroth."

الله يسلمك ..

تطبيق موفق .. لكن الألوان ما طبقته جيد ..

واذا وجدت صعوبه بالألوان يمكنك الأستفسار ولا تتردد ..

وشاكر لك تواجدك أخوي ..
Eternal Love
06-02-2006, 01:53 PM
السلام عليكم ورحمة الله وبركاته ^^....

كيفك اخوي ان شاء الله بخير ^^...

الف شكر لك على هذا الردس الجميل ^^...

بالتوفيق اخوك هشومي ^^...
Misho0o
08-02-2006, 06:29 PM
ثانكيو ذا روك

التطبيق ^^

246355
The.Rock
09-02-2006, 01:47 AM
"S.a.s.u.k.e"

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


كيفك اخوي ان شاء الله بخير ^^...الحمد الله بخير ;)


الف شكر لك على هذا الردس الجميل ^^...

بالتوفيق اخوك هشومي ^^...العفو اخوي .. وانشاء الله استفدت من الدرس ;)

وشاكر لك تواجدك الكريم ..

..................................

"مشـاري"

يور ولكم :)

ماشاء الله عليك على التطبيق .. تطبيق ممتاز .

وانشاء الله استفدت من الدرس .. ومشكور على حضورك الكريم :)