• Rumah
  • Tentang
  • Artikel
  • Hubungi kami

: 91 11 9810018780 Mail ke: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Pasal Ditulis
  • on 10.11.2009
  • at 12:37
  • oleh admin

Cara Buat Teks Inset Nice Button di Photoshop

Ini adalah awal desain lavel tutorial. Dalam artikel ini Anda akan menemukan Cara Membuat Teks Inset Nice Button di Photoshop. ini sangat cepat dan mudah desain grafis tutorial.I berharap Anda akan menikmati tutorial ini.

Final Preview

Ini adalah apa yang kita lakukan hari ini pergi

inset-button-tutorial-final

Langkah # 1

Buka photoshop dan membuat dokumen baru, saya adalah 550px × 356px dengan latar belakang putih.

inset-button-tutorial-step1

Langkah # 2

Pilih Rounded Rectangle Tool dan membuat tombol, jari-jari saya adalah 6px.

inset-button-tutorial-step2

Sekarang kita akan menerapkan beberapa efek

Gradient Overlay

Styling Button-klik ganda pada Layer Button's thumbnail di Layer Panel untuk membuka kotak dialog Layer Styles, kami akan menerapkan efek gradiant vertikal untuk Button Anda. Kemudian klik pada gradien warna di sebelah kanan dari pilihan Gradasi untuk membuka C olor Gradient Editor.

3d-bottom-layer

Double-klik pada kiri-color-berhenti dan masukkan nilai warna # 848484, kemudian klik-ganda pada right-color-berhenti dan masukkan nilai warna # C4C4C4.

inset-button-tutorial-step2a

Drop Shadow

Selanjutnya menerapkan gaya layer Drop Shadow. Jaga agar sudut 120o, daripada mengubah nilai Opacity, Distance dan Size. Aku memilih untuk mengatur Opacity di 47%, Jarak di 2px dan Size di 4px.

inset-button-tutorial-step2d

Akan terlihat seperti ini.

inset-button-tutorial-step2Dropshadow

Langkah

Selanjutnya kita akan menerapkan Stroke. Pertama mengubah nilai-nilai Size. Aku memilih untuk mengatur Ukuran di 1px, Posisi di luar. Aku memilih untuk mengatur Opacity sebesar 100%. Ubah warna dari Stroke default # 666666

inset-button-tutorial-step2e

Akan terlihat seperti ini.

inset-button-tutorial-step2Stroke

Langkah # 3

Pilih Horizontal Type Tool dan ketik teks di depan.

inset-button-tutorial-step3

Sekarang kita akan menerapkan beberapa efek untuk teks.

Warna Tampilan

Double-klik pada Teks lapisan's thumbnail di Layer Panel untuk membuka kotak dialog Layer Styles. Pertama kita akan menerapkan overlay warna, saya memilih warna # 303.030

inset-button-tutorial-step3a

Inner Shadow

Selanjutnya menerapkan gaya lapisan Inner Shadow. Paling Penting Bagian menjaga Angle di 41o, daripada mengubah nilai Opacity, Distance dan Size. Aku memilih untuk mengatur Opacity 75% dan Jarak di 1px dan Ukuran di 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

Akhirnya kita akan menerapkan Drop Shadow, pertama mengubah pilihan Blending Normal. Ubah Warna Shadow dari default ke # FFFFFF. Menjaga Angle di 90o, daripada mengubah nilai opacity dan Jarak. Aku memilih untuk mengatur Opacity di 47% dan Jarak di 1px.

inset-button-tutorial-step3c

Hasil

inset-button-tutorial-final

Jika Anda ingin memeriksa pekerjaan Anda, Anda bisa mendownload file PSD tutorial ini

jika Anda ingin menerima lebih banyak inspirasi dari kami, silahkan pertimbangkan untuk berlangganan feed dengan RSS atau email.

Filed under: Photoshop, Tutorial oleh admin

Promosikan Kami

  • Add to Mixx!

Tags: Photoshop, Tutorial

Artikel Terkait:

jika anda menikmati membaca artikel ini, silakan periksa artikel lain yang terkait di bawah ini:

    • Cara Buat Tipografi huruf di Photoshop
    • Cara Mudah Buat Nice Efek Teks 3D di Photoshop
    • Cara Buat aku-Telepon Seperti Button di Photoshop
    • Cara Buat Sleek Nice Dark Button di Photoshop
    • Cara Membuat Efek Teks Glossy Smooth di Photoshop
Untitled Document

Kirim Komentar

XHTML: Anda dapat menggunakan tag ini: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled menunjukkan lebih banyak
«10 Awesome Free Hand Drawn Icon Sets
Untitled Document

    Berlangganan

  • Berlangganan feed kami
  • Berlangganan melalui email
  • Ikuti kami di Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Mencari

      Untitled Document
  • Kalender

    November 2009
    M T W T F S S
    «Okt
    1
    2 3 4 5 6 7 8
    9 10 11 12 13 14 15
    16 17 18 19 20 21 22
    23 24 25 26 27 28 29
    30
    • Pages

      • Rumah
      • Tentang
      • Artikel
      • Hubungi kami
    • Kategori

    • Css (19)
    • Desain / Inspirasi (48)
    • Gratis (32)
    • Graphic Design (10)
    • Photoshop (17)
    • Resources (30)
    • Seo (1)
    • Tools (7)
    • Tutorial (31)
    • Tipografi (4)
    • Web development (5)
    • Wordpress (6)
    • Arsip

    • November 2009
    • Oktober 2009
    • September 2009
    • Agustus 2009
    • Juli 2009
    • Juni 2009
    • Mei 2009
    • Recent Posts

    • Css
    • Desain / Inspirasi
    • Freebies
    • Graphic Design
    • Photoshop
    • Popular Posts

    • Bagaimana membuat bentuk tampan tanpa meja
    • 30 Website dengan Orange Maksimum
    • Cara Membuat Berdasarkan Nice Scalable CSS Breadcrumbs
    • 5 Langkah untuk Menulis Lebih Baik Css
    • Cara Buat Tipografi huruf di Photoshop
    • Buat Kotak Beautiful Icon di Photoshop
    • 6 Awesome Online Photo Editing Tools
    • Tag cloud

    Css Desain Font Freebies Graphic Design Graphics Design Ikon Inspirasi Inspitation Photoshop Resources Peralatan Tutorial Tipografi pengembangan Web Wordpress

    • Teman-teman

      • Abduzeedo
      • Selain Alist
      • Bittbox
      • CrazyLeaf Desain
      • Css Trik
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Bantuan Pengembang
      • Instan Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Brain Share
      • Enam Revisi
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Kami fungsi
      • Web Designer Depot
      • Web Designer Ledger
      • Web designer Wall
      • Anda Para Designer
    • Penerjemah

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • SPONSOR

    Check out UPrinting di YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Kembali ke atas

Umum

Ini mungkin dari beberapa bunga
  • About Our Company
  • Testimonials
  • Contact Details
  • Blog
  • Sosial - Twitter, Flickr

Works

Contoh dari proyek-proyek masa lalu
  • About Our Company
  • Testimonials
  • Contact Details
  • Blog
  • Sosial - Twitter, Flickr

Layanan

Inilah yang di mana jual hari ini
  • About Our Company
  • Testimonials
  • Contact Details
  • Blog
  • Sosial - Twitter, Flickr

Contact Details

Ingin mempekerjakan kita? mulai di sini ...
  • Free Proyek Assesment
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway india Hire Ace Infoway india untuk proyek desain berikutnya. View our portofolio.