افتراضي صمم ازرار ابحار على طريقة Apple

[Creative Designer]

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

اليوم معى درس مفيد للجميع من لديه موقع او لا سيستفيد من هذا الدرس ..

اولا جميعا رأينا أستايل شركة Apple الجميل و الـ Themes الجميلة المنتشرة على الانترنت و ايضا تصميم موقع الشركة الاكثر من رائع و ذهلنا صراحة من

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

[ المثال ]

http://img101.imageshack.us/img101/6494/21504197zx0.jpg

[ الدرس ]

1. افتح صفحة جديدة بمقاس 500X100 بخلفية بيضاء ,, استخدم اداة الـ Rounded Rectangle Tool لرسم مربعات كما بالصورة مع ملاحظة قيمة الـ Radius هى 5 ثم ضاعف اللاير ثم حركه الى اليمين لكى يكون لديك عدة ازرار ..

http://img207.imageshack.us/img207/7996/65582561xr2.jpg

2. قم بأضافة هذه الاستايلات ..

http://img171.imageshack.us/img171/2554/2cajv3ixztu4.jpg

http://img171.imageshack.us/img171/1378/3cabblww2jv4.jpg

http://img340.imageshack.us/img340/9495/4catrblrzym3.jpg

النتيجة ..

http://img294.imageshack.us/img294/3729/5ca93mv04pi1.jpg

3. الان بأستخدام اداة الـ Rectangle Tool قم برسم مستطيل كما بالصورة ..

http://img294.imageshack.us/img294/3030/6cabqzbqmjw6.jpg

4. قم بأضافة هذه الاستايلات ..

http://img166.imageshack.us/img166/9200/3cabblww2mb2.jpg

http://img166.imageshack.us/img166/9240/4catrblrzrx9.jpg

النتيجة ..

http://img171.imageshack.us/img171/6151/7cadt1q0wfm3.jpg

5. الان استخدم اداة الـ Line Tool لرسم ثلاث اسطر كما بالصورة ..

http://img101.imageshack.us/img101/6494/21504197zx0.jpg

لنصل الى النهاية :) ..

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

[V I O L E T]

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

درس مفيد وسهل .. يعطيك العافية كرييتف ^.^

تعجبني هالأزرار في تصاميم المواقع

هذا تطبيقي على الدرس

http://www.phantom-theater.com/memspace/images_up/3d4e3c2209bc8412511632ed8e4480ea.jpg

بانتظار المزيد من الدروس

فمان الله

[Phantom Girl]

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

يعطيك العاافية كرييتف على الدرس
وهذ تطبيقي البسيط ^_^

http://www.phantom-theater.com/memspace/images_up/85e0ff672f1895559a5bbbe9d103aaba.png

[Creative Designer]

شكرا لكم على التطبيق و على ما اعتقد انكم ليس لكم خبرة فى مجال تصميم الواجهات ؟ ^_^ ..

بس و الله شغل رائع ..

[QeEn BlOoD]

أول شي أفهم إلي قبله بعدين أفهم هذاا .. خخخخ

تسلم خيوو على الشرح الرااائع ..

وأنتظر جدييدكـ .... ^^

سي يآآآ ..