در خواست آموزش منوهاي زيبا با زير منوهاي شيك

واضح آرشیو وب فارسی:سایت ریسک: all4me19-07-2008, 07:12 PMلطفا در اين تاپيك فقط آموزش ساخت منو ها زا قرار دهيد. آموزش ساخت منو با شمایل Windows Live -------------------------------------------------------------------------------- خوب یه آموزش جدید دیگه رو به فارسی برگردون کردم.آموزش جالبیه.سطح آموزش متوسط هست.امیدوارم خوشتون بیاد. میخواهیم با هم یک منو با شمایل Windows Live ایجاد کنیم. 1.یک پرونده 500 پیکسل در 60 پیکسل ایجاد کنید. 2.ابزار Rectangular Marquee را انتخاب کنید و Fixed size را از Style انتخاب می کنبم و اندازه را 500 در 40 پیکسل قرار می دهیم. 3.یک لایه جدید ایجاد کنید و آنرا با رنگ #005b 95 پر کنید. 4.عملیات زیر را بر روی لایه انجام دهید: -Gradient: #2473a 5 to #005b 95 to #3585b 9 to #7eb 1d 2 - Stroke: #003150 5.یک لایه جدید ایجاد کنید، بر روی لایه اول Ctrl+Click را بزنید،سپس مسیر زیر را طی کنید: Edit -> Stroke : 1px Center #ffffff حالا حالت blend لایه را به Soft Light با opacity اندازه 70% تغییر دهید. 6. یک لایه جدید ایجاد کنید، بر روی لایه اول Ctrl+Click را بزنید، حالا ابزار Gradient Tool را انتخاب کنید.گرادیانت را از رنگ سفید به Transparent تنظیم کنید.حالا گرادیانت را از پایین به بالا در پایین قسمت انتخابی بکشید. 7.حالا حالت blend لایه را به Overlay تغییر دهید. 8.در اینجا نوشته های خود را اضافه کنید.( برای مثال فونت Myriad Pro با اندازه 12 با رنگ #ffffff را بکار بردیم) 9.یک لایه جدید ایجاد کنید و آنرا در زیر لایه نوشته ها قرار دهید.ابزار Rectangular Marquee را انتخاب کنید و Fixed size را از Style انتخاب می کنید و اندازه را 70 در 20 پیکسل با رنگ #0086bf قرار دهید.مثل شکل زیر: 10. عملیات زیر را بر روی لایه انجام دهید: -Inner Shadow: #aadcec - Outer Glow: #61a 0c9 - Gradient: #37b 1e4 to #0086bf - Stroke: #000000 11.کار تمام شد! all4me19-07-2008, 07:14 PMببخشيد عكس ها لود نشد سايتي براي اپلود عكس ها سراغ داريد لطفا.............! Bill Gates19-07-2008, 07:33 PMtinypic.com میتونید استفاده کنید DaRiOuShJh19-07-2008, 07:55 PMممنون دوسته عزیز همونطور که بیلی! جان اشاره کردن این سایت خوبه: !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! اگر انتهای آموزشتون هم یه مثالی از کدهای html و نحوه ی قرار دادنشون و کدهای لازم در یک سند HTML بزاردی به مراتب جامع تر و کامل تر میشه و با بخش "طراحی صفحات وب" سازگار تره به امیده پست های آموزشی بیشتر از شما all4me19-07-2008, 08:11 PMآموزش ساخت منو با شمایل Windows Live -------------------------------------------------------------------------------- خوب یه آموزش جدید دیگه رو به فارسی برگردون کردم.آموزش جالبیه.سطح آموزش متوسط هست.امیدوارم خوشتون بیاد. میخواهیم با هم یک منو با شمایل Windows Live ایجاد کنیم. 1.یک پرونده 500 پیکسل در 60 پیکسل ایجاد کنید. 2.ابزار Rectangular Marquee را انتخاب کنید و Fixed size را از Style انتخاب می کنبم و اندازه را 500 در 40 پیکسل قرار می دهیم. http://i37.tinypic.com/16gh93n.jpg 3.یک لایه جدید ایجاد کنید و آنرا با رنگ #005b 95 پر کنید. http://tinypic.com/view.php?pic=ng1zix&s=4 4.عملیات زیر را بر روی لایه انجام دهید: -Gradient: #2473a 5 to #005b 95 to #3585b 9 to #7eb 1d 2 http://tinypic.com/view.php?pic=2129454&s=4 - Stroke: #003150 http://tinypic.com/view.php?pic=if7os9&s=4 5.یک لایه جدید ایجاد کنید، بر روی لایه اول Ctrl+Click را بزنید،سپس مسیر زیر را طی کنید: Edit -> Stroke : 1px Center #ffffff حالا حالت blend لایه را به Soft Light با opacity اندازه 70% تغییر دهید. http://tinypic.com/view.php?pic=2elcu12&s=4 6. یک لایه جدید ایجاد کنید، بر روی لایه اول Ctrl+Click را بزنید، حالا ابزار Gradient Tool را انتخاب کنید.گرادیانت را از رنگ سفید به Transparent تنظیم کنید.حالا گرادیانت را از پایین به بالا در پایین قسمت انتخابی بکشید. http://i37.tinypic.com/2gtclt1.jpg 7.حالا حالت blend لایه را به Overlay تغییر دهید. http://i37.tinypic.com/10pyqtj.jpg 8.در اینجا نوشته های خود را اضافه کنید.( برای مثال فونت Myriad Pro با اندازه 12 با رنگ #ffffff را بکار بردیم) http://i36.tinypic.com/2duijxl.jpg 9.یک لایه جدید ایجاد کنید و آنرا در زیر لایه نوشته ها قرار دهید.ابزار Rectangular Marquee را انتخاب کنید و Fixed size را از Style انتخاب می کنید و اندازه را 70 در 20 پیکسل با رنگ #0086bf قرار دهید.مثل شکل زیر: http://i34.tinypic.com/eb 5400.jpg 10. عملیات زیر را بر روی لایه انجام دهید: -Inner Shadow: #aadcec http://i38.tinypic.com/66ci84.jpg - Outer Glow: #61a 0c9 http://i33.tinypic.com/2bo21d.jpg - Gradient: #37b 1e4 to #0086bf http://i33.tinypic.com/f19j80.jpg - Stroke: #000000 http://i34.tinypic.com/2h7gapl.jpg 11.کار تمام شد! http://i35.tinypic.com/259fi2o.jpg متشكر Bill Gates عزيز.............:10::40: hassan_sia04-03-2009, 04:36 PMببخشید اینکارو با چه نرم افزاری انجام دادین و فرمت و اندازه فایل خروجی چقدر میشه ؟ shahrzad j0on23-10-2009, 01:25 AMسلام نرم افزار مورد استفاده برای طراحی این منوم ها فتوشاپ است سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 206]