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

Cara membuat ilustrasi menara penjaga pantai dalam Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Dalam tutorial hari ini kita akan masuk ke musim panas getaran sekaligus menciptakan sebuah menara penjaga pantai sepi di pantai di Adobe ilustrator. Kami akan menggunakan alat-alat sederhana dan teknik.

Seperti biasa, Anda dapat membeli hasil sebagai bagian dari koleksi musim panas pantai saya pada GraphicRiver.

Summer Seaside Collection on Graphicriver

1. cara membuat dokumen baru

Pertama, Atur dokumen baru (File > baru atau kontrol/perintah-N) dengan pengaturan ini:

  • Jumlah Artboards: 1
  • Lebar: 1200
  • Tinggi: 1200
  • Unit: piksel

Dari Advanced tab:

  • Warna Mode: RGB
  • Efek raster: layar
  • Pratinjau Mode: standar
  • Hapus centang menyelaraskan objek baru ke Pixel Grid
Creating a New Document

2. cara membuat bagian atas menara

Step1

Mari kita mulai sederhana dengan menciptakan sebuah persegi panjang px 127 x 127 dan mengisinya dengan #98D2BE.

Mengambil alat seleksi langsung (A) dan pilih jangkar kedua atas persegi panjang. Tekan Enter untuk membuka jendela bergerak. Tetapkan nilai horisontal ke -32 px dan nilai vertikal ke 0 px dan tekan OK, bergerak jangkar kami di sebelah kiri.

Persegi ini siku akan bertindak sebagai dinding depan utama.

Building a Rectangle

Langkah 2

Pilih bentuk dan menyalinnya, menggunakan kontrol-C. Klik kontrol-F dua kali untuk mendapatkan dua salinan di atas persegi panjang, dan memindahkan salinan atas ke kanan dengan sekitar 60 px.

Tambahkan salinan kedua proses seleksi dan menggunakan opsi Minus depan panel Pathfinder.

Copying the Rectangle and Using the Minus Front Option

Langkah 3

Pilih bentuk dihasilkan dengan pilihan alat (V) dan mengurangi ukurannya dengan menyeret Shift salah satu sudut atas daerah biru kotak berlari ke pusat.

Mengatur warna bentuk ke #48A987 dan posisi bentuk di bagian tengah dari dinding. Itu akan bertindak sebagai sebuah pintu.

Forming a Doorway

Langkah 4

Copy (Control-C) pintu dan paste dua salinan di depan dengan menekan Control-F dua kali.

Memindahkan bentuk atas sedikit ke kanan, menambah salinan kedua pemilihan, dan tekan tombol berpotongan pada Pathfinder panel. Mengubah warna bentuk baru untuk #225443, membentuk bagian dalam bayangan dari pintu masuk.

Forming a Shadow Part for the Doorway

Langkah 5

Sekarang kita akan menambahkan bayangan pada dinding pintu masuk. Membuat dua salinan (Control-C) dan paste mereka di depan bentuk (kontrol-F dua kali), dan memindahkan salinan atas ke kiri dan turun.

Menambahkan bentuk kedua pilihan menggunakan opsi Minus depan Pathfinder, mendapatkan bentuk siku.

Karena itu akan bertindak sebagai bayangan, mengubah modus Blending untuk kalikan sementara menurunkan Opacity 40% pada transparansi panel.

Building a Shadow

Langkah 6

Mari kita tambahkan sorot pada bagian kanan dari dinding.

Membuat dua salinan depan dinding lagi dan memindahkan salinan atas ke kanan. Menambahkan salinan lain untuk pemilihan saat menggunakan opsi Minus depan Pathfinder, pastikan untuk mengubah bentuk dihasilkan warna putih (#FFFFFF).

Building a Highlight

Langkah 7

Waktu untuk menambahkan garis ke bentuk.

Pilih persegi panjang utama dan menyalinnya. Kemudian klik sekali pada bagian pintu bayangan dan tekan Control-F, mendapatkan salinan tembok di depan pintu masuk.

Mengatur isi dari salinan ke None, Stroke warna untuk #3d342d, dan berat 6 px.

Memberikan 6 px tebal garis (#3d342d) ke bagian pintu.

Adding Outlines

Langkah 8

Membangun persegi panjang px 152 x 127 (#6ebea2) untuk sisi dinding, menempatkan yang jangkar kiri di belakang jangkar kanan dinding depan dan bersembunyi di balik bagian sebelumnya.

Seperti yang kita lakukan dengan dinding sebelumnya, memberikan satu saat ini bayangan bagian dengan membuat dua salinan depan, bergerak salinan atas ke kiri dan bawah dan menggunakan opsi Minus depan Pathfinder untuk dua bentuk, pastikan untuk mengubah Mode Blending dihasilkan bentuk t o kalikan sementara menurunkan Opacity 40%.

Building a Side Wall

Langkah 9

Bekerja dengan cara yang sama, menambahkan satu lebih sisi bayangan di dinding.

Mari kita menambahkan garis besar sisi dinding. Copy (Control-C) sisi dinding, klik pada bayangan atas, dan paste bentuk di depannya dengan kontrol-F. Menghilangkan mengisi sementara menetapkan warna Stroke ke #3d342d dan berat 6 px.

Adding Shadows for the Side Wall

Langkah 10

Tambahkan 210 x 16.5 px persegi (#6ebea2) di atas dinding samping dan menyelaraskan ke pusat bentuk.

Seperti yang kita lakukan untuk bagian sebelumnya, memberikan dua persegi panjang sekarang bayang-bayang dan 6 px tebal garis (#3d342d).

Building a Rectangle Over the Side Wall

Langkah 11

Bentuk persegi panjang px 129 x 16,5 (#98d2be) di sisi kiri luar bentuk diciptakan sebelumnya.

Menggunakan metode yang sama, membangun sorot pada bagian kiri dan bayangan di sisi kanan garis, diikuti oleh 6 px lebar garis (#3d342d).

Kelompok (kontrol-G) bagian-bagian bersama-sama.

Forming an Upper Rectangle

3. cara membuat bagian bawah menara

Langkah 1

Mari kita mulai bekerja pada bagian bawah tower kami dengan membentuk persegi panjang px 290 x 16,5 (#48a987) di bawah bagian atas, menyelaraskan ke tepi kanan atap.

Membuat satu lagi 230.5 x 16,5 px garis warna yang sama di bawah yang pertama.

Memutar persegi panjang oleh 30 derajat dengan mengklik Alt pada jangkar kiri bawah dengan alat putar (R), mengatur sudut 30 derajat.

Melekat bentuk siku kiri satu horisontal, posisi yang jangkar atas di kiri atas jangkar persegi panjang horisontal.

Building to Rectangles on the Bottom

Langkah 2

Pilih persegi panjang siku dan tekan Enter untuk membuka jendela pilihan bergerak. Menetapkan nilai horisontal ke-100 px dan nilai vertikal ke 0 px dan tekan Copy, mendapatkan duplikat sebelah kiri.

Ambil alat seleksi langsung (A) dan drag kanan bawah jangkar duplikat ke titik atas bentuk asli siku.

Kemudian pilih jangkar kiri bawah siku shape kiri dan posisi itu pada jangkar kiri atas dari persegi panjang asli.

Mengatur warna dihasilkan bentuk #98d2be.

Forming an Angled Shape

Langkah 3

Ambil Rectangle Tool (M) dan menambahkan persegi panjang kecil (#48a987) di bawah sisi bawah bentuk siku yang besar, pastikan untuk tempat tepi bawah yang pada tingkat yang sama sebagai jangkar bawah garis tepat siku.

Pilih tepi bawah angka dibuat dengan alat seleksi langsung (A) dan seret ke kanan, posisi sisi kanan di ujung kiri garis siku tetangga.

Building Side Parts for the Angled Shape

Langkah 4

Sekarang mari kita bekerja pada highlights.

Membuat salinan yang lebih besar dari sisi siku persegi panjang. Pilih bentuk asli dan persegi panjang horisontal dan memotong bagian yang luar biasa dengan Alt-mengklik di atasnya dengan bentuk Builder Tool (Shift-M). Mengubah warna dihasilkan bentuk putih (#ffffff).

Menggunakan metode Pathfinder, seperti yang kita lakukan sebelum, tambahkan menyorot kedua ke lereng.

Adding Highlights

Langkah 5

Memberikan bayangan horisontal sisi garis dan lereng.

Pilih persegi panjang siku dan garis horisontal dan menyatukan keduanya menjadi satu bentuk lebih besar menggunakan Pathfinder yang menyatukan bentuk Mode.

Tambahkan 6 px tebal garis (#3d342d) dengan putaran bergabung ke semua bagian bawah.

Adding Shadows on the Bottom Parts

Langkah 6

Mulai bekerja pada pagar dengan menciptakan 11,5 x 29 px persegi (#6ebea2) untuk posting, memberikan bayangan diikuti oleh 4 px tebal garis (#3d342d). Kelompok (kontrol-G) bagian-bagian bersama-sama dan menempatkan satu salinan posting di atas lereng.

Building a Small Rectangle

Langkah 7

Pilih posting asli, buka jendela pilihan bergerak (Enter), dan menetapkan nilai horisontal untuk 65 px. Klik Copy, mendapatkan duplikat posting di sisi kanan. Menjaga duplikat yang dipilih, tekan Control-D dua kali lagi, mendapatkan dua salinan lain.

Kelompok (kontrol-G) semua empat posting bersama-sama dan memutar kelompok dengan 30 derajat menggunakan alat putar (R).

Melampirkan kelompok posting ke tepi kiri lereng.

Working over Fence Racks

Langkah 8

Sekarang kita perlu rel yang duduk di atas posting.

Salin garis lereng hitam dan drag ke baris sisi posting, membuat tepi kiri duduk di atas mereka seperti yang ditunjukkan pada gambar di bawah.

Menghapus tepi kanan dan bawah garis besar.

Seret dengan titik akhir dengan langsung pilihan alat (A), menempatkan salah satu dari mereka di tepi kiri kabin dan satu lagi pada kiri atas jangkar posting kiri. Set bundar topi untuk kereta api.

Forming a Crossbar

Langkah 9

Melakukan manipulasi sama, menyalin dan menyeret posting dan rel, membuat pagar lain di sisi kanan menara.

Finishing the Fence

Langkah 10

Mari kita membuat tumpukan bantalan pendukung kabin kami.

Membangun 14 x 113 px persegi (#48a987) di sisi kanan bawah kabin. Memberikan bayangan diikuti oleh 6 px tebal garis (#3d342d).

Kelompok (kontrol-G) bagian-bagian bersama-sama dan membuat duplikat di sebelah kiri.

Making Supporting Piles

Langkah 11

Menggambar dua 6 px tebal garis horizontal (#3d342d) pergi dari satu tumpukan lain, membuat Endpoint kiri sedikit tumpang tindih pos kiri.

Kelompok (kontrol-G) bantalan tumpukan konstruksi dan membuat salinan, bergerak ke kiri dan bersembunyi di balik menara, serta membuat warna lebih gelap.

Building Bearing Piles Group

4. Bagaimana cara membuat Windsock dan menambahkan rincian

Langkah 1

Mari kita tambahkan windsock mengalir di atap tower pantai kami.

Membentuk 62 x 24 px persegi panjang (#d65428) untuk bentuk utama windsock.

Kemudian tambahkan satu titik anchor di tengah-tengah tepi kanan dengan menambahkan Anchor Point alat (+). Menghapus jangkar atas dan bawah, segitiga, mendapatkan dan membuat sudut kanan bulat dengan menarik indikator Live sudut ke pusat dengan alat seleksi langsung (A).

Tambahkan 15.5 x 24 px ellipse (#a8411f) pada bagian kiri segitiga.

Creating a Red Cone

Langkah 2

Pilih elips dan pergi ke objek > jalan > Offset jalan. Masukkan 10 px ke Offset nilai bidang dan tekan OK, mendapatkan garis besar.

Menjaga elips luar dipilih, gunakan Offset jalan lagi, menetapkan nilai Offset ke 5 px.

Pilih kedua bentuk luar dan pergi ke objek > jalan > Offset jalan lagi. Mengatur Offset-20 px, mendapatkan dua bentuk luar yang lebih.

Pilih berbentuk kerucut, mendapatkan satu salinan di depan, dan pilih Salin bersama-sama dengan empat elips luar yang menggunakan pilihan membagi panel Pathfinder.

Menghapus semua potongan-potongan dibagi kecuali dua garis, mengubah warna mereka ke #fbf8f1.

Building Stripes on the Cone

Langkah 3

Memberikan bentuk yang kami hanya dibuat sorot diikuti oleh 4 px tebal garis (#3d342d) dengan bergabung bulat. Menambahkan garis sama elips.

Buat dua tali melampirkan windsock kami ke kutub. Menggunakan dua 4 px garis tebal untuk tali dan garis tebal 6 px kutub.

Kelompokkan (Kontrol-G) semua bagian kaus kaki bersama-sama dan posisikan di atap menara.

Finishing Off the Red Windsock

Langkah 4

Kami hampir selesai dengan menara penjaga pantai.

Berikan menara kami tampilan yang lebih menarik dan bergaya dengan membuka beberapa garis besar. Untuk melakukannya, cukup gunakan Add Anchor Point Tool (+) untuk menambahkan jangkar tambahan pada outline dan kemudian Hapus jalur antara jangkar ini, pastikan untuk mengatur Cap outline yang tersisa ke Round dari dalam panel Stroke.

Luangkan waktu Anda, dan setelah Anda selesai, tambahkan beberapa garis tebal 4 px tambahan di dekat tepi ilustrasi kami.

Selesaikan menara dengan menambahkan beberapa garis di bawah ini untuk permukaan tanah.

Opening the Outlines

5. Cara Membuat Latar Belakang Pantai Tropis

Mari letakkan menara penjaga pantai di surga tropis dengan menciptakan lanskap tepi laut di latar belakang.

Langkah 1

Bentuk persegi panjang 1200 x 1200 px (# fb9f31) di belakang bangunan kami sebagai latar belakang.

Tambahkan beberapa garis tebal 6 px warna # f8cc6b di bawah menara untuk meniru permukaan air. Buat mereka lebih menarik dan hidup dengan menambahkan beberapa tanda hubung dan memvariasikan ukurannya.

Forming a Background and Surf

Langkah 2

Tambahkan lingkaran 300 x 300 px (# f37f10) untuk matahari terbenam dan dua lingkaran luar untuk cahaya matahari. Gunakan warna putih dan mode Screen Blending dengan 30% Opacity untuk cahaya.

Hapus bagian bawah yang luar biasa dari lingkaran luar dengan memilihnya dan Alt-menyeret bagian luar biasa dengan Eraser Tool (Shift-E).

Creating a Sun

Langkah 3

Kami membutuhkan beberapa elemen tambahan untuk menyelesaikan komposisi.

Buat telapak tangan sederhana yang terbuat dari beberapa daun dan batang persegi panjang. Kita bisa mendapatkan daun dengan menggunakan opsi Intersect dari panel Pathfinder untuk dua elips yang tumpang tindih. Kemudian pasang persegi panjang untuk bagasi dan bentuk mahkota dengan menyalin dan memindahkan daun. Gunakan # f37f10 untuk warna.

Kemudian buat awan yang terdiri dari lingkaran yang tumpang tindih dan persegi panjang bulat. Hapus saja bagian yang tidak diinginkan dengan bantuan Shape Builder Tool (Shift-M), gabungkan semua bentuk menjadi satu dengan opsi Unite Pathfinder, dan atur warnanya menjadi # fbe2aa.

Sebarkan telapak tangan dan awan di atas pemandangan, menciptakan komposisi yang seimbang.

Adding Smaller Details

Itu dia! Ilustrasi Menara Penjaga Pantai Kami Siap

Selamat! Adegan rumah Baywatch gaya datar kami selesai.

Saya memutuskan untuk menambahkan dua siluet burung camar di latar belakang untuk meningkatkan suasana matahari terbenam di tepi laut. Bisakah Anda merasakan angin musim panas dan ombak laut berceceran di pantai tropis? Pelajaran kami berakhir di sini, dan petualangan baru dimulai.

Saya harap Anda menikmati prosesnya dan menemukan sesuatu yang baru dan bermanfaat di sepanjang jalan.

Ilustrasi menara penjaga pantai ini hanya bagian dari koleksi Summer Seaside saya, dan ada jauh lebih banyak ilustrasi perjalanan dan petualangan dalam portofolio saya di GraphicRiver.

Sea Side Collection on Graphicriver
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.