تبلیغات
تبلیغات متنی
محبوبترینها
سه برند برتر کلید و پریز خارجی، لگراند، ویکو و اشنایدر
مراحل قانونی انحصار وراثت در یک نگاه: از کجا شروع کنیم؟
چگونه برای دریافت ویزای ایران اقدام کنیم؟ مدارک لازم و نکات کاربردی
راهنمای خرید یو پی اس برای مراکز درمانی و بیمارستانی مطابق الزامات قانونی
آیا طلاق توافقی نیاز به وکیل دارد؟
چگونه ویزای آفریقای جنوبی را به آسانی دریافت کنیم؟ راهنمای قدم به قدم
همه چیز درباره ویزای آلمان و مراحل دریافت آن
چرا پاسارگاد به عنوان یکی از مهم‌ترین آثار تاریخی ایران شناخته می‌شود؟
خرید انواع خودکار و روان نویس شیک و ارزان
خرید انواع خودکار و روان نویس شیک و ارزان
صفحه اول
آرشیو مطالب
ورود/عضویت
هواشناسی
قیمت طلا سکه و ارز
قیمت خودرو
مطالب در سایت شما
تبادل لینک
ارتباط با ما
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
مطالب سایت سرگرمی سبک زندگی سینما و تلویزیون فرهنگ و هنر پزشکی و سلامت اجتماع و خانواده تصویری دین و اندیشه ورزش اقتصادی سیاسی حوادث علم و فناوری سایتهای دانلود گوناگون
آمار وبسایت
تعداد کل بازدیدها :
1820619275
سه جور نويگيشن بار و نوار منو براي وب -
واضح آرشیو وب فارسی:سایت ریسک: سه جور نويگيشن بار و نوار منو براي وب 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]
[تعداد بازديد از اين مطلب: 4058]
-
گوناگون
پربازدیدترینها