Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration

Bagaimana Membuat Mercusuar pada Adobe Illustrator

Read Time: 10 mins

Indonesian (Bahasa Indonesia) translation by Anthoni Hermanto (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Pada tutorial hari ini Anda akan belajar bagaimana untuk membuat mercusuar dengan bantuan dari shape tool basic pada Adobe Illustrator.

Jika Anda ingin melewati tutorial ini dan membeli hasilnya dengan mercusuar lain dan rumah, silakan menuju GraphicRiver untuk mendapatkan Mercusuar Flat dan Cahaya Penunjuk Laut saya.

Flat Lighthouses and Sea Guide Lights SetFlat Lighthouses and Sea Guide Lights SetFlat Lighthouses and Sea Guide Lights Set

1. Bagaimana Mengatur New Document

Pertama, kita perlu mengatur New Document (File > New atau Control-N) dengan pengaturan berikut:

  • Number of Artboards: 1
  • Width: 1200
  • Height: 1200
  • Units: pixels

Dari Advanced Tab:

  • Color Mode: RGB
  • Raster Effects: Screen
  • Preview Mode: Default
  • Hapus centang Align New Objects to Pixel Grid
Creating a New DocumentCreating a New DocumentCreating a New Document

2. Bagaimana Membuat Menara Mercusuar

Langkah 1

Mari mulai membuat menara mercusuar dengan mengambil Rectangle Tool (M) dan membangun persegi panjang berukuran 220 x 460 px yang akan kita isi dengan #D7DBDE.

Building a RectangleBuilding a RectangleBuilding a Rectangle

Langkah 2

Buat dua garis yang memukau (#2E4C66) pada bagian tengah bentuk dan buat membulat dengan memilih dan menarik indikator lingkaran ke tengah.

Tambahkan persegi panjang 220 x 23 px dengan warna yang sama, letakkan di bagian atas bentuk utama.

Adding StripesAdding StripesAdding Stripes

Langkah 3

Pilih titik anchor kanan atas persegi panjang bagian atas dengan Direct Selection Tool (A) dan tekan Enter untuk membuka jendela Move. Setel nilai Horizontal ke 20 px dan nilai Vertical ke 0 px dan tekan OK, pindahkan anchor ke kanan.

Kemudian buka jendela Move untuk anchor atas kiri dan pindahkan ke kiri dengan mengatur nilai Horizontal ke -20 px.

Tambahkan pelek 260 x 5 px (#092C4A) di atas persegi panjang bersudut.

Forming a LedgeForming a LedgeForming a Ledge

Langkah 4

Bangun bagian atas mercusuar dengan menambahkan sebuah persegi panjang 158 x 68 px (#092C4A) dan sebuah persegi panjang 158 x 100 px (#FBC318) di bagian atas.

Mari kita pastikan bahwa bentuk-bentuk baru secara sempurna sejajar dengan menara. Pilih kedua persegi panjang, tambahkan bentuk menara utama ke seleksi, dan klik lagi pada bentuk putih, menjadikannya Key Object. Align to Key Object dipilih secara otomatis di Control panel dan panel Align. Di panel Align (Window > Align) atau panel Control, klik pada tombol Horizontal Align Center, sejajarkan kedua bentuk atas ke poros tengah menara.

Building a Lantern WindowBuilding a Lantern WindowBuilding a Lantern Window

Langkah 5

Salin segiempat siku bawah dan turunkan dengan menyeret sudut Bounding Box dengan Selection Tool (V) sambil menekan Shift dan Alt, membuat salinan persis berada di tepi atas bagian kuning.

Atur warna salinan menjadi #092C4A.

Adding a Ledge Above the WindowAdding a Ledge Above the WindowAdding a Ledge Above the Window

Langkah 6

Buat persegi panjang yang terletak di bagian atas bentuk siku atas, membuat lebarnya sama dengan lebar bentuk miring dan pengaturan tinggi sekitar 180 px. Warnai dengan #2E4C66.

Menggunakan jendela opsi Move, seperti yang kita lakukan sebelumnya, pindahkan anchor atas persegi panjang sekitar 20 px ke sumbu pusat.

Pilih anchor atas dengan Direct Selection Tool (A) dan tarik indikator lingkaran ke tengah, membuat bentuk membulat.

Creating a Rounded RoofCreating a Rounded RoofCreating a Rounded Roof

Langkah 7

Mari buat topi dekoratif untuk mercusuar.

Pilih Ellipse Tool (L) dan bentuk lingkaran 45 x 45 px (#2E4C66). Tambahkan persegi panjang 27 x 15 px (#092C4A) yang tumpang tindih dengan bagian bawah lingkaran, sejajar dengan bagian tengahnya.

Buat garis 36 x 4 px (#2E4C66) di tengah persegi panjang dan Group (Control-G) semua bagian bersama-sama.

Tempatkan tutup di atas mercusuar menggunakan Object > Arrange > Send Backward untuk menyembunyikan bagian bawah topi di belakang bagian atas mercusuar.

Forming a Decorative CapForming a Decorative CapForming a Decorative Cap

Langkah 8

Sekarang saatnya untuk membuat bendera melambai kecil di atas mercusuar.

Bentuk tiang sempit, sembunyikan tepi bawahnya di belakang tutup lingkaran. Tambahkan persegi merah kecil (#D43C34) di bagian atas dan bulatkan anchor kanan-atas dan kanan bawah.

Buat salinan persegi panjang, dan putar terbalik dengan menekan Shift dan seret dengan Selection Tool (V). Pindahkan sedikit ke kanan bawah, meniru bagian melambaikan bendera. Atur warna salinan ke #B52D2D dan gunakan Object > Arrange > Send Backward.

Tambahkan langkan dekoratif kecil di bagian tengah tiang bendera.

Creating a FlagCreating a FlagCreating a Flag

Langkah 9

Mari tambahkan pagar di bawah kabin mercusuar.

Mulai dengan membuat persegi panjang 4.5 x 34 px (#63798C) untuk pagar berdiri di sisi kiri langkan bawah.

Pilih dudukan dan pilih Reflect Tool (O). Memegang tombol Alt, klik di bagian tengah jendela mercusuar kuning. Di jendela pilihan Reflect, atur Axis ke Vertikal dan tekan Copy, yang mencerminkan bentuk ke sisi kanan langkan.

Creating a FenceCreating a FenceCreating a Fence

Langkah 10

Pilih kedua bentuk vertikal dengan Selection Tool (V) dan pilih Object > Blend > Make.

Secara default, Illustrator menciptakan transisi warna yang mulus. Perbaiki dengan memilih Object > Blend > Blend Options atau klik ganda pada Blend Tool. Ubah pilihan Spacing ke Specified Steps, atur nilainya menjadi 9.

Salin bagian atas langkan yang horisontal dan tipis, dan letakkan salinannya di atas pagar Anda, buat tembok pembatas. Dapatkan warnanya ke #63798C.

Creating a FenceCreating a FenceCreating a Fence

Langkah 11

Sekarang kita akan menambahkan beberapa jendela untuk menara.

Mulai dengan membuat persegi panjang 52 x 74 px di luar mercusuar. Isi dengan #63798C.

Tambahkan satu lagi 38 x 56,5 px persegi panjang di dalam (#2E4C66). Pilih itu dan pergi ke Object > Path > Offset Path. Setel nilai Offset ke -5 px, tambahkan bentuk yang lebih kecil di dalamnya. Atur warna bentuk ke #8CABC0, membentuk jendela.

Tambahkan garis sempit dengan lebar 5 px yang membagi jendela kita menjadi dua bagian. Buat satu garis horizontal lagi dengan lebar yang sama di tengah jendela.

Building a WindowBuilding a WindowBuilding a Window

Langkah 12

Pilih Anchor Point Tool (Shift-C) dan seret tepi bagian atas bingkai jendela sedikit ke atas, membuatnya melengkung.

Tambahkan 57 x 8,5 px persegi panjang (#2E4C66) di bawah jendela untuk langkan jendela dan Group (Control-G) semua bagian jendela bersama-sama.

Posisikan jendela pada bagian atas bagian mercusuar putih dekat sisi kiri, dan tambahkan dua salinan pada bagian bawah, selaraskan salinan pertama ke tengah menara dan tempatkan salinan kedua lebih dekat ke sisi kanan.

Building WindowsBuilding WindowsBuilding Windows

3. Cara Membuat Bagian Bawah Mercusuar

Langkah 1

Mulai untuk membangun bagian bawah utama mercusuar dengan membentuk persegi panjang 497 x 183 px (#63798C) di bawah menara, sejajar dengan tepi kanannya.

Tambahkan satu lagi bentuk 497 x 26 px (#2E4C66) di atas tepi bawah persegi panjang dan buat strip 510 x 6.5 dengan warna yang sama di atas tepi atas, sejajarkan ke tengah bentuk utama dengan bantuan Align panel.

Adding Two Rectangles under the TowerAdding Two Rectangles under the TowerAdding Two Rectangles under the Tower

Langkah 2

Buat persegi panjang 90 x 163 px (#D7DBDE) di bagian tengah abu-abu untuk pintu. Buat tepi bagian atas dibulatkan dengan menyeretnya ke atas dengan Anchor Point Tool (Shift-C).

Buat persegi panjang 62 x 68,5 px pada bagian atas pintu untuk bingkai jendela (#2E4C66). Tambahkan jendela di dalamnya dengan masuk ke Object > Path > Offset Path dan atur nilai Offset ke -5 px. Atur warna jendela ke #8CABC0 dan tambahkan dua garis tegak lurus yang melintasi pusatnya (#2E4C66).

Pindahkan salinan jendela ke bagian bawah pintu dan tambahkan persegi panjang kecil vertikal untuk pegangan pintu.

Drawing a DoorDrawing a DoorDrawing a Door

Langkah 3

Mari tambahkan jendela di bagian bawah. Buat salinan jendela yang dibuat sebelumnya dengan Alt-drag salah satu dari mereka. Ubah warna bingkai jendela menjadi #D7DBDE dan tambahkan dua persegi panjang vertikal (#2E4C66) pada sisi luar untuk jendela daun jendela.

Group (Control-G) semua bagian bersama-sama dan salin jendela ke sisi kiri. Pilih kedua jendela dan Group semuanya (Control-G). Kemudian tambahkan bentuk abu-abu utama ke pilihan dan Alt-klik di atasnya, menjadikannya Key Objek. Gunakan opsi Horizontal Align Center pada panel Align untuk membuat grup jendela sejajar dengan bentuk abu-abu yang besar.

Forming Shuttered WindowsForming Shuttered WindowsForming Shuttered Windows

Langkah 4

Sebarkan persegi panjang kecil dan gelap dengan ukuran berbeda di atas dinding abu-abu untuk meniru tekstur bata.

Creating BricksCreating BricksCreating Bricks

Langkah 5

Buat persegi panjang 277 x 84 px (#D7DBDE) di sisi luar kiri dari menara mercusuar, letakkan di langkan atas bagian bawah berwarna abu-abu.

Buat satu lagi 258 x 128,5 px persegi panjang dengan warna yang sama di atas, sejajarkan dengan sisi kiri dari yang sebelumnya.

Kemudian tambahkan satu titik anchor di tengah tepi atas bentuk dengan Add Anchor Point Tool (+). Hapus anchor atas kiri dan kanan dengan mengkliknya dengan Delete Anchor Point Tool (-), mendapatkan bentuk segitiga.

Adding a Rectangle and a TriangleAdding a Rectangle and a TriangleAdding a Rectangle and a Triangle

Langkah 6

Pilih bentuk segitiga dan tambahkan garis 10 px warna #2E4C66 menggunakan metode Offset Path.

Pilih persegi panjang bawah dan tekan Control-C dan Control-F, dapatkan salinan di depan bentuk. Memperluas salinan dengan menyeretnya ke kanan (atau kiri) dengan Selection Tool (V) sambil menekan Alt.

Tambahkan garis gelap persegi panjang ke seleksi, ambil Shape Builder Tool (Shift-M) dan, sambil menahan tombol Alt, seret pointer melintasi persegi panjang lebar dan tumpang tindih bagian dari segitiga untuk memotongnya.

Forming an Outline for the TriangleForming an Outline for the TriangleForming an Outline for the Triangle

Langkah 7

Pilih persegi panjang atap yang gelap, salin, dan tekan Control-B, dapatkan salinan di belakang bentuk. Kemudian pindahkan salinan ke kanan sekitar 120 px.

Atur warna segitiga ke #63798C dan tambahkan satu anchor lagi di tepi kiri bentuk dengan mengkliknya dengan Add Anchor Point Tool (+).

Dengan menggunakan Direct Selection Tool (A), pindahkan anchor ke kiri dan atas, sehingga duduk di atas atap.

Creating a RoofCreating a RoofCreating a Roof

Langkah 8

Sekarang saya akan menunjukkan kepada Anda trik yang berguna untuk membuat objek seperti tekstur atau bentuk tumpang tindih dalam di dalam bentuk utama.

Pilih bagian sisi atap yang baru saja kita buat dan pilih Draw Inside drawing mode pada panel Tools, di bawah Color Selector Tool. Sebuah persegi panjang bertitik terbuka muncul di sekitar bentuk kita, menunjukkan bahwa mode Draw Inside sedang aktif. Mode ini memungkinkan kita untuk menggambar di dalam bentuk yang dipilih dan semua jalur yang tumpang tindih dipotong oleh jalur yang dipilih.

Buatlah garis yang melintasi bentuk atap dan salin dengan Alt-drag ke bawah. Buat beberapa salinan lagi dengan mengklik Shift-D beberapa kali.

Untuk keluar dari mode Draw Inside, klik ganda di luar area yang dipilih atau beralih ke mode Draw Normal pada panel Tools. Anda juga dapat menggunakan Shift-D untuk beralih di antara mode gambar.

Forming a Roof TextureForming a Roof TextureForming a Roof Texture

Langkah 9

Buat garis dekoratif vertikal (#2E4C66) di bagian atas atap dan garis horizontal di bawahnya.

Tambahkan dua jendela di bawah atap dengan menyalin jendela tertutup dari bagian bawah mercusuar. Ubah Fill dari bingkai jendela ke #63798C dan warna jendela kanan dengan #FBC318.

Adding Decorative Stripes and Two WindowsAdding Decorative Stripes and Two WindowsAdding Decorative Stripes and Two Windows

4. Cara Menambahkan Bayangan dan Sorotan ke Mercusuar

Mari kita membuat mercusuar kita lebih hidup dan nyata dengan menambahkan beberapa bayangan dan sorotan.

Langkah 1

Pilih atas mercusuar bulat dan Copy dengan Control-C. Kemudian tempel salinannya tepat di depan bentuk, tekan Control-F. Pilih bentuk baru dengan Selection Tool (V) dan, sambil menahan Alt, seret tepi kotak pembatas ke tengah salinan, membuatnya lebih sempit.

Tambahkan bentuk bulat original ke pemilihan dan gunakan opsi Divide dari panel Pathfinder, menghasilkan tiga bentuk. Ungroup (Control-Shift-G) dan ubah warna bentuk kiri ke #63798C dan warna bentuk kanan ke #092C4A, buat sorotan dan bayangan.

Forming Shadow and Highlight on the TopForming Shadow and Highlight on the TopForming Shadow and Highlight on the Top

Langkah 2

Dengan menggunakan metode yang sama, tambahkan highlight dan bayangan ke bagian persegi panjang di bawah kabin lentera kuning dan ke langkan persegi panjang di bawah pagar.

Adding Highlights and ShadowsAdding Highlights and ShadowsAdding Highlights and Shadows

Langkah 3

Membagi dan menata ulang objek bukan satu-satunya cara kita dapat menciptakan bayangan dan sorotan. Mari coba sesuatu yang berbeda untuk bentuk menara utama.

Pilih menara, salin, dan tempelkan dua salinan di depan dengan mengklik Control-F dua kali. Pindahkan bentuk yang dipilih atas ke bawah dan ke kanan, tambahkan salinan kedua ke pilihan, dan gunakan opsi Minus Front dari panel Pathfinder.

Ubah Blending Mode dari bentuk yang dihasilkan ke Multiply sambil menurunkan level Opacity menjadi 40% di panel Transparency, mendapatkan bayangan.

Forming Shadow on the TowerForming Shadow on the TowerForming Shadow on the Tower

Langkah 4

Dengan cara yang sama, bentuk bayangan di bawah atap dan di bagian bawah abu-abu.

Adding Shadows under the Roof and on the Bottom PartAdding Shadows under the Roof and on the Bottom PartAdding Shadows under the Roof and on the Bottom Part

Langkah 5

Tambahkan dua bayangan di jendela lentera, menciptakan efek kaca transparan.

Akhiri ilustrasi dengan menambahkan bayangan untuk elemen yang lebih kecil seperti daun jendela, tepian, dan tutup dekoratif.

Final IllustrationFinal IllustrationFinal Illustration

Luar Biasa! Selamat!

Di sana kita memilikinya! Selesai dengan baik!

Jika Anda perlu memeriksa file sumber untuk melihat semua detail atau jika Anda ingin mendapatkan ilustrasi mercu suar yang berbeda, Anda dapat mengambil Flat Lighthouses dan Sea Guide Lights saya di GraphicRiver.

Saya harap Anda menikmati prosesnya dan mempelajari beberapa kiat dan trik berguna untuk ilustrasi masa depan Anda.

Jangan ragu untuk membagikan bagaimana proyek Anda berubah atau mengajukan pertanyaan di komentar di bawah.

Flat Lighthouses and Sea Guide Lights SetFlat Lighthouses and Sea Guide Lights SetFlat Lighthouses and Sea Guide Lights Set
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads