Advertisement
  1. Design & Illustration
  2. Designing

Cara membuat Infografis Modern yang luar biasa

Scroll to top
Read Time: 7 min
This post is part of a series called Infographic Design.
How to Create a Promotional Website Infographic in Adobe Illustrator
Quick Tip: Use Illustrator Effects to Spice Up Your Graphs
This post is part of a series called Design Essentials.
Publishing a Multiple Paged PDF Document Using Illustrator

Indonesian (Bahasa Indonesia) translation by Andy Nur (you can also view the original English article)

Dalam tutorial ini Anda akan belajar bahwa data tidak harus membosankan, sangat indah! Pelajari cara menggunakan berbagai alat grafik, ilustrasi teknik dan tipografi untuk membuat infographic yang akurat dan memberi inspirasi dalam Adobe Illustrator.

Sebelum memulai, pertimbangkan untuk menggunakan salah satu dari Template Infografis kami untuk proyekmu berikutnya — yaitu, jika kamu memerlukan solusi yang cepat dan profesional.

Atau, untuk desain yang benar-benar disesuaikan, kamu dapat menyewa desainer dari Envato Studio. Sebagai contoh, idesignera menawarkan layanan Infographic desain lengkap sesuai dengan spesifikasi Anda hanya $ 70.

Jika tidak, saatnya untuk menggali tutorial langkah demi langkah ini.


1. menetapkan dokumen Anda

Langkah 1

Mulai dengan menggunakan Rectangle Tool (M) untuk menggambar bentuk. Berikan gradien radial halus juga.


Langkah 2

Seluruh desain didasarkan pada grid empat kolom. Untuk membuat kolom pertama Pilih persegi panjang dan drag Panduan ke pusat bentuk. Menyeret Panduan ke tepi kiri dan kanan bentuk terlalu. Tips: Cara cepat menampilkan penggaris dengan menekan Command-R.


Langkah 3

Mengembun bentuk sehingga cocok dalam panduan paling kiri dan pusat panduan. Sekarang, tambahkan panduan lain yang mana adalah pusat bentuk ini kental.


Langkah 4

Gerakkan bentuk ke kanan dan menambahkan panduan lain ke pusat di sini.


Langkah 5

Gunakan Rectangle Tool (M) untuk menggambar kotak putih tipis di garis tengah yang akan menjadi lebar celah antar kolom. Tambahkan panduan ke kedua sisi kotak kecil dan hapus panduan tengahnya. Tips: Panduan dikunci secara default. Untuk menghapus sebuah panduan pergi ke View > panduan > dan Hapus centang panduan kunci. Kemudian, klik pada panduan dan tekan tombol delete.


Langkah 6

Ulangi proses untuk kolom lainnya dengan hasil akhir Anda berada di bawah. Memperluas kotak jeruk jadi sedikit lebih besar daripada panduan terluar.



2. Buat judul dan Header

Langkah 1

Saya ingin menempatkan grafis yang paling penting pertama dan work-in tambahan grafik dan grafik setelah itu. Memperhatikan skala dan keseimbangan saat Anda mulai untuk menempatkan elemen Anda pada halaman. Di bawah ini, kombinasi dari teks berat dan tipis saling melengkapi.


Langkah 2

Pada awal Anda dapat melakukan percobaan dengan menempatkan grafis utama yang akan membantu memberikan potongan minat visual. Aku memilih untuk menggunakan lingkaran sebagai orientasi tata letak sangat tinggi akan mendapatkan keuntungan dari ini kontras bentuk. Menggunakan Ellipse Tool (L) menarik beberapa sewenang-wenang lingkaran atau berbagai ukuran.


Langkah 3

Memberikan lingkaran berbagai gradien. Untuk mengakses ilustrator standar gradien pergi ke jendela > Swatch Perpustakaan > gradien > Bright.


Langkah 4

Saya sudah ditempatkan kelompok pertama dari lingkaran di sudut dan diperpanjang mereka dari halaman.


Langkah 5

Untuk memastikan tepi yang bersih kami akan klip lingkaran sehingga mereka tampak seperti mereka berhenti di mana berhenti latar belakang. Pertama, menggambar persegi panjang dengan tidak mengisi atau stroke. Pastikan persegi panjang di depan lingkaran. Pilih lingkaran dan persegi panjang kemudian pergi ke objek > kliping masker > membuat.



3. membuat grafik Pie

Langkah 1

Saya menggunakan berbagai grafik di infographic ini. Untuk membuat pie akurat grafik klik grafik sesuai kemudian klik dan tarik pada dokumen Anda untuk membuat grafik pada ukuran tertentu. Grafik pertama kita akan memplot data, 50 tutorial dengan 39 menjadi standar dan menjadi 11 premium. Karena itu, masukkan 39 dalam kotak pertama dan 11 di kedua. Tekan tombol tab untuk maju ke kotak berikutnya. Setelah Anda selesai klik ikon tanda centang di kanan atas.


Langkah 2

Banyak dari Style semua grafik dibuat dengan tangan. Untuk lebih lanjut memanipulasi grafik ungroup itu dengan pergi ke objek > Ungroup. Anda akan menerima sebuah dialog seperti ditunjukkan di bawah. Jika kamu puas dengan grafiknya, klik OK. Tips: Setelah kamu merencanakan grafik, tetapi sebelum kamu memisahkannya, cukup tekan Control-Click dan menuju ke Data untuk mengubah informasi lebih lanjut.


Langkah 3

Langkah ini adalah masalah preferensi. Saya tidak suka bagaimana area abu-abu kecil berada di kiri sehingga saya membalikkan grafik saya menggunakan Reflect Tool (O).


Langkah 4

Tambahkan angka dan kunci grafik secara manual.



4. Tempatkan grafik

Langkah 1

Seperti yang diharapkan, saya menggunakan grid sebagai dasar untuk seberapa lebar grafik saya. Untuk membuat garis pemisah antar grafik, gunakan Pen Tool (P) dan gambar sebuah garis vertikal. Di Stroke panel pilih baris berlari dan masukkan 2pt dalam kotak pertama. Tip: Ketika scaling sebelumnya ditarik stroke, centang atau Hapus skala stroke dan efek di panel Preferensi (perintah-K) untuk mencapai un skala atau skala stroke.


Langkah 2

Untuk membuat efek dari garis tersembunyi menggambar dua garis, satu lebih gelap dan lebih ringan satu.


Langkah 3

Tempat garis gelap sedikit di atas garis lebih ringan untuk menciptakan ilusi cahaya yang datang dari atas.



5. membuat grafik kolom

Langkah 1

Grafik berikutnya aku akan menciptakan adalah kolom grafik (J). Sekali lagi, click-drag untuk membuat ukuran grafik yang kamu pilih. Masukkan nilai untuk grafik Anda. Skala di sebelah kiri secara otomatis dihasilkan berdasarkan variabel-variabel yang Anda masukkan. Klik ikon tanda centang ketika Anda selesai.


Langkah 2

Ungroup grafik Anda sehingga Anda dapat membuat editan visual untuk itu. Di bawah ini, saya telah diringkas grafik sehingga terlihat lebih tinggi daripada lebih luas. Tentu saja aku bisa memiliki hanya tertarik kotak untuk grafik tinggi tapi ini setelah fakta.


Langkah 3

Di bawah ini, saya ingin teks yang sesuai dengan grafik harus mengatur lebar. Untuk mencapai hal ini, menggunakan teks Tool (T) dan klik-tarik dari lingkaran disorot atas ke area yang disorot lebih rendah. Ini akan Tentukan dulu kata area teks sehingga informasi yang cocok antara panduan.



6. membuat Grafik Stacked grafis

Langkah 1

Untuk membuat ikon manusia, menggunakan bentuk sederhana. Mulailah dengan Rounded Rectangle Tool. Menyesuaikan radius sudut dengan menahan atas atau bawah panah Anda menggambar bentuk.


Langkah 2

Menggambar persegi panjang dengan sudut-sudut membulat tidak untuk batang tubuh.


Langkah 3

Menggunakan persegi lengkung lain untuk bahu.


Langkah 4

Akhirnya, menggunakan ellipse kepala. Pilih semua bentuk individu yang terdiri dari laki-laki dan di Pathfinder klik bersatu. Ini akan memberi Anda satu bentuk padat.


Langkah 5

Untuk membuat grafik yang lebih bergaya, kita akan menggunakan orang itu untuk mewakili informasi. Menggunakan alat grafik ditumpuk kolom klik dan seret untuk menggambar grafik ketinggian yang sama manusia. Masukkan variabel Anda kemudian klik ikon tanda centang.


Langkah 6

Menyingkirkan nomor lain dan baris. Menggunakan Pathfinder panel lagi, klik membagi. Sekarang, setiap bagian dari Anda manusia dibagi menjadi bagian yang akurat. Ungroup semua bentuk dan menyingkirkan bentuk tambahan abu-abu di tepinya.


Langkah 7

Pisahkan setiap bagian manusia dengan memilih mereka menggunakan pilihan alat (V) dan menekan atas atau bawah sekali.


Langkah 8

Untuk membuat gunting Anda akan perlu menggunakan pena alat (P) dan menggambar dengan freehand Menggambar bentuk seperti yang ditunjukkan.



7. membuat grafik baris

Langkah 1

Grafik ini dibuat menggunakan perangkat grafik garis.


Langkah 2

Tambahkan kunci ke bawah secara manual dan angka di atas titik secara manual.



8. Tambahkan akhir rincian

Langkah 1

Grafik terakhir dibuat menggunakan alat grafik batang ditumpuk. Sekali lagi, menambahkan rincian secara manual.


Langkah 2

Untuk menambahkan beberapa bunga untuk desain saya telah berlapis pada grafik lingkaran di belakang grafik. Ada tidak ada rahasia untuk proses... selama itu terlihat baik dan membantu keseimbangan Desain, pergi untuk itu!


Langkah 3

Untuk membuat daftar komentar menarik kotak teks.


Langkah 4

Karena komentar akan menjangkau dari satu kotak ke kotak lainnya, klik tanda tambah di pojok kanan bawah lalu klik di mana saja pada laman dan kotak teks yang tertaut baru dengan ukuran yang sama dengan yang akan dibuat!


Langkah 5

Ketika berhadapan dengan sejumlah besar teks itu adalah ide yang baik untuk menciptakan gaya untuk teks itu. Dalam hal ini saya telah membuat gaya untuk tanggal dan judul tutorial. Gaya membuatnya mudah untuk mengubah semua teks sekaligus jika Anda merasa perlu untuk kembali dan membuat perubahan warna, ukuran, font dll. Untuk menciptakan gaya yang pertama pilih teks yang ingin Anda gaya. Selanjutnya, di panel Styles Styles (gunakan panel Paragraph Styles jika kamu menata sebuah paragraf teks) klik Create New Style.


Langkah 6

Klik-dua kali style baru di panel Character Styles untuk membuka panel opsi. Dalam panel pilihan menyesuaikan teks Anda sesuai dengan keinginan Anda. Klik OK. Catatan: meskipun Anda memeriksa Tinjauan, gaya baru yang belum diterapkan tidak dapat melihat pratinjau.


Langkah 7

Dengan teks Anda yang Anda ingin gaya masih disorot, perlahan-lahan double-click gaya di panel karakter gaya untuk menerapkan gaya.


Langkah 8

Saya telah membuat style untuk judul tutorial selain style untuk tanggal.


Langkah 9

Selesaikan desainmu dengan menambahkan detail yang relevan ke bagian bawah.



Pekerjaan besar! Anda sekarang selesai

That's it! Anda hanya belajar cara membuat modern infographic.


Sumber daya tambahan

Jika Anda tertarik untuk mendapatkan bantuan dengan Infografis Anda, Envato Studio memiliki koleksi besar jasa desain infographic yang mungkin Anda sukai untuk mengeksplorasi. Atau menelusuri koleksi kami infographic template pada GraphicRiver.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads