تور لحظه آخری
امروز : دوشنبه ، 17 دی 1403    احادیث و روایات:  پیامبر اکرم (ص):فتوا دهندگان بزرگانِ دانشمندان‏اند و فقيهان پيشوايانى كه از آنان بر اداى پيمان...
سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون شرکت ها

تبلیغات

تبلیغات متنی

صرافی ارکی چنج

صرافی rkchange

سایبان ماشین

دزدگیر منزل

اجاره سند در شیراز

armanekasbokar

armanetejarat

صندوق تضمین

Future Innovate Tech

پی جو مشاغل برتر شیراز

خرید یخچال خارجی

موسسه خیریه

واردات از چین

حمية السكري النوع الثاني

ناب مووی

دانلود فیلم

بانک کتاب

دریافت دیه موتورسیکلت از بیمه

طراحی سایت تهران سایت

irspeedy

درج اگهی ویژه

تعمیرات مک بوک

دانلود فیلم هندی

قیمت فرش

درب فریم لس

خرید بلیط هواپیما

بلیط اتوبوس پایانه

تعمیرات پکیج کرج

لیست قیمت گوشی شیائومی

خرید فالوور

پوستر آنلاین

بهترین وکیل کرج

بهترین وکیل تهران

خرید از چین

خرید از چین

تجهیزات کافی شاپ

خرید سرور اچ پی ماهان شبکه

کاشت ابرو طبیعی و‌ سریع

قیمت بالابر هیدرولیکی

قیمت بالابر هیدرولیکی

قیمت بالابر هیدرولیکی

لوله و اتصالات آذین

قرص گلوریا

نمایندگی دوو در کرج

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

مهاجرت به آلمان

بورس کارتریج پرینتر در تهران

تشریفات روناک

نوار اخطار زرد رنگ

ثبت شرکت فوری

خودارزیابی چیست

فروشگاه مخازن پلی اتیلن

قیمت و خرید تخت برقی پزشکی

کلینیک زخم تهران

خرید بیت کوین

خرید شب یلدا

پرچم تشریفات با کیفیت بالا و قیمت ارزان

کاشت ابرو طبیعی

پرواز از نگاه دکتر ماکان آریا پارسا

پارتیشن شیشه ای اداری

اقامت یونان

خرید غذای گربه

رزرو هتل خارجی

تولید کننده تخت زیبایی

مشاوره تخصصی تولید محتوا

سی پی کالاف

دوره باریستا فنی حرفه ای

چاکرا

استند تسلیت

تور بالی نوروز 1404

سوالات لو رفته آیین نامه اصلی

کلینیک دندانپزشکی سعادت آباد

پی ال سی زیمنس

دکتر علی پرند فوق تخصص جراحی پلاستیک

تجهیزات و دستگاه های کلینیک زیبایی

تعمیر سرووموتور

تحصیل پزشکی در چین

مجله سلامت و پزشکی

تریلی چادری

 






آمار وبسایت

 تعداد کل بازدیدها : 1851422207




هواشناسی

نرخ طلا سکه و  ارز

قیمت خودرو

فال حافظ

تعبیر خواب

فال انبیاء

متن قرآن



اضافه به علاقمنديها ارسال اين مطلب به دوستان آرشيو تمام مطالب
archive  refresh

سه جور نويگيشن بار و نوار منو براي وب -


واضح آرشیو وب فارسی:سایت ریسک: سه جور نويگيشن بار و نوار منو براي وب bernadet 27 فروردين 1385, 06:58 منبع یک داکیومنت جدید با ابعاد 200 * 600 و زمینه سفید درست کنید . و با ابزار Rounded Rectangle Tool یک مستطیل به ابعاد نوار منو رسم کنید . رنگش را هم B 8E4FD در نظر بگیرید . مسیر زیر را بروید و تنظیمات زیر را اعمال کنید . Layer > Layer Style > Drop Shadow به این صورت و Layer > Layer Style > Inner Shadow, با تنظیمات به این صورت ... حالا لایه را دوپلیکت کنید و در پلت لایه ها بلندینگ مود لایه را به Color Burn تغییر دهید . [/img و نوشته های منو را با رنگ آبی پر رنگ بنویسید . برای اینکه نوشته ها همه دقیقا روی یک خط باشند از سمت چپ نوار منو شروع کنید و اولین آیتم را بنویسید و با زدن بلنک به اندازه لازم فاصله درست کنید و آیتم دوم را بنویسید تا به آخر منو بار برسید . [img] حالا همین لایه آخری که نوشته ها را به آن اضافه کردید دوپلیکیت کنید و این لایه جدید را انتخاب کرده و دو پیکسل به پایین ببرید . ( با استفاده از فلش رو به پایین در کیبورد ) و در پلت لایه ها بلندینگ این لایه را به Linear Doge ببرید و به این شکل می رسید . با استفاده از ابزار خط Line روی نوار ابزار ، آیتم های منو را با خط عمودی از هم جدا کنید در نوار آپشنز برای ابزار خط گزینه Fill pixel را انتخاب کیند و پهنای خط Weight را یک پیکسل کنید . یک لایه جدید ایجاد کنید و خط عمودی را رسم کنید . برای رسم خط عمودی حین کشیدن خط دکمه شیفت روی کیبورد را پایین نگه دارید . حالا همین لایه را دوپلیکیت کنید . و رنگ خط را به یک آبی خیلی کم رنگ برگردانید برای این کار رنگ فورگراند را به یک آبی خیلی کم رنگ برگردانید و در پلت لایه ها روی این جدیدترین لایه کنترل کلیک کنید که خط دومی انتخاب شود و Alt + backspace را روی کیبور بزنید که رنگ خط ابی کم رنگ شود و این لایه را یک پیکسل به راست بکشید . برای همه آیتم های منو با همین روش بالا خط جدا کننده بگذارید . با ابزار Rounded Rectangle Tool در بالای همه لایه های دیگر یک مستطیل لبه گرد رسم کنید . و اپاسیتی این لایه را در پلت لایه ها به 30 ببرید و نوار منوی شما آماده است . آموزش درست کردن نویگیشن بار قرمز شیشه ای ( درخشان ) منبع یک داکیومنت جدید با ابعاد 100 * 500 و پس زمینه سفید درست کنید . یک لایه جدید ایجاد نموده با ابزار rectangle tool یک کادر با ابعاد نویگیشن بار درست کنید . و در نوار آپشنز مود Fill pixels را انتخاب کنید . در این درس از رنگ #8B 0808 استفاده شده . در پلت لایه ها بر روی لایه مستطیل کنترل کلیک کنید که کادر انتخاب شود یک لایه جدید ایجاد کنید و ابزار گرادیانت را از نوار ابزار انتخاب کنید و گرادیانت زیر را بسازید . گرادیانت دو رنگه قرمز تیره و قرمز روشن است که قرمز تیره #B 70000 و قرمز روشن #EF2828 است . و از بالا به پایین کادر یک گرادیانت عمودی بکشید ( حین کشیدن کلید شیفت را نگه دارید که گرادیانت دقیقا عمودی باشد . ) از انتخاب خارج شوید و ابزار Rectangular Marquee Tool را انتخاب کنید و از مجوعه آن ،انتخاب عمودی به قطر یک پیکسل را انتخاب کنید . یعنی Single column maquee tool و از Select > transform selection کمی آن را بچرخانید که مورب شود . این خط مورب را به جای مناسبش انتقال دهید . و اکی کنید . و کلید دلیت را بزنید و از انتخاب خارج شوید . و برای جدا سازی بقیه آیتم های منو بار هم با همین روش خط مورب جدا کننده رسم کنید . از پلت لایه ها لایه مستطیل قرمز پر رنگ را انتخاب کنید و از Layer > layer style > strok یک خط با رنگ تیره و ضخامت یک پیکسل رسم کنید . Position : outside Size : 1 px در پلت لایه ها بر روی لایه کادر مستطیل پر رنگ کنترل کلیک کنید که انتخاب شود و Filter > Blur > Blur و حالا آیتم های منو را بنویسید . برای نوشته ها می توایند فونت دلخواه خود را به کار برید . در این درس از فونت 04b 08 استفاده کرده و اینجا می توانید دانلود کنید . و برای این فونت تنظیمات زیر را به کار برده در پلت لایه ها بر روی لایه متن دبل کلیک کنید و از قسمت Stroke یک خط به ضخامت یک پیکسل و Position : outdide در اطراف متن ایجاد کنید . این کار را برای همه نوشته های موجود بر روی نویگیشن بار تکرار کنید و یا به سادگی در پلت لایه ها بر روی لایه ای که استایل خط به آن اضافه کرده اید رایت کلیک نموده گزینه Copy layer style را انتخاب کنید و بر روی لایه سایر نوشته ها در پلت لایه ها رایت کلیک کنید و گزینه Paste layer style را انتخاب کنید . برای درخشش نوار هم یک لایه جدید درست کنید و رنگ فورگراند را سفید کنید . با ابزرا Rectangle Tool یک مستطیل در نیمه بالایی نوار رسم کنید و در پلت لایه ها اپاسیتی این لایه را به سی ببرید . در پلت لایه ها بر روی لایه قرمز پر رنگ کنترل کلیک کنید که انتخاب شود و انتخاب را برعکس کنید. Hit Select > Inverse (CTRL + SHIFT + i ) و دلیت را بزنید که فضای سفید اطراف نویگیشن بار حذف شود . آموزش ایجاد دکمه شیشه ای منبع یک داکیومنت جدید با ابعاد دلخواه ایجاد نموده با ابزرا Rounded Rectangle Tool یک کادر با ابعاد دکمه بکشید و تنظیمات زیر را در موردش اعمال کنید . نتیجه به این صورت است . نویگیشن بار سبز منبع یک داکیومنت جدید ایجاد کنید و با ابزار انتخاب مستطیلی یک کادر به اندازه نویگیشن بار رسم کنید . یک گرادیانت دو رنگه با دو رنگ 8DF858 و 78D 54B درست کنید . و آن را از بالا به پایین در حالیکه شیفت را نگه داشته اید ، بکشید . یک لایه جدید درست کنید و با Ctrl + + صفحه را زوم کنید و با ابزار Pencil در اطراف نویگیشن بار یک خط سیاه به ضخامت یک پیکسل رسم کنید . و دوباره همین کار را با سفید انجا دهید یعنی یک خط به ضخامت یک پیکسل با رنگ سفید اطراف نویگیشن بار رسم کنید . برای خطوط جدا کننده هم یک لایه جدید ایجاد نموده با استفاده از ابزار خط و رنگ سفید و ضخامت یک پیکسل یک خط عمودی رسم کنید و این تنظیمات را در مورد لایه به کار برید . و برای سایر خطوط جدا کننده هم همین لایه را دوپلیکیت نموده به مکان مناسب انتقال دهید تا اینکه همه خطوط جدا کننده ایجاد شوند . برای ایجاد درخشش هم نیمه بالایی نویگیشن بار را با ابزار انتخاب مستطیلی شکل انتخاب کنید . یک لایه جدید درست کنید و اپاسیتی لایه جدید را به 28 ببرید و با Paint buket یا سطل رنگ محل انتخاب شده را سفید کنید . و در آخر هم برچسبهای نویگیشن بار را با استایل دلخواه بنویسید . __________________- منبع یک داکیومنت جدید با ابعاد 50 * 450 و رنگ زمینه دلخواه درست کنید یک لایه جدید درست کنید و با ابزار Rectangular Marquee Tool یک کادر با ابعاد نویگیشن بار رسم کنید . و آن را سفید کنید . در پلت لایه ها بر روی Layer1 رایت کلیک کنید و گزینه Blending Options را انتخاب کنید و تنظیمات زیر را انجام دهید . به این شکل رسیدیم برای خطوط جدا کننده هم یک لایه جدید درست کنید و رنگ فورگراند را سیاه کنید و ابزار Pencil مداد را بردارید و با نگه داشتن شیفت یک خط عمودی از بالا به پایین در موقعیت مناسب بکشید . برای فرورفته نشان دادن خط هم لایه خط را دوپلیکیت کنید و در این لایه جدید رنگ خط را سفید کنید . برای این کار کافیست در پلت لای ها روی لایه خط دوم کلیک کنید که انتخاب شود و در بالای پلت لایه ها بلندینگ مود لایه را به Color Overlay ببرید و یا روی لایه خط دومی در پلت لایه ها کنترل کلیک کنید رنگ فورگراند را سفید کنید و Alt + backspace را بزنید که خط سفید شود . و با ابزار حرکت Move این خط را یک پیکسل به راست ببرید برای این کار می توانید از فلش رو به راست کیبورد استفاده کنید . hamidak 27 فروردين 1385, 19:29خيلي خوب بود براي طراحي سايت عاليه پارسيان 27 فروردين 1385, 19:54خيلي عالي بود .فقط آخري زياد تركيب رنگ جالبي نداره ولي 2 تاي بالا خيلي خوبهزحمت كشيدي. White Rose 27 فروردين 1385, 20:56بابا ای ول دستت درد نکنه. ZiTaNiX 27 فروردين 1385, 23:58پس این دکمه تشکر رو برای چی گذاشتن؟؟؟؟ bernadet 28 فروردين 1385, 07:21مرسي بچه ها . راستي اون دکمه بنفش رو کسي تونست دربياره ؟ خودم نتونستم ولي ازش خوشم اومده . راستي اون نويگيشن بار فلزي هم قشنگه ولي چون با رنگ بک گراندش ست نيست تو ذوق مي خوره توي طراحي با رنگ زمينه ست و عناصر ديگه که با اين ست باشن کار بدي از آب در نمي آد . mamad_tala 29 فروردين 1385, 14:27bernadet عزیز با تشکر از اموزشهای فوق العاده خوبی که میزاری فقط یه توضیح کوچیک در مورد لینک کردن نوشته ها به صفحاتشون بدی خیلی ممنون میشم، و با چه فورمتی ذخیرشون کنیم اگه لینک اموزش رو داری برام بذار خیلی ممنون از لطفت bernadet 30 فروردين 1385, 05:49مرسي دوست عزيز از محبتتون . راستش درست متوجه منظورتون نشدم . بنابراين تمام مواردي رو که احتمال مي دم جواب سوالتون باشه مي گم . در مورد لينک اين آموزشها خيلي ساده در صفحه بر روي آموزش مورد نظر رايت کليک مي کينم و آدرس صفحه رو در اونجا انتخاب مي کنيم و کپي مي کنيم . همين اموزشها در سري مقالات 2005 - 2003 هم هست و من آموزشهايي رو که ترجمه کردم در يک بلاگ آوردم که کپي رايت هم نداره و اينجاست . tutorials.blogfa.com و خود من آموزشها رو در محيط ورد ذخيره مي کنم . و هميشه در ابتداي هر آموزش هم منبع اون رو ذکر مي کنم که همه خارجي هستن . شاد باشيد . webara 30 فروردين 1385, 13:03البته براي طراحي اينجور از نويگيشن بار ها از ابزار هاي آماده و مخصوص اين كار نيز مي توان استفاده كرد. معموات اونا خيلي راحت (البته براي ما مبتدي ها)




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

[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 4064]

bt

اضافه شدن مطلب/حذف مطلب







-


گوناگون

پربازدیدترینها
طراحی وب>


صفحه اول | تمام مطالب | RSS | ارتباط با ما
1390© تمامی حقوق این سایت متعلق به سایت واضح می باشد.
این سایت در ستاد ساماندهی وزارت فرهنگ و ارشاد اسلامی ثبت شده است و پیرو قوانین جمهوری اسلامی ایران می باشد. لطفا در صورت برخورد با مطالب و صفحات خلاف قوانین در سایت آن را به ما اطلاع دهید
پایگاه خبری واضح کاری از شرکت طراحی سایت اینتن