»Cara Membuat Button Sederhana Hijau di Photoshop
  • Rumah
  • Tentang
  • Artikel
  • Advertise
  • Hubungi kami

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

  • Pasal Ditulis
  • on 02.12.2009
  • at 06:45
  • oleh admin

Cara Membuat Button Sederhana Hijau di Photoshop

Hey guys satu lagi Photoshop Tutorial. Dalam Tutorial ini saya akan menemukan Anda Cara Membuat Button Sederhana Hijau di Photoshop. Hal ini sangat sederhana dan cukup efektif tutorial. Saya harap Anda akan menikmati tutorial ini.

Hasil Final

Ini adalah apa yang kita lakukan hari ini pergi

green-button-final1

Langkah # 1

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

Green-button-step1

Langkah # 2

Mengisi lapisan warna di latar belakang, punyaku warna # 979.696.

green-button-step13

Langkah # 3

Pilih Rounded Rectangle Tool dan membuat tombol, tambang Radius adalah 5px, width: 219px dan height: 40px..

green-button-step24

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 Gradient Vertikal untuk Button Anda. Kemudian klik pada Gradient Warna di sebelah kanan dari pilihan Gradasi untuk membuka Warna Gradient Editor.

Green-Button

Double-klik pada kiri-color-berhenti dan masukkan nilai warna # 55A646, kemudian dobel-klik kanan-color-berhenti dan masukkan nilai warna # A5CE3F.

green-button-step4a

Drop Shadow

Selanjutnya menerapkan gaya layer Drop Shadow. Jauhkan Angle di 120o, daripada mengubah nilai-nilai Opacity, Distance dan Size. Aku memilih untuk mengatur Opacity sebesar 20%, Jarak di 1px dan Ukuran di 5px.

green-button-step4b

Inner Shadow

Selanjutnya menerapkan gaya lapisan Inner Shadow. Jauhkan Angle di 120o, daripada mengubah nilai-nilai Opacity, Choke, dan Size. Aku memilih untuk mengatur Opacity 27% dan Choke pada 100% dan Size di 2px.

Selanjutnya Mengubah opsi Blending Normal.

green-button-step4c

Bevel Emboss

Selanjutnya kita akan berlaku Bevel Emboss, Pertama Mengubah Gaya untuk Inner Bevel dan Teknik untuk Halus, daripada mengubah nilai-nilai Kedalaman, Arah, Ukuran dan Lembutkan. Aku memilih untuk mengatur Kedalaman pada 100%, Arah di Up, Ukuran di 1px dan Lembutkan di 0px

Jauhkan Angle di 120o, Ketinggian di 30o

Highlight Mode: Saya memilih untuk mengatur Opacity pada 0%.

Shadow mode: Aku memilih untuk mengatur Opacity pada 14%.

green-button-step4d

Langkah

Akhirnya kita akan menerapkan Stroke. Pertama mengubah nilai-nilai Size. Aku memilih untuk mengatur Ukuran di 1px. Mengubah Posisi di Inside

Aku memilih untuk mengatur Opacity pada 50%.

Stroke mengubah warna dari default ke # 529.846

green-button-step4e

Lihat harus seperti ini.

green-button-step4

Langkah # 4

Pilih Horizontal Type Tool dan ketik teks di depan.

Kami akan menerapkan beberapa efek untuk teks.

green-button-step5

Gradient Overlay

Double-klik pada Teks lapisan's thumbnail di Layer Panel untuk membuka kotak dialog Layer Styles. Pertama kita akan berlaku Gradient Overlay, kami akan menerapkan Gradient Vertikal Efek untuk teks Anda. Kemudian klik pada Gradient Warna di sebelah kanan dari pilihan Gradasi untuk membuka Gradient Editor Warna ..

green-button-step5a

Klik-ganda pada kiri-color-berhenti dan masukkan nilai warna # DDDCDC, kemudian klik-ganda pada pusat-color-berhenti dan masukkan nilai warna # FFFFFF.

green-button-step5b

Drop Shadow

Akhirnya kita akan menerapkan layer style Drop Shadow. Jauhkan Angle di 120o, daripada mengubah nilai-nilai Opacity, Distance dan Size. Aku memilih untuk mengatur Opacity di 34%, Jarak di 1px dan Ukuran di 1px.

green-button-step5bc

Hasil Final

green-button-final1

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

Download File [240KB]

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!
Ace Hosting Indonesia

Tags: Photoshop, Tutorial

Artikel Terkait:

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

    • Cara Buat Teks Inset Nice Button di Photoshop
    • 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
Untitled Document

5 Komentar

  1. designfollow mengatakan pada: 2 Desember 2009 at 12:52 Said:

    tutorial bagus, terima kasih.

  2. FAQPAL mengatakan pada: Desember 4, 2009 at 2:24 Said:

    Sederhana namun efektif hasil akhir, terima kasih untuk berbagi.
    FAQPAL terakhir blog .. HTTP Headers for Dummies ComLuv My Profile

  3. ben mengatakan pada: Desember 4, 2009 at 6:48 Said:

    tutorial bagus, terima kasih.

  4. favSHARE mengatakan pada: Desember 4, 2009 at 11:10 Said:

    Artikel ini telah bersama pada favSHARE.net. Pergi dan suara itu!
    favSHARE terakhir blog .. 14 Top tipografi dan Font Kombinasi Resources ComLuv My Profile

  5. Web Design dari Lyons Solutiosn mengatakan pada: 19 Desember 2009 di 10:45 Said:

    Akan sangat membantu tip untuk pemula ;)

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
«5 Langkah untuk Menulis Lebih Baik CSS Part II
Developer's Paradise Sites of the Week untuk 4 Desember 2009 »

    Berlangganan

  • Berlangganan feed kami
  • Berlangganan melalui email
  • Ikuti kami di Twitter
  • WooThemes - Di mana ada Woo, pasti ada jalan!
  • DreamTemplate - Web Templates

    • Mencari

      Untitled Document
  • Kalender

    Desember 2009
    M T W T F S S
    «Nov Jan »
    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 31
    • Pages

      • Rumah
      • Tentang
      • Artikel
      • Advertise
      • Hubungi kami
    • Kategori

    • Css (23)
    • Desain / Inspirasi (61)
    • Gratis (44)
    • Graphic Design (12)
    • Photoshop (25)
    • Resources (38)
    • Seo (1)
    • Tools (9)
    • Tutorial (38)
    • Tipografi (6)
    • Web development (6)
    • Wordpress (6)
    • Arsip

    • Januari 2010
    • Desember 2009
    • 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

    • 5 Langkah untuk Menulis Lebih Baik CSS Part II
    • Cara Membuat Berdasarkan Nice Scalable CSS Breadcrumbs
    • Bagaimana membuat bentuk tampan tanpa meja
    • 21 Big, Bold Typography Website Design
    • 30 Website dengan Orange Maksimum
    • 20 Stunning Contoh Infographics For Your Inspiration
    • 33 "Halo" Halaman Contoh For Your Inspiration
    • 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
    • Community News

        • Google tentang untuk mendapatkan Makeover

          "Barang siapa yang terus-menerus hasrat sukses harus berubah terus-menerus" dan itu menjadi lebih dan lebih jelas bahwa Google subscribes aliran pemikiran ini. The Online Marketing Blog adalah pelaporan sebuah ...

          11 Desember 2009
        • Cara Membuat Button Sederhana Hijau di Photoshop

          nya sangat sederhana dan cukup efektif tutorial. Saya harap Anda akan menikmati tutorial ini.

          9 Desember 2009
        • 11 Free Grunge Fonts for Designers

          Dalam posting ini Anda akan menemukan 11 Free Grunge Fonts for Designers. Font gratis ini sempurna untuk menyedihkan desain Anda. Aku Hope Anda akan Anda menikmati ini.

          9 Desember 2009
        • 21 Big, Bold Typography Website Design

          memiliki lihat ini 21 Beautiful Big, Bold Tipografi Website Design dan biarkan kami tahu pikiran Anda dalam komentar.

          9 Desember 2009
    • Tambahkan Berita

      Anda dapat mengirimkan link di bawah ini menggunakan formulir dan mereka biasanya akan disetujui dalam beberapa jam.






      Loading ...

    • 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.