30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Affinity Designer
Design

Cara Membuat Wallpaper Berwarna-warni di Affinity Designer untuk iPad

by
Difficulty:IntermediateLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Kang Abbad (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini, kami akan membuat desain wallpaper berwarna-warni untuk layar kunci iPad kami  menggunakan berbagai alat dan fungsi aplikasi grafik baru untuk iOS,  Desainer Affinity! Affinity Designer for iPad memungkinkan Anda menggabungkan grafik vektor dan raster, menciptakan gambar hebat dengan  semua fitur yang dapat ditemukan dalam paket desktop yang serupa.

Saya penggemar video game Firewatch, yang menginspirasi saya untuk membuat ilustrasi ini. Jika Anda pencinta alam liar, pastikan untuk memeriksa PhotoDune untuk referensi pegunungan dan hutan yang tepat.

Ambil pena, stylus, atau Pensil Apple, dan mari mulai!

1. Bagaimana Menggambar Sketsa di Affinity Designer untuk iPad

Langkah 1

Mari meluncurkan aplikasi dan membuat Dokumen Baru.

Saya menggunakan iPad Pro 9,7 ’, jadi ukuran wallpaper saya akan menjadi 2048 x 1536 px. Jika Anda menggunakan model lain atau ingin membuat wallpaper untuk perangkat lain, Anda dapat menemukan resolusi layar Anda di sini.

new document

Langkah 2

Di sini kita memiliki dokumen kosong dengan semua alat Affinity Designer. Anda dapat mengetuk dan menahan ikon tanda tanya kecil di sudut kanan bawah layar untuk melihat nama masing-masing alat.

Kami akan beralih antara Vector dan Pixel Personas di panel kontrol atas aplikasi.

affinity designer tools vector

Langkah 3

Mari beralih ke Pixel Persona dengan mengetuk ikon Pixel. Kami akan menggunakan alatnya untuk membuat sketsa wallpaper masa depan kami.

affinity designer tools pixel

Langkah 4

Pilih Paint Brush Tool dan ketuk Brushes Studio di bagian kanan aplikasi untuk mengungkapkannya. Pilih Pensil Mekanik 4B dari kelompok Pensil dan Arang dan sesuaikan pengaturannya di panel kontrol di bagian bawah layar. Ketuk dan tahan opsi yang Anda inginkan (misalnya, Lebar), lalu seret jari Anda ke atas atau bawah untuk mengubah nilainya.

Brushes Studio

Langkah 5

Buka Color Studio dan gunakan Roda Warna untuk memilih warna yang diinginkan untuk Stroke.

Buatlah sketsa kasar, perhatikan komposisi. Pastikan Anda meninggalkan cukup ruang untuk area layar kunci iPad Anda yang menampilkan waktu dan tanggal.

Anda dapat menggunakan fungsi Hide UI di bagian kanan atas layar Anda untuk memberikan diri Anda lebih banyak kebebasan saat membuat sketsa.

Cubit ke dalam atau keluar dengan dua jari untuk memperbesar dan memperkecil ilustrasi Anda.

Ketuk dengan dua jari untuk Undo dan tiga jari untuk Mengulangi tindakan.

Saat Anda menggunakan gerakan, Anda dapat melihat sorotan melingkar biru di bawah jari-jari Anda ketika Anda mengetuk dan menahan layar. Ini membantu melakukan berbagai tindakan, karena Affinity Designer menggunakan banyak gerakan dengan dua dan tiga jari untuk membuat gambar dan navigasi menjadi lebih mudah.

Berikut ini video pendek yang bermanfaat tentang isyarat dari situs web Affinity resmi.

draw a sketch in affinity designer ipad

Langkah 6

Anda dapat membuat sketsa Anda sendiri atau menggunakan yang ini.

wallpaper sketch

Langkah 7

Setelah Anda menyimpannya ke iPad Anda, ketuk ikon Dokumen di panel kontrol atas Affinity Designer dan pilih Tempatkan Gambar untuk menambahkan gambar dari Rol Kamera.

place image in affinity designer

Langkah 8

Buka Layers Studio dan ketuk ikon plus untuk membuat Layer Vektor untuk wallpaper masa depan kita. Ketuk dan tahan layer baru dan tarik ke bawah, letakkan di bawah Lapisan Pixel yang berisi sketsa kami.

Kemudian pilih Pixel Layer dan ketuk ikon Layer Options (tiga titik dalam lingkaran) di atas Layers Studio.

Turunkan Opacity menjadi sekitar 50% dan atur Blend Mode ke Multiply. Dengan cara ini, kita akan dapat menggambar di bawah sketsa.

adjust layer settings

2. Cara Membuat Firewatch House di Affinity Designer untuk iPad

Langkah 1

Ketuk Vector di panel kontrol di bagian atas untuk beralih ke Vector Persona dan pilih Rectangle Tool.

Ketuk dan seret untuk membuat persegi panjang. Gunakan sketsa Anda sebagai dasar untuk mengetahui ukuran yang tepat untuk bentuknya. Isi dengan warna ungu gelap, menggunakan Roda Warna.

make a rectangle

Langkah 2

Ketuk dan tahan ikon Rectangle Tool untuk membuka menu dengan semua bentuk. Pilih Alat Segitiga dan buat atap. Beralih ke Move Tool, ketuk bentuk yang dibuat, dan seret sudut jika Anda ingin mengubah ukurannya.

Tip: Ketuk dan tahan jari tangan Anda yang berlawanan saat membuat bentuk untuk membuatnya bahkan (jika Anda perlu membuat persegi bukan persegi panjang, lingkaran genap, dll.).

Kami juga perlu memastikan bahwa kedua bentuk disejajarkan dengan benar. Dengan menggunakan Move Tool, ketuk pada ruang kosong di kanvas, dan tahan dan seret untuk menyebarkan kotak pilihan untuk menutupi kedua bentuk. Anda juga dapat memilih beberapa objek dengan mengetuk salah satu dari mereka, memegang jari kedua Anda pada ruang kosong di layar, dan mengetuk objek lain. Ini menambahkannya ke pilihan.

Buka Transform Studio dan ketuk Alignment. Pilih Align Horizontal ke Pusat, dan atur objek kunci ke First Selected.

make a roof and align the shapes

Langkah 3

Mari tambahkan beberapa jendela. Gunakan Rectangle Tool untuk membuat bentuk oranye untuk jendela pertama.

add windows

Langkah 4

Ketuk Edit di panel kontrol di bagian atas, dan ketuk Duplikat. Ulangi tindakan ini untuk menambah lebih banyak jendela.

duplicate the windows

Langkah 5

Mari gunakan fungsi Alignment untuk mendistribusikan bentuk dengan benar. Pilih jendela dan ketuk Distribusikan Secara Horizontal. Ketuk dan tahan lingkaran Lebar dan seret jari Anda ke atas atau ke bawah untuk menetapkan nilai.

Setel Rata Vertikal ke Bawah.

align the windows

Langkah 6

Dengan membiarkan jendela dipilih, ketuk Edit> Grup.

group the objects

Langkah 7

Gunakan Rectangle Tool untuk menggambar garis tipis untuk mendukung bangunan. Pilih bentuk dengan Move Tool, ketuk lingkaran putih di atas kotak pilihan, dan tahan dan seret untuk memutar bentuknya sedikit. Anda juga dapat membuka Transform Studio dan menggunakan opsi Rotasi di sana untuk menetapkan nilai yang diinginkan.

Gandakan bentuk yang dibuat dan Flip Horizontal di Transform Studio untuk membuat dukungan kedua.

rotate and flip the objects

Langkah 8

Tambahkan lebih banyak detail ke konstruksi dukungan. Kelompokkan elemen yang dibuat dan Gandakan seluruh grup.

Buat salinan bagian belakang sedikit lebih sempit dan warnai lebih terang, sehingga terlihat lebih jauh.

create support of the building

3. Bagaimana Menggambar Hutan dalam Affinity Designer untuk iPad

Langkah 1

Sekarang mari kita ciptakan lingkungan sekitarnya. Ambil Alat Pensil atau gunakan Pen Tool untuk membuat siluet pohon cemara. Saya menggunakan sketsa saya sebagai panduan sambil membuat garis besar kasar.

Setelah saya puas dengan siluet tersebut, saya beralih ke Alat Node dan menggunakan panel kontrol di bagian bawah untuk memanipulasi simpul dan pegangan node. Saya menghapus poin yang tidak dibutuhkan dan membuat bentuk keseluruhan menjadi halus.

Tip: Saat menggunakan Pen Tool, coba pegang jari Anda sambil membuat garis — cara ini Anda dapat mengontrol garis dan bekerja dengan pegangan juga.

draw a tree with pencil tool

Langkah 2

Buka Color Studio dan aplikasikan fill dark-purple untuk pohon. Sekarang kita bisa Gandakan untuk membuat hutan. Cara yang lebih cepat untuk menduplikasi objek atau kelompok objek apa pun adalah dengan memilihnya dengan Move Tool, dan ketuk dan tahan ruang kosong di layar dengan dua jari saat memindahkan objek yang dipilih.

apple color and duplicate

Langkah 3

Mari kelompokkan pohon-pohon kita. Cara yang lebih cepat untuk melakukan ini adalah membuka Layers Studio, ketuk pohon bagian atas untuk memilihnya, lalu ketuk bagian bawah pohon dengan dua jari untuk memilih semua lapisan di antara keduanya.

Anda juga dapat menggesek lapisan ke kiri atau kanan untuk memilih dan membatalkan pilihan masing-masing.

Setelah Anda memilih lapisan, cubit ke dalam menggunakan dua jari di Layers Studio untuk mengaturnya ke dalam grup. Anda dapat mencubit keluar untuk melakukan tindakan yang berlawanan.

group the trees

Langkah 4

Mari buat lebih banyak salinan dan ubah warna isian menjadi ungu muda. Tempatkan kelompok kedua di belakang rumah firewatch.

add background trees

Langkah 5

Sekarang kami akan mengisi bagian bawah ilustrasi, menambahkan tanah. Saya menggunakan Alat Pensil untuk menggambar bentuk bergelombang freehand. Tambahkan garis-garis halus, warna yang lebih gelap dan lebih terang untuk membuat tanah lebih bertekstur.

add the ground with pencil tool

Langkah 6

Sekarang mari tambahkan beberapa gunung di latar belakang. Gunakan Alat Segitiga atau Alat Pena untuk  membuat bentuk utama gunung.

Kemudian ambil Alat Pensil dan gambar bentuk yang lebih gelap untuk bayangan yang menutupi setengah bagian kiri gunung.

make a triangle mountain

Langkah 7

Mari kita lihat bagaimana kita bisa menyembunyikan potongan bayangan yang tidak dibutuhkan yang melintasi tepi gunung.

Beralih ke Move Tool. Ketuk bayangan, dan tahan dan lepaskan jari Anda untuk membuka menu konteks. Ketuk Potong.

Sekarang ketuk untuk memilih gunung, buka panel Edit, dan pilih Tempel Di dalam. Bentuk bayangan akan ditempatkan di dalam bentuk gunung, seolah-olah di dalam wadah. Anda masih dapat mengakses dan mengedit kedua bentuk di Layers Studio.

paste inside the object

Langkah 8

Tambahkan gunung kedua (tanpa bayangan) di belakang yang pertama.

Terus tambahkan pegunungan yang lebih kecil di latar belakang, membuat warna mereka lebih terang untuk membentuk kedalaman perspektif.

add more mountains

Langkah 9

Gunakan Rectangle Tool untuk membuat bentuk untuk langit. Buat sedikit lebih besar dari kanvas dan letakkan di bagian bawah Layers Studio.

make a rectangle for sky

4. Cara Bekerja Dengan Gradien di Designer Affinity untuk iPad

Langkah 1

Sekarang saatnya mengganti warna placeholder kami dengan palet yang bagus dan hidup. Anda dapat menggunakan Perangkat Color Picker dengan mengetuk dan menyeretnya ke kanvas untuk memilih warna yang diinginkan dan menerapkannya ke bentuk yang dipilih. Misalnya, Anda dapat melakukan ini jika Anda ingin memilih warna dari referensi foto.

Seperti yang mungkin Anda perhatikan, ada kolom Quick Colors di Color Studio yang menyimpan semua pilihan terbaru Anda.

Untuk membuat ilustrasi ini menjadi sangat menarik, saya memutuskan untuk menambahkan beberapa gradien pada objek.

Mari kita mulai dengan langit. Ketuk untuk memilihnya dengan Move Tool, lalu ambil Fill Tool. Seret untuk membuat isi gradien. Anda dapat mengetuk dan menahan jari lainnya di layar untuk membuat pengisian gradien tepat vertikal atau horizontal.

Menyesuaikan warna dari pengisian gradien juga mudah: cukup ketuk ujung lingkaran slider dan pilih warna yang diinginkan di Color Studio. Ulangi hal yang sama untuk ujung slider yang berlawanan, jika diperlukan.

Mari aplikasikan warna kuning keunguan ke langit dan mulailah mewarnai kembali pegunungan dengan menerapkan isi linear dari merah muda lebih gelap ke merah muda lebih terang.

use fill tool for gradient fills

Langkah 2

Pilih semua gunung kecil dan terapkan gradien.

Untuk memilih isi gradien (atau pengaturan gaya lainnya) dari objek yang ada, cukup Salin objek, lalu pilih bentuk yang Anda inginkan agar gaya diterapkan, dan ketuk Edit> Tempel Gaya.

use paste style

Langkah 3

Mari kita lanjutkan ke pohon di latar depan dan menerapkan isi ungu kebiruan pada kelompok objek, menciptakan kabut halus di bagian bawah hutan. Buat bagian bawah dari kelompok pohon belakang lebih terang juga, tambahkan kedalaman pada ilustrasi kita.

Warnai tanah, aplikasikan warna biru dan ungu gelap.

apply fill to the trees

Langkah 4

Sekarang kami akan menambahkan sentuhan akhir ke latar belakang. Ambil Ellipse Tool, ketuk dan tahan jari Anda, lalu pegang dan seret jari lainnya untuk membuat lingkaran yang sama untuk matahari. Tempatkan di belakang gunung dan rumah firewatch.

Buka Layers Studio dan ketuk ikon Opsi Lapisan. Atur mode ke Lighten.

make a circle sun

Langkah 5

Gunakan Alat Pensil untuk menambahkan beberapa cahaya, semi-transparan di langit.

add clouds with pencil tool

Langkah 6

Mari tambahkan cahaya halus ke jendela pondok. Pilih grup windows dan buka Layer FX Studio. Ketuk Outer Glow untuk menerapkan efek dan bermain dengan pengaturan di panel kontrol bawah. Mari tetapkan warna ke kuning cerah, Blend Mode to Screen, biarkan Opacity di 100%, dan atur Radius menjadi sekitar 75 dan Intensitas menjadi 20%.

use Layer FX Studio and outer glow

Langkah 7

Pada tahap ini, saya telah memutuskan untuk menyederhanakan punggungan gunung dengan menggabungkan segitiga terpisah tersebut menjadi satu bentuk.

Untuk melakukan ini, pilih semua pegunungan di dalam grup, ketuk Edit, dan gunakan operasi Tambahkan untuk menyatukan objek.

merge shapes with add function

5. Cara Mendaftar Tekstur di Designer Affinity untuk iPad

Langkah 1

Mari membuat wallpaper kita lebih menarik dengan menambahkan beberapa tekstur padanya.

Beralih ke Pixel Persona. Pilih Alat Kuas dan ketuk Brushes Studio. Temukan brush Grunge dan pilih Brush 2.

Setelah Anda mulai menggambar, lapisan Pixel baru akan dibuat secara otomatis.

use paintbrush tool in pixel persona

Langkah 2

Pilih putih sebagai warna, tingkatkan Lebar kuas Anda di panel kontrol bawah, dan buat beberapa sapuan lebar, yang menutupi seluruh kanvas.

Untuk membuat layer tekstur lebih halus, buka Layers Studio dan ketuk ikon Opsi Lapisan. Atur Blend Mode ke Screen dan turunkan Opacity menjadi sekitar 35%.

add texture with a brush

Langkah 3

Kita dapat membuat tekstur lebih konsisten dengan menambahkan sedikit gandum ke ilustrasi kita. Buka Layers Studio dan pilih layer Vector yang berisi semua objek kami. Menjaga semua objek yang dipilih, ketuk Studio Warna dan gerakkan penggeser Noise menjadi sekitar 5%. Efek ini dapat diterapkan untuk setiap objek yang terpisah juga, tetapi memilih semuanya sekaligus jauh lebih cepat.

Anda juga dapat mengubah jumlah noise atau menghapusnya sepenuhnya kapan saja dengan memilih objek (atau sekelompok objek) dan memindahkan slider Noise kembali ke 0%.

add noise to the illustration

Langkah 4

Kami hampir sampai! Mari kita lihat bagaimana tampilan wallpaper kita. Perkecil dengan mencubit dengan dua jari, atau ketuk dan tahan ikon Navigator Studio dan seret ke atas atau ke bawah untuk memperbesar dan memperkecil. Cara lain untuk membuat gambar Anda sesuai dengan layar adalah dengan membuka Navigator Studio dan ketuk dua kali pada thumbnail.

Setelah Anda puas dengan hasilnya, ketuk Dokumen di panel kontrol di bagian atas dan pilih Ekspor.

export your work

Selamat! Wallpaper Firewatch untuk iPad Sudah Selesai!

Kerja bagus! Saya harap Anda telah menemukan beberapa kiat dan trik yang bermanfaat saat mengikuti tutorial ini dan senang bekerja dengan Affinity Designer di iPad Anda!

Sekarang Anda dapat menggambar hal-hal keren di mana saja yang Anda inginkan sambil membawa Affinity Designer di tas Anda.

Selamat bersenang-senang!

wallpaper for ipad in affinity designer

Sudahkah Anda mencoba versi desktop Affinity Designer? Pastikan untuk memeriksa tutorial yang bermanfaat ini:

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.