Aturan sederhana untuk membuat desain ikon. Cara menggambar ikon normal
Saya baru-baru ini membaca artikel oleh Scott Lewis, seorang desainer ikon profesional di Iconfinder.com. Scott menerima gelar di bidangnya desain Grafis di East Carolina University dan telah merancang ikon selama lebih dari 25 tahun.
Saya tertarik dengan sarannya dalam membuat ikon, serta pendekatannya.
Tiga Kunci Desain Ikon yang Baik
Ikon yang dirancang dengan baik menunjukkan pendekatan yang disengaja terhadap tiga atribut penting dari setiap desain – bentuk, kesatuan estetika, dan pengenalan. Saat mengembangkan kumpulan ikon baru, mari pertimbangkan masing-masing atribut ini secara berurutan.Saya tidak akan mengatakan bahwa desain yang sempurna hanya membutuhkan tiga komponen, tetapi ini sudah cukup awal yang baik. Jadi mari kita mulai.
Membentuk
Bentuk adalah struktur dasar sebuah ikon. Jika Anda mengabaikan detailnya dan hanya menggambar garis, maka hasil keseluruhannya mungkin tidak rapi, tanpa geometri keseluruhan. Dasar bentuk geometris: Lingkaran, persegi, dan segitiga – menciptakan dasar visual yang kokoh untuk desain ikon. Oleh karena itu, awalnya ikon harus dibuat dari bentuk yang paling sederhana dan baru setelah itu kita menambahkan detailnya, namun sebanyak yang benar-benar diperlukan untuk menyampaikan konsepnya.
Kesatuan estetika
Elemen yang digunakan untuk membuat satu ikon atau kumpulan ikon, misalnya bulat atau sudut tajam ukuran tertentu (2, 4 atau 8 piksel), ketebalan garis (2 piksel atau 4 piksel), gaya (datar, garis luar), skema warna, dll., harus sama.Dengan demikian, kesatuan estetis adalah sekumpulan elemen desain yang diulang-ulang di seluruh rangkaian. Hal ini dapat dilihat pada contoh di bawah ini.
Pengakuan
Pengakuan adalah kriteria utama; inilah inti dari ikon. Kemampuan mengenali mencakup sifat-sifat yang biasanya diasosiasikan seseorang dengan objek tertentu, dengan ide tertentu, tetapi dapat juga mencakup sesuatu yang tidak terduga - hal ini menciptakan keunikan, misalnya, garis besar yang tidak lengkap dan sorotan yang membulat.Ini adalah tiga komponen utama desain ikon yang efektif. Selanjutnya, kita akan melihat lebih dekat enam langkah untuk mengatasi masalah ini.
Bersih
Selalu mulai menggambar ikon dalam kotak. Saya menggunakan kisi 32x32 piksel, membiarkan dua piksel terluar selalu kosong. Tujuan dari zona ini adalah untuk menciptakan ruang kosong di sekitar ikon. Jika Anda membuat ikon bulat, ikon tersebut harus menyentuh keempat tepinya, tanpa masuk ke dalam ruang bebas, namun terkadang, untuk menjaga integritas ikon, beberapa elemen mungkin melampaui lingkaran, seperti pada gambar:Pesta
Ikon persegi tidak harus pas atau menyentuh semua orang empat sisi. Untuk menjaga proporsi visual dengan ikon bulat dan segitiga, sebagian besar ikon persegi panjang dan persegi akan disejajarkan dengan garis tengah tombol.Grid ada untuk membantu Anda menjaga ikon Anda tetap rapi dan konsisten, namun jika Anda harus memilih antara membuat ikon terlihat cantik atau melanggar aturan, maka langgar aturan tersebut—tetapi lakukan dengan sangat hati-hati.
Bentuk geometris
Mulailah dengan bentuk geometris sederhana. Meskipun ikonnya menjadi lebih organik, tetaplah mulai dengan bentuk geometris sederhana Adobe Ilustrator. Saat membuat ikon, terutama yang kecil, bentuk geometris dasar akan membuat tepinya lebih presisi dan memungkinkan Anda menyesuaikan skala relatif elemen dengan cepat.Angka: Tepi, garis, sudut, kurva
Untuk mencegah suatu desain terlihat mekanis dan membosankan, sudut, garis, tepi, dan kurva harus tepat secara matematis. Dengan kata lain, ikuti angka-angkanya dan jangan mencoba menggambar dengan mata atau tangan jika menyangkut detailnya. Ketidakkonsistenan elemen-elemen ini dapat menurunkan kualitas ikon.SUDUT
Dalam kebanyakan kasus, Anda harus berpegang pada sudut 45 derajat atau kelipatannya. Penghalusan sudut 45 derajat mencegah munculnya piksel yang tidak perlu, sehingga menghasilkan hasil yang jelas dengan diagonal yang ideal, menciptakan garis luar yang menyenangkan dan mudah dikenali oleh mata manusia. Garis besar ini menyatukan seluruh rangkaian ikon, dan juga menciptakan kesatuan dalam satu ikon. Jika desain Anda memaksa Anda untuk melanggar aturan sudut 45 derajat, cobalah membuatnya 22,5 atau 11,25 derajat, karena penghalusannya akan kurang lebih merata.KURVA
Ini adalah area paling mencolok yang dapat menurunkan kualitas ikon. Berkat mereka, Anda dapat membedakan seorang profesional dari seorang amatir. Karena mata manusia dapat mendeteksi ketidakakuratan kecil, menggambar dengan tangan tidak akan membantu Anda mencapai tujuan. Andalkan alat, bentuk, dan angka untuk membuat kurva.SUDUT BULAT
Jari-jari sudut adalah 2 piksel. Untuk ikon berukuran 32x32 piksel, radius ini cukup untuk membuat sudut benar-benar membulat, tanpa memperhalus sudut hingga membulatkan desain menjadi gelembung. Hal utama yang harus diingat adalah bahwa desain ikon itu sendiri akan bergantung pada pilihan radius pembulatan.PENGHALUSAN PIXEL
Penyelarasan piksel yang sempurna memiliki penting untuk mendesain ikon berukuran kecil. Menghaluskan sudut pada ikon tersebut dapat membuat ikon menjadi buram dan tidak jelas. Ruang antar garis yang tidak sejajar dengan grid piksel akan menjadi halus dan menjadi kabur. Seperti disebutkan di atas, sudut 45 derajat dan kelipatannya dihaluskan dengan lebih baik.Namun, saya perhatikan bahwa pemulusan menjadi kurang relevan ketika ukuran besar dan di layar dengan resolusi tinggi, seperti tampilan retina.
KETEBALAN GARIS
Secara umum, yang terbaik adalah menggunakan tidak lebih dari dua opsi ketebalan garis dalam satu ikon, namun terkadang tiga opsi hanya diperlukan. Tujuan Anda adalah memberikan hierarki dan variasi secara visual tanpa merusak integritas keseluruhan rangkaian. Menggunakan lebih dari tiga beban garis dapat merusak struktur dan kohesi. Sedangkan untuk lebar garisnya sendiri, lebih baik mengambil kelipatan dua dan empat piksel lagi; karena mudah untuk diskalakan dan dibuat langkah-langkahnya. Usahakan untuk menghindari garis yang sangat tipis, terutama pada ikon dasar dan ikon datar, namun aturan ini tidak berlaku jika Anda sengaja membuat ikon dari garis tipis.Gunakan elemen desain dan aksen yang berulang dalam kumpulan ikon
Misalnya, Hemmo de Jong, seorang desainer terkenal Belanda, menggunakan elemen berulang di semua ikonnya - sudut tajam.Gunakan detail dan dekorasi dengan sangat hati-hati. Sebuah ikon harus mengkomunikasikan objek, ide, atau tindakan dengan cepat. Terlalu banyak detail kecil akan membuat gambar menjadi rumit sehingga kurang dapat dikenali, terutama pada ukuran yang lebih kecil.
Tingkat detail dalam satu ikon atau kumpulan ikon merupakan aspek yang sama pentingnya dalam kesatuan dan pengenalan estetika. Aturan utamanya adalah detail minimal yang diperlukan untuk menyampaikan makna ikon.
Jadikan ikonnya unik
Jumlah desainer berbakat yang menciptakan kumpulan ikon berkualitas tinggi, banyak di antaranya kini tersedia secara gratis, terus bertambah setiap hari perkembangan geometri. Sayangnya, kebanyakan dari mereka fokus pada tren dan gaya desainer terpopuler. Oleh karena itu, sangat penting agar desain Anda mudah diingat dan benar-benar unik.Semua ini langkah sederhana harus dipandang sebagai titik awal dan bukan panduan definitif. Setelah Anda menguasai dasar-dasar teoretis dan teknis, Anda dapat memfokuskan energi Anda untuk menciptakan ikon unik yang akan menonjol berkat visi kreatif Anda.
Satu set ikon yang digunakan
Pengembang perangkat lunak, yang berusaha mengikuti kemajuan teknologi, datang dengan ide jumlah yang sangat besar berbagai editor grafis yang kuat untuk arah yang berbeda grafis, untuk selera berbeda, untuk sistem operasi berbeda, apa pun yang sesuai dengan jiwa seorang desainer atau fotografer
tidak menyukainya. Bahkan tidak ada gunanya membicarakan kelebihan PhotoShop, CorelDRAW, dan lainnya dari daftar kelas berat; semua orang sudah mengetahuinya. Anda dapat membuat ikon yang sangat indah dengan ikon tersebut, cerah, penuh warna, dan realistis yang banyak diminati masyarakat modern. Namun bagaimana dengan mereka yang lebih menyukai grafis piksel dan desain retro di antarmukanya? sistem operasi?! Di sinilah saya menjadi bingung. Secara pribadi, saya merasa sangat merepotkan untuk menggambar piksel demi piksel pada monster ini. Saya membutuhkan editor yang sederhana, mudah dimengerti, dan nyaman, meskipun tidak begitu kuat, tetapi dapat melakukan semua yang diperlukan untuk menggambar ikon piksel dan tidak lebih. Lalu apa yang harus dilakukan...
Apa yang bisa dilakukan IconLover?
Buat ikon dengan ukuran standar, dari 16x16 hingga 256x256 piksel untuk berbagai platform. Ditambah lagi, ukuran ikon dapat diubah secara manual, menjadikannya non-persegi, atau dengan resolusi yang jauh lebih besar dari 256x256 piksel.
Pintasan desktop piksel lama sebagian besar terdiri dari 16 warna, 16x16 atau 32x32 piksel. Mungkin, pada masa itu tidak ada kemungkinan lain untuk mengecatnya setidaknya dalam 256 warna. Dan saya juga mengikuti cara lama, menggambar dengan warna 32x32/16. Namun jika perlu, Anda selalu dapat menambahkan yang baru ke ikon yang digambar, dengan ukuran atau warna berbeda. Editor kami mengizinkan ini.
Secara default, ikon yang digambar akan disimpan dalam ekstensi ico, tetapi dapat dengan mudah diekspor ke format lain, png, xpm, jpeg, dan banyak lainnya. Saya menyimpan miniatur yang digambar dalam format ico untuk Windows (semoga bermanfaat), dan mengubahnya menjadi png untuk Linux.
Editor kami memungkinkan Anda menemukan semua ikon di komputer Anda dan membuat perpustakaan yang nyaman, lalu mengedit dan mengekstrak gambar yang Anda suka darinya.
Keuntungan penting lainnya dari editor adalah pembuatan pintasan program dari gambar atau foto. Sekarang saya akan menunjukkan kepada Anda sebuah contoh:
Namun paling sering saya menggambar dengan cara biasa, dengan pensil piksel demi piksel. Selain pensil, masih ada alat lainnya, bisa dilihat pada gambar terakhir. Anda dapat memilih “cat transparan”.
Apa lagi yang menarik darinya? Anda dapat membuat ikon animasi, tapi saya belum memerlukannya.
Ini adalah editor menarik yang memungkinkan Anda membuat pintasan cantik untuk desktop Anda dalam gaya retro. Saya sangat merekomendasikannya kepada mereka yang mencari program serupa, atau belum memutuskan pilihannya. Mungkin seseorang menyukai sesuatu yang lain perangkat lunak- masalah selera, tetapi yang utama adalah terlibat langsung dalam menggambar, dan tidak membuang waktu mempelajari struktur program yang kompleks, atau terus-menerus mengalami ketidaknyamanan karena alatnya tidak nyaman, atau tersebar di tempat yang tidak jelas. Saya harap Anda, para pembaca yang budiman, tidak memiliki masalah dengan hal ini, dan Anda tidak menyia-nyiakan waktu Anda yang berharga, bingung dengan pertanyaan - .
Saya akan memposting koleksi ikon tematik secara bertahap di artikel mendatang. Dan yang pertama dalam daftar adalah miniatur yang didedikasikan untuk itu
- tutorial
Cara menggambar icon dengan benar (ukuran 32x32, part I)
Saya ingin menyampaikan kepada Anda pelajaran tentang cara membuat ikon 32x32 dalam program ini Adobe Photoshop. Pelajaran ini akan memungkinkan Anda mempelajari cara menggambar ikon tanpa melakukan banyak usaha - pada akhirnya Anda akan memahami bahwa menggambar ikon untuk antarmuka tidaklah mudah tugas yang sulit, Anda hanya perlu bersabar dan mengetahui cara bekerja di Adobe Photoshop.
Jadi mari kita mulai! Pertama-tama, agar ikon tidak menyimpang dari ukuran dan memiliki gaya yang serupa, kita perlu membuat templat yang menjadi dasar kita menggambar serangkaian ikon.
Pertama-tama, mari kita luncurkan program Adobe Photoshop, lalu masuk ke menu File > New, atau tekan kombinasi tombol Ctrl+N, dan buat gambar berukuran 32x32 piksel, dan resolusi 72 dpi.
Selanjutnya, agar ikon kita memiliki tepi yang jelas dan tidak buram, dan di masa depan terlihat jelas dan kontras, kita perlu mengatur tampilan Grid, berkat itu kita akan dipandu saat menggambar - lagipula, gambarnya terdiri dari piksel, oleh karena itu kita memerlukannya untuk menampilkan grid dengan satu langkah piksel.
Masuk ke menu Edit > Preferences > Guides, Grid and Slices, atau tekan kombinasi Ctrl+K pada keyboard dan lakukan pengaturan seperti pada gambar.
Sekarang kami telah membuat template yang menjadi dasar kami membuat karya kecil kami. Karena ikon kita menyiratkan bayangan, hal ini perlu diperhitungkan. Saya berencana membuat ukuran bayangan 2 piksel di bawah ikon dan 1 piksel di setiap sisinya, sehingga ikon kita akan berukuran 30x30 ditambah bayangan. Untuk kenyamanan, mari siapkan panduan yang memungkinkan kita melihat lebih jauh batas antara gambar ikon dan bayangan yang telah kita alokasikan ruang yang sesuai.
Hasilnya, template kita sudah siap, dan sekarang kita bisa langsung melanjutkan ke menggambar ikon.
Ikon Rumah
Untuk melihat dengan jelas bentuk yang kita gambar, saya akan menggunakan isian hitam. Jadi, dengan menggunakan Pen Tool (K) kita menggambar dasar untuk ikon Home. 
Selanjutnya memberi warna yang diinginkan dan garis besarnya masuk ke menu Layer > Layer Style > eae6c9 untuk mewarnai cbcfba
Kemudian, agar bentuknya menjadi kontras di kemudian hari, kita akan memberikan outline pada bentuk ini. Untuk melakukannya, masuk ke menu Layer > Layer Style > Stroke... dan buat garis setebal 1 piksel dan berwarna 868686
Inilah yang harus kita dapatkan 
Sekarang dengan menggunakan Pen Tool (K) yang sama kita menggambar dasar atap 
Sekarang mari kita beri warna yang diinginkan - masuk ke menu Layer > Layer Style > Gradient Overlay... dan buat isian gradien dari warnanya b06a00 untuk mewarnai 8c4d00. 
Kami mendapatkan hasil ini 
Nah, kita sudah memiliki beberapa outline, sekarang kita akan melengkapi bentuk kita dengan detail - menggunakan Rectange Tool (U) kita menggambar sebuah pipa 
Tetapkan isian gradien berdasarkan warna pada pipa eae6c9 untuk mewarnai cbcfba, hanya saja kali ini kita mengarahkan gradiennya secara horizontal 
Seperti sebelumnya, tambahkan garis tepi setebal 1 piksel dengan warna 868686
Kami mendapatkan... 
Sekarang kita menyembunyikan pipa di latar belakang, dan menggunakan Rectange Tool (U) menggambar elemen atap lainnya 
Menetapkan gradien berdasarkan warna ce9128 untuk mewarnai b06a00…
... dan tambahkan garis tepi setebal 1 piksel dan berwarna a86600
Mari kita lihat... 
Kami menyembunyikan elemen yang sudah jadi dengan cara yang sama seperti pipa di latar belakang, dan sekali lagi menggunakan Rectange Tool (U) menggambar sebuah pintu 
Dan kami melakukan operasi yang sudah familiar dengan gradien warna b06a00 untuk mewarnai cd9128 
...dan jangan lupa garisnya... ketebalan 1 piksel, warna a75700
Mari kita lihat hasilnya... 
Ternyata rumah itu cukup bagus, tapi kami akan terus mengisi ikon kami dengan detail - tekan Rectange Tool (U) dan gambar jendela loteng 
Nah, sekali lagi, gradiennya berasal dari warna 2e8ce0 untuk mewarnai 7cc6fd
Atur garis luar menjadi tebal 1 piksel dan warnanya 4381c8
Kami mengevaluasi hasilnya... 
Rumah kami hampir siap, tetapi terlihat terlalu datar - kami akan menambah volume dengan bantuan highlight.
Buat layer baru dan gunakan Pencil Tool (B) gambar dua garis 
Masuk ke menu Layer > Layer Style > Gradient Overlay... dan buat isian gradien dari warnanya 000000
untuk mewarnai ffffff. Perhatikan parameter Blend Mode - saya menetapkan nilainya Layar
Anda harus mendapatkan hasil berikut 
Untuk mencapai efek yang kita perlukan, kita perlu menerapkan manipulasi berikut pada layer: 
Hasilnya, kami mendapatkan efek ini 
Sekarang mari kita buat sorotan di bawah atap. Buat layer baru, dan gunakan alat Pensil yang sama (B) gambar berikut ini 
Karena gradien yang kita miliki pada objek ini akan sama persis dengan objek sebelumnya, masuk akal untuk menghemat waktu dan cukup menyalin gaya dari layer yang kita buat sebelumnya. Untuk menyalin gaya, klik kanan pada layer dengan sorotan pertama dan pilih Copy Layer Style dari menu drop-down. Sekarang klik kanan pada layer dengan highlight di bawah atap, dan pilih Paste Layer Style dari menu. Jadi, kami menyalin gaya dengan gradien hitam dan putih - yang tersisa hanyalah memanipulasi lapisan itu sendiri
Hasilnya adalah sebagai berikut 
Kami terus menambahkan sorotan. Saya ingin mencatat bahwa setiap sorotan harus berada pada lapisan terpisah, ini akan membuatnya lebih mudah untuk memanipulasi gaya... Gambarlah empat sorotan lagi - masing-masing pada lapisan terpisah 
Saya sarankan menghemat waktu dengan menyalin gaya dari lapisan tempat kita membuat sorotan pertama. Selanjutnya, tetapkan gaya yang disalin ke masing-masing dari empat lapisan terakhir. Kami juga melakukan manipulasi yang sesuai untuk setiap lapisan.
Hasilnya, kita harus mendapatkan yang berikut ini 
Pada tahap ini rumahnya terlihat lengkap, namun saya masih membiarkan diri saya melamar sentuhan akhir, menekankan fondasi. Untuk melakukan ini, gunakan Pencil Tool (B), pilih warnanya f3f3ea, gambarlah yang berikut ini 
Hampir siap. Di bawah ini kita akan menambahkan garis lain dengan warna saja b5b8a3. 
Yang perlu dilakukan hanyalah menambahkan sedikit keteduhan pada rumah kita. Untuk melakukan ini, pilih semua lapisan dan kelompokkan ke dalam satu grup - ini akan menjadi sumber kami. Selanjutnya, buat salinan grup, dan dalam salinan ini kita kompres semua layer menjadi satu - buka menu Layers > Merge Layers (Ctrl + E). Ini akan menjadi layer dimana kita akan menerapkan bayangan, dan kita akan membuat sumber kita tidak terlihat 
Selanjutnya, masuk ke menu Layer > Layer Style > Drop Shadow... dan berikan bayangan dengan parameter berikut 
Dan, pada akhirnya, kita mendapatkan ikon yang siap digunakan!
Saya harap pelajaran saya bermanfaat bagi Anda.
Inilah yang harus kita dapatkan:
Ikon adalah bagian penting dari desain interaktif dan web. Meskipun ikon berukuran kecil, namun sangat sulit untuk dibuat. Dalam tutorial hari ini kami akan mendemonstrasikan cara membuat ikon folder menggunakan berbagai bentuk dan refleks di Photoshop. Mari kita mulai!
Langkah 1 - Teknik File/Pena Baru
Buka Photoshop dan buat dokumen baru (Ctrl + N). Gunakan pengaturan berikut:
Resolusi: 72dpi
Mode warna: warna RGB
Dimensi: 600 × 600 piksel
Membuat potongan berikutnya menggunakan suatu alat PenaAlat(P) (Bulu). Warna: #3da1e2
Langkah 2 - Membuat Bentuk Menggunakan Pena
Gambar bagian belakang folder menggunakan Alat Pena(Pena) menggunakan teknik menggambar yang sama. Kemudian gambar garis seperti yang ditunjukkan pada gambar.
Warna: #003658 #3da1e2 #08517e
Langkah 3 - Selesaikan bentuknya
Setelah Anda selesai menggambar folder, Anda perlu menambahkan selembar kertas dan panah seperti yang ditunjukkan pada gambar. Anda sekarang harus memiliki 5 lapisan. Setiap bentuk akan berada pada lapisan terpisah. Beri nama pada setiap lapisan.
Warna: #ffffff #32e732
Langkah 4 - Menambahkan Efek Warna
Tambahkan gaya lapisan berikut ke depan folder. Turunkan opacity menjadi 90%.
Tambahkan gaya lapisan berikut untuk kertas. Turunkan opacity layer menjadi sekitar 90-95%.
Tambahkan gaya lapisan berikut untuk garis tersebut.
Tambahkan gaya lapisan berikut ke bagian belakang folder.
Tambahkan gaya lapisan berikut untuk panah.
Sekarang ikon Anda terlihat seperti ini.
Langkah 5 - Menambahkan Refleks
Menambahkan grup baru disebut "Refleks". Menggunakan Alat Pena(Pena) untuk menggambar pantulan seperti terlihat pada gambar. Pastikan Anda hanya menggambar garis luarnya dan bukan bentuknya. Setelah Anda menutup jalur, klik kanan pada ruang kerja dan pilih membuat pilihan(Buat pilihan) (bulu 0). Ambil kuas besar (diameter sekitar 470, kekerasan 0) dan cat sisi kanan seleksi, seperti pada gambar, untuk menciptakan pantulan putih. Ubah mode campuran menjadi Hamparan(Overlay) dan kurangi opacity menjadi 63%.
Langkah 6 - Tepian
Buat grup baru bernama "Edges", buat layer baru di dalamnya (Ctrl + Shift + N atau klik ikon buat layer baru). Menambahkan sorotan ke tepinya memberi ikon efek 3D. Menggunakan Alat Pena(Pena) untuk membuat garis guratan di sekitar sudut dan seluruh margin folder, kertas, dan panah. Kemudian klik kanan pada ruang kerja dan pilih Jalur Pukulan(Stroke) - Sikat(Sikat). Pengaturan kuas harus diubah terlebih dahulu, diameter master 8 piksel dan kekerasan 0.
Melangkah7 - Bayangan
Buat layer baru (Ctrl + Shift + N) untuk bayangan dan letakkan di grup baru (Ctrl + G). Buatlah pilihan seperti yang Anda lakukan pada langkah 5 untuk membuat pantulan. Isi seleksi dengan warna hitam lalu buramkan margin dengan alat tersebut Alat buram(Mengaburkan). Jika bayangan terlihat terlalu gelap, turunkan opacity layer menjadi 40%.
Langkah 8 - Menambahkan Teks
Tambahkan teks menggunakan font apa pun yang Anda suka. Saya memilih "Agensi FB". Ukuran font: 40, opacity lapisan: 75%.
Langkah 9 - Penambahan Akhir Refleksi dan Bayangan
Tambahkan beberapa refleksi lagi pada makalah menggunakan metode yang sama seperti pada Langkah 5.
Tambahkan bayangan menggunakan Alat Elips(E) (Elips). Gambarlah elips seperti yang ditunjukkan pada gambar dan tambahkan beberapa menyaring -Mengaburkan-Gerakan kabur(Filter - Buram - Buram Gerakan). Kurangi opacity sesuai keinginan Anda.
Tampilan terakhir
Saya harap Anda menikmati tutorial ini. Saya telah menambahkan beberapa ikon tambahan yang saya buat menggunakan teknik yang sama.
Jika ikon akan digunakan di layar. Jika Anda segera membuat raster, maka saat menskalakan garis akan kabur dan tidak lagi sesuai dengan piksel. Tetapi tidak ada gunanya menggambar di tempat lain: tetap saja, imporlah ke dalam tata letak di Photoshop.
Mari kita mulai dengan fakta bahwa masalah goresan "lunak" diselesaikan dengan pengaturan kontur:
Sekarang kamu bisa menggambar sesuatu. Saya hanya perlu ikon surat kabar.
Pertama saya mempelajari objek yang digambarkan. Google menyarankan proporsinya:
Saya perhatikan fitur-fitur yang ada:
Saya akan mengambil halaman pertama dari arsip sebagai contoh. New York Kali. Saya segera menyesuaikan ukurannya agar sesuai dengan ikon lainnya. Yang penting di sini adalah bobot visual, bukan parameter matematika: 
Untuk membuat titik jangkar menempel pada kisi piksel, Anda perlu mencentang kotak di sini:
cmd+k 
Untuk garis benda yang diputar dengan sudut bukan kelipatan 45°, menempel pada grid dapat membahayakan, sehingga tuts dan [k] dapat cepat aus :-) 
Sudah jelas bahwa koran ternyata “lebih berat” dibandingkan benda lainnya. Saya kurangi sedikit: 
Saat melakukan penskalaan, titik jangkar muncul keluar dari kisi piksel. Saya memasukkannya kembali jika diperlukan.
Saya menambahkan detailnya. Saya memeriksa apakah 6 kolom tersebut ditumpuk sehingga margin koran sama (saya tidak sengaja mengetahui bahwa ya. Kalau tidak, saya harus membuat koran satu piksel lebih lebar.) 
Di sinilah garis-garis itu saling menempel secara menjijikkan, membentuk titik gelap. Ini tidak terlihat saat diperbesar, tetapi pada tangkapan layar sebelumnya langsung menarik perhatian Anda:
Sekarang namanya. Di ikon saya, semua garis memiliki ketebalan yang sama, jadi saya tidak mampu menggambar garis tebal alih-alih judul. Saya segera membuat sketsa huruf-hurufnya, mengabaikan detailnya:
Saya menguranginya ke ukuran yang diperlukan dan memasukkan setiap huruf ke dalam kotak piksel:
Saya mengisi koran: 
Hampir siap. Saya bingung dengan jumlah tintanya. Ikon tersebut ternyata jauh lebih padat dibandingkan tetangganya. Saya melepaskan talinya, saya menghapus Titanic.
Koran digulung di bagian bawah. Untuk meningkatkan efek ini Anda memerlukan bayangan. Tapi Anda tidak bisa menggunakan bayangan, jadi saya mengada-ada langkah licik- Saya menempatkan garis bawah lebih dekat ke tepi koran, sehingga di dekat tepinya kepadatan garis meningkat, menciptakan kesan gelap. 
Sejujurnya, saya bahkan menyukainya seperti ini: 
Saya masih akan memikirkan opsi mana yang harus saya pilih. Itu saja untuk hari ini.