Belajar Membuat Logo 3D Di Photoshop

44
 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 ( tool paling atas pada sisi kiri photoshop ).

Transcript of Belajar Membuat Logo 3D Di Photoshop

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

Belajar Membuat Logo 3D di Photoshop 

Belajar membuat logo 3D di photoshop, tutorial ini saya pelajari dari Deviantart. Kali ini sayaakan menerangkan sedikit cara cara membuat Symbol 3D Logo. kali ini saya akan menggunakanSymbol 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 ketikkanhuruf 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 CorelX3.

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 ( tool paling atas pada sisi kiri

photoshop ).

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

 

Kemudian dengan move tool kita rubah kemiringan gambar yang sudah dimiliki ( @ ) denganmenggeser 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 copybeberapa kali dan kelihatan memiliki ketebelan kebawah. sehingga akan muncul Layer Logo

Copy – Layer Logo copy 10. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 

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 salahsatu 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 rubah ukuran brush menjadi 250 ( atur sesuaikebutuhan ) dan piling Range : highlights dan Exposure : 100%. kemudian lakukan Burning

pada layer Logo Copy 10. gunakan imajinasi anda untuk memilih bagian gelap terangnya danmenentukan 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.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 4

 

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,

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.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 5

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 suatusumber,akhirnya saya buat tutorial  bagaimana membuat logo  dengan menggunakanPhotoshop. 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 gambarberikut 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 dantarik kursor dari atas kebawah. “Pastikan bahwa warna background adalah hijau tua danforeground hijau muda” . 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 6

 

Buat Layer baru, Select>Modify>Contract dan masukkan angka 5 pada box. Edit>Fill isidengan foreground color. 

Masih dalam keadaan terselaksi, Select>Modify>Contract dan masukkan angka 2 padakotak isian. Lalu tekan Delete. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 7

Hapus bagian kedua ujungnya dengan Eraser Tool. Lalu gabungkan kedua Layer tersebutdengan menekan kombinasi Tombol Ctrl+E. 

Pilih Pen Tool, pastikan terlebih dahulu warna foreground colornya Putih. Buat bentukseperti gambar berikut. 

Pilih Convert Point Tool, tarik point yang di tengah kea rah luar seperti di tunjukkan olehgambar berikut. Lalu rasterize Layer ini. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 8

 

Tahan Ctrl, Lalu klick pada layer shape 1. Select>Inverse untuk membalik seleksi, lalutekan 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. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 9

 

Kembali ke mode normal, tekan Delete. 

Gabungkan Layer dengan menekan Ctrl+E sehingga kita mempunyai layer background danshape 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

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

tombol Shift saat memperkecil ukurannya agar bentuk image tidak berubah. Atur

susunannya sedemikian rupa Lalu gabungkan layer dengan menekan Ctrl+E padakeyboard. 

Copy Layer sekali lagi, Layer>Duplicate Layer. Lalu Edit>Transform>Flip Vertical.

Atur susunannya sedemikian rupa pada area kerja. Lalu Tekan Ctrl+E untukmenggabungkan 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 jadikanreflection. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

 

Sekarang kita beralih ke Mode Quick Mask. Pilih Gradient Tool, tarik kursor dari tengaharea kerja ke bawah. 

Kembali ke mode normal. Tekan Delete. Kurangi Opacitynya menjadi 65% saja.Hasilakhir sudah kita dapatkan.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

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 yourbrand 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 potential 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 imaginarycompany, 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 informationabout 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. Theyare very passionate about what they believe in: individuality, democracy, creativity, non-

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

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

 

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 paperis 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 whichconcept 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 allaspects of this logo design project.

Another method that's proved to be very helpful when visualizing your ideas is taking photos of 

your ideas, of course, when possible. With our desired symbol and perspective in mind, we have

taken this photo:

Drawings 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

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 toabandon 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'recontinuing 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.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

 

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 imagebelow. With the rectangle selected, go to Effect > Stylize > Round Corners, and give therectangle a semicircle roundness.

Now, copy and paste the same object. Click on the new object and slightly increase its height.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

 

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.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

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.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 1

 

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

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.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

 

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.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

 

Choosing the right Typography 

Choosing the right Typography is a very important part of the logo development process. Theselection 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 roundedcorners, 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.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

 

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.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

 

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 now in this tutorial.

In the image below you can see a great example of a consistent design and creativity andprofessional appeal.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

 

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 makesure to come back for more.

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

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 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

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

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 dengangambar gak harus 10px)

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

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 ituke 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 layernamun 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 tutorialyang lalu..

Tahap 7 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

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 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 2

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. Syaratnyakomputer Anda harus sudah ter-install Photoshop & CorelDraw. Jikakomputer Anda sudah ter-install kedua software tersebut, langkah pertama

yang dilakukan disini adalah mendesain dasar logo dengan menggunakanCorelDraw kemudian menambahkan efek tambahan untuk memperindah

dasar logo tersebut dengan menggunakan Photoshop. 

Jika Anda ingin mencobanya, Anda bisa mengikuti langkah-langkah yang

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

saya berikan ini sebagai panduan dalam membuat logo sendiri. Logo yang

akan saya jadikan sampling dalam obrolan ini adalah logo Blogbebasngobrol.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 lingkarankira-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 dibagiankanan 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 dibawah ini. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 Setelah itu buatlah rectangle dengan menggunakan rectangle tool kemudianputar rectangle tersebut 347.1 derajat.

Buanglah warna outline rectangle yang sudah diputar tadi kemudianletakkan ke dalam objek lingkaran hitam kira-kira seperti terlihat pada

gambar di bawah ini. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 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. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 Buatlah sebuah ligkaran lagi kemudian warnai dengan warna hitam dan

letakkan persis ditengah-tengah lingkaran putih seperti terlihat pada gambardi bawah ini. 

Setelah itu gabungkan lingkaran yang baru dibuat tersebut dengan objek dibelakangnya dengan cara mengeblok seluruh objek lalu megklik kanan & 

pilih group. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 

Agar logo yang baru dibuat melalui CorelDraw ini dapat dibaca olehPhotoshop, kita harus meng-export -nya ke bentuk file yang ber-extension 

PSD (format Photoshop). Caranya klik menu file lalu pilih export . Saat inginmenyimpannya, 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 efekagar logo ini terlihat lebih menarik. Gambar seperti dibawah ini akan Anda

lihat pada saat Anda membuka file logo yang berformat PSD tersebut. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 Ubahlah besar canvas size menjadi 7.2x7.2 inch dengan cara mengklik menuimage -> canvas size. 

Hasilnya akan terlihat seperti gambar di bawah ini setelah canvas size-nya

diperbesar. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 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. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 Selanjutnya, kita akan menambahkan efek 3D pada logo ini. Caranya

buatlah lingkaran ellipse dengan menggunakan ellipse tool dan letakkanseperti 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 membuatselection yang berbentuk ellipse seperti terlihat pada gambar di bawah ini. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 Setelah itu klik kiri + Ctrl + Alt + Shift logo yang ada di layer window . 

Selanjutnya hilangkanlah selection pada lingkaran kuning denganmenggunakan rectangular marquee tool . Blok + Alt daerah selection yang

mau dihilangkan (selection yang ada pada lingkaran kuning). 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 3

 Setelah selection menjadi seperti gambar di atas, buatlah gradient dengan

menggunakan gradient tool pada daerah selection yang baru dibuat tadi. Halini 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 . 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 4

 Selanjutnya kita akan membuat efek mengkilat lagi pada lingkaran kuning

dengan cara yang sama seperti sebelumnya. Buatlah linggkaran ellipse danletakkan persis seperti terlihat pada gambar di bawah ini. 

Buatlah layer baru dengan cara yang sama seperti sebelumnya kemudianklik kiri + Ctrl lingkaran yang baru dibuat tadi yang ada pada layer window  

untuk membuat selection. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 4

 Setelah itu buatlah gradient pada daerah selection lingkaran ellipse yangbaru 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 . 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 4

 Atur style-nya seperti terlihat pada gambar di bawah ini. 

Hasil pemberian efek shadow akan terlihat seperti gambar di bawah ini. 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 4

 Selanjutnya kita akan membuat logo ini agar terlihat seperti glass. Caranyaadalah dengan menambahkan efek inner shadow pada logo ini kemudianatur style-nya seperti terlihat pada gambar di bawah ini. 

Nah… akhirnya selesai juga nih logo... :-) 

Langkah terakhir adalah menyimpannya dalam dalam format PNG agar

transparency logo ini tetap terjaga. Caranya klik menu file --> save as 

5/16/2018 Belajar Membuat Logo 3D Di Photoshop - slidepdf.com

http://slidepdf.com/reader/full/belajar-membuat-logo-3d-di-photoshop-55ab4f4d1c3e1 4

kemudian pilih format file-nya PNG (*.PNG). 

Selamat mencoba…. :-)