Photoshop Iconic adalah dimana kita membuat suatu bangun ruang
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..!
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.
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...
Hasilnya akan seperti gambar berikut..
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 :)
Hasilnya akan seperti gambar berikut...
Langkah Kelima
Tekan tombol T key pada keyboard Agan/Sis untuk mengaktifkan Text tool lalu ikuti pengaturannya dengan memperhatikan gambar di bawah ini..
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..
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...
Related Topics in English Version :
Air Brush Style | Vektor with Photoshop | Menu Navigation | Abstract Background | Rain Effect | Matrix Effect | Retouching Image | Transparent Image
puihhhh serasa klimax
ReplyDeletemancap \m/
ReplyDeletekeep creativity ☻
\m/\m/\m/\m/\m/\m/\m/
ReplyDeletehuhmmmm.. mirip2 sama CS4 yahhh?
ReplyDeletetpi ttp ja nih aku blm lihai...................
saiia malah belum punya tuh mbak CS4 nya :(
ReplyDeleteSEKARANG SUDAH cs 5...
ReplyDeleteSAYANG,,,
iia kang.. sungguh teramat di sayangkan keterlambatan saiia nii ;( my mistake :(
ReplyDeleteSelangkah lagi kang,,.
ReplyDeletelaman 2 urutan 1,,..
gilaaa ya,,..
blok M kemang safari nieh,,.
Bagus nih hasilnya. Tapi..... ada tapinya nih :), efek bayangannya kelihatan aneh
ReplyDeleteass
ReplyDeletekeren banget hasil akhirnya
walaupun sampai ke 6 langkah
wuuuiiih mantap,jadi pengen nyoba nih.
ReplyDeletethanks ya infonya.
wuih keren hasilnya mnacap \^^/
ReplyDeletewah, saya pingin belajar photoshop sejak dulu, mas. tapi dasar gaptek, sekarang malah ndak pernah menyentuh sama sekali, hiks.
ReplyDeletekreatifitas membuat logo photoshop, jadi lebih pingin belajar lagi.. mksih mas untuk sharenya.
ReplyDelete@ 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.. :)
ReplyDeletesekali lagi terimakasii kritiknya kang :)
@ all : makasii iia semua :)
boleh dong saia dibuatin logo yang mencerminkan gajahpesing :p
ReplyDelete*ngarep*
bole ajja kang jika waktunya memang tersedia :)
ReplyDeletekok gambar nya kagak keluar di gw yah. hmmm
ReplyDeletemaaf 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 :(
ReplyDeletehasil akhirnya kog beda ????????????..
ReplyDeleteitu gag beda kang.. tapi emang sengaja LAIN.. lain source image.. yang di atas cuma excerp ajja :)
ReplyDeletewahahaha.. thanks ya brad
ReplyDeletehelicakopter tu maksud luw? :D
nyimak ah ada kursus gratis
helicakopter?
ReplyDeleteSetidaknya, saya harus belajar banyak soal membuat logo. Apalagi tuntutan dunia nyata sekarang ngga terlepas dari media yang butuh kreatifitas. Thanks :)
ReplyDeletesetuju kang... begitulah dunia nyata :p
ReplyDeletekeren banget jadi nya.. makasih om.. mau belajar juga niy..
ReplyDeleteberkunjung sob..salam kenal
ReplyDeletesalam kenal juga kang iia :)
ReplyDeleteMakasih sob,, atas infonya
ReplyDeleteini sangat membantu sekali bagi pemula seperti saya...
moga mangpaat kang :)
ReplyDeleteAmazing artikel…. Semoga saya bisa praktekan tipsnya dan berhasil
ReplyDeleteTerima kasih atas pencerahannya, tulisannya menarik juga. Saya akan coba
ReplyDeleteaku paling senang dengan semua pengetahuan ini, terima kasih sudah berbagi ilmu
ReplyDeleteSetelah membaca Info dan Artikel, saya jadi ingin mencoba. Salam Sukses
ReplyDeleteMenarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses
ReplyDeletecemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
ReplyDeletecemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
ReplyDeletecemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
ReplyDeletecemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
ReplyDeletecemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
ReplyDeleteMenarik, sangat Menarik Artikel dan Tipsnya. boleh dicoba. salam sukses
ReplyDeleteTips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses
ReplyDeleteAmazing artikel, Infonya bagus banyak mengandung Tips dan Pesan yang bermutu. salam sukses
ReplyDeleteTips dan Info menarik, boleh dicoba, Semoga berhasil
ReplyDeleteSetelah membuka Wibesite ini, saya menemukan Artikel yang Amazing dan infonya boleh dicoba. Sukses selalu
ReplyDeleteSaya menemukan Artikel hebat di wibesite ini jadi ingin coba Tipsnya. Semoga berhasil
ReplyDeleteArtikel Menarik terutama Infonya, boleh dicoba. Salam sukses
ReplyDeletecemerlang Postingan dan Infonya.boleh dicoba. ditunggu info berikutnya. Terimaksih
ReplyDeleteTulisan dan Tipsnya sangat bermanfaat dan Infomatif. wajib dicoba. sukses selalu.
ReplyDeleteTips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses
ReplyDeleteTips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses
ReplyDeleteTips yang cerdas cuma di Wibesite ini banyak kumpulan Artikel bagus. harus dicoba. salam sukses
ReplyDeleteAmazing artikel, Infonya bagus banyak mengandung Tips dan Pesan yang bermutu. salam sukses
ReplyDeleteTips dan Info menarik, boleh dicoba, Semoga berhasil
ReplyDeleteArtikel Menarik terutama Infonya, boleh dicoba. Salam sukses
ReplyDeleteSaya senang setelah membaca Tips dan Artikelnya, harus dicoba.Semoga berhasil
ReplyDeleteInfo dan Tulisannya Amazing, boeh dicoba. Sukses selalu
ReplyDeleteTipsnya sangat Infomatif, wajib dicoba salam sukses
ReplyDeleteTerimakasih Banyak Tips dan Artikelnya, boleh dicoba. Salam sukses
ReplyDeleteTerimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil
ReplyDeletesetelah saya mencari cari di beberapa Wibesite , saya menemukan Artikel yang Bagus dan bermanfaat. Patut di coba, sukses selalu
ReplyDeleteSaat membaca Artikel dan Tipsnya yang benar benar menarik. Jadi ingin mencoba. Salam sukses selalu
ReplyDeletePostingan yang sangat Hebat, Tips boleh dicoba.salam sukses
ReplyDeleteArtikel yang bermanfaat dan berguna, wajib di coba. sukses selalu
ReplyDeleteIlmu yang sangat Hebat, boleh dicoba Artikel dan Tipsnya. Semoga berhasil
ReplyDeletegambarnya gan ko' gak ada yang muncul... mohon sekiranya diperbaiki
ReplyDeleteterimakasih mas... tipsnya keren!
ReplyDeleteitu ada kayak garis lengkung warna rada muda caranya gmana ya bikinnya?
ReplyDeletegaris lengkung warna rada muda itu didapet dari penambahan layer dengan fill white as foreground yang lalu di atur tingkat opacity levelnya ;) gutlak :)
ReplyDeletebuat yang ingin dunlot Photoshop Portable,
ReplyDeletesilahkan ikuti link berikut..
Photoshop Portable CS3
Photoshop Portable CS5
yangp penting kreatif ya
ReplyDeleteyang penting kreatif kang :)
ReplyDeletemantabb and tengkiyu infonya...
ReplyDeletetengkyu buat ampirannya kang :)
ReplyDeletenice trik mas,,,
ReplyDeleteboleh nih, kapan-kapan dicoba
Sip kang blognya.. mantap tutorialnya!
ReplyDeletebeuhh boleh kang di coba .. terimakasih banyak kang :)
ReplyDeletesaya nggak ngerti sama yang begitu-begituan, he..he.. kalau office lumayan tahu saya.. thanks banget ya..
ReplyDeleteReally full inspiring. Thank you.
ReplyDelete