آموزش ساخت دکمه های گرافیکی زیبا

واضح آرشیو وب فارسی:سایت ریسک: rb 9714-02-2006, 09:44 PMسلام به همه.... من در این آموزش یاد میدم که یک دکمه ی گرافیکی خیلی قشنگ مثل شکل زیر بسازید. http://kmillio.crystalxp.net/porthole-tutorial/Final-result.jpg http://www.compu2er.com/photoshop.jpg --------------آموزش--------------- 1- یک صفحه ای به اندازه ی 250*250 بسازید و بوسیله ی کلید (ctrl+Shift+N) یه لایه درست کنید. حالا با ابزار Elliptical Marquee یک دایره به شکل زیر بسازید و داخل اون رو سیاه کنید. http://kmillio.crystalxp.net/porthole-tutorial/1.jpg 2. رویه لایه دوبار کلیک کنید تا صفحه ی Blending Options بازشه. حالا تغییرات زیر را انجام دهید. Drop Shadow: http://kmillio.crystalxp.net/porthole-tutorial/2.jpg Bevel and emboss : http://kmillio.crystalxp.net/porthole-tutorial/3.jpg Gradient overlay : http://kmillio.crystalxp.net/porthole-tutorial/4.jpg رنگ Gradient رو از داده های زیر استفاده کنید : http://kmillio.crystalxp.net/porthole-tutorial/5.jpg Stroke : http://kmillio.crystalxp.net/porthole-tutorial/6.jpg رنگ Gradient رو از داده های زیر استفاده کنید : http://kmillio.crystalxp.net/porthole-tutorial/7.jpg Ok رو بزنید. حالا شما یه چیزی شبیه شکل زیر باید بدست بیارید. http://kmillio.crystalxp.net/porthole-tutorial/8.jpg 3. روی لایه ی اول Ctrl+Click بزنید تا دایره ای که ساختید انتخاب بشه حالا از منوهای بالا به قسمت Select > Modify > Contract بروید، و عدد 7 را در قسمت Contract By بزنید و بعد Ok را بزنید. حالا دوباره بوسیله ی کلید (Ctrl+Shift+N) یک لایه ایجاد کنید و بدون اینکه چیزی را انتخاب کنید، اون دایره را سیاه کنید و بعد از اون کلید Ctrl+D رو بزنید تا دایره از حالت انتخاب در بیاد. http://kmillio.crystalxp.net/porthole-tutorial/9.jpg 4. روی لایه ای که ساختید دوبار کلیک کنید تا صفحه ی Layer Style باز شود. و تنظیمات زیر را روی لایه ی خود انجام بدید. Inner shadow : http://kmillio.crystalxp.net/porthole-tutorial/10.jpg Outter glow : http://kmillio.crystalxp.net/porthole-tutorial/11.jpg Inner glow : http://kmillio.crystalxp.net/porthole-tutorial/12.jpg Bevel and emboss : http://kmillio.crystalxp.net/porthole-tutorial/13.jpg Gradient overlay : http://kmillio.crystalxp.net/porthole-tutorial/14.jpg رنگ Gradient رو از داده های زیر استفاده کنید : http://kmillio.crystalxp.net/porthole-tutorial/15.jpg Stroke : http://kmillio.crystalxp.net/porthole-tutorial/16.jpg رنگ Gradient رو از داده های زیر استفاده کنید : http://kmillio.crystalxp.net/porthole-tutorial/17.jpg Ok رو بزنید. حالا شما یه چیزی شبیه شکل زیر باید درست کرده باشید. http://kmillio.crystalxp.net/porthole-tutorial/18.jpg 5. روی لایه ی دوم Ctrl+Click بزنید تا دایره انتخاب شه، دوباره از منوهای بالا به قسمت Select > Modify > Contract بروید. حالا این بار عدد 4 رو قرار بدید و Ok بزنید. حالا ابزار Gradiant Tool را انتخاب کنید و رنگ Foreground خود را سفید کنید و روی Gradiant Editor کلیک کنید و دومین آیکون یعنی Foreground to Transparent را انتخاب کنید و Ok رو بزنید. یک لایه بوسیله ی کلید Ctrl+Shift+N درست کنید و مثل شکل زیر با ابزار Gradiant از بالا تا پایین بکشید. http://kmillio.crystalxp.net/porthole-tutorial/19.jpg 6. دوباره یک لایه ی جدید بسازید و کل اون رو سفید کنید. http://kmillio.crystalxp.net/porthole-tutorial/20.jpg 7. حالا بوسیله ی ابزار Elliptical Marquee قسمت از لایه ای که سفید کردید رو انتخاب کنید و Delete کنید. و Opacity او رو %40 بذارید. مثل شکل زیر: http://kmillio.crystalxp.net/porthole-tutorial/21.jpg 8. روی لایه ی دوم Ctrl+Click کنید و از منوهای بالا به Select > Modify > Contract بروید و دوباره عدد 4 را وارد کنید و Ok را بزنید. حالا یک لایه ی جدید درست کنید و کل اون دایره ای که انتخاب شده را سفید کنید؛ بوسیله ی ابزار Elliptical Marquee یه چیزی شبیه عکس زیر انتخاب کنید و اون رو Delete کنید. http://kmillio.crystalxp.net/porthole-tutorial/22.jpg 9. بوسیله ی کلید Ctrl+D اون قسمت را از حالت انتخاب بر دارید و Opacity اون رو %20 بذارید. کار شما به پایان رسید. حالا شکل شما باید مثل عکس زیر شده باشه. http://kmillio.crystalxp.net/porthole-tutorial/23.jpg حالا برای قشنگ تر شدن این کار می تونید یک عکس بین لایه ی دوم و سوم قرار بدید و Opacticy اون رو بین %50 تا %70 قرار بدید. http://kmillio.crystalxp.net/porthole-tutorial/Final-result.jpg http://www.compu2er.com/photoshop.jpg چه طور بود؟ yusef14-02-2006, 09:59 PMسلام دوست عزیز ببخشید و شرمنده که این بار هم مزاحمتان میشوم می خواستم بدانم که آیا شما این آموزش رو درست کردین یا این آقا در سایتش http://compu2er.com/nuke/modules.php?name=News&file=article&sid=99 فقط امیدوارم سو تفاهمی پیش نیاید و اگر ممکنه جواب این سوال من را بدهید rb 9714-02-2006, 10:51 PMنه من از اول گفتم مبتدی ام و نمیتونم آموزش بزارم لطفا دیگه گیر نده فقط استفاده کن منبع رو هم یادم رفت که شما نوشتید یکی این 2 تا جوابو پاک کنه linkin_park14-02-2006, 10:54 PMخوب آقا جان شما لازم نیست خودتونو خسته کنید اینجا کپی / پیست کنید ... خوب یه تاپیک میزدی سایت منبعو معرفی میکردی دیگه ... Elfin-D15-02-2006, 12:20 AMسلام فكر ميكنم درباره كپي پست در تاپيكهاي قبلي همين اقا زياد صحبت كرديم!پس فقط مرسي! rb 9715-02-2006, 03:41 PMخواهش....... Babak_King15-02-2006, 08:59 PMبابا چه گيري ميدين به بنده خدا حالا شما منبع بزارين اگه يادش رفت ايشون مي خواد يه چيزي به بقيه ياد بده خوب آقا جان شما لازم نیست خودتونو خسته کنید اینجا کپی / پیست کنید . يعني چي عزيز من بزار به كارش برسه اينجا مي خوايم يه چيزي به هم ياد بديم ايشون اگه اين پستو نداده بود من شايد اونو از اون آدرس پيدا نمي كردم قوانين انجمنم اينه كه هيچ كاربري حق تذكر به بقيه رو نداره چرا مي خواين با هم الكي كله بگيرين من همين جا از ايشون تشكر مي كنم چون واقعا بعضي پستاي ايشون از هزار تا پست بيهوده بقيه بهتره موفق باشي عزيز rb 9715-02-2006, 09:23 PMبابا چه گيري ميدين به بنده خدا حالا شما منبع بزارين اگه يادش رفت ايشون مي خواد يه چيزي به بقيه ياد بده يعني چي عزيز من بزار به كارش برسه اينجا مي خوايم يه چيزي به هم ياد بديم ايشون اگه اين پستو نداده بود من شايد اونو از اون آدرس پيدا نمي كردم قوانين انجمنم اينه كه هيچ كاربري حق تذكر به بقيه رو نداره چرا مي خواين با هم الكي كله بگيرين من همين جا از ايشون تشكر مي كنم چون واقعا بعضي پستاي ايشون از هزار تا پست بيهوده بقيه بهتره موفق باشي عزيز الان چندین کاربر هستند که تاحالا 1 پست هم ندادن و فقط دارن از این مطالب استفاده میکنن. منم اینجا نه مدیرم نه وظیمه که مطلب بزارم ولی دارم این کارو میکنم. مرسی بابک جان خوب اگر نمیخواین بگید من دیگه پست ندم یا دیگه درباره ی این موضوع زیر پست های من ننویسید MESHKIPOSH15-02-2006, 09:38 PMدمت گرم منبع هم سعي كنيد بگيد ولي اين دفعه چون يادت رفته عيب نداره Elfin-D16-02-2006, 12:16 AMدر جواب بابك و آر بي عزيز عرض كنم كه درباره كپي پست بارها بحث شده ولي تا كنون تصميمي در اين باره گرفته نشده! كپي پست بدون ذكر منبع كار درستي نيست و به مظر من خود كپي پست هم كار درستي نيست چونكه مثلا ميتونيم يك تاپيك باز كنيم با هنوان اموزشهاي جالب از سايتهاي ديگه و فقط لينك اونهار در تاپيك بزاريم!ببينيد كپي پست ميتونه سطح علمي انجمن رو پايين بياره چونكه نشون ميده كاربران اينجا يا هر جاي ديگه سواد گرافيكي و كامپيوتري ندارند و براي پر شدن انجمن،راحت ترين راه يعني كپي پست رو انتخاب ميكنند.به طبع انجمني كه سطع علمي پاييني داشته باشه يوزرهاي كمتيري هم خواهد داشت و درش در طول زمان به تخته شدن ميل ميكنه!بماند كه من با ترجمه هم مخالفم ولي ميتونيد به جاي كپي پست مقالات خارجي رو ترجمه و در اينجا قرار بديد. ARO18-02-2006, 02:19 PMآربي97 من كه باهات خيلي حال ميكنم تو با اين كپي پيست هات همه رو سر كار گذاشتي ايول !! آموزش هايي كه انتخاب ميكني خوبه ولي اگه منبعشم بنويسي بهتر ميشه فعلا باي.. rb 9718-02-2006, 06:15 PMمن که هکه رو مینویسم اینم یادم رفت که دوستان زحمتش. کشیدن mohammad_1ta23-03-2006, 07:53 AMايول آموزش خودمه :biggrin: :cool: ..... ممنون از يوسف به علت تذکرش ممنون از Rb 97 عزیز به علت له کردن ما Arashpc24-03-2006, 12:49 AMبه هر حال عالي بود دستت درد نكنه سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

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

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 494]