Creative Designer
29-09-2008, 06:40 PM
السلام عليكم ورحمة الله و بركاته
اليوم معى درس مفيد للجميع من لديه موقع او لا سيستفيد من هذا الدرس ..
اولا جميعا رأينا أستايل شركة 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
لنصل الى النهاية :) ..
السلام عليكم ورحمة الله وبركاته
اليوم معى درس مفيد للجميع من لديه موقع او لا سيستفيد من هذا الدرس ..
اولا جميعا رأينا أستايل شركة 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
لنصل الى النهاية :) ..
السلام عليكم ورحمة الله وبركاته