Bagaimana cara membuat grafik gaya gambar tangan untuk situs web saya?

8

Saya sedang mengembangkan halaman web untuk aplikasi berbasis web, saya baru mengenal desain web, jadi maafkan jika saya telah mengajukan pertanyaan yang sangat mendasar.

saya ingin membuat ikon dan menanamkan ke file gambar png saya yang ada. Saya telah melampirkan contoh gambar di bawah ini dan lingkari ikon yang saya inginkan.

masukkan deskripsi gambar di sini

jadi saya ingin tahu cara menanamkan ikon ke dalam gambar, apakah ada alat khusus untuk membuat ikon itu?

website-design icon images pappu_kutty
sumber
Anda harus memberikan atribusi (yaitu, URL) untuk gambar itu. Saya kira itu adalah persyaratan untuk situs ini dan yang Anda dapatkan gambarnya (jika situs itu mengizinkannya, meskipun dengan atribusi itu mungkin tercakup dalam penggunaan wajar).
Pasang kembali Monica - notmaynard
Menggunakan SVG mungkin baik untuk hal seperti ini sehingga dapat ditingkatkan dan diubah sesuai kebutuhan di browser itu sendiri
Zach Saucier
2
Cara terbaik untuk membuat gambar yang digambar tangan adalah menggambarnya dengan tangan. Yang dalam contoh terlihat seperti mereka digambar dengan mouse atau tablet, pukulannya konsisten.
Phil

Jawaban:

11

Jika Anda sudah memiliki spanduk dan ingin tahu tentang gambar-gambar kecil di atasnya, maka saya dapat memikirkan dua cara untuk mendapatkannya:

1) Beli online, sudah dibuat. Situs-situs seperti iStock atau GraphicRiver menawarkan ilustrasi vektor dengan latar belakang transparan, sehingga cukup mudah untuk membuka file dan menempelkannya di banner Anda. Ada juga ikon gratis yang bisa Anda gunakan. Lihatlah Vecteezy , The Noun Project atau FlatIcon , untuk menyebutkan beberapa saja.

2) Gambar mereka sendiri. Anda dapat menggunakan mouse Anda (Illustrator atau Inkscape akan lebih baik untuk ini), atau, jika Anda tertarik untuk menggambar Anda bisa mendapatkan tablet grafis. Yang kecil tidak semahal itu, dan dalam kasus apa pun, itu adalah urusan Anda, tetapi investasi.

Semoga berhasil!

Yisela
sumber
terima kasih .. saya telah memutuskan untuk menggambar sendiri menggunakan ilustrator, yang tampaknya lebih kreatif dan orisinalitas.
pappu_kutty
1

Jika saya memahami pertanyaan Anda dengan benar, maka Anda memiliki dua opsi:

  1. Anda dapat menggambar ikon di atas kertas, dan memindainya ke dalam program pengeditan gambar. Anda dapat mengubah "ikon" menjadi PNG ukuran tetap dengan latar belakang transparan, atau menjadi file SVG yang dapat skala. Kemudian, cukup unggah gambar itu ke situs web Anda, ubah menjadi tautan, dan posisikan dengan benar ... menggunakan gaya CSS absolut, tetap, mengambang, dll.

  2. Anda dapat menyematkan ikon yang digambar tangan sebagai bagian dari gambar latar belakang itu sendiri. Kemudian, Anda akan bekerja hanya dengan satu gambar besar. Anda dapat mengubah berbagai bagian gambar itu menjadi tautan dengan membuat url gambar-peta dalam sesuatu seperti Dreamweaver. Artinya adalah bahwa Anda mengidentifikasi bagian dari gambar Anda (melalui koordinat) untuk menjadi tautan - area yang Anda dapat "bentuk" menjadi bentuk dan lokasi yang sama seperti pada gambar latar belakang Anda.

sharedphysics
sumber