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

Membuat Template Infographic Super sederhana di Adobe InDesign

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Ade Khairul Umam (you can also view the original English article)

Final product image
What You'll Be Creating

Anda pasti punya kepala dimakamkan di pasir jika Anda belum melihat invasi infographic di seluruh dunia desain! Infografis menikmati lonjakan popularitas, dan itu mudah untuk melihat mengapa — mereka berwarna-warni, menarik dan dinamis cara untuk menampilkan sejumlah besar informasi, dan mereka meminjamkan visual pukulan sebaliknya membosankan Statistik dan data.

Pro infographic sering menggunakan Adobe Photoshop dan Illustrator untuk membuat konsep statistik mereka, tapi di sini kita akan menunjukkan bagaimana Anda dapat membuat super sederhana dan berdampak tinggi infographic menggunakan hanya alat yang tersedia bagi Anda di Adobe InDesign. Dalam tutorial ini Anda akan membuat template dapat digunakan kembali untuk infographic, dan membuat elemen infographic dipertukarkan, fleksibel untuk proyek-proyek masa depan.

Mari kita mulai!

1. menetapkan dokumen InDesign

Anda dapat membuat template infographic Anda cetak atau online, tetapi untuk sekarang kita akan menyiapkan itu sebagai dokumen cetak besar.

Langkah 1

Membuka InDesign dan pilih File > dokumen baru. Di jendela dokumen baru ditetapkan maksud untuk cetak dan mengatur No. Halaman 1. Hapus menghadap halaman.

new document

Page Size pilih 'Adat...' dari menu drop-down untuk membuat Custom halaman ukuran yang baru. Nama ukuran ini baru 'Infographic' dan mengatur lebar 297 mm dan tinggi ke 600 mm. Klik Tambahkan dan kemudian OK.

infographic custom size

Kembali di jendela dokumen baru, menjaga margin mereka nilai default (12.7 mm) dan ditetapkan berdarah untuk 3 mm di semua sisi. Klik OK.

infographic document

Langkah 2

Untuk memberikan elemen infographic Anda tampilan dan nuansa bersatu dan profesional, kami dapat memberikan dokumen latar belakang berwarna dengan gradien halus.

Pertama, pergi ke panel lapisan (jendela > lapisan, jika belum terbuka) dan double‑click pada nama 'Lapisan 1' default untuk membuka jendela opsi lapisan. Mengubah nama lapisan ini 'Latar belakang' dan klik OK.

layer 1

Menggunakan Rectangle Tool (M), seret untuk membuat bingkai yang meluas di seluruh halaman, dan tepi berdarah.

Buka panel Swatch (jendela > warna > Swatch) dan pilih baru warna Swatch... dari menu drop-down di panel. Buat baru Swatch CMYK (dipilih dari menu Mode warna), C = 63 M = 10 Y = 10 K = 0, dan klik OK. Set mengisi frame baru Anda ke swatch biru baru ini, dan Stroke untuk [tidak].

New swatch

Sebagai sentuhan akhir, dengan bingkai yang dipilih, pergi ke objek > efek > gradien bulu dan set tipe Radial.

gradient feather
drop shadow

Langkah 3

Kembali ke Layers panel dan mengunci lapisan 'Latar belakang' dengan mengklik di dalam kotak kosong di sebelah ikon mata. Dari menu tarik-turun di panel, pilih lapisan baru... Nama lapisan ini 'Bingkai' dan klik OK.

Pilih alat Line (\), dan memegang Shift, tarik dari kiri ke kanan untuk membuat garis lurus yang membentang dari berdarah kiri ke kanan berdarah.

Dengan garis dipilih, membuka Stroke panel (jendela > Stroke) dan ditetapkan berat 8 mm. Mengatur warna Stroke untuk C = 63 M = 10 Y = 10 K = 0, seperti sebelumnya. Posisi baris di bagian atas halaman.

line at top of page

Mengedit > menyalin, dan mengedit > sisipkan baris dan posisi di bagian bawah halaman.

line at bottom of page

Langkah 4

Membuat serangkaian baris dalam nuansa es krim yang berbeda dengan menyalin baris yang Anda buat di langkah 3 (Edit > menyalin, mengedit > Paste) lima kali lebih banyak.

group of lines

Tempat yang lain empat menyisipkan baris di atas satu sama lain dalam satu blok di Y posisi 56 mm. Tambahkan Swatch berikut di panel Swatch dan menerapkan serangkaian baris pada gilirannya:

  • C = 8 M = 41 Y = 12 K = 0
  • C = 8 M = 5 Y = 12 K = 0
  • C = 58 M = 10 Y = 40 K = 0
  • C = 49 M = 41 Y = 41 K = 5
document with frame

Langkah 5

Memperkenalkan judul untuk dokumen infographic Anda. Kembali ke Layers panel dan mengunci lapisan 'Frame'. Buat Layer baru dan mengubah nama itu 'Title'.

Layer 2

Pilih font yang segar dan riang, tetapi jelas untuk membaca (kejelasan dan keterbacaan on Infografis adalah sangat penting). Di sini, saya telah menggunakan Josefin Sans seluruh dokumen.

Pilih jenis alat (T) dan seret untuk membuat teks bingkai 297 mm lebar dan 26 mm tinggi. Ketik judul dan (ayat istirahat) sub judul dokumen Anda, dan tempat frame di kesenjangan antara garis-garis berwarna di bagian atas halaman.

Dari panel kontrol format karakter di sepanjang bagian atas layar Anda, mengatur Font untuk Josefin Sans biasa, pt ukuran 35, 42 terkemuka pt dan warna Font untuk C = 49 M = 41 Y = 41 K = 5. Mengatur orientasi untuk menyelaraskan pusat. Anda dapat juga memperkenalkan warna yang berbeda ke dalam sub judul jika Anda ingin.

Title of document

2. membuat mudah Peasy Pie Chart

Elemen pertama dalam template infographic Anda akan sebuah diagram pie-bagan sederhana. Anda dapat menggunakan ini untuk memberikan gambaran data sedang dianalisis dan mengeluarkan bagian-bagian tertentu dari demografis untuk komentar.

Langkah 1

Kembali ke Layers panel dan mengunci lapisan 'Title'. Buat Layer baru, nama 'Pie Chart', dan klik OK.

Pergi ke panel alat dan pilih Ellipse Tool (L). Memegang Shift, seret untuk menciptakan sebuah lingkaran sempurna 100 mm diameter. Posisi ini arah atas kiri halaman (di bawah garis berwarna) dan mengisi untuk C = 49 M = 41 Y = 41 K = 5. Tarik panduan dari bagian atas dan kiri penguasa (Lihat > penguasa Tampilkan) untuk menandai Pusat lingkaran.

pie chart circle

Langkah 2

Dengan lingkaran yang dipilih, pergi ke Edit > menyalin dan mengedit > Paste di tempat dan perubahan mengisi lingkaran ini kedua untuk C = 63 M = 10 K = 0 Y = 10.

Pilih Scissors Tool (C) dan hover atas lingkaran biru. Klik sekali di tepi bagian bawah lingkaran dan sekali lagi di tepi kanan, untuk membuat bagian terpisah. Klik untuk memilih bagian yang lebih besar dari lingkaran biru dan menghapus, sehingga lingkaran abu-abu sekali lagi terlihat.

cut circle

Tergantung pada seberapa besar Anda ingin membuat bagian pie chart Anda, Anda bisa mempertahankan diameter bagian seperti itu, yang merupakan sekitar seperempat dari seluruh. Atau, seperti yang telah saya lakukan di sini, Anda dapat membagi lebih lanjut ke dalam bagian satu-delapan dari keseluruhan. Untuk melakukannya, gunakan Scissors Tool (C) sekali lagi, dan klik setelah pertengahan sepanjang tepi luar diameter bagian dipotong, seperti yang ditunjukkan di bawah ini.

cut section of circle

Membuang salah satu bagian yang dipotong dan, dengan sisa bagian dipilih, pilih Pen Tool (P). Klik sekali di pusat lingkaran abu-abu untuk membuat kue berbentuk section.

pie section of chart

Langkah 3

Membuat bagian pie lain dengan memilih bagian biru dan salinan > mengedit dan mengedit > pasta. Mengubah mengisi warna yang berbeda, dan posisi bagian ke posisi Anda senang dengan.

Anda dapat menambahkan efek 3D dengan menerapkan Drop Shadow halus ke salah satu bagian pie. Pergi ke objek > efek > Drop Shadow dan set Opacity 25%, dan jarak dan ukuran untuk 2 mm.

drop shadow on pie chart

Langkah 4

Menambahkan komentar diagram pie dengan memperkenalkan beberapa frame teks menggunakan jenis alat (T). Menyetel Font untuk Josefin Sans SemiBold, pt ukuran 20, dan menggunakan pencocokan warna Font untuk bagian-bagian yang sesuai.

Menggunakan piranti baris (\), yang memegang pergeseran, untuk membuat pointer. Di Stroke panel, mengatur berat untuk 1 mm, ketik untuk titik-titik Jepang dan nilai akhir CircleSolid.

annotation on pie chart

3. menunjukkan tren dengan grafik Bar arah

Langkah 1

Menavigasi sedikit ke bawah halaman, sehingga Anda melihat bagian laman di bawah grafik pie. Pada panel lapisan, kunci semua lapisan yang ada dan membuat Layer baru, berganti nama 'Bar Chart'.

Pilih alat Line (\), dan memegang Shift, seret secara vertikal untuk membuat garis sekitar 120 mm panjang. Dari Stroke panel, mengatur berat 18 mm, nilai akhir untuk TriangleWide dan Stroke warna untuk C = 49 M = 41 Y = 41 K = 5.

bar chart layer

Langkah 2

Mengedit > menyalin dan mengedit > Paste panah ini beberapa kali, berbagai warna Stroke dan panjang. Mengatur panah persis di samping satu sama lain untuk menciptakan tampilan yang ketat dan berlapis.

bar chart arrows

Langkah 3

Untuk memberikan tampilan 3D grafik, memperkenalkan garis horizontal yang menggunakan alat Line (\). Memastikan Stroke memiliki beberapa warna dan berat 1 mm, kemudian menerapkan drop shadow dengan pergi ke objek > efek > Drop Shadow... dan set Opacity hingga 75%.

bar chart shadow
bar chart drop shadow

Mengirim baris belakang Panah, membuat garis itu sendiri tak terlihat, Ctrl-klik (Mac) atau klik kanan (PC) > mengatur > mengirim kembali.

bar chart

Langkah 4

Anda dapat memperkenalkan keterangan di bawah grafik bar, serta deskripsi dari persentase, dll, pada grafik sendiri dengan menerapkan teks individu bingkai di atas grafik dan memasukkan nilai-nilai data Anda.

Menyetel Font di semua kasus untuk Josefin Sans untuk tetap konsisten.

bar chart with captions

4. membuat orang ikon tanpa menggunakan ilustrator

Fokus pada mendapatkan hasil maksimal dari Shape tool yang ditawarkan kepada Anda di InDesign. Sungguh menakjubkan apa yang dapat Anda buat! Setelah Anda menguasai membuat orang sederhana siluet, cobalah untuk menggunakan Shape Tool untuk membuat ikon sederhana infographic lainnya.

Langkah 1

Pada panel lapisan, memastikan semua lapisan yang ada terkunci, sebelum membuat Layer baru. Nama 'Angka ini'.

Menavigasi ke karton, berdekatan dengan halaman di sebelah kiri atau kanan. Anda dapat menggunakan area ini untuk bereksperimen dengan menciptakan bentuk Anda.

Menggunakan Rectangle Tool (M) untuk menarik bingkai 24 mm lebar dan 50 mm tinggi. Mengatur warna mengisi untuk C = 49 M = 41 Y = 41 K = 5 untuk sekarang.

Dengan bingkai yang dipilih, pergi ke objek > sudut pilihan untuk membuka jendela pilihan sudut. Mengatur ukuran semua sudut 5 mm dan bentuk untuk dibulatkan. Kerangka ini akan membentuk batang tubuh gambar.

corner options

Sekarang mengedit > menyalin dan mengedit > Paste bingkai ini berulang-ulang dan memanipulasi lebar dan tinggi untuk membuat frame sempit untuk lengan, kaki, dan bahu. Ctrl-klik (Mac) atau klik kanan (PC) > mengubah > putar... untuk menyesuaikan orientasi bentuk. Tahan Shift saat menggunakan Ellipse Tool (L) untuk membuat kepala.

male figure

Untuk kemudahan penggunaan, Anda dapat mengelompokkan bentuk bersama-sama dengan Ctrl klik (Mac) atau klik kanan (PC) > Group.

Langkah 2

Membuat sosok perempuan dengan memilih sosok laki-laki dan membuat salinan (Edit > menyalin dan mengedit > Paste). Mengatur mengisi C = 8 M = 5 Y = 12 K = 0. Memutar lengan sisi kiri ke-21 derajat (Ctrl-klik (Mac) atau klik kanan (PC) > putar...) dan memutar sisi kanan lengan menjadi 21 derajat cermin lengan kiri.

Gunakan Rectangle Tool (M) untuk membuat bingkai persegi tambahan yang meluas di seluruh batang tubuh. Untuk membuat bentuk rok, gunakan Scissors Tool (C) untuk snip dari luar tepi (menyingkirkan dua segitiga terbalik di kedua sisi, lalu pergi ke objek > jalan > bergabung, dengan jalur yang tersisa dari frame yang dipilih, untuk menciptakan bentuk trapesium).

female figure

Langkah 3

Sekarang Anda telah membuat angka-angka Anda, Anda dapat menggunakannya dalam segala macam infographic pengaturan.

Anda dapat menggunakannya untuk menunjukkan jenis kelamin demografis dengan panah sederhana (mirip dengan yang kita buat sebelumnya untuk Bar Chart, hanya Copy dan Paste dan bervariasi warna Stroke) dan teks keterangan menyatakan data (ditetapkan dalam Josefin Sans SemiBold).

male and female infographic

Anda juga dapat mengurangi ukuran sosok (tahan Shift Resize sementara untuk mempertahankan proporsi yang sama), dan Copy dan Paste, mengulangi baris untuk memberikan rasa data kependudukan.

Untuk meniru efek ini, duduk sejumlah tokoh diulang berturut-turut sepanjang dasar sama (tarik ke bawah panduan dari penguasa atas untuk mendapatkan mereka semua berbaris persis).

Memperkenalkan garis horizontal yang menggunakan alat Line (\), menetapkan jenis putus-putus dan berat untuk 1 mm, dan duduk di jalur antara tepi angka-angka dan bingkai teks. Dalam frame teks (jenis alat [T]) ketik nomor persentase data, dan mengatur Font tebal Sans Josefin, ukuran 80 pt.

population infographic

Untuk membuat bentuk air mata-drop pada awal deretan angka, gunakan Ellipse Tool (L) untuk membuat sebuah lingkaran sempurna (tahan Shift). Secara terpisah, membuat garis di sekitar 45 derajat sudut dan mengedit > salinan > pasta untuk membuat copy dari garis.

Ctrl-klik (Mac) atau klik kanan (PC) > mengubah > Flip Horizontal dan posisi kedua baris di bawah baris pertama, dengan tepi mereka menghubungkan. Pergi ke objek > jalan > bergabung dan mengisi warna untuk swatch sama sebagai lingkaran yang baru Anda buat. Tempatkan segitiga atas lingkaran, dengan tepi segitiga merayap dari sisi kanan lingkaran. Ctrl-klik (Mac) atau klik kanan (PC) > kelompok dua bentuk bersama-sama untuk mudah manouvering.

tear drop shape

5. keterangan grafis sederhana peta

Kadang-kadang, Anda mungkin perlu untuk memperkenalkan ikon atau gambar yang lebih rinci dari ilustrator atau Photoshop infographic Anda, seperti peta diagram. Anda dapat menambahkan anotasi kepada mereka dengan InDesign.

Langkah 1

File > menempatkan grafis EPS atau Illustrator pilihan ke dalam dokumen Anda pada Layer baru. Posisi ini arah atas hak untuk halaman, di bawah grafik Pie Chart.

Untuk menambahkan dimensi lain untuk peta Anda, Anda dapat menambahkan lingkaran dalam berbagai ukuran untuk memberikan rasa proporsi yang berbeda data di wilayah geografis yang (misalnya persentase populasi di daerah tertentu).

Gunakan Ellipse Tool (L), memegang pergeseran, untuk membuat tiga atau empat lingkaran dari berbagai ukuran dan warna, dan posisi ini pada peta.

map with circles

Dengan bentuk yang dipilih, pergi ke objek > efek > transparansi dan set Opacity dari kalangan 85%.

transparency applied to circles

Untuk pop-out, 3D efek, tambahkan drop shadow dengan mencentang kotak Drop Shadow di panel efek. Mengatur Opacity sampai 30% dan meningkatkan ukuran 4 mm.

drop shadow applied to circles

Langkah 2

Penurunan teks keterangan menggunakan jenis alat (T) dan membuat menghubungkan petunjuk menggunakan alat Line (\), pengaturan berat untuk 1 mm dan jenis untuk titik-titik Jepang. Di Stroke panel (jendela > Stroke) menetapkan nilai akhir untuk CircleSolid membuat efek pointer.

annotated map infographic

Dan di sana Anda memilikinya! Pekerjaan besar!

final infographic

Anda telah membuat satu set sederhana tapi super efektif Infografis, dengan estetika kontemporer, segar.

Anda dapat mengedit template infographic dasar ini untuk mengakomodasi berbagai macam data dasar tentang populasi dan demografi. Anda juga dapat menarik elemen dari setiap infographic untuk membuat dokumen infographic kustom Anda sendiri. Selamat bersenang-senang menemukan cara Anda sendiri untuk membuat informasi yang indah!

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.