واضح آرشیو وب فارسی:سایت ریسک: ايجاد دکمه نئوني براي نويگيشن بار bernadet 24 اسفند 1384, 07:16منبع این درس مناسب طراحان وب هست و طرز درست کردن دکمه های نئونی آبی رو روی بک گراند مشکی توضیح می ده . من در اين آموزش نتونستم از تصوير استفاده کنم چون نزديک به يک هفته است که قسمت آپلود تصوير سايت کار نمي کنه و هر عکسي رو که آپلود مي کنم دوباره صفحه آپلود خالي مياد و لينکي برام ايجاد نمي کنه . در ضمن چون تصاوير بعد از مدتي از بين مي رن بهتر ديدم که تنظيمات رو بنويسم که مشکلي نباشه . راستي مدير محترم سايت آقاي صادق ، اون آدرس سايت انگليسي که در مبحث فکر کنم قطره بود معرفي کرديد اون رو نتونستم باز کنم . محبت کنيد آدرسش رو دوباره تکرار کنيد . ممنون. پبک گراندمون در این آموزش مشکی خالص نیست اما یک رنگ تیره هستش و به سلیقه خودتون می تونید رنگهای دیگه رو روی بک گراندها تیره امتحان کنید . نتیجه کارتون چیزی شبیه به این می شه . یک داکیومنت با رنگ بک گراند 00386D درست کنید و با Ctrl + shift + n یک لایه جدید ایجاد کنید . رنگ فورگراند رو 0080F6 کنید و در لایه جدیدتون با ابزار مستطیل لبه گرد round rectangle tool که شعاع Radius اون رو روی نوار اپشنز روی 16 پیکسل تنظیم کردید یک مستطیل با ابعاد دکمه تون بکشید . بهتره که ارتفاع اون رو 20 پیکسل کنید و طول اون رو هم به اندازه ای کنید که متن دکمه روش جا بگیره . برای کنترل ارتفاع دکمه می تونید پالت اینفو رو فعال کنید و در گوشه پایین و چپ اون پالت طول و عرض شکلی که دارید رسم می کنید رو نشون می ده . روی لایه دکمه که درست کرده بودید Ctrl + click کنید . این کار باعث می شه که اطراف دکمه تون انتخاب بشه . حالا یک لایه جدید ایجاد کنید Ctrl + shift + n و در حالی که هنوز انتخابتون فعاله ، در لایه جدید روی محل انتخاب یک گرادیانت اعمال کنید . گرادیانتتون بهتره از دو رنگ آبی تیره و آبی روشن درست شده باشه . اگر این گرادیانت رو نداشتین می تونید بسازیدش . طرز کار با گرادیانت ها مختصرا در تاپیک ایجاد رنگین کمان توضیح داده شده . گرادیانتتون در سمت چپ آبی تیره و در سمت راست آبی روشن داره و گزینه Linear gradiant رو روی نوار اپشنز مربوط به گرادیانت انتخاب می کنید و یک خط کاملا عمودی از پایین به بالای دکمه می کشید . دقت کنید خطتون کاملا عمودی باشه . حالا لایه قدیمیتون رو پاک کنید و همین لایه جدید که گرادیانت رو روش اعمال کردید نگه دارید . حالا ای مسیر رو برید Layer layer style و تنظیمات زیر رو Inner glow, Satin and stroke رو مطابق اشکال زیر اعمال کنید . بعد از اعمال کردن این تغییرت به این نتیجه می رسیم . تنظیمات استایل های لایه هم به صورت زیر هست _______________________________________ Inner glow Structure Blend Mode: Color dodge Opacity: 100 Noise: 0 Color: #000000 Elements Technique: Softer Source: Edge Choke: 0 Size: 1 Quality Contour: Default Anti-aliased: Uncheck Range: 50 Jitter: 0 Satin Structure Blend Mode: Color Dodge Color: #FFFFFF Opacity: 100 Angle: 90 Distance: 3 Size: 16 Contour: Picture below Anti-aliased: Uncheck Invert: Uncheck _________________________________________ Stroke Structure Size: 3 Position: Outside Blend Mode: Normal Opacity: 100 Fill Type: Color Color: #0070D 6 ______________________________________________ حالا می خوهیم در سمت پچ دکمه یک دایره کوچیک ایجاد کنیم . برای این کار رنگ فور گراند رو 0070D 6 کنید و ابزار بیضی Ellips tool رو انتخاب کنید و با Ctrl + shift + n یک لایه جدید آغاز کنید و در لایه جدید یک دایره کوچولو در سمت چپ دکمه بکشید . حالا می تویند روی دکمه متن بنویسید من فونت Verdana, Bold Italic, 10 pt انتخاب کردم . برای کامل کردن نویگیشن تب این استایل ها رو به لایه مون اعمال کنید . Drop Shadow , Outer Glow , Stroke Drop Shadow Structure Blend Mode: Color Burn Color: #000000 Opacity: 100 Angle: 180 Use Global Light: Uncheck Distance: 4 Spread: 0 Size: 6 Quality Contour: Default Anti-aliased: Uncheck Noise: 0 ___________________________________________ Outer Glow Structure Blend Mode: Color Dodge Opacity: 100 Noise: 0 Color: #FFFFFF Elements Technique: Precise Spread: 0 Size: 4 Quality Contour: Default Anti-aliased: Uncheck Range: 50 Jitter: 0 ___________________________ Stroke Structure Size: 2 Position: Outside Blend Mode: Normal Opacity: 100 Fill Type: Color Color: #0070D 6 ____________________________________ نتیجه به این صورت هست . شاد باشید . S.H.R.M.K 24 اسفند 1384, 07:32ممنون از آموزشتون ولی به نظرم عکسارو مستقیم همینجا بزارید بهتره تا لینکشو بدید. S4DEGH 24 اسفند 1384, 09:27آهان ... اينه ! خيلي وقت بود از اين آموزش ها تو سايت نبود ! دستت درد نكنه ! ديگه ما زيادي روي افكت كار كرديم ... بايد روي ساخت كليد هايي مثل اين بيشتر كار كرد . ---------------------------- راستي مدير محترم سايت آقاي صادق ، اون آدرس سايت انگليسي که در مبحث فکر کنم قطره بود معرفي کرديد اون رو نتونستم باز کنم . محبت کنيد آدرسش رو دوباره تکرار کنيد . ممنون الان علي مياد بهم گير ميده ! من فقط مدير انجمن نيوك و فتوايمپكت هستم ! نه مدير سايت ! :D آدرسش اين بود ديگه : اگر باز نميشه شايد ISP بازش نميكنه !
این صفحه را در گوگل محبوب کنید
[ارسال شده از: سایت ریسک]
[مشاهده در: www.ri3k.eu]
[تعداد بازديد از اين مطلب: 2910]