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

Bagaimana Membuat Infographic Perjalanan Angkasa dalam Adobe InDesign

by
Difficulty:IntermediateLength:MediumLanguages:
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

Malay (Melayu) translation by Luthfiyyah (you can also view the original English article)

Final product image
What You'll Be Creating

Ini Minggu Sains di Envato Tuts +, dan infographic yang menyeronokkan ini adalah cara terbaik untuk meraikan! Dengan fokus pada masa depan perjalanan ruang angkasa, anda akan dapat menunjukkan pengetahuan anda mengenai SpaceX dan Virgin Galactic kepada rakan-rakan anda.

Jika anda telah menggunakan Adobe InDesign sebelum tetapi baru untuk menyusun susunan infographic, tutorial ini adalah pengenalan hebat untuk menggabungkan jenis dan grafik dengan cara yang menarik secara visual.

Pendek pada masa? Anda boleh mencari templat infographic yang mudah diedit pada GraphicRiver dan Elnvaemeton E 

Mari kita mulakan!

Apa yang Anda Perlu Buat Infographic Anda

Anda memerlukan akses kepada Adobe InDesign dan Adobe Illustrator , dan untuk memuat turun imej dan fon berikut dari Envato Elements:

 Bagaimana Membuat Dokumen Web dalam InDesign

Langkah 1

Buka InDesign dan pergi ke Fail> Baru> Dokumen.

Dengan niat yang ditetapkan ke Web , tetapkan Lebar halaman pada 435 px dan Ketinggian hingga 1300 px. Ini adalah saiz yang baik untuk perkongsian di laman web seperti Pinterest.

Tetapkan Margin ke 36 px , dan klik Buat 

new document

Langkah 2

Kembangkan panel Lapisan (Tetingkap> Lapisan) , dan klik dua kali pada Lapisan 1 , menamakan semulaLatar Belakang .

Buat empat lagi lapisan baru - Anak panah, Roket, Ikon dan akhirnya, Taipkan .

Kemudian kunci semua lapisan kecuali Latar Belakang .

type layer

2. Bagaimana Mencipta Latar Belakang Celestial

Langkah 1

Gunakan Rangka Bingkai Alat (F) untuk membuat bingkai imej di seluruh halaman.

Fail> Tempat , navigasi ke folder Latar Belakang Ruang dan pilih imej '07 .jpg ' . Klik Buka dan biarkan ia mengisi keseluruhan bingkai.

placed image

Langkah 2

Beralih ke Alat Rectangle (M) dan seret di bahagian atas halaman untuk membuat bentuk persegi kasar.

Dari panel Swatches (Window> Color> Swatches) , tetapkan Isi ke [Black]

black shape

Dengan bentuk yang dipilih, pergi ke Objek> Kesan> Feather Gradient. Tetapkan Taip ke Linear dan biarkan kecerunan untuk melanjutkan dari gelap ke atas ke telus ke arah bawah bentuk. Klik OK .

gradient feather

Langkah 3

Pilih bentuk dan Edit> Salin, Edit> Tampalkannya . Kemudian, pada salinannya, Klik kanan> Transform> Flip Vertical.

flip vertical

Bergerak ke bahagian bawah halaman, dan lekapkan ketinggian bentuk ke atas untuk kira-kira separuh ke atas halaman

background layer

Langkah 4

Buka ruangan ilustrasi dalam Illustrator .

Hanya pilih bentuk roket, ditambah satu lapisan telus asap di bahagian bawah imej, yang digambarkan di bawah. Kemudian Salin ini.

rocket graphic

Buat dokumen Illustrator baru, dan tampal elemen ini ke halaman, sebelum pergi ke Fail> Simpan As dan simpan ini sebagai fail Illustrator EPS

rocket graphic

Langkah 5

Kembali ke dokumen InDesign anda dan kuncikan lapisan Latar Belakang . Buka kunci lapisan Rocket .

Buat bingkai gambar dengan menggunakan Rectangle Frame Tool (F) di bahagian bawah halaman danFail> Place , memilih imej EPS roket yang diedit. Buka , dan pastikan imej roket berpusat pada halaman.

rocket image

3. Bagaimana Membuat Header Starry untuk Infographic Anda

Langkah 1

Kunci lapisan Roket dan buka kunci lapisan atas, Taipkan 

Zum masuk pada bahagian atas halaman, ambil Alat Jenis (T) , dan buat bingkai teks di bahagian tengah halaman.

Ketikkan 'SPACE', dan dari panel Kawalan atas atau panel Karakter dan Perenggan (Tetingkap> Jenis & Jadual> Karakter / Perenggan) , tetapkan Font untuk BW Modelica Black, Saiz 100 pt, Tracking 100 , danAlign Center.

Dari panel Swatches , tetapkan Warna Font ke [Kertas].

character panel

Langkah 2

Tambahkan dua bingkai teks di atas dan di bawah 'SPACE', yang ditetapkan dalam BW Modelica ExtraBold, Saiz 30 pt, Penjejakan 230 , dan Align Center.

Yang pertama harus membaca 'THE MASA DEPAN' dan bahagian bawah hanya 'TRAVEL'.

text frame

Langkah 3

Pilih bingkai teks 'SPACE' dan tuding ke Taip> Buat Garis Besar , untuk vektor teks

create outlines

Tetapkan Isi Warna teks yang digariskan ke [Tiada].

outlined text

Kemudian File> Place , pilih salah satu imej dari folder Latar Belakang Ruang (saya telah memilih '04 .jpg 'untuk kontras), dan Terbuka , membolehkannya mengisi keseluruhan perkataan.

space image

4. Bagaimana Membina Grafik di Layout Anda

Langkah 1

Kunci lapisan Jenis dan buka kunci lapisan Panah .

Gunakan Alat Talian (\) untuk membuat garis menegak berjalan dari atas roket ke kira-kira satu perempat daripada jalan ke bawah halaman.

Tetapkan Warna Stroke ke [Kertas] . Dari panel Stroke (Tetingkap> Strok) , tetapkan Berat garisan ke 20  pt, dan tambah bentuk Triangle ke Akhir garisan.

arrow stroke

Langkah 2

Dengan garis yang dipilih, pergi ke Objek> Kesan> Feather Gradient.

Tambah gradien Linear pada Sudut 90 Darjah , yang membolehkan anak panah menjadi lebih telus ke arah pangkalan.

gradient feather

Langkah 3

Salin dan tampal anak panah, alihkannya ke sebelah kanan halaman, dan memendekkannya supaya ia menyentuh kira-kira separuh halaman.

pasted arrow

Tampalkan lebih banyak anak panah di seluruh halaman, dalam pembentukan yang ditunjukkan di bawah ini, memendekkan mereka seperti yang diperlukan.

arrows pasted

Langkah 4

Buka ikon ruang yang ditetapkan dalam Illustrator .

Klik kanan> Ungroup imej, supaya anda boleh memilih ikon secara individu

ungroup icons

Pilih ikon 'Marikh' di baris keempat ke bawah, dan Edit> Salinnya .

mars icon

Langkah 5

Kembali ke dalam dokumen InDesign anda, kunci lapisan Panah dan buka kunci lapisan Ikon .

Edit> Tampalkan ikon ke halaman, dan gerakkannya sehingga ia berada di bahagian atas anak panah tengah.

pasted icon

Dari panel Swatches , pilih New Color Swatch dari menu utama panel. Buat swatch RGB baru, R = 41 G = 156 B = 186 . Klik Tambah dan Selesai .

new rgb swatch

Sapukan suapan ini kepada Isi bulatan yang duduk di belakang planet ini.

blue fill

Langkah 6

Kembali ke ikon Illustrator, dan pilih ikon 'Roket'. Salinnya .

rocket icon

Tampalkannya secara langsung ke dokumen InDesign anda, dan letakkannya di bahagian atas anak panah di sebelah kanan sebelah kanan halaman.

Buat swatch RGB baru, R = 239 G = 79 B = 77 , dan gunakan ini pada bulatan. Klik kanan> Transform> Putar roket ke sudut 45 darjah.

rocket icon

Langkah 7

Terus salin dan tampal lebih banyak ikon, 'Angkasawan', 'Orbit', dan 'Bumi', ke infographic, meletakkannya di kedudukan yang ditunjukkan di bawah.

Buat swatch RGB baru yang anda pilih sendiri dan aplikasikan ke setiap kalangan latar belakang.

earth icon

Langkah 8

Singkirkan angka 'Alien' pada imej ikon, dan salin dan tampal ini ke infographic juga.

alien icon

Kedudukannya di bahagian bawah kanan susun atur.

alien graphic

Langkah 9

Kunci lapisan Ikon dan buka kunci lapisan Jenis .

Dengan ikon anda di tempat, kini anda boleh mula membina teks pada infographic anda, agar sepadan dengan setiap ikon.

Pilih Alat Jenis (T) dan buat bingkai teks di sebelah kanan ikon 'Marikh' di bahagian atas. Ketik sarikata, dan tetapkan Font ke BW Modelica ExtraBold, Saiz 30 pt, Penjejakan 90 , dan Align Right. Tetapkan Warna Font ke [Kertas].

sub-heading

Langkah 10

Buat bingkai teks kedua di bawah ini, menaip fakta yang anda pilih, dan tetapkan Font untuk BW Modelica Bold, Saiz 12 pt, Penjejakan 60 , dan Align Hak.

body text

Langkah 11

Kini anda boleh memilih kedua-dua bingkai teks kepala dan badan dan Salin dan Tampal ini, untuk mengisi infographic anda dengan lebih banyak teks.

text alignment

Laraskan penjajaran teks semasa anda pergi untuk menyesuaikan kedudukannya pada halaman.

text frames

Langkah 12

Jika anda mempunyai sebarang bidang infographic di mana teks sukar dibaca kerana latar belakang, anda boleh membuat kalangan dalam [Hitam] menggunakan Alat Ellipse (L).

ellipse tool

Pergi ke Objek> Kesan> Feather Gradient untuk memohon kecerunan Radial untuk bentuk ini.

gradient

Kemudian pastikan Klik kanan> Atur> Hantar ke Kembali untuk menolaknya di belakang teks.

send to back

Langkah 13

Jika anda ingin membuat ciri statistik tertentu, anda boleh menetapkan nombor dalam saiz besar BW Modelica.

large type

Kemudian pergi ke Type> Create Outlines.

outlined text

Fail> Tempat , memilih salah satu imej latar belakang ruang, dan Terbuka . Ini benar-benar akan membuat gambar pop di halaman.

space image

Kesimpulan: Infographic Selesai Anda

Infographic anda selesai-hebat kerja!

final infographic

Ia sangat mudah untuk berkongsi talian infographic anda. Cuma pergi ke Fail> Eksport dan pilih PNG atau JPEG dari pilihan Format yang tersedia.

Kemudian anda boleh memuat naik imej anda ke Pinterest atau laman media sosial yang lain.

Anda boleh memuat turun versi penuh infographic di atas di sini .

Anda boleh mencari lebih banyak templat dan ikon infographic untuk digunakan pada reka bentuk anda di atas GraphicRiver dan Envato Elements .

Temui lebih banyak tutorial infographic di sini

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.