() translation by (you can also view the original English article)
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:
- Foto beruang kutub
- Charlevoix Pro font, di bobot reguler dan Bold
- Bobot ilustrasi vektor dari kumpulan ikon 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).
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.
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.
Kunci semua lapisan kecuali Background.
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.
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.
Untuk swatch Flood Gradient, pilih biru pucat untuk satu stop dan [Paper] (putih) untuk yang lain.
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.
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
Buat lebih banyak bentuk persegi panjang, isi setiap bagian yang ditunjuk dengan warna, lulus dari biru laut pucat hingga biru tua ke arah bawah.
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.
Edit> Copy, Edit> Paste bentuknya, dan pindahkan di bawah ini, menutupi bagian bawah halaman secara lengkap. Sesuaikan Fill dengan warna krem.
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].
Perluas panel Stroke (Window> Stroke), dan atur Weight stroke menjadi 6 pt dan Type menjadi Right Slant Hash, untuk memberi desain beberapa tekstur.
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.
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.
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.
Kemudian tekan Delete pada keyboard Anda untuk menghapus pilihan.
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.
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.
Langkah 4
Dengan bingkai gambar yang dipilih, masuk ke Object> Effects> Transparency, dan atur Mode ke Hard Light. Klik OK.
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%.
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.
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.
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.
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.
Langkah 4
Anda bisa membuat 'pointer' untuk item teks dengan menggunakan Line Tool (\). Pada panel Stroke, atur Type to CircleSolid.
Tambahkan kredit untuk setiap statistik dalam bingkai teks terpisah, tetapkan dalam Ukuran Font yang lebih kecil.
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.
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.
Saya terus membangun teks di seputar statistik kunci ini, yang ada dalam beberapa kode bawaan Charlevoix Pro Regular dan Color Font [Paper].
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.
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.
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.
Hias desain ikon Anda dengan panah dan teks, dan tarik keluar tokoh atau kata kunci dengan warna kontras.
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.
Gunakan Pen Tool (P) untuk membuat bentuk panah sederhana di dalam lingkaran.
Klik kanan> Group elemen bersama untuk membuat ikon yang mudah disalin dan disisipkan.
Lanjutkan untuk membangun statistik sepanjang infografis Anda, memvariasikan Font Colors untuk kontras dan minat.
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).
Pergi ke Object> Path > 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.
Edit> Paste, Edit> Paste in Place lingkaran tepat di atas yang pertama, dan sesuaikan warnanya dengan swatch yang kontras.
Kemudian ambil Scissors Tool (C) dan singkirkan bagian lingkaran di atas, pisahkan bagian 'pie' agar kira-kira sesuai dengan persentase statistik Anda.
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.
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.
Tambahkan keterangan di bawah panah bawah dan di atas setiap batang jika Anda mau.
Saya telah menggunakan Flood Gradient untuk membuat judul utama dari diagram batang benar-benar menonjol.
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.
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.
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.
