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

Cara Membuat Infographic Perjalanan Luar Angkasa di Adobe InDesign

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Science Week.
How to Draw a Skeleton Step by Step
How to Create a Set of Science Icons in Affinity Designer

Indonesian (Bahasa Indonesia) translation by Ridho Anbia Habibullah (you can also view the original English article)

Final product image
What You'll Be Creating

Ini adalah Pekan Sains di sini, di Envato Tuts +, dan infografis yang menyenangkan ini adalah cara terbaik untuk merayakannya! Dengan fokus pada masa depan dari perjalanan ruang angkasa, Anda akan dapat memamerkan pengetahuan Anda tentang SpaceX dan Virgin Galactic kepada teman-teman Anda.

Jika Anda pernah menggunakan Adobe InDesign sebelumnya tetapi baru sekedar untuk menyusun tata letak infografis, tutorial ini adalah pengantar yang bagus untuk menggabungkan jenis dan grafis dengan cara yang menarik secara visual.

Singkat waktu? Anda dapat menemukan template infografis yang mudah diedit di GraphicRiver dan Envato Elements.

Mari kita mulai!

Apa yang Anda Butuhkan untuk Membuat Infografis Anda

Anda memerlukan akses ke Adobe InDesign dan Adobe Illustrator, dan mengunduh gambar dan font berikut dari Envato Elements:

1. Cara Membuat Dokumen Web di InDesign

Langkah 1

Buka InDesign dan buka File> New> Document.

Dengan maksud disetting ke Web, atur Lebar halaman ke 435 px dan Tinggi ke 1300 px. Ini adalah ukuran yang bagus untuk berbagi di situs seperti Pinterest.

Tetapkan Margin menjadi 36 px, dan klik Create.

new document

Langkah 2

Bentangkan Layers panel (Window> Layers), dan klik dua kali pada Layer 1, beri nama Background.

Buat empat layer baru —Arrows,Rocket,icons dan akhirnya,Type.

Kemudian kunci semua layer kecuali Background.

type layer

2. Cara Membuat Latar Belakang Surgawi

Langkah 1

Gunakan Rectangle Frame Tool (F) untuk membuat bingkai gambar di seluruh halaman.

File > Place, navigasikan ke folder Backgrounds ruang dan memilih gambar '07.jpg'. Klik Open dan izinkan untuk mengisi seluruh bingkai.

placed image

Langkah 2

Beralih ke Rectangle Tool (M) dan seret melintasi bagian atas halaman untuk membuat bentuk persegi kasar.

Dari Swatches panel (Window> Color> Swatches), atur Fill ke [Black].

black shape

Dengan bentuk yang dipilih, pergi ke Object> Effects> Gradient Feather. Setel Type to Linear dan biarkan gradien memanjang dari yang lebih gelap di bagian atas menjadi transparan ke bagian bawah bentuk. Klik OK.

gradient feather

Langkah 3

Pilih bentuk dan Edit> Copy, Edit> Paste. Kemudian, pada salinannya, Klik kanan> Transform> Flip Vertical.

flip vertical

Pindah ke bagian bawah halaman, dan tambahkan tinggi dari bentuk ke atas hingga sekitar setengah halaman.

background layer

Langkah 4

Buka ilustrasi pesawat luar angkasa di Illustrator.

Pilih hanya bentuk roket, ditambah satu lapisan transparan asap di sepanjang bagian bawah gambar, digambarkan di bawah ini. Kemudian Copy ini.

rocket graphic

Buat dokumen Illustrator baru, dan Paste elemen-elemen ini ke halaman, sebelum pergi ke File> Save As dan simpan ini sebagai file EPS Illustrator.

rocket graphic

Langkah 5

Kembali ke dokumen InDesign Anda dan kunci layer Background. Buka kunci layer Rocket.

Buat bingkai gambar menggunakan Rectangle Frame Tool (F) di bagian bawah halaman dan File> Place, pilih gambar EPS roket yang diedit. Open, dan pastikan gambar roket dipusatkan di halaman.

rocket image

3. Cara Membuat Header Berbintang untuk Infografis Anda

Langkah 1

Kunci layer Roket dan buka kunci layer atas, Ketik

Perbesar di bagian atas halaman, ambil Type Tool (T), dan buat bingkai teks di bagian atas di tengah halaman.

Ketik ‘SPACE’, dan dari panel Kontrol atas atau panel Character and Paragraph (Window> Jenis & Tabel> Karakter / Paragraf), atur Font ke BW Modelica Black, Ukuran 100 pt, Pelacakan 100, dan Align Center.

Dari panel Swatches, atur Font Color ke [Paper].

character panel

Langkah 2

Tambahkan dua bingkai teks di atas dan di bawah 'SPACE', atur di BW Modelica ExtraBold, Ukuran 30 pt, Pelacakan 230, dan Align Center.

Yang pertama harus membaca 'THE FUTURE OF' dan bagian bawahnya hanya 'TRAVEL'.

text frame

Langkah 3

Pilih bingkai teks ‘SPACE’ dan masuklah ke Type> Create Outlines, untuk mengakselerasikan teks.

create outlines

Setel Color Fill dari teks yang digariskan ke [None].

outlined text

Kemudian File> Place, pilih salah satu gambar dari folder Space Backgrounds (saya memilih ‘04 .jpg ’untuk kontras), dan Open, izinkan untuk mengisi seluruh kata.

space image

4. Cara Membuat Grafik pada Tata Letak Anda

Langkah 1

Kunci layer Type dan buka kunci layer Arrows.

Gunakan Line Tool (\) untuk membuat garis vertikal yang berjalan dari puncak roket ke sekitar seperempat dari jalan ke bawah halaman.

Atur Stroke Color ke [Paper]. Dari panel Stroke (Window> Stroke), atur Weight garis menjadi 20 pt, dan tambahkan Bentuk Triangle ke Akhir dari baris.

arrow stroke

Langkah 2

Dengan garis yang dipilih, pergi ke Object> Effects> Gradient Feather.

Tambahkan gradien Linear pada Sudut 90 Derajat, memungkinkan panah untuk lebih transparan ke arah pangkalan.

gradient feather

Langkah 3

Copy dan Paste tanda panah, pindahkan ke sisi kanan halaman, dan persingkat sehingga menyentuh sekitar setengah halaman.

pasted arrow

Paste lebih banyak panah di seluruh halaman, dalam formasi yang ditunjukkan di bawah ini, perpendek sesuai kebutuhan.

arrows pasted

Langkah 4

Buka ikon ruang yang diatur di Illustrator.

Klik kanan> Ungroup gambar, sehingga Anda dapat memilih ikon satu per satu.

ungroup icons

Pilih ikon ‘Mars’ pada baris keempat ke bawah, dan Edit> Copy.

mars icon

Langkah 5

Kembali ke dokumen InDesign Anda, kunci layer Arrows dan buka layer Icons.

Edit> Paste ikon ke halaman, dan pindahkan sehingga berada di bagian atas panah pusat.

pasted icon

Dari Swatches panel, pilih New Color Swatch dari menu utama panel. Buat swatch RGB yang baru, R = 41 G = 156 B = 186. Klik Add dan Done.

new rgb swatch

Terapkan swatch ini ke Isi lingkaran yang ada di belakang planet ini

blue fill

Langkah 6

Kembali ke ikon Illustrator, dan pilih ikon ‘Rocket’. Copy itu.

rocket icon

Paste ini langsung ke dokumen InDesign Anda, dan posisikan di bagian atas panah di sisi paling kanan halaman.

Buat swatch RGB yang baru, R = 239 G = 79 B = 77, dan terapkan ini ke lingkaran. Klik kanan> Transform> Rotate roket ke sudut 45 derajat.

rocket icon

Langkah 7

Lanjutkan untuk menyalin dan menempelkan lebih banyak ikon, ‘Astronaut’, ‘Orbit’, dan ‘Earth’, ke dalam infografis, tempatkan di posisi yang ditunjukkan di bawah ini.

Buat swatch RGB baru yang Anda pilih sendiri dan terapkan ini ke masing-masing lingkaran latar belakang.

earth icon

Langkah 8

Isolasikan sosok 'Alien' pada gambar ikon, dan salin dan juga tempelkan ini ke infografis.

alien icon

Posisikan itu di kanan-bawah tata letak.

alien graphic

Langkah 9

Kunci icons layer dan buka  kunci Type layer.

Dengan ikon Anda di tempat, Anda sekarang dapat mulai membangun teks pada infografis Anda, untuk mencocokkan dengan setiap ikon.

Pilih Type Tool (T) dan buat bingkai teks di sebelah kanan ikon ‘Mars’ di bagian atas. Ketik subtitle, dan atur Font ke BW Modelica ExtraBold, Ukuran 30 pt, Tracking 90, dan Align Right. Atur Font Color ke [Paper].

sub-heading

Langkah 10

Buat bingkai teks kedua di bawah ini, ketik fakta yang Anda pilih, dan atur Font ke BW Modelica Bold, Ukuran 12 pt, Tracking 60, dan Align Right.

body text

Langkah 11

Sekarang Anda dapat memilih judul dan bingkai teks tubuh dan Copy dan Paste ini, untuk mengisi infografis Anda dengan teks yang lebih banyak.

text alignment

Sesuaikan perataan teks saat Anda menyesuaikan posisi pada halaman.

text frames

Langkah 12

Jika Anda memiliki area infografis di mana teks sulit dibaca karena latar belakang, Anda dapat membuat lingkaran di [Black] menggunakan Ellipse Tool (L).

ellipse tool

Pergi ke Object> Effects> Gradient Feather untuk menerapkan Radial gradient ke bentuk-bentuk ini.

gradient

Kemudian pastikan untuk Right-Click> Arrange> Send to Back untuk mendorong mereka ke belakang teks.

send to back

Langkah 13

Jika Anda ingin membuat fitur statistik tertentu, Anda dapat mengatur angka dalam ukuran besar BW Modelica.

large type

Kemudian, masuk ke Type> Create Outlines.

outlined text

File> Place, pilih salah satu gambar latar ruang, dan Open. Ini benar-benar akan membuat angka muncul di halaman.

space image

Kesimpulan:  Infographis Anda 

Infografimu sudah selesai — pekerjaan luar biasa!

final infographic

Sangat mudah untuk membagikan infografis Anda secara online. Cukup buka File> Ekspor dan pilih PNG atau JPEG dari opsi Format yang tersedia.

Kemudian Anda dapat mengunggah gambar Anda ke Pinterest atau situs media sosial lainnya.

Anda dapat mengunduh versi lengkap infografik di atas ini.

Anda dapat menemukan lebih banyak templat dan ikon infografis untuk digunakan pada desain Anda di atas pada GraphicRiver dan Envato Elements.

Temukan lebih banyak tutorial infografis di sini:

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