یک دکمه مدرن برای خودتون بسازید | قالب وبلاگ l گرافيك l آموزش



سلام، امروز براتون یه آموزش گذاشتم که به درد همه مخصوصا وبمستر ها می خوره. امیدوارم استفاده کنید.

menu button_TakTemp

آموزش در ادامه مطلب…

در ابتدا یک سند جدید در ابعاد ۵۰۰*۳۰۰ پیکسل ایجاد کنید و با ابزار Gradient و رنگ های سیاه و ۱b2c3e یک طیف رنگ زیبا مثل تصویر روی کارتون به عنوان پشت زمینه ایجاد کنید.

menu_button_011

ابزار Rounded Rectangle Tool (Radius: 10 px) رو انتخاب کنید و یک مستطیل مثل شکل زیر ایجاد کنید. مهم نیست که چه رنگی رو انتخاب می کنید.

menu_button_021

به Layer > Rasterize > Shape برین و بعد افکت های زیر رو روی مستطیلمون اعمال کنید.

menu_button_042

برای دیدن تصویر در ابعاد بزرگتر روی آن کلیک کنید.

برای دیدن تصویر در ابعاد بزرگتر روی آن کلیک کنید.

 دکمه شما باید مثل شکل زیر باشه:

menu_button_051

حالا به Select > Load Selection برین تا یک انتخاب دور مستطیلتون ایجاد بشه و بعد به Select > Modify > Contract برین و مقدار اون رو ۱ پیکسل بکنید. حالا یک لایه جدید باز کنید و داخل انتخاب رو با رنگ ۱b1b1d پر کنید. بعد انتخابتون رو لغو کنید.

menu_button_061

یک لایه جدید باز کنید و با ابزار Elliptical Marquee Tool یک انتخاب مثل شکل ایجاد کنید و اون رو با رنگ ۴۷۹ea5 پر کنید.

menu_button_071

انتخابتون رو لغو کنید و فیلتر Filter > Blur > Gaussian Blur رو با تنظیمات زیر روی تصویر اعمال کنید.

menu_button_081

نتیجه کار رو می بینید:

با استفاده از ابزار Polygonal Lasso Tool یک انتخاب مثل شکل زیر ایجاد کنید و در یک لایه جدید اون رو با رنگ سفید پر کنید.

menu_button_121

بعد از اینکه انتخابتون رو لغو کردین فیلتر Filter > Blur > Gaussian Blur رو با تنظیمات زیر روش اعمال کنید.

menu_button_131

تفاوت رو می بینید:

menu_button_141

در مرحله بعد فیلتر Filter > Blur > Motion Blur رو با تنظیماتش روی تصویر اعمال کنید.

menu_button_151

این هم نتیجه کار:

menu_button_161

بعدش یک انتخاب جدید با ابزار Rectangular Marquee Tool مثل شکل زیر ایجاد کنید.

menu_button_171

 تا اینجای کارتون رو Save کنید(حتما با فرمت PSD) و بعد یک سند جدید در ابعاد ۳*۳ پیکسل ایجاد کنید. ابزار Pencil Tool رو انتخاب کنید و یک خط مورب مثل شکل بکشید.

menu_button_191

به Edit > Define Pattern برین تا این تصویر رو به عنوان یک پترن ذخیره کنید و بعد بدون اینکه اون تصویر رو Save کنید از اون خارج بشین. به سند اصلی خودمون برگردین. با استفاده از ابزار Rectangular Marquee Tool یک انتخاب مثل شکل ایجاد کنید و اون رو در یک لایه جدید با رنگ سفید پر کنید.

menu_button_201

انتخاب رو لغو کنید و افکت زیر رو روی اون اعمال کنید.

menu_button_212

برای دیدن تصویر در ابعاد بزرگتر روی آن کلیک کنید.

 مقدار Fill اون رو روی ۷% بذارین تا به تصویر زیر برسین.

 

یک لایه جدید ایجاد کنید و با ابزار Polygonal Lasso Tool یک انتخاب مثل شکل زیر ایجاد کنید و اون رو با رنگ سفید پر کنید.

 

 

انتخابتون رو لغو کنید و فیلتر Filter > Blur > Motion Blur با این تنظیمات روی اون اعمال کنید.

 

تصویرمون مثل این شکل میشه:

 

یک لایه جدید باز کنید و با ابزار Pencil Tool و کمی دقت نقطه هایی با رنگ e2dedf مثل شکل ایجاد کنید.

 

یک کپی از لایه بگیرین و فیلتر Filter > Blur > Motion Blur رو با تنظیمات زیر روی لایه کپی شده اعمال کنید.

حالا چیزی مثل شکل زیر داریم.

 

یکبار دیگه یک لایه جدید ایجاد کنید و با ابزار Pencil Tool سه خط موازی و هم اندازه با رنگ ۴۷۹ea5 بکشید.

 

یک لایه جدید باز کنید و با ابزار Rectangular Marquee Tool یک انتخاب مثل شکل زیر روی تصویر اعمال کنید و اون رو با همون رنگ قبلی پر کنید.

 

انتخاب رو لغو کنید و Opacity اون رو روی ۳۰% بذارین و بعد این دو لایه آخر رو با هم یکی (Merge) کنید و بعد فیلتر Filter > Blur > Motion Blur رو با تنظیمات زیر روی تصویر اعمال کنید.

 

حالا شما چیزی شبیه به این رو دارید:

 

کلید Ctrl رو بگیرید و روی لایه اصلی دکمه کلیک کنید تا یک انتخاب دور دکمه ایجاد بشه و بعد اون رو در یک لایه جدید با رنگ سیاه پر کنید.

 

انتخاب رو لغو کنید و فیلتر Filter > Noise > Add Noise رو با تنظیمات زیر روی لایه اعمال کنید.

 

حالا نوع لایه رو روی Screen و Opacity اون رو روی ۳۰% قرار بدین.

 

حالا نوبت نوشتنه! ابزار Horizontal Type Tool رو انتخاب کنید و متنتون رو با رنگ ۷۰ffff بنویسید. من برای این کار از فونت Electrofied (14 pt, Crisp) استفاده کردم.

 

 

این هم نتیجه کار:

menu button_TakTemp


نوشته شده در ۲۸ فروردین ۱۳۸۸ ساعت ۸:۱۴ ق.ظ | 6,251 بازدید | ۱۶ دیدگاه
برچسب ها: ,

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

يه چيزايي درباره گرافيك مي دونم. متولد اسفندم و عاشق رپ پرمعني هستم. دانش آموزم

Visit Amin's Website

entry مطالب مرتبط
entry محصولات فروشگاه

۱۶ دیدگاه ارسال شده است ! »

  1. اسماعیل در ۲م, اردیبهشت ۱۳۸۸ گفت:

    سلام
    کلی اموزش تو همین نهفته بود. ممنون.

    پاسخ دادن

  2. mohammad در ۳م, اردیبهشت ۱۳۸۸ گفت:

    kheyli khob bod mer30

    پاسخ دادن

  3. محسن در ۳م, اردیبهشت ۱۳۸۸ گفت:

    خسته نباشید
    اگه ممکنه آموزش هاتون را به صورت PDF هم قرار بدهید.
    ممنون

    پاسخ دادن

  4. HasSy در ۴م, اردیبهشت ۱۳۸۸ گفت:

    این یکی از بهترین چیزایی که گذاشتین!
    مقسی!

    پاسخ دادن

  5. benyamin در ۵م, اردیبهشت ۱۳۸۸ گفت:

    بازم مثل همیشه نمرت ۲۰

    پاسخ دادن

  6. iman در ۶م, اردیبهشت ۱۳۸۸ گفت:

    agha kareton kheyli droosteh

    پاسخ دادن

  7. محمد در ۱۳م, اردیبهشت ۱۳۸۸ گفت:

    سلام
    بسیار عالی بود ولی من موفق نشدم عکسها رو ببینم
    به خاطر سرعت اینترنت
    خواهش میکنم pdf
    کنید

    پاسخ دادن

  8. محمد در ۱۴م, اردیبهشت ۱۳۸۸ گفت:

    خواهش میکنم
    این قسمت من متوجه نشدم
    حالا یک لایه جدید باز کنید و داخل انتخاب رو با رنگ ۱b1b1d پر کنید. بعد انتخابتون رو لغو کنید.
    لایه جدید یعنی چی و با چی در کجای تصویر؟
    خواهش میکنم زودتر جواب بدین

    پاسخ دادن

  9. عباس در ۲۴م, اردیبهشت ۱۳۸۸ گفت:

    آقا کارتون خیلی عالی بود؟
    نظرت درمورد تبادل لینک چیه؟

    پاسخ دادن

  10. مهیم در ۲۵م, اردیبهشت ۱۳۸۸ گفت:

    آقا دست شما درد نکنه خیلی عالی کار کردی ……
    good

    پاسخ دادن

  11. فرشته در ۱م, خرداد ۱۳۸۸ گفت:

    سلام
    خواهش میکنم جواب ما رو بدید
    لایه جدید یعنی چی و با چی در کجای تصویر؟
    خواهش میکنم زودتر جواب بدین

    پاسخ دادن

    • مسعود در ۲م, خرداد ۱۳۸۸ گفت:

      سلام به خواهر عزیز فرشته : لایه جدید یعنی new layers – برای سایخت در سمت راست فتوشاپ بعد بلوک layer در پایینش چند آیکون وجود دارد و بر روی new layer کلیک کنید .

      پاسخ دادن

  12. مرتضی در ۱۳م, مرداد ۱۳۸۸ گفت:

    سلام من وبلاگ شما رو دیدم وبلاگ خوبی دارین به وبلاگ ما یه سری بزن و نظر بده راستش من دوست دارم ببینم نظر یه وبلاگ نویس حرفه ای مثل شما در مورد وبلاگ من چی. ضمنا اگه لطف کنید یه کلیک روی یکی از تبلیغات اوکسین که داخل وبلاگم هست بکنین ممنونتون میشم. vb.blogsky.com
    در ضمن من دوست دارم با شما تبادل لینک کنم اگه خواستید توی نظرات بهم بگید.
    موفق باشی

    پاسخ دادن

  13. 123 در ۱۹م, شهریور ۱۳۸۸ گفت:

    خییییییییییییییییییییییییییییییلی عالیه چند وقتی بود دنبال یه همچین دکمه ای می گشتم
    خسته نباشید اهالی تک تمپ

    پاسخ دادن

  14. یحیی در ۲۷م, دی ۱۳۸۸ گفت:

    به قیافش نمی خورد اینقدر دردسر داشته باشه
    بهرحال جالب بود

    پاسخ دادن

  15. پگاه در ۲م, اسفند ۱۳۸۸ گفت:

    وب سایتت بیسته بیسته حرف نداره.خیلی ممنونم

    پاسخ دادن

دیدگاه خود را ارسال کنید







تک تمپ مرجع قالب وبلاگ و آموزش فتوشاپ و ابزار فتوشاپ و قالب بلاگفا و گرافیک و وکتور و آموزش است