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

Archive for the ‘Bilder og 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

Canva-maler: Tekst + bilde

leave a comment »

Tekst: Solveig Hansen, 2018 (English version)

Canva er et skattkammer både for kløner, nybegynnere og mer profesjonelle designere.

Bok- eller magasinomslag, nyhetsbrev, brosjyrer, plakater, presentasjoner, eller bilder for bruk i Twitter eller Facebook. Canva har maler for det meste, ferdigdesignet med tekst og bilde.

Opplegget er enkelt. Du bare velger en mal, så kommer du til arbeidsområdet der du kan jobbe videre med designen. Canva har godt med layouter, illustrasjoner, fonter og arkivbilder. Noe er gratis, noe koster én dollar.

Canva finnes i en gratisversjon, eller du kan abonnere på Canva for Work.

 

Creativity is intelligence having fun.
– Albert Einstein

 
Arbeidsområdet

canva_editor

 
Arbeidsområdet inneholder de viktigste bildeverktøyene. Du kan velge skrifttype, formatere tekst, endre størrelse og gjøre for eksempel tekstbokser halvt gjennomsiktige.

 
canva_toolbar

 
Når du er ferdig med redigeringen, kan du laste ned verket i PDF-, JPG- eller PNG-format.

 
Eksempler på svart/hvitt-maler

Halvt gjennomsiktig tekstboks:

canva_image_text4

 
Bare tekst:

canva12

 
Uskarp bakgrunn som fremhever teksten, samtidig som elementene i bakgrunnen fortsatt er synlige:

canva_image_text2

 
Font og bilde som står til innholdet, i dette tilfellet en skrekkfilm:

canva_image_text3

 
Velg en font som passer

Vennlig, sirlig, alvorlig, artig. Hver font har sin egen personlighet. Velg en skrifttype som passer til bildet eller budskapet.

 
canva_fonts

 
Hvis du ikke vil at fonten skal stå i veien for bildet, kan en nøytral font uten noen spesifikk personlighet være tingen. Eksempler:

Open Sans
Roboto
Lato
Droid

 
Flere artikler med designtips fra Canva:

10 Ways to Improve Typography In Your Designs

The Complete Guide for How to Marry Text and Images In Your Designs

The Design School’s Ultimate Guide to Designing With Backgrounds

Designing With Black and White: 50 Striking Examples For Your Inspiration

40 Crucial Lessons From The Most Famous Graphic Designers in History

Add Stellar Photo Effects to Make Your Photos Magnificent

100 Stunning Picture Quotes That Will Supercharge Your Creativity

 
Innlegget bygger på en artikkel i #kreativweb nr. 2/2017, som har «Svart/hvitt med en dæsj farge» som tema:

Written by Solveig Hansen

22.3.2018 at 14:10

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

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

%d bloggere like this: