Na úvod poviem niečo, čo možno mnohí vedia ... ale to nevadí: HTML5 + CSS3 + JS ... proste perfektné 🙂
Používateľ mi napísal e-mail so žiadosťou o návod, ako vytvoriť ploché ikony, tie, ktoré sú ploché, a to je nová móda na webe. Konkrétne hľadaný používateľom Inkscape o gimp tlačidlo v štýle četu alebo niečo, čo by slúžilo (alebo odkazovalo) snapchat.
Nakoľko som s Inkscape hrozný a taktiež vytváranie obsahu od nuly aj s Gimpovými smradmi ... spomenul som si, že pred chvíľou som uvidel malú webovú aplikáciu (index.html s niektorými CSS a JS), ktoré nám umožnili ľahko a rýchlo vytvárať ploché ikony súčasným spôsobom, viete, ploché vzory.
Generátor plochých ikon
Má sériu preddefinovaných ikon, napríklad ikonu notebooku, mobilné zariadenia (to, ktoré uvádzam na snímke obrazovky), darček, bicykel ... uff, je ich naozaj veľa, naozaj veľká rozmanitosť:
Nejde však o to len vložiť ikonu a teraz ... veľkosť ikony alebo veľkosť obrázka ako takého (ikona + pozadie) môžeme definovať pomocou dvoch vodorovných pruhov. Je zrejmé, že vidíme štvorcovú veľkosť v pixeloch ... 256 ... 512 ... atď
Ďalšia možnosť nám umožňuje zvoliť farbu pozadia aj farbu ikony. Ikona je predvolene biela a pozadie modré, aby sa veľmi nebili.
Nakoniec v tomto pruhu vľavo od možností umožňuje definovať, či sú hranice ikony štvorcové, alebo či chceme, aby bol konečný výsledok kruhový.
Nechám vám screenshot týchto možností:
Na druhej strane nám v hornej časti zobrazuje informácie o ikonke, ktorá sa generuje a mení v reálnom čase. Inými slovami, ak sa pohráte s veľkosťami a farbami, uvidíte, že tieto informácie sa vždy menia v reálnom čase:
Ako vidíte, máme aj tlačidlo Získajte ikonu, ktorý by nám ukázal ikonu už vygenerovanú v PNG na inej karte, na ktorej môžeme kliknúť pravým tlačidlom myši + uložiť a je to, budeme mať plochú ikonu, ktorú vygenerujeme v požadovanom priečinku na našom počítači.
Stiahnite si generátor plochých ikon
Ak si to chcete vyskúšať sami (čo si myslím, že haha), tu je odkaz:
Týmto dúfam, že budem v súlade s tým, čo sa ma používateľ pýtal e-mailom, hoci nejde o návod na vytvorenie tlačidla pomocou programu Gimp alebo Inkscape, stále si však predstavujem, že bude slúžiť to, čo chcete. V skutočnosti nemôžete iba vygenerovať tlačidlo pre odkaz z stiahnuť snapchat, ale mohlo by to dokonca vygenerovať prevažnú väčšinu ikon alebo tlačidiel pre vaše stránky alebo čokoľvek, čo robíte 😀
Zdravím vás a dúfam, že vás to zaujalo.
Nechápal som, ako sa to používa 🙁 Môžete robiť iba možnosti ikon, ktoré dáva?
Je to veľmi dobré, píšem odkaz.
Zvyčajne používam aplikáciu IcoMoon (https://icomoon.io/app/#/select) čo je tiež celkom zaujímavé a veľmi úplné; aj ked neviem, ci je to uplne to iste, na co sa tyka prispevok.
Zdravím.
Páčila sa mi myšlienka prispôsobenia ikon, páčili sa mi odkazy (váš a užívateľ Percaff_TI99). Uložím ich do svojich obľúbených 😀
Zaujímavé návrhy, aj keď už dávam prednosť použitiu Inkscape kvôli tomu, aké ľahké je vytvárať ploché ikony (v skutočnosti je to praktickejšie ako iný vektorový editor, ktorý som použil, hoci som si ešte nezvykol robiť pokročilejšiu vektorovú grafiku pomocou táto žiadosť).
Veľmi praktické a ľahko použiteľné. Tieto potreby môžete pokryť aj pomocou programu Font Awesome: http://fortawesome.github.io/Font-Awesome/
Vďaka za zdieľanie! že 🙂
Prejdite tak zaujímavo a určite bude slúžiť pre mnoho projektov. Zaujímalo by ma, ako je to s webovou aplikáciou, dá sa to preniesť na firefox os? Vytvoríte webovú aplikáciu ako priamu alebo podobnú skratku na jej použitie? Prepáčte, neviem prečo.
Teraz, keď sme na Vianoce, veľa rodičov dá svojim deťom inteligentný telefón pre kráľov. Čo je jedna z prvých vecí, ktoré s týmito zariadeniami urobíte? Jedným z nich, ak nie prvým, bude nepochybne stiahnutie Snapchatu a ďalším z nich bude popis WhatsApp. Pretože sa jedná o bezplatné aplikácie, väčšina tínedžerov ich má vo svojich telefónoch.
Myslím si, že jednou z príčin úspechu aplikácií typu snapchat je v prvom rade to, že sú zadarmo, na druhej strane bola vytvorená móda na zasielanie obrázkov takmer všetkého, čo sa deje počas celého dňa a konečne kvôli veľmi ľahko použiteľnej aplikácii
Vynikajúci! Táto webová stránka mi veľmi pomohla pri vytváraní loga môjho nového webu na snapchate, čo sa zhodovalo s používateľom, ktorý zadal dopyt. Posielam vám objatie z Paraguaja, stránka je veľmi dobrá 😉 Zdravím vás.