Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Logo Design
Design

Bagaimana Membuat Logo Huruf Tunggal Modern Dalam Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini kita akan melihat pada proses pembuatan sebuah logo sederhana dengan bentuk huruf P, yang dapat digunakan untuk bisnis, produk, belanja, transportasi, atau dimanapun. Kita akan mengerjakannya dengan bentuk geometri dasar untuk membuat logo dalam Adobe Illustrator, membuat proses menggambarnya lebih mudah dan menyenangkan. Mari kita mulai!

Jika kamu mencari untuk membeli sebuah logo, kamu dapat memilih dari kumpulan pada GraphicRiver.

1. Bagaimana Membuat Sebuah Dokumen Baru dan Mengatur Grid

Tekan Control-N untuk membuat New Document. Atur Units ke Pixels, dan masukkan 800 x 600 untuk lebar dan tinggi dokumen. Kemudian dalam pilihan Advanced, pilih RGB, Screen (72 ppi), dan pastikan untuk mengaktifkan kotak Align New Objects to Pixel Grid sebelum mengklik OK.

Aktifkan Grid (View > Show Grid) dan Snap to Grid (View > Snap to Grid). Kamu akan membutuhkan sebuah grid tiap 50 px, jadi cukup tekan Control-K untuk pergi ke Preferences, dan dalam Guides & Grid atur Gridline every ke 50 dan Subdivisions ke 4. Jangan khawatir, grid akan membantumu berkerja dm cara yang mudah, dan itu juga dapat diaktifkan atau dinonaktifkan dengan menekan shortcut keyboard Control-".

Kamu dapat mengaktifkan panel Info (Window > Info) untuk memiliki sebuah preview ukuran dan posisi bentukmu. Ingatlah untuk mengatur unit pengukuran ke Pixels dari Edit > Preferences > Units > General. Ini akan meningkatkan kecepatan kerjamu secara luar biasa.

Set a New Document with Align New Objects to Pixel Grid and set Gridline every 50 px and 4 Subdivisions

2. Bagaimana Membuat Bentuk Dasar

Langkah 1

Ambil Ellipse Tool (L) di dalam toolbar. Hapus fill color dan lalu pilih stroke dan tentukan warna ke Black di dalam panel Swatches.

Di pusat kanvas, buat sebuah elips dengan Ellipse Tool (L) berukuran 200 x 200 px — fitur grid dan Snap to Grid akan membuat ini lebih mudah. Sekarang gambarkan sebuah elips baru 25 x 25 px dari pusat elips sebelumnya.

Pilih kedua elips dan duplikasikan mereka (pergi ke Edit > Copy dan lalu Edit > Paste in Front) dan tarik dua elips ke bwhh dengan Selection Tool (V) hingga mereka membentuk ketinggian tertentu.

Two ellipses of 200 x 200 px forming sort of an eight

Langkah 2

Buat dua elips berukuran 50 x 50 px dan selaraskan secara horizontal untuk tiap elips, posisikan ke sisi kiri seperti yang ditunjukkan pada gambar pertama. Ambil Line Segment Tool (\) dan gambarkan garis vertikal di antara elips. Terakhir, gambarkan dua garis lurus berukuran 100 px, dimulai dari tepi elips, dan tutup jarak antara dua garis paralel ini dengan stroke lainnya.

Drawing straight lines between the logo structure

Langkah 3

Pilih seluruh bentuk dengan Selection Tool (V), dan kemudian ambil Shape Builder Tool (Shift-M), isi itu dengan warna yang ada di panel Swatches, dengan tanpa stroke (kemudian terapkan gradient fills, sehingga pengisiannya tidak masalah lagi.

Tarik itu hingga sebuah cincin penggambar muncul di sekitar bentuk, dan kemudian tambahkan cincin bagian dalam dan proyeksi akhir huruf "P".

Add shapes with Shape Builder Tool to form the letter P

Langkah 4

Dengan Direct Selection Tool (A), pilih titik kiri bawah dari proyeksi "P" dan buat sebuah lengkung hingga itu menyentuh titik lainnya. Pilih dua titik paling bawah (tahan Shift untuk memilih banyak titik) dan gerakkan ke atas sekali dengan tombol pada keyboard. Hilangkan garis luar bentuk yang digabungkan dan tinggalkan hanya pengisian yang diterapkan.

Hapus semua bentuk lainnya. Saya menyarankan untuk pertama-tama memotong bentuk (Control-X), hapus yang tersisa, dan kemudian tempelkan lagi di tempat yang sama (Control-F), sehingga kamu tidak membuat risiko salah hapus.

Rounding lower corner and move up once the nodes with Direct Selection Tool

3. Bagaimana Mengisi Gradient dan Membuat Tepi Bersudut

Langkah 1

Gambarkan sebuah gradient horizontal dengan Gradient Tool (G) dalam tiap bentuk logo, menggunakan sebagai pengisian warna A (R: 246, G: 237, B: 69) dan B (R: 163, G: 189, B: 49).

Applying Gradients in the shapes of logo to generate an 3D appearance

Langkah 2

Matikan Grid (Control-") dan nonaktifkan Snap to Grid (View > Snap to Grid). Ini akan membuatmu dapat menggerakkan bentuk secara bebas.

Atur nilai 0.5 px dalam kotak Keyboard Increment (Edit > Preferences > General).

Setting a Keyboard Increment of 05 px in the Preferences and enable Grid and Snap to Grid

Langkah 3

Pilih bentuk internal huruf "P" dan duplikasikan itu (tekan Control-C diikuti dengan Control-F) dan atur sebuah warna ini merah dalam panel Swatches. Duplikasikan lagi (Control-F) dengan menerapkan warna biru dalam panel Swatches, dan gerakkan itu dua kali ke kanan menggunakan tombol panah pada keyboard.

Pilih kedua bentuk (merah dan biru) dan pilih Minus Front dalam panel Pathfinder. Jika kamu tidak dapat menemukan panel, pergi ke Window > Pathfinder.

Set a Minus Front in the inner ring of P to add the bezels

Langkah 4

Lakukan ungroup pada bentuk (Shift-Control-G) dan atur pengisian warna ke #ffffff dengan Blending Mode Overlay dalam panel Appearance. Hasilnya akan mendapatkan tepi yang lebih cerah pada bukaan logo kita.

Set a Overlay in Blending Moves with White fill color

Langkah 5

Pilih cincin terluar huruf "P" dan duplikasikan itu (Control-C diikuti dengan Control-F) dan isi dengan warna merah. Duplikasikan itu lagi dan isi dengan biru. Gerakkan ke atas dua kali.

Pilih kedua bentuk dan terapkan Minus Front dalam panel Pathfinder. Lakukan ungrouf (Shift-Control-G) dan hapus bentuk di atas, hanya menyisakan lengkungan bawah yang menarik kita untuk dipotong

Drawing a bezel in the lower of the outer ring letter P

Langkah 6

Atur fill ke #ffffff dan pilih Blending Mode Overlay dalam panel Appearance.

Applying a Overlay in the bezel of outer ring

4. Bagaimana Membuat Highlight dan Shadow

Dalam section ini kita akan membuat beberapa highlight pada bagian bawah huruf P untuk membuat penampakan yang lebih cerah, dengan memanfaatkan bentuk speris logo.

Langkah 1

Aktifkan Snap to Grid (View > Snap to Grid) dan klik pada kanvas dengan Ellipse Tool (L). Dalam pop-up, atur Width dan Height ke 50 px. Tempatkan elips kanan di bagian bawah kurva dalam huruf "P". Atur fill merah dari panel Swatches.

Nonaktifkan Snap to Grid lagi (Shift-Control-"). Duplikasikan elips (isian biru pada panel Swatches) dan dalam pop-up gerakkan itu 10 px vertikal ke bawah (Object > Transform > Move...)

Tow ellipses of 50 x 50 px Duplicates one and move down 10 px in vertical position

Langkah 2

Pilih kedua elips dan atur Minus Back di dalam panel Pathfinder. Buat sebuah gradien linier dalam panel Gradient dengan dua warna #ffffff, satu pada Location 0% dan 50% Opacity dan lainnya di Location 100% dan 0% Opacity.

Tahan Shift dan gambarkan sebuah garis dari rendah ke tinggi dengan Gradient Tool (G).

Set a transparency with Gradient panel to add a highlights

Langkah 3

Duplikasikan bentuk ini (Control-C diikuti dengan Control-F) dan terapkan warna merah dari panel Swatches. Duplikasikan lagi (Control-F) dan gerakkan itu ke atas sekali dengan tombol panah pada keyboard.

Pilih kedua bentuk dan terapkan Minus Front dalam panel Pathfinder.

Creating a bezel to that highlight with a Minus Front in the Pathfinder panel

Langkah 4

Buat sebuah gradien linier dalam panel Gradient dengan warna #ffffff, satu pada Location 0% dan 0% Opacity dan lainnya di Location 50% dan 50% Opacity dan terakhir di Location 100% dan 0% Opacity.

Gunakan Gradient Tool (G) untuk menggambar garis horizontal lurus pada bentuk.

Set a linear gradient in that bezel on the highlight

Langkah 5

Sekarang pilih bentuk eksternal huruf "P" dan Copy (Control-C) dan Paste in Front (Control-F). Isi dengan warna merah. Duplikasikan (Control-F) dan isi dengan warna biru.

Dobel klik pada Selection Tool (V) dan dalam kotak pop-up atur posisi Horizontal ke -15 px, dan tekan OK.

Pilih kedua bentuk dan terapkan Minus Front dalam panel Pathfinder.

Duiplicating the outer ring of letter P to create a new highlight

Langkah 6

Lakukan ungroup bentuk (Shift-Control-G) dan hapus bentuk pada sisi kiri. Sekarang kita hanya tersisa dengan apa yang hanya menarik kita untuk menambahkan pantulan pada sisi kanan huruf "P".

Ambil bentuk dan terapkan transparent gradient fill di atas dengan Eyedropper Tool (I). Gambarkan sebuah garis lurus dari bagian atas ke bawah dengan Gradient Tool (G) sehingga transparansi tetap meredup ke bawah.

Applying a new linear gradient in the new shape to the highlight

Langkah 7

Copy (Control-C) bentuk ini dan Paste in Front (Control-F), dan isi itu dengan warna merah dalam panel Swatches. Duplikasikan (Control-F) dan isi dengan warna biru dari panel Swatches.

Ambil Direct Selection Tool (A) dan gerakkan titik ke kanan sekali dengan tombol panah pada keyboard. Pilih kedua bentuk dan terapkan Minus Front dalam panel Pathfinder.

Creating a bezel to that highlight Duplicating the shapes and using Pathfinder panel

Langkah 8

Terapkan sebuah gradient fill menggunakan Eyedropper Tool (I). Gambarkan sebuah garis vertikal lurus dengan Gradient Tool (G).

Apply a linear gradient with Eyedropper Tool on the bezel

5. Bagaimana Membuat Sebuah Bayangan

Untuk menyelesaikannya, kita akan membuat bayangan pada proyeksi huruf "P" dan menambahkan background.

Langkah 1

Pilih bentuk terendah "P" dan cincin luar. Copy (Control-C) dan Paste in Front (Control-F).

Sekarang pilih hanya cincin luar, Copy (Control-C) dan Paste in Front (Control-F), dan dobel klik pada Selection Tool (V). Dalam kotak pop-up, gerakkan posisi Vertikal 15 px.

Selecting all shapes and creating a shape intersected to create a shadow

Langkah 2

Pilih semua dan duplikasikan, dan dengan Shape Builder Tool (Shift-M) tambahkan bentuk memotong. Hapus semua bentuk lainnya.

With Shape Builder Tool adding a shape to draw a shadow in the projection of letter P

Langkah 3

Buat sebuah gradien linier dalam panel Gradient dengan warna A (R: 101, G: 117, B: 30) dan B (R: 163, G: 189, B: 49) dengan Location pada 0% dan 100% secara berurutan.

Gambarkan sebuah garis -57º dari bagian atas ke bawah dengan Gradient Tool (G).

Applying a gradient linear with -57 angle to the shadow

Langkah 4

Klik pada kanvas dengan Rectangle Tool (M), dan di dalam kotak pop-up atur Width ke 800 px dan Height ke 600 px. Isi itu dengan warna #2b3300d. Send to Back (Object > Arrange > Send to Back).

Gunakan panel Align untuk menempatkan segiempat pada pusat kanvas. Jika kamu tidak menemukan panel Align, pergi ke Window > Align.

Creating a rectangle of 800 x 600 px as background to the logo

Langkah 5

Pilih keseluruhan logo dan group (Control-G). Posisikan itu pada kanvas dengan panel Align.

Focusing the logo on the canvas with Align panel

Selamat! Kamu Telah Selesai!

Logo sudah siap! Lihat apa yang kita capai—hasil yang hebat. Saya sangat bersenang-senang dengan tutorial ini, dan saya harap kamu juga menikmatinya.

Saya harap kamu mempelajari teknik baru, dan agar ini berguna untuk masa mendatang, sisanya adalah dengan berlatih. Ingatlah bahwa latihan membuat sempurna.

Final result
Colour variations
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.