Belajar Membuat Logo 3D di Photoshop Belajar membuat logo 3D di photoshop , tutorial ini saya pelajari dari Deviantart . Kali ini saya akan menerangkan sedikit cara cara membuat Symbol 3D Logo. kali ini saya akan menggunakan Symbol logo dari DigiArtBali.com ( @ ) untuk mencoba anda bisa menggunakan huruf huruf ( typhography ) .
Before = After
Buka adobe photoshop. disini saya gunakan Adobe Photoshop cs3 . pastikan computer anda sudah terinstall Adobe photoshop. buka halaman baru ( File -> New ) kemudian pilih ukuran gambar yang sesuai dengan yang anda inginkan. Pilih Text Tool ( T ) Kemudian mulai ketikkan huruf yang akan anda rubah menjadi Logo 3D. atur ukuran dan warna sesuai dengan yang anda inginkan. disini saya sudah memiliki gambar ( @ ) yang sebelumnya sudah saya buat di Corel X3.
Selanjtnya click kanan pada Layer Text ( T ) ( seperti Gambar ) kemudian click Rezterize Type ( untuk merubah mode Text ke Mode Gambar ) kemudian saya mengganti nama layer terebut dengan dengan nama LOgo . kemudian pilih Move tool photoshop ).
( tool paling atas pada sisi kiri
Kemudian dengan move tool kita rubah kemiringan gambar yang sudah sud ah dimiliki ( @ ) dengan menggeser kotak kecil pada tiap pojok gambar sambil menekan ( Alt pada key baoard ) , pastikan sebelumnya ( show transform control sudah dicentang ).
Kemudian pilih lagi layer Logo, sambil menekan ( Alt ) tekan tombol bawah ( tandapanah bawah pada keyboard ) untuk menduplikasi layer logo, tekan lah beberapa kali sampai layer ter copy beberapa kali dan kelihatan memiliki ketebelan kebawah. sehingga akan muncul Layer Logo Logo Copy – Layer Logo copy 10.
Selanjutnya pilih layer logo copy, dan tekan Shift dan tahan sambil pilih Layer Logo copy 10. sehingga layer logo copy – layer logo copy 10 terpilih semua. kemudian klik kanan pada salah satu layer yang sudah di blok, dan pilih Merge Layer ( untuk menyatukan layer logo copy sampai layer logo copy 10 ). sehingga akhirnya jadi 2 layer ( logo & logo copy 10 ). kemudian pindahkan layer logo copy 10 supaya menjadi di bawah layer logo. Selanjutnya pilih Burn Tool ( ) kemudian ru rubah ukuran brush menjadi 250 ( atur sesuai kebutuhan ) dan piling Range : highlights dan Exposure : 100% . kemudian lakukan Burning pada layer Logo Copy 10. gunakan imajinasi anda untuk memilih bagian gelap terangnya dan menentukan dari arah mana datangnya cahaya, sehingga kelihatan gelap terangnya. untuk membuat bagian terangnya lakukan burning sambil menekan ( Alt ) pada keyboard. lakukan juga burning pada layer logo, sesuai dengan imajinasi anda.
Dengan tambahan sedikit imajinasi anda, anda bisa mengembangan teknik pencahayaan sesuai dengan yang anda ingin kan. sedikit sentuhan akhir, kita akan memberikan evek cahay berkilau, pilih Filter – Render – Lens Flare . letakkan kilauan cahaya sesuai dengan yang anda inginkan, Lens pilih lens type 50-300mm atau anda bisa mencoba coba pilihan yang lain. lakukan teknik Lens Flare pada kedua layer.
Sehingga hasil akhirnya kira kira seperti dibawah.
Semoga tutorial ini berguna. Walaupun hasilnya tidak benar benar 3D tapi setidaknya Logo yang anda ciptakan bisa kelihatan lebih berdimensi. Dengan kreativitas yang anda miliki, trik trik
dasar diatas akan dapat anda kembangkan menjadi lebih sempurna. Dengan sering sering latihan.. segala sesuatunya pasti bisa terjadi. Sesuai permintaan seorang kawan yang sedikit kesulitan mengikuti tutorial dari suatu sumber,akhirnya saya buat tutorial bagaimana membuat logo dengan menggunakan Photoshop. Mungkin agak sedikit panjang langkahnya, tapi kali ini akan saya berikan langkah demi langkah secara detail. Semoga anda bisa mengikutinya. Baiklah, kita langsung saja. Buat dokumen baru dengan ukuran 400×400 px. Aktifkan Grid, View>Show>Grid. Pilih Pen Tool dan buat bentuk seperti berikut.
Pilih Convert Point Tool, klick pada gambar dan tarik pada sudutnya seperti gambar berikut sehingga membentuk lengkungan. Lakukan juga pada sisi yang sebaliknya.
Rasterize layer ini dengan klick kanan pada layer>Rasterize. Sambil menahan tombol Ctrl, klick pada layer sehingga membentuk seleksi pada image. Lalu pilih gradient Tool dan tarik kursor dari atas kebawah. “Pastikan bahwa warna background adalah hijau tua dan foreground hijau muda” .
Buat Layer baru, Select>Modify>Contract dan masukkan angka 5 pada box. Edit>Fill isi dengan foreground color.
Masih dalam keadaan terselaksi, Select>Modify>Contract dan masukkan angka 2 pada kotak isian. Lalu tekan Delete.
Hapus bagian kedua ujungnya dengan Eraser Tool. Lalu gabungkan kedua Layer tersebut dengan menekan kombinasi Tombol Ctrl+E.
Pilih Pen Tool, pastikan terlebih dahulu warna foreground colornya Putih. Buat bentuk seperti gambar berikut.
Pilih Convert Point Tool, tarik point yang di tengah kea rah luar seperti di tunjukkan oleh gambar berikut. Lalu rasterize Layer ini.
Tahan Ctrl, Lalu klick pada layer shape 1. Select>Inverse untuk membalik seleksi, lalu tekan Delete.
Ctr+D untuk menghilangkan seleksi. Sekarang kita beralih ke Mode Quick Mask. Pilih Gradient Tool, Tarik kursor dari tengah ke atas seperti gambar berikut.
Kembali ke mode normal, tekan Delete.
Gabungkan Layer dengan menekan Ctrl+E sehingga kita mempunyai layer background dan shape 1 atau layer 1 saja.
Copy layer dengan cara, Layer>Duplicate Layer lalu tekan OK. Sekarang kita mempunyai dua buah bentuk daun. Edit>Transform>Flip Horizontal lalu perkecil ukurannya. Tahan tombol Shift saat memperkecil ukurannya agar bentuk image tidak berubah. Atur susunannya sedemikian rupa Lalu gabungkan layer dengan menekan Ctrl+E pada keyboard.
Copy Layer sekali lagi, Layer>Duplicate Layer. Lalu Edit>Transform>Flip Vertical. Atur susunannya sedemikian rupa pada area kerja. Lalu Tekan Ctrl+E untuk menggabungkan Layer.
Copy Layer sekali lagi, Layer>Duplicate Layer. Lalu Edit>Transform>Flip Vertical. Atur susunannya sedemikian rupa pada area kerja. Layer inilah yang akan kita jadikan reflection.
Sekarang kita beralih ke Mode Quick Mask. Pilih Gradient Tool, tarik kursor dari tengah area kerja ke bawah.
Kembali ke mode normal. Tekan Delete. Kurangi Opacitynya menjadi 65% saja.Hasil akhir sudah kita dapatkan.
Tambahkan teks sesukamu untuk mempercantik logo. Selamat mencoba kawan! Semoga bermanfaat.
Logo Design Process Tutorial February 28, 2009 | 42 Comments
Introduction One of the main aspects of the branding process includes logo development. Your logo, or brand mark , in other words, needs to reflect your brand accurately, as it will play a huge role in your brand recognition. This however doesn't mean that the branding process ends when you've
developed your logo, branding takes a lot of time, commitment, managing skills and finally, the ability to reflect the image you want others to have of you and your business This tutorial is intended to benefit both our po tential clients, so they can have a fully comprehensive overview of our logo design process and methods; and many of our users, interested in the process of designing and developing a logo. For the purpose of this tutorial, we're going to design and develop a logo for an imaginary company, called "LTD", short from Logo Tutorial by DryIcons.
Project Start and design brief The project starts when we receive a detailed design brief from our (imaginary) client. This is an important part of the designing process, because it will provide us with essential information about our client's insights, needs, expectations and targets. Understanding the nature of the project is beneficial for both designer and client, since it will save both parties a lot of valuable time (money) and will provide firm starting position which will result in a professional and effective product. Based on our client's information we now know that this is a strong, powerful, creative, responsible youth organization, which employs highly motivated, university educated staff. They are very passionate about what they believe in: individuality, democracy, creativity, nonconventional thinking, gutsy and dynamic attitude. Their target group consists of students, young professionals and independent entrepreneurs. They expect us to create an easy-recognizable, stylish graphic work, which will accurately express these characteristics.
Research Research will mark the second stage of the design process. This stage means spending a lot of time browsing the Internet, initially doing research of the industry involved, getting to know our client's competition, current design trends and so on.
Visualization Now this is the fun part. After we've gathered all the necessary knowledge, after a lot of reading and brainstorming, we are ready to start visualizing our ideas. Pencil drawing on a piece of paper is our favorite method when working on the initial concepts, however, this is just a matter of personal choice. Knowing when to stop and take a break has proven to be very helpful at this point. It's very easy to get stuck at a certain point, which will eventually lead to frustration and losing interest in the project. Leaving the project to rest for a while is always good, because when you get back to it, you are suddenly able to judge your work more objectively, and you instantly know which concept provides you solid ground for further development.
After the break, we have chosen one idea that will be our main concept upon which we're going to develop the logo. We are going to use a stylized fist, a powerful symbol which will unite all aspects of this logo design project. Another method that's proved to be very helpful when visualizing your ideas is taking ph otos of your ideas, of course, when possible. With our desired symbol and perspective in mind, we have taken this photo:
Drawings Based upon the photo image, we have drawn the fist. As you can see, highlighting the fist outlines can serve as a good starting point to developing this logo, but we are instantly going to abandon this idea because this is not the path we want to take.
Instead, we're looking to develop a modern, stylized, easy-recognizable symbol. Therefore, we're continuing to explore the fist drawing, now coming up with a more simple and stylized version.
The previous sketch has guided us in the right direction, and we now have a version of the fist drawing that's, in our opinion, very strong and memorable, but also very creative and modern.
Now we can move on to our computers.
Computer developing Creating the Logo Mark For the purpose of this tutorial we are going to use Adobe Illustrator CS3. From the Toolbar, choose the Rectangle Tool to draw a simple rectangle, like on the image below. With the rectangle selected, go to Effect > Stylize > Round Corners, and give the rectangle a semicircle roundness.
Now, copy and paste the same object. Click on the new object and slightly increase its height.
Repeat the same procedure to create all four fingers. Increase the object's height to resemble the different size of human fingers.
Copy and paste the smallest, pinky finger. The new object will represent the thumb. Place the thumb object accurately and rotate to the desired position.
Select all four finger objects and rotate to the desired position.
To be able to use the Trim Tool later, we need to expand the object appearance. Select all objects and go to Object > Expand Appearance.
To preserve the continuity of the design, we need to separate the thumb from the fingers that are touching. First we're going to create the thumb contour. The contour thickness needs to be the same as the spaces between the fingers. Select the thumb and go to Object > Path > Offset Path.
Creating the contour will automatically group the two objects together. To ungroup the contour from the thumb go to Object > Ungroup. Select the contour and change its color to have better articulacy.
We now want to trim the two fingers with the contour. Select the contour and while holding the Shift Key we'll select the two fingers we want to cut. Go to Window > Pathfinder to open the Pathfinder Window and click Trim.
Go to Object > Ungroup to separate the grouped objects, select the contour and delete it. This is the result of this procedure.
Applying the Company Name Having our logo mark created, we now want to apply the company name. We think that the best way to do that would be to create another similar rounded object which will contain the name of the company. From the Toolbar, choose the Rectangle Tool and again draw a simple rectangle, like on the image below. With the rectangle selected, go to Effect > Stylize > Round Corners, and give the rectangle a semicircle roundness. We choose to color this object red, because this color provides good contract from the logo mark and bring more attention to the company name.
Choosing the right Typography Choosing the right Typography is a very important part of the logo development process. The selection of font can depend on many things, like what look you are trying to convey, what's the font's purpose, how much space needs to be filled, and so on. Since our design uses rounded corners, and we don't want the company name to be distracted, we have decided to use a simple font with rounded corners, but without any complex details. For the purposes of this tutorial I’m using a font called “Arial Rounded”. Now, select the Type Tool, and type the word you need.
This is the final result. It's always best to provide your clients with vector files of the artwork, because vectors can be scaled to any size without loss of quality. On the image below you can see that we also created a grayscale and a black version of the logo. A good, strong logo shouldn't loose its impact in the black and white version.
Corporate identity Having created a good logo is one thing. Using the logo to create a recognizable Corporate Identity is as important as everything we've done by no w in this tutorial. In the image below you can see a great example of a consistent design and creativity and professional appeal.
Hope you liked our Logo Design and Process Tutorial. Please share your thoughts with us on this subject, do you share similar design methods, do you find this tutorial to be helpful? And make sure to come back for more.
Dibawah ini adalah bagaimana langkah demi langkah cara membuat logo texs dengan bantuan Program Photo Shop karya Bah Dewo. Tahap 1 Buka photoshopnya, buat lembar kerja baru, beri background warna gelap, abu-abu #3b3b3b. Lalu beri text.. “narsis” gunakan font Arial Rounded MT Bold beri warna biru #0a67b5. lihat gambar.
Tahap 2
Dekatkan tiap font!! klik T pada keyboard lalu blok textnya.. dalam kondisi blok, tekan Alt+kiri ( untuk merapatkan) , Alt+kanan ( untuk merenggangkan ) atau bisa juga mengaturnya di window character lihat gambar. cara 1
terserah mau pake cara yang mana Tahap 3
Setelah itu Rasterize layer text.
Caranya, klik kanan pada layer text lalu pilih rasterize type. lihat gambar..
Fungsi rasterize tadi untuk mengubah text menjadi bitmap, jadi gak bisa di ubah-ubah lagi textnya. Tahap 4
Nah sekarang kita buat perspektive caranya pilh Edit + Transform + Perspective. atur seperti ini, dengan menarik-narik ujung nya.
Tahap 5
Nah sekarang duplicate layer tadi tekan Ctrl+J ,letakakan di bawah layer tadi, masih di layer baru , ubah warnanya menjadi hitam dan beri stroke hitam ukuran 10 px ( sesuai dengan gambar gak harus 10px) Caranya, klik kanan pada layer baru tadi pilih blending option , ntar keluar windownya, pilih “color overlay” hitam dengan klik kotak merah, ubah jadi hitam pada window tadi, setelah itu ke stroke dan pilih kotak warna merah ubah jadi berwarna hitam. lihat gambar..
untuk jelasnya sembunyikan layer atas..
setelah itu munculkan layer atas tadi untuk melihat hasilnya, setelah itu kembali ke layer warna hitam tadi.. Tahap6
Nah kali ini kita akan buat efek 3D, gak perlu pake software grafis 3D, cukup dengan photoshop aja, hehe. Pada layer di bawah tadi tahan Alt + kanan pada keyboard, gunanya untuk menduplikat layer namun bergeser ke kanan sebesar 1px, lakukan hingga terlihat 3Dnya, aku buat sampai 30 layer.. lihat gambar.. nah sekarang blok semua layer gambar hitam tadi lalu tekan Ctrl+E untuk membuat nya menjadi 1 layer aja kalo tidak salah aku sudah menjelaskan caranya, coba aja di ulik-ulik lagi tutorial yang lalu.. Tahap 7
nah kembali ke layer biru, ubah warnanya menjadi gradasi dari biru muda (#95cefe) ke biru tua (#0a67b5) .. buka window blending option tadi pilih gradient overlay . lihat gambar..
setelah selesai, lihat hasinya..
Tahap 8
Setelah itu layer satunya tadi di beri sedikit efekt cahaya, caranya. tekan W untuk menggunakan tool magic wand , select layer hitam tadi dengan men klik area layer hitam , Lalu ambil brush yang blur ubah warna agak abu-abu, lalu di brush di ujung-ujung agar terlihat seperti cahaya.. lihat gambar..
Nah selesai dah logonya.. tinggal di finishing saja dengan merapikan bagian pinggir yang kurang bagus.. dan berikan background yang dramastik, yaitu awan- abu-abu.
Selamat mencoba semoga sukses.
Membuat Logo dengan Photoshop & CorelDraw Posted by Rahmat Kamis, 28 Januari 2010
Iseng-iseng nyobain desain logo sendiri ternyata enggak susah-susah amat kok. Nah.... kali ini saya ingin ngobrolin bagaimana caranya membuat logo sendiri dengan menggunakan perpaduan Photoshop & CorelDraw. Syaratnya komputer Anda harus sudah ter-install Photoshop & CorelDraw. Jika komputer Anda sudah ter-install kedua software tersebut, langkah pertama yang dilakukan disini adalah mendesain dasar logo dengan menggunakan CorelDraw kemudian menambahkan efek tambahan untuk memperindah dasar logo tersebut dengan menggunakan Photoshop. Jika Anda ingin mencobanya, Anda bisa mengikuti langkah-langkah yang saya berikan ini sebagai panduan dalam membuat logo sendiri. Logo yang akan saya jadikan sampling dalam obrolan ini adalah logo Blog bebasngobrol.blogspot.com yang sedang Anda buka saat ini. Langsung saja ke langkah-langkahnya, bukalah program CorelDraw lalu buatlah lingkaran dengan menggunakan Ellipse Tool dan buatlah lingkaran kira-kira seperti yang terlihat di bawah ini.
Setelah itu, warnai lingkaran yang sudah Anda buat tersebut dengan mengklik kiri kotak berwarna hitam pada pallete color yang ada dibagian kanan program CorelDraw kemudian klik kanan kotak silang yang juga berada pada pallete color untuk menghilangkan warna outline lingkaran.
Buatlah sebuah lingkaran lagi dengan cara yang sama dan biarkan warnanya tetap putih kemudian letakkan kira-kira seperti terlihat pada gambar di bawah ini.
Setelah itu buatlah rectangle dengan menggunakan rectangle tool kemudian putar rectangle tersebut 347.1 derajat.
Buanglah warna outline rectangle yang sudah diputar tadi kemudian letakkan ke dalam objek lingkaran hitam kira-kira seperti terlihat pada gambar di bawah ini.
Blok semua objek yang telah dibuat tadi kemudian klik menu arrange yang terdapat di bagian atas dan pilih shapping kemudian back minus front.
Setelah itu hasilnya akan menjadi dua potongan objek seperti terlihat pada gambar di bawah ini.
Buatlah sebuah ligkaran lagi kemudian warnai dengan warna hitam dan letakkan persis ditengah-tengah lingkaran putih seperti terlihat pada gambar di bawah ini.
Setelah itu gabungkan lingkaran yang baru dibuat tersebut dengan objek di belakangnya dengan cara mengeblok seluruh objek lalu megklik kanan & pilih group.
Agar logo yang baru dibuat melalui CorelDraw ini dapat dibaca oleh Photoshop, kita harus meng-export -nya ke bentuk file yang ber-extension PSD (format Photoshop). Caranya klik menu file lalu pilih export . Saat ingin menyimpannya, pilih save as type-nya PSD – Adobe Photoshop.
Jika sudah tersimpan dalam format file Photoshop (PSD), bukalah file tersebut melalui program Photoshop. Kita akan menambahkan sedikit efek agar logo ini terlihat lebih menarik. Gambar seperti dibawah ini akan Anda lihat pada saat Anda membuka file logo yang berformat PSD tersebut.
Ubahlah besar canvas size menjadi 7.2x7.2 inch dengan cara mengklik menu image -> canvas size.
Hasilnya akan terlihat seperti gambar di bawah ini setelah canvas size-nya diperbesar.
Sekarang marilah kita mewarnai logo ini…. Saya menggunakan perpaduan warna hijau & kuning untuk logo ini. Untuk mewarnai, gunakan paint bucket tool & set foreground color .
Warnailah logo ini dengan warna #36d317 & #e3fc0a seperti terlihat pada gambar di bawah ini.
Selanjutnya, kita akan menambahkan efek 3D pada logo ini. Caranya buatlah lingkaran ellipse dengan menggunakan ellipse tool dan letakkan seperti terlihat pada gambar di bawah ini.
Buatlah layer baru kemudian klik kiri + Ctrl lingkaran yang terlihat pada layer window yang baru dibuat tadi. Hal ini dilakukan untuk membuat selection yang berbentuk ellipse seperti terlihat pada gambar di bawah ini.
Setelah itu klik kiri + Ctrl + Alt + Shift logo yang ada di layer window .
Selanjutnya hilangkanlah selection pada lingkaran kuning dengan menggunakan rectangular marquee tool . Blok + Alt daerah selection yang mau dihilangkan (selection yang ada pada lingkaran kuning).
Setelah selection menjadi seperti gambar di atas, buatlah gradient dengan menggunakan gradient tool pada daerah selection yang baru dibuat tadi. Hal ini saya lakukan untuk membuat agar logo ini kelihatan mengkilat seperti terkena cahaya matahari. Pilih foreground to transparent seperti terlihat pada gambar di bawah ini.
Atur opacity gradient tersebut menjadi 70% dengan cara double klik gradient layer yang ada pada layer window .
Selanjutnya kita akan membuat efek mengkilat lagi pada lingkaran kuning dengan cara yang sama seperti sebelumnya. Buatlah linggkaran ellipse dan letakkan persis seperti terlihat pada gambar di bawah ini.
Buatlah layer baru dengan cara yang sama seperti sebelumnya kemudian klik kiri + Ctrl lingkaran yang baru dibuat tadi yang ada pada layer window untuk membuat selection.
Setelah itu buatlah gradient pada daerah selection lingkaran ellipse yang baru dibuat tadi dengan cara yang juga sama seperti sebelumnya sehingga logo akan tampak seperti pada gambar di bawah ini.
Untuk membuat logo ini lebih terlihat menarik, saya menambahkan shadow . Caranya sangat mudah, pilih layer logo yang ada pada layer window kemudian klik icon fx kemudian pilih drop shadow .
Atur style-nya seperti terlihat pada gambar di bawah ini.
Hasil pemberian efek shadow akan terlihat seperti gambar di bawah ini.
Selanjutnya kita akan membuat logo ini agar terlihat seperti glass. Caranya adalah dengan menambahkan efek inner shadow pada logo ini kemudian atur style-nya seperti terlihat pada gambar di bawah ini.
Nah… akhirnya selesai juga nih logo... :-)
