User Tools

Site Tools


project:digitalni_vokabular

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
project:digitalni_vokabular [2021/01/12 23:36] dpproject:digitalni_vokabular [2022/09/03 19:29] (current) – [Crtanje stickera] dp
Line 1: Line 1:
 ====== Digitalni vokabular ====== ====== Digitalni vokabular ======
-Bilješke uz radionicu [[https://radiona.org/radionica-digitalni-vokabular/|Digitalni vokabular]] održanu 11.1.2021. u Radioni.+Bilješke uz radionicu [[https://radiona.org/radionica-digitalni-vokabular/|Digitalni vokabular]] održanu 11.1. i 12.1.2021. u Radioni. 
 + 
 +----
  
 ===== Terminologija ===== ===== Terminologija =====
  
-==== Emoticon i Kaomoji ====+==== Emoticon ====
  
 ''%%:-)%%'' ''%%:-(%%'' '':'('' '':O'' '':P'' ''<3'' ''D:'' ... \\  ''%%:-)%%'' ''%%:-(%%'' '':'('' '':O'' '':P'' ''<3'' ''D:'' ... \\ 
 ''¯\_(ツ)_/¯'' ''(^.^)'' ''( ͡° ͜ʖ ͡°)'' ''ಠ_ಠ'' ... ''¯\_(ツ)_/¯'' ''(^.^)'' ''( ͡° ͜ʖ ͡°)'' ''ಠ_ಠ'' ...
  
-  * korištenje interpunkcijskih i slovnih znakova (uključujući i one iz drugih jezika) +  * Emoticon ili "Emotion icon" 
-  * potreban je font sa širom jezičnom prokrivenosti (najčešće sistemski fontovi nprArial...)+  * "Minimalističke" slike lica, emocija simbola dobivene kombinacijama interpunkcijskih znakova, slovnih znakova i brojeva. 
 +  * Prikazi su najčće zarotirani za 90° prate smijer ispisivanja teksta. 
 +  * Postoje brojni stilovi poput Japanskog //Kamoji//-a, Korejskog 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 šalaU stvarnosti, emoticoni su se u različitim varijantama pojavljivali i ranije. 
  
 ==== Emoji ==== ==== Emoji ====
Line 16: Line 23:
 😂😨🙈🤷❤️🌊💣🤓🤐👌💩 ... 😂😨🙈🤷❤️🌊💣🤓🤐👌💩 ...
  
-  * emoji su slike, a ne tipografske aproksimacije +  * Emoji-ji su internacionalni standard, svojevrsni slikovni jezik. 
-  * računalo emoji-je tretira kao slovne znakove (ne-zapadnjačkog jezika). mogu se copy-paste-ati. +  * Za razliku od emoticona, emoji su prave slike, a ne tipografske aproksimacije. 
-  * kroz Unicode standard definiran je opseg i pozicije/kodovi svakog emoji-ja +  * Računalo emoji-je tretira kao slovne znakove, što znači da se oni mogu slati i copy-paste-ati kao običan tekst
-  * prijedlozi za proširenje standarda https://unicode.org/emoji/proposals.html +  * 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. 
-  * vizualne forme definiraju se kroz posebne kolor fontove +  * 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 
-  * krajni korisnici namaju apsolutnu kontrolu nad vizualnim prikazima - pri slanju emoji-ji se šalju kao kodovidok se sama slika kod primatelja prikazuje korištenjem lokalnih fontova (razlike u ovosinosti o operativnom sustavu ili aplikaciji) +  * (Prvi emoji-ji kreirani su krajem 90-tih od strane NTT DoCoMoJapanske komunikacijske korporacije)
 ==== Stickeri ==== ==== Stickeri ====
  
Line 30: Line 36:
 {{:project:sticker5.png?nolink|}} {{:project:sticker5.png?nolink|}}
  
-  * slike/naljepnice koje se koriste raznim //messaging// aplikacijama (WhatsApp, Viber, FB Messanger, Telegram, Signal...) +  * //Stickeri// su posebno formatirane slike koje je moguće razmjenjivati i "lijepiti" neposrednoj digitalnoj konverzaciji unutar raznih messaging servisa. 
-  * ne postoji univerzalni standard njihova implementacija ovisi o pojedinoj aplikaciji +  * //Stickere// danas podržavaju sve relevantne //messaging// aplikacije (WhatsApp, FB Messanger, Viber, Telegram, Signal...) 
-  * relativno jednostavna izrada - u pravilu se radi o običnim slikama s transparentnom pozadinom +  * Za razliku od //emojia// za //stickere// ne postoji univerzalni standard već se njihova tehnička implementacija razlikuje od aplikacije do aplikacije. 
-  * mogućnost animiranih zvučnih stickera (ne podržavaju sve aplikacije)+  * 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 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.
  
-===== Tehnologija =====+----
  
-==== Formati datoteka za stickere ==== +===== Crtanje stickera ===== 
-Ovo su neki od tipičnih formata datoteka u kojima su spremljeni stickeri. U praksi je najbolje raditi u vektorima ili s PNG datotekama više rezolucije, pa prema potrebi napraviti smanjivanje i konverziju u odgovarajući format.+ 
 +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 napraviti konverziju u odgovarajući format.
  
 <mobiletable 1> <mobiletable 1>
Line 48: Line 79:
 </mobiletable> </mobiletable>
  
-===== Alati ===== +==== Brisanje pozadina ====
-Za potrebe bazične demonstracije koristimo Viber zato što dolazi s integriranim sticker editorom. Kod drugih messengera potrebno je koristiti odgovarajuće aplikacije ili pronaći specifične upute. Veća kvaliteta i kontrola može se postići radom u posebnim grafičkim alatima.+
  
-==== Izrada stickera korištenjem Viber aplikacije ====  +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.
-{{youtube>Jq-t4G_mZo4?large}}+
  
-https://help.viber.com/en/article/create-your-own-sticker-packs+Brisanje ("izbijanje") pozadine sa slika može se donekle automatizirati koristeći brojne grafičke alateIpak, za kvalitetan rezultat često je potrebna dodatna ručna obrada ruba selekcije.
  
-==== Alati za crtanje ili obradu slika ====  +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//
-  * Adobe Photoshop Illustrator 💰 + 
-  * Affinity Designer / Photo+  * 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/   * Gimp (open source) https://www.gimp.org/
   * Krita (open source) https://krita.org/en/   * Krita (open source) https://krita.org/en/
-  * Photopea 👍 (web aplikacija poznatog sučelja) https://www.photopea.com/ +  * Android https://play.google.com/store/apps/details?id=com.handycloset.android.eraser 
-  * Background Eraser (android splikacija za brisanje pozadina) https://play.google.com/store/apps/details?id=com.handycloset.android.eraser&hl=en&gl=US +  * iPhone https://apps.apple.com/in/app/background-eraser-stickers/id926035241 
-  * Ezgif (web aplikacija za izradu i konverziju animiranih datoteka) https://ezgif.com/ +  * + brojni on-line servisi poput https://www.remove.bg(često s ograničenjima)
-  * CamScanner (smartphone aplikacija za skeniranje putem telefona) https://www.camscanner.com/+
  
-==== Smartphone aplikacije za izradu ili import stickera ====  
  
-  Viber https://www.viber.com/en/download/+---- 
 + 
 +===== 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/   * Sticker.li http://sticker.ly/
-  * uSticker https://play.google.com/store/apps/details?id=com.crossbowffs.usticker&hl=en_AU +  * Wemoji https://play.google.com/store/apps/details?id=com.picmax.wemoji 
-  * Stickerboard https://apps.apple.com/us/app/stickerboard-image-keyboard/id1541097926 +  * https://play.google.com/store/apps/details?id=alpha.sticker.maker 
-  * GIF Keyboard by Tenor https://play.google.com/store/apps/details?id=com.riffsy.FBMGIFApp&hl=en_IN +==== Telegram ==== 
-  * GIPHY: GIF & Sticker Keyboard & Maker https://play.google.com/store/apps/details?id=com.giphy.messenger +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. 
-FIXME+==== 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 
 + 
 +----
  
-==== DIY stylus olovka ====+===== Izrada olovke stylusa ===== 
 +za crtanje na smartphone-u ili tabletu.
 {{youtube>RFedRMVE14o?large}} {{youtube>RFedRMVE14o?large}}
  
-===== Inspiracija =====+---- 
 + 
 +====== Inspiracija ======
 FIXME FIXME
   * https://www.wired.com/story/guide-emoji/   * https://www.wired.com/story/guide-emoji/
   * https://www.nytimes.com/2017/07/28/arts/design/a-brief-history-of-emoji-art.html   * https://www.nytimes.com/2017/07/28/arts/design/a-brief-history-of-emoji-art.html
   * https://en.wikipedia.org/wiki/Emoticon   * https://en.wikipedia.org/wiki/Emoticon
 +  * http://kaomoji.ru/en/
   * https://unravellingmag.com/articles/kaomoji-as-expression/   * https://unravellingmag.com/articles/kaomoji-as-expression/
   * About Emoji https://home.unicode.org/emoji/about-emoji/    * About Emoji https://home.unicode.org/emoji/about-emoji/ 
Line 97: Line 154:
   * http://www.emojination.org/   * http://www.emojination.org/
   * Emojipedia, Emojipedia Blog https://emojipedia.org/, https://blog.emojipedia.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  The Unicode Consortium Overview 
Line 125: Line 183:
  
  
- +==== 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
  
project/digitalni_vokabular.1610490968.txt.gz · Last modified: 2021/01/12 23:36 by dp