Za početak ću reći nešto što mnogi možda znaju ... ali nema veze: HTML5 + CSS3 + JS ... jednostavno savršeno 🙂
Korisnik mi je napisao e-mail pitajući me o vodiču za njega kako da kreira ravne ikone, one ravne i to je nova moda na webu. Posebno želi Inkscape o širit dugme u stilu chata ili nešto što bi služilo (ili referenca) Snapchat.
Kako sam užasan s Inkscapeom, a također i stvaram sadržaj ispočetka čak i sa Gimpom bez veze ... Sjetio sam se da sam maloprije vidio malu web aplikaciju (index.html s nekoliko css-a i js-a) koji su nam omogućili da lako i brzo kreiramo ravne ikone u trenutnoj modi, znate, ravni dizajn.
Generator ravnih ikona
Ima niz unaprijed definiranih ikona, na primjer ikonu laptopa, mobilne uređaje (onaj koji prikazujem na snimku zaslona), poklon, bicikl ... uff, ima ih dosta, zaista velika raznolikost:
Ali nije pitanje samo stavljanja ikone i sada ... možemo odrediti veličinu ikone ili veličinu slike kao takve (ikona + pozadina) pomoću dvije vodoravne trake. Očito vidimo kvadratnu veličinu u pikselima ... 256 ... 512 ... itd
Sljedeća opcija omogućuje nam odabir boje pozadine, kao i boje ikone. Ikona je prema zadanim postavkama bijela, a pozadina plava, tako da se ne sukobljava puno.
Konačno, u toj traci s lijeve strane opcija omogućava nam da definiramo jesu li granice ikone kvadratne ili, s druge strane, želimo da konačni rezultat bude kružan.
Ostavljam vam snimak zaslona ovih opcija:
S druge strane, u gornjem dijelu prikazuje nam informacije o ikoni koja se generira i mijenja u stvarnom vremenu. Odnosno, ako se poigrate s veličinama i bojama, vidjet ćete da se ove informacije uvijek mijenjaju u stvarnom vremenu:
Kao što vidite, imamo i dugme Preuzmi ikonu, koja bi nam pokazala ikonu koja je već generirana u PNG-u na drugoj kartici, u kojoj možemo kliknuti desnim klikom + Spremi i to je to, imat ćemo ravnu ikonu koju generiramo u željenoj mapi na našem računaru.
Preuzmite Flat Icon Generator
Ako želite sami isprobati (što pretpostavljam neka bude haha), evo linka:
Ovim se nadam da ću se pridržavati onoga što me korisnik pitao e-poštom, iako nije uputstvo za stvaranje gumba s Gimpom ili Inkscapeom, pa, i dalje mislim da će služiti onome što želite. U stvari, ne možete samo generirati dugme za vezu preuzimanje snapchat, ali čak može generirati veliku većinu ikona ili gumba za vašu web lokaciju ili što god već radite 😀
Pozdrav i nadam se da vam je bilo zanimljivo.
Nisam razumio kako se koristi pueden Možete li napraviti samo opcije ikona koje daje?
Vrlo je dobro, napišem link.
Obično koristim IcoMoon App (https://icomoon.io/app/#/select) koji je takođe prilično zanimljiv i vrlo potpun; iako ne znam je li to potpuno isto kao i ono na što se post odnosi.
Pozdrav.
Svidjela mi se ideja prilagođavanja ikona, svidjeli su mi se linkovi (vaš i korisnik Percaff_TI99). Spremit ću ih u svoje favorite 😀
Zanimljivi prijedlozi, iako već radije koristim Inkscape zbog lakoće izrade ravnih ikona (u stvari je praktičniji od drugog vektorskog uređivača koji sam koristio, iako se još nisam naviknuo na izradu naprednijih vektorskih grafika sa ta aplikacija).
Vrlo praktičan i lak za upotrebu. Te potrebe možete pokriti i pomoću Font Awesome: http://fortawesome.github.io/Font-Awesome/
Hvala na dijeljenju! to 🙂
Budite zanimljivi, svakako da će poslužiti za mnoge projekte. Pitao sam se kakva je web aplikacija, može li se prenositi za firefox os? Stvaranje web aplikacije direktnom prečicom ili slično da biste je koristili? Žao mi je, ne znam zašto pitam.
Sad kad smo na Božiću, mnogi će roditelji dati svojoj djeci pametni telefon za kraljeve. Koja je jedna od prvih stvari koje ćete učiniti s ovim uređajima? Bez sumnje, jedan od njih, ako ne i prvi, bit će preuzimanje snapchata, a drugi će biti opis whatsappa. Budući da su ovo besplatne aplikacije, većina ih tinejdžera ima na svojim telefonima.
Mislim da je jedan od uzroka uspjeha aplikacija tipa snapchat na prvom mjestu što su besplatne, s druge strane stvorena je moda za slanje slika gotovo svega što se radi tijekom dana i konačno jer je riječ o vrlo jednostavnoj aplikaciji
Odlicno! Ova web stranica mi je puno pomogla u procesu stvaranja logotipa za moju novu web lokaciju na snapchatu, podudarajući se s korisnikom koji je postavio upit. Šaljem vam zagrljaj iz Paragvaja, stranica je jako dobra 😉 Pozdrav.