Začnu tím, že řeknu něco, co mnozí možná vědí ... ale to nevadí: HTML5 + CSS3 + JS ... prostě perfektní 🙂
Uživatel mi napsal e-mail s dotazem na návod, jak vytvořit ploché ikony, ty, které jsou ploché, a to je nová móda na webu. Konkrétně chtěl Inkscape o gimp tlačítko ve stylu chatu nebo něco, co by sloužilo (nebo odkazovalo) snapchat.
Jelikož jsem s Inkscape hrozný a také vytváření obsahu od nuly, dokonce i s Gimpovými smrady ... vzpomněl jsem si, že před chvílí jsem viděl malou webovou aplikaci (index.html s některými css a js), což nám umožnilo snadno a rychle vytvářet ploché ikony v současné módě, víte, ploché vzory.
Generátor ploché ikony
Má řadu předdefinovaných ikon, například ikonu notebooku, mobilní zařízení (ta, kterou zobrazuji na snímku obrazovky), dárek, kolo ... uff, je jich dost, opravdu velká rozmanitost:
Nejde ale o pouhé umístění ikony a nyní ... můžeme definovat velikost ikony nebo velikost obrázku jako takového (ikona + pozadí) pomocí dvou vodorovných pruhů. Je zřejmé, že čtvercovou velikost vidíme v pixelech… 256… 512… atd
Další možnost nám umožňuje zvolit barvu pozadí i barvu ikony. Ve výchozím nastavení je ikona bílá a pozadí modré, takže se příliš nestřetává.
Nakonec nám v tomto pruhu nalevo od možností umožňuje definovat, zda jsou hranice ikony čtvercové, nebo zda chceme, aby konečný výsledek byl kruhový.
Nechám vám screenshot těchto možností:
Na druhé straně nám v horní části ukazuje informace o ikoně, která se generuje a mění v reálném čase. Jinými slovy, pokud si pohrajete s velikostmi a barvami, uvidíte, že se tyto informace v reálném čase vždy mění:
Jak vidíte, máme také tlačítko Získejte ikonu, což by nám zobrazilo ikonu již vygenerovanou v PNG na jiné kartě, na které můžeme kliknout pravým tlačítkem + uložit a to je vše, budeme mít plochou ikonu, kterou vygenerujeme v požadované složce na našem počítači.
Stáhněte si generátor ploché ikony
Pokud si to chcete sami vyzkoušet (což si myslím, že haha), zde je odkaz:
S tímto doufám, že vyhovím tomu, co se mě uživatel zeptal e-mailem, i když to není návod k vytvoření tlačítka pomocí Gimp nebo Inkscape, stále si představuji, že bude sloužit tomu, co chcete. Ve skutečnosti nemůžete jednoduše vygenerovat tlačítko pro odkaz z stáhnout snapchat, ale mohl by dokonce vygenerovat drtivou většinu ikon nebo tlačítek pro vaše stránky nebo cokoli děláte 😀
Zdravím a doufám, že vás to zajímalo.
Nechápal jsem, jak to používat pueden Můžete udělat pouze možnosti ikon, které dává?
Je to velmi dobré, píšu odkaz.
Obvykle používám aplikaci IcoMoon (https://icomoon.io/app/#/select) což je také docela zajímavé a velmi úplné; i když nevím, jestli je to přesně to samé, na co odkazuje příspěvek.
Zdravím.
Líbil se mi nápad přizpůsobit ikony, líbil se mi odkazy (váš a uživatel Percaff_TI99). Uložím je do svých oblíbených 😀
Zajímavé návrhy, i když už dávám přednost používání Inkscape kvůli tomu, jak snadné je vytvářet ploché ikony (ve skutečnosti je to praktičtější než jiný vektorový editor, který jsem použil, i když jsem si ještě nezvykl na pokročilejší vektorovou grafiku pomocí tato aplikace).
Velmi praktické a snadno použitelné. Tyto potřeby můžete také pokrýt pomocí Font Awesome: http://fortawesome.github.io/Font-Awesome/
Děkuji za sdílení! to 🙂
Zajistěte, aby to bylo jisté, že bude sloužit pro mnoho projektů. Zajímalo by mě, jaká je webová aplikace, lze ji přenést na firefox os? Vytváříte webapp přímou zkratku nebo podobnou funkci pro použití? Promiň, nevím, proč se ptám.
Nyní, když jsme na Vánoce, dá mnoho rodičů svým dětem chytrý telefon pro krále. Co je jednou z prvních věcí, které s těmito zařízeními uděláte? Nepochybně jedním z nich, ne-li prvním, bude stažení Snapchatu a dalším z nich bude popis WhatsApp. Jelikož se jedná o bezplatné aplikace, většina teenagerů je má ve svých telefonech.
Myslím, že jednou z příčin úspěchu aplikací typu snapchat je v první řadě to, že jsou zdarma, na druhou stranu byla vytvořena móda pro odesílání obrázků téměř všeho, co se děje po celý den a nakonec protože jde o velmi snadno použitelnou aplikaci
Vynikající! Tato webová stránka mi hodně pomohla v procesu vytváření loga mé nové stránky na snapchatu, což se shodovalo s uživatelem, který zadal dotaz. Posílám vám obejmutí z Paraguaye, stránka je velmi dobrá 😉 Zdravím.