Membuat Grafik dengan Gimp — Tutorial Selasa

Selamat datang di Tutorial lain Selasa! Hari ini saya akan menunjukkan cara membuat gambar blog menggunakan Gimp .

Gimp adalah program desain yang mirip dengan PhotoShop tetapi sedikit kurang ramah pengguna dan lebih banyak gratis (seperti yang sepenuhnya gratis). Gimp sedikit kurang intuitif untuk digunakan dibandingkan dengan opsi seperti Canva hanya karena Gimp sebenarnya memiliki banyak fungsi untuk sebagian besar jenis desain grafis-- hanya membutuhkan sedikit lebih banyak pengetahuan untuk berkeliling daripada beberapa program freemium.

Jika Anda bekerja untuk mempelajari Gimp, Anda akan memiliki kontrol lebih besar atas gambar yang Anda buat.

Anda dapat mengunduh salinan Gimp di sini: http://www.gimp.org/downloads/

Sebagai catatan singkat, tidak ada penyimpanan otomatis di Gimp, jadi simpan gambar Anda melalui bilah alat atau sering-seringlah menggunakan “ctrl+s”. Jika ada lonjakan listrik atau sesuatu dan Anda harus melakukan kembali semua pekerjaan Anda, Anda akan SANGAT sedih.

Mari kita mulai!

Langkah 1: Buka Gimp

Saat Anda membuka Gimp, seharusnya terlihat seperti ini:

Perhatikan bahwa Anda memiliki tiga jendela di sini:

1. Toolbox -- Di sinilah alat yang paling umum digunakan dapat diakses dengan mudah. Jendela ini adalah teman Anda.
2. Kanvas -- Di sinilah gambar Anda akan terbuka. Semua pekerjaan yang sebenarnya Anda lakukan akan dilakukan di jendela ini.
3. Lapisan -- Di sinilah Anda dapat melacak elemen dan lapisan apa yang telah aktif di kanvas Anda. Kami tidak akan banyak menggunakan jendela ini untuk tutorial ini, tetapi ini sangat berguna untuk proyek yang lebih rumit.

Langkah 2: Buka lapisan latar belakang Anda

Pertama, Anda membutuhkan gambar latar belakang Anda. Cara termudah untuk menyimpan gambar ke komputer Anda sehingga Anda dapat membukanya dengan memilih "File" di bilah alat dan kemudian "Buka":

Dari sini Anda harus dapat memilih gambar dari mana pun Anda menyimpannya dan tekan "Buka". Saya menamai gambar saya "burung" karena burung:

Gambar latar belakang Anda harus terbuka di kanvasnya sendiri, sesuai dengan ukuran:

Langkah 3: Tambahkan teks

Untuk menambahkan teks, Anda harus mengakses "Alat Teks" Anda. Anda dapat menemukan Alat Teks di jendela Kotak Alat:

Pilih dari jendela Toolbox Anda seperti:

Dengan Text Tool dipilih, klik hampir di mana saja di kanvas Anda untuk meletakkan lapisan teks. Mungkin hanya saya, tetapi milik saya selalu muncul sangat kecil di kanvas saya. Tidak penting! Silakan dan ketik teks Anda, meskipun itu teks untuk semut. Jangan khawatir tentang kesalahan ketik-- Anda dapat memperbaikinya nanti.

Anda belum dapat melihatnya dengan benar, tetapi saya memilih kutipan Han Solo untuk tutorial ini karena saya tidak diawasi untuk waktu yang lama:

Catatan: Anda mungkin melihat toolbar mengambang bermanfaat yang muncul di atas kotak teks Anda saat ini:

Akan terlalu dramatis untuk mengatakan bahwa itu adalah jebakan dan tidak membantu sama sekali. Tetapi saya akan mengatakan bahwa saya memiliki, paling banter, berbagai keberhasilan dengan perubahan yang dibuat di bilah alat ini secara konsisten berlaku di kanvas.

Dengan mengingat hal itu, saya sarankan untuk bekerja di luar jendela Toolbox Anda, seperti yang telah saya lakukan dalam tutorial ini. Atau cobalah dan beri tahu saya apa yang telah saya lakukan salah. Anda melakukan Anda.

Membuat gambar yang bagus hanyalah setengah dari persamaan pemasaran konten. Anda juga perlu mempromosikan konten itu untuk memastikannya muncul di pencarian. Unduh daftar periksa gratis kami untuk mempelajari caranya!

Langkah 4: Sesuaikan teks

Lihat ke jendela Toolbox Anda lagi. Karena lapisan teks Anda saat ini dipilih, Kotak Alat Anda sekarang akan memiliki opsi untuk Alat Teks Anda di bawah bagian "Opsi Alat". Di sinilah Anda dapat membuat penyesuaian pada teks Anda:

Hanya ada tiga penyesuaian yang akan kami buat sekarang untuk teks Anda.

Ukuran:

Warna:

jenis huruf:

Langkah 4a: Sesuaikan ukuran teks

Pertama-tama berantakan dengan ukuran teks Anda (sehingga kami dapat melihat hal yang menarik). Di Kotak Alat Anda, klik dua kali kotak di samping "Ukuran" untuk dapat memasukkan nilai ukuran baru:

Masukkan nilai dan tekan enter untuk akhirnya melihat teks Anda dengan baik. Saya mengambil bidikan dalam gelap dan menempatkan 200, yang akhirnya terlihat baik-baik saja, tetapi Anda mungkin perlu sedikit mengutak-atik teks untuk mendapatkan ukuran teks yang Anda suka.

Langkah 4b: Sesuaikan warna teks

Setelah teks Anda memiliki ukuran yang baik, Anda dapat mengalihkan perhatian Anda ke warnanya. Sekali lagi di jendela Toolbox Anda, klik kotak di samping "Warna":

Jendela mini baru akan muncul dengan berbagai macam hal untuk dimainkan:

Anda dapat mengotak-atik sampai Anda menemukan warna yang Anda suka atau mencari nomor notasi HTML untuk warna tertentu yang Anda inginkan dan memasukkannya ke dalam:

Saya memilih warna putih, atau notasi HTML #FFFFFF untuk anak-anak keren. Setelah Anda puas dengan warna Anda, tekan "Ok".

Langkah 4c: Sesuaikan font teks

Terakhir, pilih font Anda. Di jendela Toolbox Anda, Anda akan menemukan kotak teks dengan nama teks default, dalam hal ini "Sans". Jika Anda mengetahui nama font yang Anda inginkan, Anda dapat mengetikkannya ke dalam kotak teks tersebut:

Jika Anda ingin bermain-main sedikit dengan font, klik "Aa" grafis dan gulir daftar drop-down jenis font:

Harap diperhatikan bahwa Gimp tidak memiliki semua teks di dunia yang dimuat sebelumnya ke dalamnya. Ada beberapa cara untuk mengunggah font ke Gimp, tapi saya yakin tidak membahas proses itu di sini. Coba panduan video ini: https://www.youtube.com/watch?v=MHlCn9vYZXU

Saya memilih “Segoe Script Bold” sebagai font saya karena mengingatkan saya pada poster motivasi:

Langkah 5: Pindahkan layer teks

Untuk mendapatkan teks Anda di tempat yang Anda inginkan, pilih "Pindahkan Alat" dari jendela Toolbox Anda. Itu terlihat seperti bidang koordinat Cartesian kecil:

Dengan Move Tool dipilih, ambil ke kotak teks Anda dan seret ke tempat yang Anda inginkan. Ini bisa sedikit rewel, jadi pastikan batas putus-putus di sekitar kotak teks Anda solid sebelum menyeret atau Anda mungkin akan menyeret latar belakang Anda langsung dari kanvas:

Jika Anda kesulitan dengan ini, Anda dapat memilih layer kotak teks di jendela Layers Anda sebelum mengkliknya di kanvas Anda:

Terkadang itu membantu.

Langkah 6: Tambahkan gambar

Sekarang mari kita bicara tentang jika Anda ingin menambahkan grafik, katakanlah logo Linkarati. Sekali lagi, paling mudah jika Anda menyimpan grafik yang Anda inginkan ke komputer Anda.

Untuk membukanya di kanvas Anda, buka bilah alat Anda dan pilih "File" dan kemudian "Open as Layers":

Sama seperti ketika Anda membuka latar belakang Anda, pilih gambar Anda dari tempat Anda menyimpannya di komputer Anda dan kemudian tekan "Buka":

Dan seperti kotak teks Anda saat pertama kali membuatnya, gambar Anda mungkin akan terbuka sangat, sangat sedikit:

Langkah 7: Sesuaikan gambar

Untuk membuat gambar ini terlihat oleh orang yang lebih besar dari Tom Thumb, pilih "Alat Skala" dari jendela Kotak Alat Anda:

Kemudian klik pada gambar kecil Anda, yang akan memunculkan jendela pop-up:

Sebelum Anda bermain-main dengan dimensi, pastikan Anda mengklik hal iniamabob di sini...

... sehingga terlihat seperti ini:

Ini akan mengunci dimensi Anda sehingga Anda tidak mendistorsi gambar Anda menjadi bayangan aneh dari diri aslinya.

Untuk menyesuaikan skala, arahkan kursor ke salah satu sudut gambar dan tarik hingga ukuran yang diinginkan, lalu klik "Skala":

Untuk memindahkan gambar Anda, pilih Move Tool Anda lagi dan seret ke sekeliling seperti yang Anda lakukan untuk layer kotak teks Anda.

Langkah 10: "Ekspor Sebagai" - Menyimpan Gambar sebagai .jpg

Gimp menggunakan tipe file aneh secara default, .cxf. Untuk menyimpan gambar Anda sebagai sesuatu yang lebih umum, buka bilah alat Anda dan pilih "Ekspor Sebagai":

Ini akan meminta jendela tempat Anda dapat mengganti nama file Anda dan memilih tempat penyimpanannya. Yang terpenting, ini akan memungkinkan Anda untuk memilih jenis file apa yang ingin Anda simpan sebagai.

Untuk melakukan ini, klik "+" kecil di sebelah "Pilih Jenis File"...

... yang akan turun ke daftar opsi:

Pilihan yang paling umum, tentu saja, adalah .jpg, yang saya pilih.

Ketika Anda mengklik "Ekspor" itu akan meminta Anda dengan satu jendela lagi mengenai kualitas gambar:

Gambar berkualitas lebih tinggi akan menjadi file yang lebih besar dan mengambil lebih banyak ruang di komputer Anda, tetapi saya sarankan untuk menaikkan slider kualitas itu ke "100" sebelum menekan "Ekspor" lagi:

Sekarang Anda harus memiliki salinan gambar cantik Anda di komputer Anda, di mana pun Anda menyimpannya. Milik saya muncul di desktop saya seperti:

Dan itu terbuka menjadi gambar .jpg yang bagus dan mudah dikelola ketika Anda mengkliknya:

Kesimpulan

Jadi begitulah! Anda harus memiliki gambar yang indah yang akan membawa beberapa minat visual yang serius untuk posting blog Anda -- atau ke posting sosial Anda, atau sebagai gambar promosi, atau sebagai wallpaper komputer (dan sebelum Anda bertanya, ya, tentu saja Anda dapat menggunakan saya gambar Han Solo untuk komputer Anda).

Sekali lagi, Gimp mungkin tidak begitu ramah pengguna seperti rekan-rekannya yang berbasis web seperti Canva dan Pablo , tetapi memiliki tenaga kuda yang jauh lebih besar. Jika Anda berusaha belajar memanfaatkan tenaga kuda itu, Gimp akan membawa Anda lebih jauh. Anda akan dapat membuat gambar yang jauh lebih ambisius dengan segala macam hal mewah seperti teks yang dibungkus dan grafik yang disesuaikan. Ini lebih DIY dan membutuhkan lebih banyak pemikiran dan keterampilan, tetapi lihat-lihat dan lihat apa yang dapat Anda capai.

Tutorial Selasa ini hanyalah puncak gunung es.

Selamat mendesain!