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

Cara Membuat Infografis Perubahan Iklim di Adobe InDesign

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Infographic Templates.
How to Create a Timeline Infographic for Black History Month in Illustrator

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

Final product image
What You'll Be Creating

Bantu penyebarluasan kesadaran tentang efek pemanasan global dengan perubahan iklim informatif ini. Mudah menyesuaikan diri dengan pilihan fakta dan statistik Anda sendiri, ini adalah template bagus untuk membuat desain yang unik.

Kami akan menyiapkan tata letak di Adobe InDesign dan mempersiapkannya untuk berbagi secara online, di media sosial atau Pinterest.

Siap menyebarkan berita tentang perubahan iklim? Mari kita mulai...

Apa yang Anda Harus Buat Infografis Anda

Anda memerlukan akses ke Adobe InDesign dan Adobe Photoshop untuk membuat desain Anda. Jika Anda ingin membuat grafik lingkaran pie chart, Anda juga harus memiliki Adobe Illustrator untuk diserahkan. Selain itu, Anda harus mendownload file gambar dan font berikut ini:

Jika Anda ingin menyesuaikan desain Anda dengan lebih banyak detail ikon, Anda dapat melihat beberapa ikon pada rangkaian energi baris ini atau kumpulan lingkungan ini.

Setelah mendownload gambar dan memasang font ke komputer Anda, Anda siap untuk menyelam.

1. Cara Menyiapkan Dokumen Infografis Anda

Langkah 1

Buka InDesign dan masuk ke File> New> Document. Pilih Web untuk Intent di bagian atas, dan batalkan pilihan Facing Pages.

Di bawah Ukuran Halaman, atur Width sampai 1800 px * dan Height ke 6950 px (Anda dapat menyesuaikan ketinggiannya nanti jika Anda menginginkannya dengan menggunakan Page Tool).

new document

Klik OK untuk membuat dokumen Anda.

* Pinterest merekomendasikan lebar gambar 600 px. 1800 px adalah tiga kali lipat lebar yang disarankan, yang berarti desain Anda akan terlihat jernih dan jernih saat diubah ukurannya.

document

Langkah 2

Perluas panel Layers (Window> Layers), dan klik dua kali pada Layer 1 untuk membuka jendela Options. Ubah nama layer Background dan klik OK.

Klik pada tombol Create New Layer di bagian bawah panel dan ganti nama layer kedua ini Photo. Kemudian buat layer akhir terakhir yang disebut Tipografi.

new layer

Kunci semua lapisan kecuali Background.

layers

Langkah 3

Sebaiknya buat palet warna lengkap untuk digunakan di seluruh desain sebelum Anda memulai. Begini caranya.

Perluas panel Swatch (Window> Color> Swatches), lalu pilih New Color Swatch dari menu drop-down panel (di kanan atas).

Dengan Type set ke Process dan Mode ke RGB, atur level Red, Green dan Blue sampai Anda menciptakan hasil yang Anda inginkan. Klik Add dan kemudian OK.

swatch options

Ulangi proses ini untuk membuat lebih banyak rGB swatch, membangun palet penuh. Untuk membuat palet yang digunakan pada desain yang digambarkan di sini, buat swatch berikut:

  • R=251 G=252 B=247
  • R=224 G=110 B=9
  • R=164 G=104 B=13
  • R=118 G=81 B=37
  • R=229 G=35 B=47
  • R=168 G=217 B=232
  • R=83 G=172 B=188
  • R=45 G=4 B=11
  • R=116 G=194 B=206
  • R=47 G=154 B=172
  • R=0 G=127 B=159
  • R=51 G=52 B=80

Langkah 4

Anda juga bisa membuat dua gradien swatch dengan memilih New Gradient Swatch dari menu panel. Di sini, kita bisa menciptakan satu 'Heat Gradient' dan satu 'Flood Gradient' untuk menciptakan efek kontras pada desain.

Untuk swatch Heat Gradient, atur Type mejadi Radial dan pilih Swatches untuk Stop Color. Kemudian pilih swatch merah gelap untuk satu stop dan swatch oranye untuk yang lain.

heat gradient

Untuk swatch Flood Gradient, pilih biru pucat untuk satu stop dan [Paper] (putih) untuk yang lain.

flood gradient

Langkah 5

Dengan para penguasa terlihat (View > Show Rulers), seret panduan dari penguasa atas, turun ke posisi Y 1865 px (Anda dapat melihatnya di panel Controls atas).

Seret panduan kedua ke 3780 px, yang ketiga sampai 4540 px, dan yang terakhir adalah 5385 px. Bagian ini di atas halaman, siap untuk menerapkan warna latar belakang kita.

guides

2. Cara Membuat Background pada Layout Anda

Langkah 1

Ambil Rectangle Tool (M) dan seret di bagian atas halaman, pindahkan ke panduan pertama. Dari panel Swatch, atur Fill ke swatch biru langit

top blue rectangle

Buat lebih banyak bentuk persegi panjang, isi setiap bagian yang ditunjuk dengan warna, lulus dari biru laut pucat hingga biru tua ke arah bawah.

swatches

Langkah 2

Zoom ke bagian bawah halaman. Gunakan Pen Tool (P) untuk menggambar bentuk kasar, menirukan kurva berpasir di dasar samudra. Atur Fill ke warna peach gelap.

sand

Edit> Copy, Edit> Paste bentuknya, dan pindahkan di bawah ini, menutupi bagian bawah halaman secara lengkap. Sesuaikan Fill dengan warna krem.

sand

Langkah 3

Scroll ke atas menuju bagian atas halaman.

Gunakan Pen Tool (P) untuk menggambar garis lurus di bagian atas pemandu (di bawah bagian yang berwarna pertama), lalu tarik ke bawah dan kerjakan dengan cara di atas, buat ilustrasi yang bergerigi. This gives the impression of the underneath of an iceberg.

Bergabunglah dengan ilustrasi ini menjadi bentuk yang lengkap dan atur Fill menjadi [Paper].

paper fill

Perluas panel Stroke (Window> Stroke), dan atur Weight stroke menjadi 6 pt dan Type menjadi  Right Slant Hash, untuk memberi desain beberapa tekstur.

right slant hash

Terakhir, naik ke Object > Effects > Drop Shadow. Bawa Opacity turun sampai 10% dan atur Effect Color (dengan mengklik kotak berwarna di samping menu Mode di bagian atas) ke warna biru yang sedikit berbeda untuk membuat bayangan tampak halus dan alami.

effect color

Klik OK untuk keluar.

3. Cara Mengedit Foto untuk Infografis Anda

Langkah 1

Ke atas ke File> Save untuk menyimpan disain Anda, dan meminimalkan jendela sejenak. Buka foto beruang kutub di Photoshop.

Gandakan layer Background untuk menyimpan salinan gambar utuh, dan matikan visibilitasnya.

Kemudian gunakan Lasso Tool (L) untuk memisahkan area di sekitar tepi siluet beruang. Tujuannya adalah untuk mengisolasi citra dari latar belakangnya.

lasso tool

Setelah memilih area, klik pada tombol Refine Edge di atas Controls, dan periksa Smart Radius. Sesuaikan slider sampai Anda puas dengan keakuratan seleksi, sebelum mengklik OK.

refine edge

Kemudian tekan Delete pada keyboard Anda untuk menghapus pilihan.

cut out section

Bekerja dengan cara Anda di seluruh gambar sampai semua latar belakang dihapus.

Langkah 2

Gambar akan terlihat lebih stylish di layout akhir jika kita mengubahnya menjadi hitam putih

Ke atas Image > Adjustments > Channel Mixer. Periksa Monokrom di bagian bawah jendela, dan atur level sampai Anda puas dengan hasilnya. Klik OK.

channel mixer

Kemudian File> Save As your image sebagai file Photoshop (.psd), yang akan melestarikan latar belakang transparan dan kualitas gambar.

Langkah 3

Kembali ke dokumen InDesign Anda dan kunci layer Background. Buka kunci layer di atas, foto.

Gunakan Rectangle Frame Tool (F) untuk membuat bingkai gambar di atas ilustrasi gunung es dan bagian bawah bagian berwarna biru langit.

File > Place, pilih gambar Photoshop Anda, dan buka.

photo layer

Langkah 4

Dengan bingkai gambar yang dipilih, masuk ke Object> Effects> Transparency, dan atur Mode ke Hard Light. Klik OK.

hard light

Kemudian pilih bingkai foto dan Edit> Copy, Edit> Paste in Place, buat salinan kedua dari gambar yang dilapisi di atas. Kembali ke jendela Effects lagi, dan sesuaikan Mode menjadi Normal dan Opacity menjadi 50%.

transparency

4. Cara Memformat Tipografi untuk Infografis Anda

Langkah 1

Kunci layer Photo dan buka layer atas, Tipografi.

Use the Type Tool (T) to create a text frame at the top of the page, and type in the title of the infographic.

Dari panel Controls di bagian atas ruang kerja atau panel Character dan Paragraph (Window> Type & Tables> Character), atur Font ke Charlevoix Pro Bold, Size 140 pt, Tracking 40, dan Align Center. Sesuaikan Warna Font ke [Paper] dari panel Swatches.

text frame

Untuk membuat batas di sekitar judul, klik pada bingkai teks dengan Selection Tool (V, Escape), dan atur Stroke frame ke [Paper] dari panel Swatches. Lalu pergi ke Object> Text Frame Options dan meningkatkan nilai Inset (di sini, sampai 30 px) sampai teks dipusatkan dengan baik di frame.

text frame options

Anda juga dapat membuat bingkai teks di bawah judul utama untuk subjudul jika Anda mau. Tetapkan teks di Charlevoix Pro Reguler.

Langkah 2

Buat bingkai teks dan lapisan lain di atas foto beruang kutub. Ketik '2050' dan atur Font Color menjadi Heat Gradient. Atur Font ke Bebas Neue dan buat Ukuran Font sangat besar (sekitar 600 pt).

Anda juga dapat menyesuaikan pengaturan Transparency di jendela Effects ke Multiply, untuk membawa beberapa foto di bawahnya.

heat gradient

Langkah 3

Buat bingkai teks ke kiri atas beruang kutub, dan ketik fakta pertama Anda. Anda tentu saja bisa menyesuaikan ini dengan statistik apa pun yang ingin Anda hadirkan.

Atur Font ke Charlevoix Pro dan mainkan dengan proporsi teks, sesuaikan Ukuran Font, Leading (line-spacing), dan Font Color untuk membuat hierarki dalam paragraf dan menarik kata-kata kunci.

text highlighted

Langkah 4

Anda bisa membuat 'pointer' untuk item teks dengan menggunakan Line Tool (\). Pada panel Stroke, atur Type to CircleSolid.

circle solid

Tambahkan kredit untuk setiap statistik dalam bingkai teks terpisah, tetapkan dalam Ukuran Font yang lebih kecil.

text frame

Langakah 5

Anda dapat membuat panah dengan menggunakan panel Line Tool (\) dan Stroke juga, walaupun saya biasanya lebih suka menggunakan Line Tool untuk membuat kepala batang dan panah, yang memungkinkan saya mengendalikan proporsi panah yang tepat.

arrow

Di sini saya telah membuat sebuah panah ke sisi kanan beruang kutub, sebelum menetapkan statistik di Charlevoix Pro Bold dalam bingkai teks di sebelahnya. Saya telah menyesuaikan Font Color dengan Heat Gradient untuk dampak ekstra.

heat gradient

Saya terus membangun teks di seputar statistik kunci ini, yang ada dalam beberapa kode bawaan Charlevoix Pro Regular dan Color Font [Paper].

text frame

Langkah 6

Setelah Anda merancang satu statistik, Anda dapat menggunakan ini sebagai model untuk membuat orang lain, dengan menyalin dan paste.

Di sini saya telah menempelkan panah dan bingkai teks ke bagian tengah gunung es, dan menyesuaikan konten teks dan  Font Color.

text frame

Setelah Anda benar-benar puas dengan format dan susunan teks, Anda bisa menuju ke Type> Create Outlines untuk melakukan vectorise teks ini *. Hal ini memungkinkan Anda untuk skala kelompok dengan mudah agar sesuai dengan desain Anda.

* Harap diperhatikan, ini akan mencegah Anda menerapkan format lebih lanjut, seperti menyesuaikan pelacakan dll, jadi mungkin masuk akal untuk menempelkan salinan teks asli Anda ke artboard di samping halaman.

create outlines

Langkah 7

Anda dapat menambahkan ikon ke infografis Anda dengan cepat dan mudah dengan membuka kumpulan ikon di Illustrator, sebelum menyalin dan menempelkan ikon individual.

Di sini, aku sudah menyisipkan di ikon berat dari set scales dan rules ini, sebelum melakukan penyesuaian Fill untuk swatch off.

weight icon

Hias desain ikon Anda dengan panah dan teks, dan tarik keluar tokoh atau kata kunci dengan warna kontras.

statistic

Langkah 8

Anda juga dapat membuat ikon panah bagian dengan menggunakan Ellipse Tool (L) dan menahan Shift untuk membuat lingkaran kecil ke bagian bawah bagian yang berwarna.

circle

Gunakan Pen Tool (P) untuk membuat bentuk panah sederhana di dalam lingkaran.

arrow head

Klik kanan> Group elemen bersama untuk membuat ikon yang mudah disalin dan disisipkan.

group

Lanjutkan untuk membangun statistik sepanjang infografis Anda, memvariasikan Font Colors untuk kontras dan minat.

statistic

Langkah 9

Untuk membuat diagram lingkaran, kita memerlukan bantuan singkat Illustrator. Minimalkan dokumen InDesign Anda, dan buka Illustrator.

Gunakan Ellipse Tool (L) dan tahan Shift untuk membuat lingkaran di artboard, mengaturnya agar tidak terisi dan stroke tebal (sekitar 50 pt).

circle

Pergi ke Object> Path > Outline Stroke.

outline stroke

Kemudian ke atas ke Edit > Copy.

Langkah 10

Kembali ke dokumen InDesign Anda dan Edit> Paste lingkaran ke halaman, atur di tengah bagian yang berwarna. Sesuaikan warna swatch pucat.

white circle

Edit> Paste, Edit> Paste in Place lingkaran tepat di atas yang pertama, dan sesuaikan warnanya dengan swatch yang kontras.

brown circle

Kemudian ambil Scissors Tool (C) dan singkirkan bagian lingkaran di atas, pisahkan bagian 'pie' agar kira-kira sesuai dengan persentase statistik Anda.

cut out section
percentage

Langkah 11

Anda juga bisa menambahkan grafik batang ke infografik Anda, yang lebih mudah dilakukan secara langsung di InDesign.

Pertama, gunakan Line Tool (\) untuk membuat dua panah, satu mengarah ke atas dan yang lain menunjuk kanan.

arrows

Kemudian gunakan Rectangle Tool (M) untuk membuat 'bars' pada tabel. Anda dapat melunakkan sudut-sudutnya dengan membuka Object> Corner Options dan mengatur Shape menjadi Rounded.

rounded corners

Tambahkan keterangan di bawah panah bawah dan di atas setiap batang jika Anda mau.

captions

Saya telah menggunakan Flood Gradient untuk membuat judul utama dari diagram batang benar-benar menonjol.

flood gradient
flooding chart final

5. Cara Mengekspor Desain Anda untuk Web

Langkah 1

Bila Anda telah menyelesaikan desain infografis Anda, pastikan File> Save simpan semua kerja keras Anda.

Untuk mengekspor desain yang siap untuk berbagi secara online, arahkan ke File> Export. Pilih JPEG atau PNG dari menu Format di bagian bawah jendela, dan berikan gambar itu nama yang sesuai.

png export

Klik Save.

Langkah 2

Di jendela pilihan ekspor, Anda dapat menyesuaikan pengaturan gambar agar sesuai untuk diunggah secara online. Sesuaikan Quality ke Medium atau High, atur Resolution menjadi 72 ppi, dan pastikan Color Space diatur ke RGB.

export png

Terakhir, klik Export untuk membuat gambar web-ready Anda.

Pekerjaan yang mengagumkan! Infographic Anda selesai!

Kesimpulan: Infografis Selesai Anda

Dengan infografis Anda diekspor, saatnya untuk mendapatkannya secara online dan menyebarkan berita tentang dampak pemanasan global terhadap perubahan iklim dan lingkungan. Atau mengapa tidak mencetaknya dan memasangnya di papan pengumuman di perguruan tinggi atau tempat kerja Anda?

Jika Anda mencari lebih banyak sumber daya untuk desain infografis Anda, Anda dapat menemukan banyak ikon bertema pada GraphicRiver dan template infografis siap diedarkan di Envato Elements.

Climate Change End Result
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.