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

[all4me]

لطفا در اين تاپيك فقط آموزش ساخت منو ها زا قرار دهيد.
آموزش ساخت منو با شمایل 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]

ببخشيد عكس ها لود نشد سايتي براي اپلود عكس ها سراغ داريد لطفا.............!

[Bill Gates]

tinypic.com میتونید استفاده کنید

[DaRiOuShJh]

ممنون دوسته عزیز
همونطور که بیلی! جان اشاره کردن این سایت خوبه:

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

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

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

[all4me]

آموزش ساخت منو با شمایل 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 عزيز.............

[hassan_sia]

ببخشید اینکارو با چه نرم افزاری انجام دادین و فرمت و اندازه فایل خروجی چقدر میشه ؟

[shahrzad j0on]

سلام
نرم افزار مورد استفاده برای طراحی این منوم ها فتوشاپ است