Cara membuat Logo Photoshop CS

Agan/Sis.. Setelah berjibaku dengan komik dan semacamnya, mari kita sama-sama merefresh kemampuan kita lainnya di bidang Photoshop ini. Kali ini kita akan menyentuh sisi lain dari fungsi memanipulasi foto, kita akan membuat sesuatu dengan Photoshop, atau lebih sering dikenal dengan fungsi Photoshop Iconic.

Cara membuat Logo Photoshop CS3Photoshop Iconic adalah dimana kita membuat suatu bangun ruang tiga dimensi dari lembar kosong yang di sediakan Photoshop, lalu dengan bantuan tools yang tersedia, hingga terciptalah sebuah bentuk (shape) tertentu. Asli Gan/Sis.. definisi tadi itu secara pribadi saiia dapet setelah mendapat wangsit dari lembah Gunung Lawu... a.k.a. ngarang abis! :p

Tutorial Cara membuat Logo Photoshop CS3 ini -yang berjudul asli Photoshop CS3 style Icon yang bisa Agan/Sis lihat pada blog tetangga- akan sedikitnya menggunakan beberapa basic gradients serta layer styles. Alih-alih kami membuat penjelasan secara global, hingga lalu malah membuat Agan/Sis bingung dan bahkan tersesat dalam langkahnya, maka kami akan berusaha sedetil mungkin langkah demi langkahnya serta mengapa kami menggunakan ini dan itu dsb.

Kami rasa, cukup sekian pembukaannya, langsung saja Agan/Sis nikmati hidangannya.. Enjoy!


Langkah Pertama

Buat sebuah Layer Baru dengan ukuran 500x500px atau sesuai dengan kemauan Agan/Sis.. Tentu masih ingat dengan jalur pintas yang biasa kami gembar-gemborkan bukan?!?! Tekan tombol Ctrl + N Gan/Sis, atau kalau tidak mau direpotkan oleh tetek-bengek seperti itu, silahkan Agan/Sis klik tombol New Layer icon pada bagian bawah palette layer lalu jangan sungkan-sungkan untuk memberi nama layer tersebut dengan Background Square.

Setelah itu, silahkan Agan/Sis pilih Rectangular Marquee tool (M) lalu lakukan drag out untuk membuat sebuah kotak cantik yang nantinya akan kita pergunakan sebagai latar dari Icon Photoshop CS3 kita.

Dengan menahan (menekan sambil menahan) tombol Shift key ketika kita melakukan Drag akan membuat seleksi seimbang secara proporsional (otomatis). Silahkan terapkan cara ini agar lebih memudahkan.

Itu cara pertama.. Ada lagi cara lainnya yang lebih cepat. Ini kita lakukan dengan catatan kita sudah punya gambaran sebesar apa seleksi kotak yang akan kita buat. Karena di sini kami membuatnya tidak terlalu besar (ada dalam otak saiia ukuran pastinya :p) maka Agan/Sis juga bisa terapkan cara ini. Yakni dengan mengisikan secara manual angka untuk Depth dan Width nya. Di sini kami menggunakan ukuran 300×300 pixels. Tinggal klik OK dan.. voila..!
Cara membuat Logo Photoshop CS3


Langkah Kedua

Tekan tombol D pada keyboard untuk mengembalikan warna menjadi default yakni Hitam dan Putih. Tekan tombol Alt + Backspace. Lihat apa yang akan terjadi.. :p

Jika langkah tersebut selesai.. Tekan tombol Ctrl + D untuk menghilangkan seleksi, lalu kunci atau lock transparansi layer dengan mengklik tombol Lock Layer Transparency yang terletak pada bagian atas layers palette.


Cara membuat Logo Photoshop CS3


Dengan mengklik tombol Lock Layer Transparency secara bersamaan dengan dterpilihnya layer Background Square, maka kita akan dengan mudah mengunci hanya pada bagian pixel
yang memuat informasi tersebut. Oleh karenanya lah kita akan lebih mudah mengubah warna atau menambah efek gradasi tanpa harus merusak sisi gambar kita yang lain.


Langkah Ketiga

Sekarang kita akan membuat tampilan latar biru yang biasa kita lihat pada Logo Photoshop CS3. Silahkan pilih warna #0b88cb untuk bagian Foreground dan warna #004068 untuk Backgroundnya. Mengapa dua warna? Karena kita akan memberi sentuhan Filter nantinya pada dua warna ini.

Tekan tombol G untuk memilih Gradient tool, lalu pada bagian atas yakni pada bagian options bar, pilih Foreground to Background dari color picker lalu pilih Radial Gradient untuk tipenya. Lalu klik satu spot (pada gambar berikut, kami menentukan titik awalnya agak bawah pojok kanan) tarik silang ke atas 45 degree ke arah atas persis seperti gambar di bawah ini...


Cara membuat Logo Photoshop CS3


Hasilnya akan seperti gambar berikut..

Cara membuat Logo Photoshop CS3

Sekaranglah saatnya Agan/Sis menikmati gorengan yang sejak tadi sudah disiapkan. Hirup dalam-dalam rokoknya, kalau ada sisanya.. bisa dikirim satu batang ke rumah saiia Gan/Sis, silahkan saja, pintu akan selalu terbuka untuk itu.. Hueeekkssss.. pret dut cuihhhh :((


Langkah Keempat

Sekarang kita akan menambahkan pada Layer kita sebuah drop shadow dengan cara klik kanan atau yang biasa kami sebut Right-Clicking lalu pilih Blending Options. Pada popup window yang muncul nantinya.. silahkan Agan/Sis klik bagian link Drop Shadow yang terletak pada kolom kiri lalu tambahkan pengaturan sebagai berikut (kalau bisa sesuaikan dengan gambar agar kita bisa lebih seragam :p). Lalu jangan lupa untuk mengklik OK sebagai eksekusi terakhirnya :)

Cara membuat Logo Photoshop CS3

Hasilnya akan seperti gambar berikut...

Cara membuat Logo Photoshop CS3


Langkah Kelima

Tekan tombol T key pada keyboard Agan/Sis untuk mengaktifkan Text tool lalu ikuti pengaturannya dengan memperhatikan gambar di bawah ini..


Cara membuat Logo Photoshop CS3


Langkah Keenam

Jika Agan/Sis perhatikan.. teks yang tertera pada gambar di atas, sedikit memiliki gradasi dari Biru terang ke Putih. Hal tersebut bisa Agan/Sis terapkan dengan menggunakan bantuan gradient tool yang secara langsung digunakan pada layer style yang disebut Gradient Overlay seperti yang terlihat pada gambar berikut..

Cara membuat Logo Photoshop CS3


Perlu diingat bahwa kami di sini terlebih dulu mengatur warna Foreground menjadi #d6dfe5 sebelum menerapkan Layer Styles tadi. Dengan demikian, kita telah berhasil sekali lagi untuk membuat Logo Photoshop CS3 vektor buatan kita sendiri dan bisa digunakan untuk print out dengan catatan image source dalam ukuran yang cukup besar dan memiliki resolusi 300px.

Hasil akhir...

Cara membuat Logo Photoshop CS3



Related Topics in English Version :

Air Brush Style | Vektor with Photoshop | Menu Navigation | Abstract Background | Rain Effect | Matrix Effect | Retouching Image | Transparent Image

Tulisan Serumpun



Enter your email address:

Delivered by FeedBurner



Bagaimana? Agan/Sis suka dengan postingan di atas? Atau bahkan suka dengan semua postingan di PS Holic ini? Well.. ada dua pilihan nii.. silahkan baca tulisan-tulisan dengan tema serupa dengan mengklik Tulisan Serumpun di atas, atau Agan/Sis bisa lirik (..an maut) tepat di bawah ini setelah kata-kata Amien :) Semua terserah Agan/Sis ajja :p Sekali lagi saya ucapkan terimakasih atas kehadirannya, semoga tulisan-tulisan di sini bisa bermanfaat buat kita semua. Amien :)



72 comments:

  1. PS Holic mengatakan...:

    puihhhh serasa klimax

  1. Beben Koben mengatakan...:

    mancap \m/
    keep creativity ☻

  1. PS Holic mengatakan...:

    \m/\m/\m/\m/\m/\m/\m/

  1. rinz mengatakan...:

    huhmmmm.. mirip2 sama CS4 yahhh?
    tpi ttp ja nih aku blm lihai...................

  1. PS Holic mengatakan...:

    saiia malah belum punya tuh mbak CS4 nya :(

  1. akhnayzz mengatakan...:

    SEKARANG SUDAH cs 5...
    SAYANG,,,

  1. Belajar Photoshop mengatakan...:

    iia kang.. sungguh teramat di sayangkan keterlambatan saiia nii ;( my mistake :(

  1. Cikal mengatakan...:

    Selangkah lagi kang,,.
    laman 2 urutan 1,,..
    gilaaa ya,,..
    blok M kemang safari nieh,,.

  1. Leo Ari Wibowo mengatakan...:

    Bagus nih hasilnya. Tapi..... ada tapinya nih :), efek bayangannya kelihatan aneh

  1. NURA mengatakan...:

    ass
    keren banget hasil akhirnya
    walaupun sampai ke 6 langkah

  1. model busana muslim mengatakan...:

    wuuuiiih mantap,jadi pengen nyoba nih.
    thanks ya infonya.

  1. AJe mengatakan...:

    wuih keren hasilnya mnacap \^^/

  1. sawali tuhusetya mengatakan...:

    wah, saya pingin belajar photoshop sejak dulu, mas. tapi dasar gaptek, sekarang malah ndak pernah menyentuh sama sekali, hiks.

  1. Pelitedabo mengatakan...:

    kreatifitas membuat logo photoshop, jadi lebih pingin belajar lagi.. mksih mas untuk sharenya.

  1. PS Holic mengatakan...:

    @ Leo Ari Wibowo : terimakasii kang.. akangnya emang jeli.. dari sekian banyak yg masuk.. cuma akangnya yg liat itu.. huehehehe... saiia akui.. itu ngaco kang... pasti ada layer yang bermasalah :p huehehe.. pada kesempatan lain kami akan mencoba lebih baik lagi kang.. bayangan itu gag bener secara logika kang.. :)
    sekali lagi terimakasii kritiknya kang :)

    @ all : makasii iia semua :)

  1. gajah_pesing mengatakan...:

    boleh dong saia dibuatin logo yang mencerminkan gajahpesing :p
    *ngarep*

  1. PS Holic mengatakan...:

    bole ajja kang jika waktunya memang tersedia :)

  1. Bayu Hidayat mengatakan...:

    kok gambar nya kagak keluar di gw yah. hmmm

  1. PS Holic mengatakan...:

    maaf dee kang klu gag muncul.. di sini gag ada masalah kok.. mungkin karena gambarnya kgdean kali iia.. :( sekali lagi saiia minta maaf tuk ktidak nyamanan ini kang iia :(

  1. Shinobi Blog mengatakan...:

    hasil akhirnya kog beda ????????????..

  1. PS Holic mengatakan...:

    itu gag beda kang.. tapi emang sengaja LAIN.. lain source image.. yang di atas cuma excerp ajja :)

  1. alswerte mengatakan...:

    wahahaha.. thanks ya brad
    helicakopter tu maksud luw? :D

    nyimak ah ada kursus gratis

  1. PS Holic mengatakan...:

    helicakopter?

  1. Kaget mengatakan...:

    Setidaknya, saya harus belajar banyak soal membuat logo. Apalagi tuntutan dunia nyata sekarang ngga terlepas dari media yang butuh kreatifitas. Thanks :)

  1. PS Holic mengatakan...:

    setuju kang... begitulah dunia nyata :p

  1. csr mengatakan...:

    keren banget jadi nya.. makasih om.. mau belajar juga niy..

  1. Outbound Malang mengatakan...:

    berkunjung sob..salam kenal

  1. PS Holic mengatakan...:

    salam kenal juga kang iia :)

  1. Tatar_adi mengatakan...:

    Makasih sob,, atas infonya
    ini sangat membantu sekali bagi pemula seperti saya...

  1. PS Holic mengatakan...:

    moga mangpaat kang :)

  1. Amazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil

  1. penyakit lemah syahwat mengatakan...:

    Terima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba

  1. aku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu

  1. Setelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses

  1. cara menambah sperma mengatakan...:

    Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

  1. amandel mengatakan...:

    cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

  1. amandel mengatakan...:

    cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

  1. amandel mengatakan...:

    cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

  1. amandel mengatakan...:

    cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

  1. amandel mengatakan...:

    cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

  1. cara menambah sperma mengatakan...:

    Menarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses

  1. alarm rumah mengatakan...:

    Tips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses

  1. obat bau badan mengatakan...:

    Amazing artikel, Infonya bagus banyak mengandung Tips dan Pesan yang bermutu. salam sukses

  1. Tips dan Info menarik, boleh dicoba, Semoga berhasil

  1. Setelah membuka Wibesite ini, saya menemukan Artikel yang Amazing dan infonya boleh dicoba. Sukses selalu

  1. Saya menemukan Artikel hebat di wibesite ini jadi ingin coba Tipsnya. Semoga berhasil

  1. Artikel Menarik terutama Infonya, boleh dicoba. Salam sukses

  1. bisnis internet mengatakan...:

    cemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih

  1. cara buat website mengatakan...:

    Tulisan dan Tipsnya sangat bermanfaat dan Infomatif. wajib dicoba. sukses selalu.

  1. cara membuat situs mengatakan...:

    Tips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses

  1. cara membuat situs mengatakan...:

    Tips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses

  1. cara membuat situs mengatakan...:

    Tips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses

  1. bisnis internet mengatakan...:

    Amazing artikel, Infonya bagus banyak mengandung Tips dan Pesan yang bermutu. salam sukses

  1. bisnis online mengatakan...:

    Tips dan Info menarik, boleh dicoba, Semoga berhasil

  1. cara membuat ebook mengatakan...:

    Artikel Menarik terutama Infonya, boleh dicoba. Salam sukses

  1. susah tidur mengatakan...:

    Saya senang setelah membaca Tips dan Artikelnya, harus dicoba.Semoga berhasil

  1. obat tidur mengatakan...:

    Info dan Tulisannya Amazing, boeh dicoba. Sukses selalu

  1. mengatasi insomnia mengatakan...:

    Tipsnya sangat Infomatif, wajib dicoba salam sukses

  1. jerawat batu mengatakan...:

    Terimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses

  1. Terimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil

  1. cara mengobati jerawat mengatakan...:

    setelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu

  1. cara mengatasi jerawat mengatakan...:

    Saat membaca Artikel dan Tipsnya yang benar benar menarik. Jadi ingin mencoba. Salam sukses selalu

  1. cara mencegah jerawat mengatakan...:

    Postingan yang sangat Hebat, Tips boleh dicoba.salam sukses

  1. menghilangkan jerawat mengatakan...:

    Artikel yang bermanfaat dan berguna, wajib di coba. sukses selalu

  1. penyebab jerawat mengatakan...:

    Ilmu yang sangat Hebat, boleh dicoba Artikel dan Tipsnya. Semoga berhasil

  1. agungjies mengatakan...:

    gambarnya gan ko' gak ada yang muncul... mohon sekiranya diperbaiki

  1. Anonim mengatakan...:

    terimakasih mas... tipsnya keren!

  1. Anonim mengatakan...:

    itu ada kayak garis lengkung warna rada muda caranya gmana ya bikinnya?

  1. PS Holic mengatakan...:

    garis lengkung warna rada muda itu didapet dari penambahan layer dengan fill white as foreground yang lalu di atur tingkat opacity levelnya ;) gutlak :)

  1. PS Holic mengatakan...:

    buat yang ingin dunlot Photoshop Portable,
    silahkan ikuti link berikut..

    Photoshop Portable CS3
    Photoshop Portable CS5

  1. sukague.com mengatakan...:

    yangp penting kreatif ya

  1. PS Holic mengatakan...:

    yang penting kreatif kang :)

Poskan Komentar

Kamu tetap produktif dan kreatif bahkan dalam keadaan stress sekalipun?

 
Belajar Photoshop © 2010 | Designed by Trucks, in collaboration with MW3, Broadway Tickets, and Distubed Tour