TransOnline-bloggen: Språk, skriving og e-publisering

Archive for the ‘Bilder/illustrasjoner’ Category

Svart/hvitt med en splæsj farge

leave a comment »

Tekst: Solveig Hansen, 2017

En rød postkasse. En rød og en blå båt snudd opp ned. En gul bil i grøfta. Behold noen objekter eller enkeltdetaljer i farger, og gjør resten av bildet svart/hvitt.

Prinsippet er det samme enten du bruker Photoshop, en skrivebordsapp (for eksempel Fotor eller Gimp) eller en mobilapp. Du starter med et fargebilde som du gjør om til et gråtonebilde ved å redusere fargemetningen («desaturate»). Deretter visker du ut gråfargen med en pensel for å få frem igjen den opprinnelige fargen i den delen du vil fargelegge. Zoom tett inn på motivet, og varier penselstørrelsen etter behov. Ved ytterkantene må du kanskje bruke en ekstra liten pensel for ikke å male bort for mye grått.

Photoshop

I Photoshop kan du bruke historikkpenselen for å hente frem den underliggende fargen.

red_lips_painting

Reduser først fargemetningen ved å velge Bilde > Justeringer > Mindre metning. (Hvis du bare gjør om bildet til et gråtonebilde, mister du all fargeinformasjon og kan ikke male frem originalfargen.) Velg en passende penselstørrelse, og gni i vei.

Color Splash-apper for Android

color_splash_android

Color Splash for iPhone fra Pocket Pixels Inc.

color_splash_iPhone

Innlegget er fra #kreativweb nr. 2/2017, som har «Svart/hvitt med en dæsj farge» som tema:

Bildene i innlegget er fra Pixabay.com.

Written by Solveig Hansen

26.3.2018 at 14:54

GIF, JPG, PNG – hva er forskjellen?

leave a comment »

Tekst: Solveig Hansen, 2014

GIF, JPG og PNG er de vanligste bildeformatene for web. Når bør du bruke hva?

Kortversjonen er at GIF brukes for enkel grafikk, for eksempel logoer og ikoner, JPG/JPEG (uttales «j-peg») brukes for de fleste bilder og fotografier, og GIF-erstatningen PNG (uttales «ping») kombinerer det beste fra GIF og JPG.

 
gif_jpg_png

 
GIF (Graphic Interchange Format)
GIF passer for bilder med svært lav oppløsning og store ensfargede flater, og brukes ofte for logoer og ikoner. Maks antall farger i GIF-filer er 256, noe som gjør filtypen uegnet for fotografier eller grafikk med overganger. Jo færre farger bildet her, desto mindre blir filstørrelsen. GIF-formatet støtter gjennomsiktighet. Det vil si at du kan gjøre bakgrunnen i bildet transparent slik at underlaget kommer til syne. GIF støtter også interlacing (linjesprang), en teknikk som laster inn bildet gradvis slik at du slipper å vente til hele bildet er lastet inn før du ser det på nettsiden. Dessuten har GIF støtte for animasjon, ikke av Flash-kvalitet, men bra nok til at du enkelt kan legge til en liten bevegelseseffekt i bildet. GIF-formatet bruker en komprimeringsalgoritme som gjør at bildet ikke taper kvalitet når du lagrer det.

 
JPG/JPEG (Joint Photographic Experts Group)
JPG-formatet støtter opptil 16,7 millioner farger, noe som gjør det velegnet for bilder og fotografier. De ser skarpe ut selv ved liten størrelse. JPG bruker komprimering med tap, og litt av bildekvaliteten går dermed tapt hver gang du lagrer bildet. Du bør derfor lagre originalfilen et annet sted. Ettersom komprimeringen gjør kanter litt uklare, er ikke JPG så godt egnet for bilder med tekst, store ensfargede områder eller figurer med skarpe kanter – bruk i stedet PNG i slike tilfeller. Progressiv JPG ligner på GIF med interlacing, det vil si gradvis innlasting av bildet. JPG støtter ikke gjennomsiktighet.

 
PNG (Portable Network Graphic)
Da Unisys patenterte GIF, ble PNG utviklet som en royaltyfri erstatning. PNG-formatet har tre varianter: PNG-8, PNG-24 og PNG-32. PNG-8 støtter i likhet med GIF bare 256 farger, mens de to andre variantene støtter opptil 16,7 millioner farger. PNG-24 og PNG-32 støtter dessuten gjennomsiktighet, noe PNG-8 ikke gjør. Mens et GIF-bilde enten har farget eller gjennomsiktig bakgrunn, kan et PNG-bilde ha ulike grader av gjennomsiktighet. PNG passer godt for bilder som har store områder med lik farge, og gir da mindre filstørrelse enn JPG. For fotografier kan filstørrelsen imidlertid bli svært stor. Komprimeringen er tapsfri, og ikke noe bildeinformasjon går tapt under redigering. PNG er å foretrekke fremfor JPG for bilder med tekst, mønstre eller skarpe kanter. Formatet støtter ikke animasjon slik GIF gjør. Du trenger utvidelsen MNG (Multiple-image Network Graphics) eller den nyere APNG (Animated Portable Network Graphics).
 

Written by Solveig Hansen

8.3.2018 at 15:53

Publisert i Bilder/illustrasjoner

Tagged with

Transparente tekstbokser i Word

leave a comment »

Noen ganger kan en halvtransparent tekstboks være løsningen når du vil ha tekst som er godt synlig på et bilde:

Halvtransparent tekstboks
Halvtransparent tekstboks

Teksten er lettleselig, samtidig som du ser bakgrunnsbildet, til forskjell fra en tekstboks uten fyll:

Tekstboks uten fyll
Tekstboks uten fyll

Slik gjør du det i Word 10: Klikk i tekstboksen for å markere den, klikk på Format under Tegneverktøy på menyen øverst, klikk på Figurfyll > Gradering > Flere graderinger, og juster gjennomsiktigheten under Heldekkende fyll i dialogboksen Formater figur.

Her kan du også velge Gradert fyll og gjøre noen deler av tekstboksen mer gjennomsiktig enn andre, som vist i tekstboksen nederst på dette bildet:

Tekstboks med gradert fyll
Tekstboks med gradert fyll

Written by Solveig Hansen

30.11.2015 at 16:42

Word vs. Claude Monet

leave a comment »

Du trenger ikke et dyrt fotoredigeringsprogram for å piffe opp bildene dine. Word har mange stilige bildeeffekter. Her er noen tips (Word 2010).

I 1895 oppholdt den franske maleren Claude Monet seg i Sandvika. Han malte Løkke bro:

Monets maleri av Løkke bro
Claude Monets maleri av Løkke bro

Dette er et bilde av Løkke bro anno 2014:

Løkke bro
Løkke bro

Og dette er det samme bildet etter litt effektmakeri i Word:

Løkke bro
Løkke bro etter bearbeiding i Word

Godbitene finnes på bildeverktøylinjen. Du kan for eksempel fjerne bakgrunnen på et bilde:

Fjerne bildebakgrunn i Word
Med bakgrunn
Fjerne bildebakgrunn i Word
Bakgrunn fjernet

Eller vise et speilbilde:

Vise speilbilde i Word
Speilbilde i Word

Du finner flere tips i e-magasinet #kreativweb nr. 3 (som i sin helhet er laget i Word):

Written by Solveig Hansen

6.11.2014 at 23:15

Royaltyfri bilder

leave a comment »

Bruk bilder du vet du har lov til å benytte redaksjonelt.

Når jeg trenger bilder til e-magasinet #kreativweb, stikker jeg gjerne innom bildebyrået iStock. De tilbyr royaltyfri bilder, illustrasjoner, video og lydfiler i alle prisklasser, fra et par dollar og oppover. Du kan også betale med såkalte «kreditter» som du fyller opp kontoen med på forhånd.

Royaltyfri bilder vil si at du får en lisens til fri bruk av bildene, men eierrettighetene tilhører fortsatt fotografen eller bildebyrået. Du beholder bildene, men har ikke tillatelse til å selge dem videre eller bruke dem for eksempel i maler for videresalg.

Retrostil er en populær illustrasjonstrend i 2014 ifølge iStock. Søk etter illustrasjoner med nøkkelordene «retro», «coffee» og «city» hvis du også liker kombinasjonen av retro, kaffe og storby.

Kaffebilde i retrostil fra iStock

Illustrasjon i retrostil fra iStock

Written by Solveig Hansen

17.9.2014 at 16:00

Publisert i Bilder/illustrasjoner

Tagged with

%d bloggere liker dette: