" كـيـف تـصـمـم زر الـكـروم "
بـسـم الله الـرحـمـن الـرحـيـم ..
الـدرس : كـيـف تـصـمـم زر الـكـروم
سـوف يـكـون الـدرس طـوـيل ويـحـتـاج إلـى الـتـركـيـز .. وسـوف تـفـيـدك فـي الـمـحـاكـاة .. فـإذا أتـبـع مـن أول درس حـتـى الـنـهايـة حـتـى تـنـجـح فـي الـتـطـبـيـق .. وأهـم شـي أخـوانـي لا تـنـسـون الـتـطـبـيـق ..
نـبـدأ الـدرسـ :
*1 : نـفـتـح صـفـحـة جـديـده .. وتـكـون الـخـلـفـيـة لـون أبيض .. وطـبـق مـثـل مـا فـي الـصــورة ,
http://up3.w6w.net/upload/23-01-2006...419ca23f6f.jpg
*2 : الأن نـعـمـل طـبـقـة جـديـدة ( Shift + Ctrl + U ) ,
*3 : بـعـد عـمـل الـطـبـقـة الـجـديـدة .. الأن نـخـتـار أداة http://up3.w6w.net/upload/23-01-2006...50136097e9.jpg وطـبـق خـيـارات الأداة كـمـا واضـح بالـصـورة ,
http://up3.w6w.net/upload/23-01-2006...45c68f7666.jpg
*4 : حـدد مـسـتـطـيـل .. وقـم بمـلأ الـمـسـتـطـيـل بـأي لـون .. مـثـل مـا فـي الصـورة ,
http://up3.w6w.net/upload/23-01-2006...09ed45674c.jpg
*5 : الأن نـقـوم بـتـطـبـيـق الـخـيـارات الـمـهـمـة بـ Blending Options الأن نـفـتـح Blending Options .. مـثـل مـا فـي الـصـورة ,
http://up3.w6w.net/upload/23-01-2006...57acc96fab.jpg
وسـوف نـعـمـل عـلـى 3 خـيـارات :
Drop Shadow - Gradient Overlay - Stroke
- نـبـدأ بـاخـتـيـار خـيـار Drop Shadow ,
http://up3.w6w.net/upload/23-01-2006...054b35c6b9.jpg
- Gradient Overlay ,
http://up3.w6w.net/upload/23-01-2006...073d33f9e2.jpg
- Stroke ,
http://up3.w6w.net/upload/23-01-2006...100ee08d79.jpg
تـم الانـتـهـاء مـن Blending Options .. والـنـتـيـجـة ,
http://up3.w6w.net/upload/23-01-2006...503f9031cd.jpg
*6 : الأن نـخـتـار الأداة http://up3.w6w.net/upload/23-01-2006...060d076d03.jpg .. طـريـقـة الأخـتـيـار سـوف تـجـده وأضـغـط كـلـك يـمـيـن .. كـمـا واضـح بالـصـورة ,
http://up3.w6w.net/upload/23-01-2006...1627f3d04f.jpg
*7 : بـعـد الأخـتـيـار الأداة قـم بـتـغـيـر كـمـا واضـح بـالـصـورة ,
http://up3.w6w.net/upload/23-01-2006...0677eaf47d.jpg
*8 : قـم بـتـحـديـد دائـرتـيـن .. كـمـا واضـح بالـصـورة ,
http://up3.w6w.net/upload/23-01-2006...38ec8b2cee.jpg
*9 : الأن نـخـتـار أداة http://up3.w6w.net/upload/23-01-2006...50136097e9.jpg ونـحـدد لـنـوصـل الـدائـرتـيـن بـبـعـض ,
http://up3.w6w.net/upload/23-01-2006...12bcee397c.jpg
*10 : الأن نـحـدد الـتـصـمـيـم ( Ctrl + Shift + I ) + بـعـد الـتـحـديـد نـضـغـط Delete ..
انـتـهـيـنـا بـالـتـصـمـيـم ..
الـتـطـبـيـق :
http://up3.w6w.net/upload/23-01-2006...5037c97172.jpg
اتـمـنـى الـتـرشـيـح اذا الـدرس يـسـتـحـق الـتـرشـيـح + لا تـنـسـون الـتـطـبـيـق
بالـتـوفـيـق ;)
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
"MaGnOoOn"
??
العفو أخوي الكريم ..
??
انت طبقة نصف الدرس .. عندما تختار الخيار Gradient Overlay .. أختار الـ Gradient ..
??
لاحظ الصورة ..
??
??
عندما تختاره سوف تدخل في Gradient Editor .. وطبق الألون كما واضح بالصورة
??
??
بعد الانتهاء من التطبيق سوف تكون النتيجة :
??
??
تأكد ان هذه النتيجة ..
??
والخطأ الثاني التحديد ..
??
??
??
والأن لاحظ كيف التحديد كم طبقته الأن ..
??
??
بعد التحديد الأن حدد التصميم بالـ ( Ctrl + Shift + I ) سوف تلاحظ ان كل التصميم تحدد .. بعد ذلك
??
قم بالحذف بـ Delete .. هكذا انتهيت من التصميم .. ^^
??
واتمنى ان افدتك .. وأي استفسار فأنا حاضر ..
?
بالتوفيق أخوي ..
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
مشكوور اخوي على الدرس الرائع ^^
والدرس يفيد اصحاب المحاكيات كثير
اخوك / مدمن تعديل
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
الف شكرلك حبيبي على هذا الدرس الرائع
بانتظارجديك
تحياتي ..
فارس القمر
1 مرفق
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
السلام عليكم ورحمة الله وبركاته ..
جهد جميل واستغرب قلة الردود .. على كل حال اشكرك على جهدك الطيب بالموضوع وهذا تطبيقي البسيط :-
وشــــــــــ:yup::yup::yup::yup:ــــــــــكراً
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
شكرا على الدرس اخوي
انا طبقت الدرس ^_^ لكن عندي سؤال
كيف اجعل النص محفور
عندي طريقه قديمه انا بس نسيختها خخخ ممكن شرح لي وللاخوان هنا ؟
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
اهلين ذا روك ^^
كيفك حبيبي
درسك عجبني ،، بس عندي استفسار
??
هذي ليش ماطلعت عندي >_> ؟
على فكرة اصدار الفوتوشوب حقي 8
[/QUOTE]
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
خخخخخخخخخخ 7 او 8ماراح تطلع
اظغط على التدرج اللي طالع شكله صغير هو ظغطتين
ويطلع لك هذا التفصيل حقه D:
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
تسلم والله على الدرس الرووعه ..^^
هذا تطبيقي مع بعض الاضافات عليه ..
http://img9.picsplace.to/img9/6/__16...10___1591_.jpg
2 مرفق
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
"مدمن تعديل"
لا شكر على الواجب ..
احتمال التصميم تساعد بالمحاكاة .. وانشاء الله تنفع .
ومشكور عزيزي على المرور ..
....................................
"فارس القمر"
العفو يالغالي ..
انشاء الله كل جديد هنا بالقسم ..
....................................
"FinalFantasy9"
وعليكم السلام ورحمة الله وبركاته ..
اهم شيء الجميع استفادوا وحضورك الكريم .. والعفو أخوي الغالي ..
أما التطبيق ممتاز مع بعض اللمسات ماشاء الله عليك ..
وشاكر لك تواجدك الكريم ..
....................................
"Cloud Strife"
لا شكر على الواجب يا الغالي ..
اقتباس:
لكن عندي سؤال
كيف اجعل النص محفور
كنت انتظر احد يسئل عن النص المحفور .. انشاء الله قريباً راح اشرح درس على النص المحفور ..
ومشكور على المرور أخوي ..
....................................
"مشـاري"
هلا بالغالي ..
الحمد الله تمام ..
أما بخصوص استفسارك :
الأن لاحظ الصورة كما واضح بالخيار Gradient Overlay ..
بعد الضغط سوف تظهر لك Gradient Editor .. كما واضح بالصورة ..
اقتباس:
على فكرة اصدار الفوتوشوب حقي 8
انا استعمل الأصدار 7 .. واعتقد مافي فرق بين 7 و 8
وانشاء الله افدتك .. واي استفسار ما فهمت من الدرس لا تتردد فأنا حاضر .. :)
....................................
"Sephiroth."
الله يسلمك ..
تطبيق موفق .. لكن الألوان ما طبقته جيد ..
واذا وجدت صعوبه بالألوان يمكنك الأستفسار ولا تتردد ..
وشاكر لك تواجدك أخوي ..
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
السلام عليكم ورحمة الله وبركاته ^^....
كيفك اخوي ان شاء الله بخير ^^...
الف شكر لك على هذا الردس الجميل ^^...
بالتوفيق اخوك هشومي ^^...
1 مرفق
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
ثانكيو ذا روك
التطبيق ^^
مشاركة: " كـيـف تـصـمـم زر الـكـروم "
"S.a.s.u.k.e"
وعليكم السلام ورحمة الله وبركاته ..
اقتباس:
كيفك اخوي ان شاء الله بخير ^^...
الحمد الله بخير ;)
اقتباس:
الف شكر لك على هذا الردس الجميل ^^...
بالتوفيق اخوك هشومي ^^...
العفو اخوي .. وانشاء الله استفدت من الدرس ;)
وشاكر لك تواجدك الكريم ..
..................................
"مشـاري"
يور ولكم :)
ماشاء الله عليك على التطبيق .. تطبيق ممتاز .
وانشاء الله استفدت من الدرس .. ومشكور على حضورك الكريم :)
