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

Cara Membuat Infographic Perjalanan Luar Angkasa di Adobe InDesign

by
Read Time:8 minsLanguages:
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 imageFinal product imageFinal 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 documentnew documentnew 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 layertype layertype 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 imageplaced imageplaced 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 shapeblack shapeblack 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 feathergradient feathergradient feather

Langkah 3

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

flip verticalflip verticalflip vertical

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

background layerbackground layerbackground 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 graphicrocket graphicrocket 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 graphicrocket graphicrocket 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 imagerocket imagerocket 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 panelcharacter panelcharacter 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 frametext frametext frame

Langkah 3

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

create outlinescreate outlinescreate outlines

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

outlined textoutlined textoutlined 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 imagespace imagespace 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 strokearrow strokearrow 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 feathergradient feathergradient feather

Langkah 3

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

pasted arrowpasted arrowpasted arrow

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

arrows pastedarrows pastedarrows pasted

Langkah 4

Buka ikon ruang yang diatur di Illustrator.

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

ungroup iconsungroup iconsungroup icons

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

mars iconmars iconmars 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 iconpasted iconpasted 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 swatchnew rgb swatchnew rgb swatch

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

blue fillblue fillblue fill

Langkah 6

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

rocket iconrocket iconrocket 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 iconrocket iconrocket 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 iconearth iconearth icon

Langkah 8

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

alien iconalien iconalien icon

Posisikan itu di kanan-bawah tata letak.

alien graphicalien graphicalien 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-headingsub-headingsub-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 textbody textbody 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 alignmenttext alignmenttext alignment

Sesuaikan perataan teks saat Anda menyesuaikan posisi pada halaman.

text framestext framestext 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 toolellipse toolellipse tool

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

gradientgradientgradient

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

send to backsend to backsend to back

Langkah 13

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

large typelarge typelarge type

Kemudian, masuk ke Type> Create Outlines.

outlined textoutlined textoutlined text

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

space imagespace imagespace image

Kesimpulan:  Infographis Anda 

Infografimu sudah selesai — pekerjaan luar biasa!

final infographicfinal infographicfinal 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:

One subscription.
Unlimited Downloads.
Get unlimited downloads