PDA

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



all4me
19-07-2008, 18:12
لطفا در اين تاپيك فقط آموزش ساخت منو ها زا قرار دهيد.
آموزش ساخت منو با شمایل Windows Live

--------------------------------------------------------------------------------

خوب یه آموزش جدید دیگه رو به فارسی برگردون کردم.آموزش جالبیه.سطح آموزش متوسط هست.امیدوارم خوشتون بیاد.
میخواهیم با هم یک منو با شمایل Windows Live ایجاد کنیم.

1.یک پرونده 500 پیکسل در 60 پیکسل ایجاد کنید.

2.ابزار Rectangular Marquee را انتخاب کنید و Fixed size را از Style انتخاب می کنبم و اندازه را 500 در 40 پیکسل قرار می دهیم.




3.یک لایه جدید ایجاد کنید و آنرا با رنگ #005b95 پر کنید.





4.عملیات زیر را بر روی لایه انجام دهید:


-Gradient: #2473a5 to #005b95 to #3585b9 to #7eb1d2




- 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: #61a0c9




- Gradient: #37b1e4 to #0086bf




- Stroke: #000000




11.کار تمام شد!

all4me
19-07-2008, 18:14
ببخشيد عكس ها لود نشد سايتي براي اپلود عكس ها سراغ داريد لطفا.............!

Bill Gates
19-07-2008, 18:33
tinypic.com میتونید استفاده کنید

DaRiOuShJh
19-07-2008, 18:55
ممنون دوسته عزیز
همونطور که بیلی! جان اشاره کردن این سایت خوبه:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

اگر انتهای آموزشتون هم یه مثالی از کدهای html و نحوه ی قرار دادنشون و کدهای لازم در یک سند HTML بزاردی به مراتب جامع تر و کامل تر میشه و با بخش "طراحی صفحات وب" سازگار تره

به امیده پست های آموزشی بیشتر از شما

all4me
19-07-2008, 19:11
آموزش ساخت منو با شمایل Windows Live

--------------------------------------------------------------------------------

خوب یه آموزش جدید دیگه رو به فارسی برگردون کردم.آموزش جالبیه.سطح آموزش متوسط هست.امیدوارم خوشتون بیاد.
میخواهیم با هم یک منو با شمایل Windows Live ایجاد کنیم.

1.یک پرونده 500 پیکسل در 60 پیکسل ایجاد کنید.

2.ابزار Rectangular Marquee را انتخاب کنید و Fixed size را از Style انتخاب می کنبم و اندازه را 500 در 40 پیکسل قرار می دهیم.


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]


3.یک لایه جدید ایجاد کنید و آنرا با رنگ #005b95 پر کنید.


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]


4.عملیات زیر را بر روی لایه انجام دهید:


-Gradient: #2473a5 to #005b95 to #3585b9 to #7eb1d2


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

- 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: #61a0c9
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]



- Gradient: #37b1e4 to #0086bf


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

- Stroke: #000000


[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

11.کار تمام شد!

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
متشكر Bill Gates عزيز.............:10::40:

hassan_sia
04-03-2009, 16:36
ببخشید اینکارو با چه نرم افزاری انجام دادین و فرمت و اندازه فایل خروجی چقدر میشه ؟

shahrzad j0on
23-10-2009, 01:25
سلام
نرم افزار مورد استفاده برای طراحی این منوم ها فتوشاپ است