Welcome, Guest. Please login or register.
Did you miss your activation email?
January 08, 2009, 04:25:49 PM

Login with username, password and session length
Recent
[December 06, 2008, 03:29:22 AM]

[December 06, 2008, 03:22:52 AM]

[December 06, 2008, 03:13:54 AM]

[November 15, 2008, 01:10:15 PM]

[October 30, 2008, 12:54:46 AM]
Members
Total Members: 1101
Latest: TrustNoOne
Users Online
Users: 0
Guests: 1
Total: 1
Last 5 Shouts:
October 23, 2008, 11:08:37 AM
hai hai
June 24, 2008, 06:49:44 AM
haii
June 17, 2008, 02:38:01 AM
jalan jalan... ko sepii Huh
June 09, 2008, 07:49:46 AM
ramein lagi dooong!!
May 12, 2008, 04:08:36 AM
makin sepi ajah....Sad
    RSS
    Pages: [1]
      Print  
    Author Topic: Tutorial Membuat Logo Web 2.0 Style (Photoshop)  (Read 1555 times)
    Administrator
    Administrator
    *****

    Reputation: 7
    Posts: 215



    « on: September 20, 2007, 09:52:39 AM »
    Dalam tutorial kali ini kita akan membuat sebuah logo seperti ini:


    Gaya logo seperti ini banyak kita jumpai di website-website saat ini, biasanya ditempatkan di bagian header.

    Langkah-langkahnya adalah sebagai berikut:

    1. Bukalah sebuah lembar kerja baru dengan menekan Ctrl + N, atau melalui menu File -> New
    kemudian tentukan ukuran panjang dan lebarnya, misalnya seperti gambar di bawah ini:





    2. Ketikkanlah tulisan diatas kanvas yang masih kosong tersebut dengan menggunakan Text Tool, tekan Huruf T atau klik icon T yang ada di toolbox, misalnya Designkillers.com



    3. Pilih layer tersebut dengan mengklik nama layer yang ada di pallete layer (layer Designkillers.com):



    4. Tekan Ctrl + J untuk menduplikasi layer, dimana duplikasi ini nantinya akan jadi bayangan layer pertama.



    5. Klik kanan layer hasil duplikasi (dalam contoh ini Designkillers.com copy)
    kemudian tekan Ctrl + T untuk melakukan Transform. (Atau melalui menu Edit --> Free Transform)
    Setelah itu akan muncul kotak-kotak kecil di sekeliling huruf (transform handle).
    Klik kanan di dalam area tersebut (text), kemudian klik Flip Vertical.



    6. Maka layer tersebut akan menjadi posisi mirror / terbalik.



    7. Pilih layer yang terbalik tadi (Designkillers.com copy) dengan mengklik namanya di pallete layer.
    Kemudian lakukan Masking dengan mengeklik icon Lingkaran di dalam kotak, seperti terlihat pada gambar berikut:
    Some part of this message have been locked
    You have to Log-In to unlock it


    Setelah diklik icon layer mask, maka tampilan layer akan berubah menjadi seperti berikut:

    Some part of this message have been locked
    You have to Log-In to unlock it


    8. Dengan posisi layer yang dimasking masih terpilih, tekan huruf D (untuk mengembalikan pallete warna menjadi hitam/putih) dan pastikan warna putih berada di atas (foreground), untuk melakukan switch antara hitam/putih, tekan huruf X.

    Tekan huruf G untuk mengaktifkan mode gradient fill.

    Some part of this message have been locked
    You have to Log-In to unlock it


    9. Setelah mode gradient fill dipilih (huruf G) maka cursor akan berubah menjadi tanda tambah ( + )
    Lakukan dragging tegak lurus dari atas ke bawah sedemikian rupa seperti pada gambar berikut:

    Some part of this message have been locked
    You have to Log-In to unlock it


    10. Yaps... maka tampilan layer Designkillers.com copy akan menjadi seperti ini:

    Some part of this message have been locked
    You have to Log-In to unlock it


    11. Pembuatan bayangan teks sudah selesai, sekarang kita modifikasi tampilan teks aslinya.
    Yang harus dilakukan adalah memilih layer teks tersebut (dalam hal ini Designkillers.com) dengan cara mengklik namanya di pallete layer atau dengan cara klik kanan teks tersebut di kanvas kerja dan memilih nama layer nya:

    Some part of this message have been locked
    You have to Log-In to unlock it


    12. Lakukan seleksi menggunanan Elliptical Marquee (seleksi oval) dengan mengkliknya di tool box atau dengan menekan tombol M (atau Shift + M berulang2 sampai mendapatkan marquee yang sesuai)...

    Some part of this message have been locked
    You have to Log-In to unlock it


    13. Tariklah seleksi sedemikian rupa sehingga membentuk suatu bidang seleksi seperti pada gambar di bawah ini:

    Some part of this message have been locked
    You have to Log-In to unlock it


    14. Sama seperti langkah no. 9 di atas, tuangkan gradasi dengan cara menekan huruf G kemudian menarik cursor dari atas ke bawah (vertikal)

    Some part of this message have been locked
    You have to Log-In to unlock it


    15. Dan ternyata logonya sudah jadi deh..



    16. Anda masih bisa memodifikasi tampilan akhirnya misalnya dengan mengganti warna teksnya...
    Untuk mengganti warna teks, pilih layer teks yang akan di ganti warnanya, kemudian klik pada kotak pemilihan warna teks (character), klik Window -->> Character jika pallete character belum tampil.



    Berikut ini hasil setelah dilakukan variasi warna teks:




    Anda masih bisa melakukan variasi lain, misalnya dengan mengganti background sesuka anda.
    Selamat mencoba.
    No signature
    kopinet
    Jr. Member
    **

    Reputation: 0
    Posts: 51


    chairul_rizky@hotmail.com rizkysatriani@yahoo.com
    « Reply #1 on: September 22, 2007, 03:35:11 AM »
    wah tutorialnya asik nih...
    di banyakin lagi ya bung admin tutorialnya  Wink
    mau belajar HTML, PHP ama CSS
    cute_and89
    Newbie
    *

    Reputation: 0
    Posts: 18



    « Reply #2 on: September 23, 2007, 05:02:09 PM »
    Keren bos..... req tutor bikin logo flash donk bos  Grin
    juon
    Newbie
    *

    Reputation: 2
    Posts: 45


    freakzakkoster
    « Reply #3 on: October 02, 2007, 10:54:00 AM »
    dah dicoba....

    kelennnnnnnnn

     Grin Wink

    love u..... Kiss
    *I'M SO SICK BY FLYLEAF*
    Administrator
    Administrator
    *****

    Reputation: 7
    Posts: 215



    « Reply #4 on: October 09, 2007, 09:23:39 PM »
    dah dicoba....

    kelennnnnnnnn

     Grin Wink

    love u..... Kiss

    mana? posting dunks..
    arbiehawiz
    Jr. Member
    **

    Reputation: 0
    Posts: 56

    setanz_gila@yahoo.com
    « Reply #5 on: October 10, 2007, 02:28:02 PM »
    wah...ini ada hasil gw.....tapi masih cupu gw....masih belajar


    he he he...ada sedikit bantuan juga dari Om MIMIN....wekekekke

    Administrator
    Administrator
    *****

    Reputation: 7
    Posts: 215



    « Reply #6 on: October 10, 2007, 02:31:58 PM »
    wah...ini ada hasil gw.....tapi masih cupu gw....masih belajar


    he he he...ada sedikit bantuan juga dari Om MIMIN....wekekekke



    wih keren...
    tapi efek glow di tulisannya koq gak adah...

    lupa ye... Grin
    ariestoteles
    Newbie
    *

    Reputation: 0
    Posts: 2


    « Reply #7 on: October 11, 2007, 04:37:02 AM »
    keren bos tutorialnya....
    nyoba ah...




    wah.... hampir bisa!

    thanks tutorialnyaaaaaaaa
    arbiehawiz
    Jr. Member
    **

    Reputation: 0
    Posts: 56

    setanz_gila@yahoo.com
    « Reply #8 on: October 16, 2007, 10:42:09 AM »
    wah..keren x tuh ....paten...paten....

    kalah deh hasil kreasi gw... he he he....

    lagi belajar....soalnya bidang ane bukan di sini... he he


    salut buat ariestoteles....
    Administrator
    Administrator
    *****

    Reputation: 7
    Posts: 215



    « Reply #9 on: October 19, 2007, 01:45:46 AM »
    keren bos tutorialnya....
    nyoba ah...




    wah.... hampir bisa!

    thanks tutorialnyaaaaaaaa


    keren punya neh...
    sibh bangeth...

    tapi kurang s nya oom..!  Smiley
    juon
    Newbie
    *

    Reputation: 2
    Posts: 45


    freakzakkoster
    « Reply #10 on: October 30, 2007, 09:45:12 AM »
    mo posting tp malu....

    biz jelek ung,,,,,


    admin,,,,,laft u all
    ab4nxc
    Newbie
    *

    Reputation: 0
    Posts: 2


    « Reply #11 on: October 18, 2008, 01:20:35 AM »
    Cheesy Cool sederhana n elegant ..
    Pages: [1]
      Print  
     
    Jump to:  



    Login with username, password and session length