====== Digitalni vokabular ====== Bilješke uz radionicu [[https://radiona.org/radionica-digitalni-vokabular/|Digitalni vokabular]] održanu 11.1. i 12.1.2021. u Radioni. ---- ===== Terminologija ===== ==== Emoticon ==== ''%%:-)%%'' ''%%:-(%%'' '':'('' '':O'' '':P'' ''<3'' ''D:'' ... \\ ''¯\_(ツ)_/¯'' ''(^.^)'' ''( ͡° ͜ʖ ͡°)'' ''ಠ_ಠ'' ... * Emoticon ili "Emotion icon" * "Minimalističke" slike lica, emocija i simbola dobivene kombinacijama interpunkcijskih znakova, slovnih znakova i brojeva. * Prikazi su najčešće zarotirani za 90° i prate smijer ispisivanja teksta. * Postoje brojni stilovi poput Japanskog //Kamoji//-a, Korejskog i sl. koje koriste proširene setove slovnih znakova iz drugih jezika, poput hiragana, katakana, kanji, Grčkog i ćirilićnog alfabeta * Za ispravan prikaz potreban je font sa širokom jezičnom prokrivenosti. * Smatra se da je prve ASCII emoticone ''%%:-)%%'' i ''%%:-(%%'' predložio računalni znanstvenik Scott Fahlman 1982. na internet forumu fakulteta kako bi se pomogli u razlučivanju ozbiljnih objava od šala. U stvarnosti, emoticoni su se u različitim varijantama pojavljivali i ranije. ==== Emoji ==== 😂😨🙈🤷❤️🌊💣🤓🤐👌💩 ... * Emoji-ji su internacionalni standard, svojevrsni slikovni jezik. * Za razliku od emoticona, emoji su prave slike, a ne tipografske aproksimacije. * Računalo emoji-je tretira kao slovne znakove, što znači da se oni mogu slati i copy-paste-ati kao običan tekst. * Vizualne forme emoji-a definirane su kroz posebne fontove, pa se sami prikazi mogu razlikovati ako se razmjenjuju između različitih servisa i operativnih sustava. * Kroz Unicode standard definirana je pozicija svakog emoji-a u fontu. Standard se redovito ažurira i proširuje https://unicode.org/emoji/proposals.html * (Prvi emoji-ji kreirani su krajem 90-tih od strane NTT DoCoMo, Japanske komunikacijske korporacije) ==== Stickeri ==== {{:project:sticker2.png?nolink|}} {{:project:sticker3.png?nolink|}} {{:project:sticker4.png?nolink|}} {{:project:sticker5.png?nolink|}} * //Stickeri// su posebno formatirane slike koje je moguće razmjenjivati i "lijepiti" u neposrednoj digitalnoj konverzaciji unutar raznih messaging servisa. * //Stickere// danas podržavaju sve relevantne //messaging// aplikacije (WhatsApp, FB Messanger, Viber, Telegram, Signal...) * Za razliku od //emojia// za //stickere// ne postoji univerzalni standard već se njihova tehnička implementacija razlikuje od aplikacije do aplikacije. * U pravilu se radi o kvadratim rasterskim (bitmap) slikama "bez" pozadine odnosno s transparentnom pozadinom * Postoji velik broj dostupnih sticker paketa, a relativno jednostavno ih možemo i sami kreirati i distribuirati. * Osim statičnih, postoje i animirani i zvučni //stickeri//. Njih podržava manji broj aplikacija i za izradu takvih stickera potrebni posebni alati, što je izvan opsega ove radionice. * Napomena: stickeri i sticker packovi korišteni u konverzacijama u pravilu postaju javni i nije ih moguće naknadno izbrisati za sve korisnike. ---- ===== Crtanje stickera ===== Slike je moguće izraditi na više načina: - Crtanjem ili obradom fotografija pomoću grafičkih alata (//photo/image editors//) na računalu, tabletu ili smarthone-u - Manipulacijom postojećih stickera korištenjem //smartphone// aplikacija - Crtanjem ili kolažiranjem analognim tehnikama, pa naknadnom digitalizacijom Preporuka je pripremljene slike za //stickere// exportati u PNG formatu veće rezolucije npr. 1000×1000px s transparentnom pozadinom i s malom marginom. Svaki sticker treba eksportati kao posebnu sliku. (S obzirom na to da se //sticker// često koristi preko drugog slikovnog sadržaja, ponekad je poželjno da sticker ima vanjski rub.) Prebacivanje u //messaging// aplikaciju tj. izrada sticker paketa razlikuje se od aplikacije do aplikacije. U slijedećem poglavlju su detaljne upute za vaćinu relavatnih aplikacija. Korisni grafičkih alati: * Adobe Photoshop / Illustrator 💰 * Affinity Designer / Photo * Gimp (open source) https://www.gimp.org/ * Krita (open source) https://krita.org/en/ * Photopea 👍 (web aplikacija poznatog sučelja) https://www.photopea.com/ * Background Eraser (Android splikacija za brisanje pozadina) https://play.google.com/store/apps/details?id=com.handycloset.android.eraser&hl=en&gl=US * Ezgif (web aplikacija za izradu i konverziju animiranih datoteka) https://ezgif.com/ * CamScanner (smartphone aplikacija za skeniranje korištenjem telefona) https://www.camscanner.com/ * Pocket paint (open source Android image editor) https://play.google.com/store/apps/details?id=org.catrobat.paintroid ==== Detaljnije o formatima slikovnih datoteka ==== Ovo su uobičajeni formati datoteka u kojima se pripremaju i spremaju stickeri. U praksi je najbolje raditi u vektorima ili s PNG datotekama više rezolucije, pa prema potrebi smanjiti i napraviti konverziju u odgovarajući format. ^ ^ Kvaliteta ^ Transparencija ^ Animacija ^ Kompatibilnost ^ ^ PNG 👍 | Visoka | Da (alpha kanal) | Da (APNG) | Velika | ^ WebP | Visoka (podržava i lossy kompresiju) | Da (alpha kanal) | Da | Mala | ^ GIF | Niska (max 256 različitih boja) | Da (samo jedna boja) | Da | Velika | ^ SVG | Maksimalna | Da | Da (SVG/SMIL) | Srednja | ==== Brisanje pozadina ==== Najćešće kod pripreme slike za //sticker// želimo izbrisati pozadinu oko motiva – kako //sticker// ne bi izgledao kao obična kvadratna slika. Brisanje možemo značajno olakšati ako odaberemo ili snimimo fotografiju ispred jednolične pozadine, pri difuznom osvjetljenju (npr. za vrijeme oblačnog dana). U profesionalnom foto/video svijetu za tu primjenu najčešće se koriste //green// ili //blue screen// i studijska rasvjeta. Brisanje ("izbijanje") pozadine sa slika može se donekle automatizirati koristeći brojne grafičke alate. Ipak, za kvalitetan rezultat često je potrebna dodatna ručna obrada ruba selekcije. Ako motiv crtate iz nule, vektorski ili rasterski, ovaj korak možete u potpunosti izbjeći ako pri kreiranju vodite računa o tome da crtate na posebnom layeru (odvojenom od pozadine///backgrounda//) * Photopea (web aplikacija sučelja sličnog Photoshopu), Windows, macOS, Linux... https://www.photopea.com/ * Adobe Photoshop (Windows, macOS) * Gimp (open source) https://www.gimp.org/ * Krita (open source) https://krita.org/en/ * Android https://play.google.com/store/apps/details?id=com.handycloset.android.eraser * iPhone https://apps.apple.com/in/app/background-eraser-stickers/id926035241 * + brojni on-line servisi poput https://www.remove.bg/ (često s ograničenjima) ---- ===== Izrada sticker paketa ===== ==== Signal ==== Izradu sticker paketa moguća je putem službene Desktop aplikacije. Uz svaki sticker potrebno je pridijeliti emoji, pa će pri slanju emoji-a biti ponuđen i taj sticker. * https://support.signal.org/hc/en-us/articles/360031836512-Stickers#sticker_creator * https://www.reddit.com/r/signal/comments/kxa631/a_comprehensive_guide_to_find_and_create_stickers/ * https://www.reddit.com/r/signal/comments/kspu66/how_to_make_animated_stickers/ ==== Viber ==== Viber dolazi s integriranim sticker editorom, pa nije potrebno koristiti dodatne alate. * https://help.viber.com/en/article/create-your-own-sticker-packs {{youtube>Jq-t4G_mZo4?large}} ==== WhatsApp ==== Ne postoji službena aplikacija ili alat, pa je potrebno koristiti neslužbene koje su često pretrpane reklamama. * Sticker maker https://play.google.com/store/apps/details?id=com.marsvard.stickermakerforwhatsapp * Sticker Studio https://play.google.com/store/apps/details?id=stickermaker.android.stickermaker * Sticker.li http://sticker.ly/ * Wemoji https://play.google.com/store/apps/details?id=com.picmax.wemoji * https://play.google.com/store/apps/details?id=alpha.sticker.maker ==== Telegram ==== Izrada sticker paketa vrši se putem [[https://telegram.me/stickers|Sticker Bot-a]] (klikom na link ili upisivanjem "stickers" u search engine). Kada otvorite chat dobiti ćete listu svih dostupnih komandi. Npr. komandom ''/newstickerpack'' započinjem s kreiranjem novog sticker paketa. Pripremite slike rezolucije 512×512 px, transparentne pozadine u PNG formatu i slijedite upute. Važno je da sliku uploadate kao file (bez kompresije). Uz svaki sticker moguće je pridjeliti emoji koji će biti ponuđen slijeđen kao alternativa tom emoji-u. ==== Ostali messageri ==== Stickeri se u većinu drugih instant messagera mogu uvesti preko Gboard aplikacije (Google keyboard). To možemo napraviti pomoću jedne od ovih aplikacija: * uSticker (Android) https://play.google.com/store/apps/details?id=com.crossbowffs.usticker&hl=en_AU * Stickerboard (iOS) https://apps.apple.com/us/app/stickerboard-image-keyboard/id1541097926 ---- ===== Izrada olovke / stylusa ===== za crtanje na smartphone-u ili tabletu. {{youtube>RFedRMVE14o?large}} ---- ====== Inspiracija ====== FIXME * https://www.wired.com/story/guide-emoji/ * https://www.nytimes.com/2017/07/28/arts/design/a-brief-history-of-emoji-art.html * https://en.wikipedia.org/wiki/Emoticon * http://kaomoji.ru/en/ * https://unravellingmag.com/articles/kaomoji-as-expression/ * About Emoji https://home.unicode.org/emoji/about-emoji/ * Submitting Emoji proposals to Unicode Consortium https://unicode.org/emoji/proposals.html * Full Emoji List, v13.1 https://unicode.org/emoji/charts/full-emoji-list.html * Emojipedia, Emojipedia Blog https://emojipedia.org/, https://blog.emojipedia.org/ * Emojitracker http://www.emojitracker.com/ * Emoji by the People, For the People http://www.emojination.org/ * https://www.emojivoter.com/vote * http://www.emojitracker.com/ * http://www.emojination.org/ * Emojipedia, Emojipedia Blog https://emojipedia.org/, https://blog.emojipedia.org/ * Emoji combos https://www.elitedaily.com/p/these-funny-emoji-combos-on-tiktok-are-perfect-for-when-words-just-wont-cut-it-71782149 The Unicode Consortium Overview {{youtube>-n2nlPHEMG8?large}} Why It Takes Years To Create Emoji {{youtube>U8aZmwHw1Mk?large}} ==== On-line GIF i sticker provideri ==== * Tenor (Google) https://tenor.com * Giphy (FB) https://giphy.com === History === https://www.wired.com/story/guide-emoji/ https://www.nytimes.com/2017/07/28/arts/design/a-brief-history-of-emoji-art.html === Artworks === Shigetaka Kurita, NTT DOCOMO’s original set of 176 emoji (MoMA) Yuri & Neil - Dolphin {{youtube>xOGuWteJ0Tw?large}} Emoji music video | Boring Angel by Oneohtrix Point Never | Random Acts {{youtube>67Ozhefv9JA?large}} The Garden of Emoji Delights Triptych Animation by Carla Gannis {{vimeo>109645144?large}} ==== Resources ==== * https://commons.wikimedia.org/wiki/Category:Prints_by_subject * http://www.zargonaut.com/ (za copywriting) * GIF Keyboard by Tenor https://play.google.com/store/apps/details?id=com.riffsy.FBMGIFApp&hl=en_IN * GIPHY: GIF & Sticker Keyboard & Maker https://play.google.com/store/apps/details?id=com.giphy.messenger FIXME