meny
Automatiska bildtexter i InDesign

Automatiska bildtexter i InDesign

Arbetar du med trycksaker där du måste ange fotografens namn under varje bild? Du kanske känner igen det här? Man monterar en bild i InDesign. Efter det måste man leta upp info om fotografen namn, skapa en textruta och skriva in namnet i den textrutan. Det är ett ganska tidskrävande arbete, särskilt med många bilder och olika fotografer. Med Live-bildtext (Live captions) kan du göra automatiska bildtexter i InDesign.

Det kräver lite förberedelser i Photoshop eller Adobe Bridge, men det arbetet kan du överlåta till fotografen istället. När allt kommer omkring är det ändå fotografen som allra mest vill visa sitt namn tillsammans med bilden.

(mer…)

Bildramar med blandningslägen i Photoshop

Bildramar med blandningslägen i Photoshop

Det finnas massor av sätt att skapa effekter i Photoshop. Jag tänkte visa en av mina favoritmetoder för att skapa bildramar. För att få till den effekten använder man bland annat funktionen Markera och Maskera. Med den kan man skapa en häftig effekt från nästan vilket foto som helst.

(mer…)

Rätt filformat för bilder på din webbplats

Rätt filformat för bilder på din webbplats

Bilder på webben ska väga så lite som möjligt, men samtidigt se bra ut. Det gäller därför att välja rätt filformat när man laddar upp bilder på webbplatsen. De två vanligaste filformaten på webben idag är JPG och PNG. Om man jämför samma bild som JPG eller PNG ser de oftast precis likadana ut. Tittar man på olika webbplatser ser man att PNG verkar användas lite oftare än JPG. Jag hör ofta från andra att de tror att det är PNG som ska användas på webben och statistik bekräftar också att många gör på det sättwet. Men är det verkligen rätt?

PNG eller JPG – vilket filformat ska man använda?

Det finns skillnader som är bra att känna till när du använder bilder på nätet, även fast JPG och PNG-bilder oftast ser likadana ut. Sökmotorer, som Google, rankar webbplatser som laddar in snabbare, högre än långsammare webbplatser. Bilder är en av de komponenter som påverkar hur snabb en webbplats är allra mest. Målet när man sparar bilder till webben hela tiden att få ner filstorleken så mycket som möjligt samtidigt som den synliga bildkvaliteten inte påverkas.

Förlustfri och förstörande kompression

Stora bilder tar plats på webbservern och gör så att webbsidan laddar in långsammare. För att minska filstorleken använder man komprimering. Syftet med att komprimera en bild är att spara utrymme, eftersom mindre bilder är lättare att överföra och lagra. Det finns två typer av komprimering, förlustfri och förstörande. JPG använder förstörande, PNG använder förlustfri komprimering.

Förlustfri komprimering

Bilder innehåller massor av information, en hel del som inte syns. Förlustfri komprimering tar bort data som inte syns ur bilden, men informerar också datorn om vilken data som var onödig och hur den kan återskapas vid behov. Sparar man bilder i filformatet PNG kan man alltså både äta kakan och ha den kvar.

Förstörande komprimering

JPG använder förstörande komprimering. Den tar bort bildinformation våra ögon inte kan se. Resultatet blir en bild med samma kvalitet som originalet, fast den väger betydligt mindre när man sparar som JPG. Nackdelen är att den information man tar bort inte kan återskapas. Varje gång en bild redigeras och/eller sparas en gång till, förlorar den ännu mer data, vilket minskar kvaliteten med tiden.

jpg filformat

Nu när vi vet att PNG använder förlustfri komprimering och JPG förstörande är väl valet enkelt? Självklart väljer man PNG alla dagar i veckan. Då kan man öppna och redigera bilden hur många gånger som helst utan att förlora kvalitetet. Men tyvärr är det är inte alls så enkelt. Istället är nästan alltid JPG det bästa valet.

JPG – bästa filformat till fotografier

Fördelen med PNG-filer, att man behåller all bildinformation, är också en stor nackdel. Om man jämför filstorleken mellan PNG och JPG ser man att PNG-filer oftast väger 3–5 ggr mer än JPG-filer. En av de största anledningarna till att redigera bilder för webben är att hålla nere filstorlekarna så mycket som möjligt. Därför väljer jag nästan alltid JPG som filformat till alla fotografier jag visar på webben.

jämförelse jpg och png

jpg filformat

JPG

JPG står för Joint Photographic Experts Group. Ibland ser du bilder med filändelsen JPEG också. JPG och JPEG är samma filformat och fungerar exakt likadant. Tidiga Windows-versioner kunde bara bearbeta filer med tre bokstäver, så JPEG kortades till JPG.
Det smarta med JPG är att filformatet tar hänsyn till hur det mänskliga ögat uppfattar ljus. Även om antalet färger i bilden minskas när en JPG-fil komprimeras upplever ändå våra ögon en bild i mycket hög kvalitet.

Sammanfattning JPG

  • Det rekommenderade valet för fotografier.
  • Bra val för skärmdum par av spel, filmer och liknande innehåll.
  • Om bilden sparats på en vit bakgrund.
  • Betydligt mindre filstorlekar av JPG.
  • Snabbare sidinläsning och användarupplevelse på webben
  • JPG använder förstörande komprimering, men du kan styra hur mycket bilden ska komprimeras.
  • Varje gång du öppnar, redigerar och sparar en JPG-bild komprimeras bilden ytterligare, vilket till slut kommer att synas i bildkvaliteten.

png filformat

PNG

PNG står för Portable Network Graphics. Fil ändelsen är PNG. Det finns flera olika varianter av PNG, men idag är det PNG-24 som gäller. Den stora fördelen med PNG-formatet, förutom att det är oförstörande, är att det stödjer genomskinlighet.

En sak vi inte tänker på så ofta är att alla bilder är rektangulära. Fotografier är oftast rektangulära och då passar JPG bäst som filformat. En bild på en oval logotyp är också rektangulär, men det som är utanför själva logotypen syns inte. Det är genomskinligt. Vi ser bara själva logotypen. Vill man använda bilder med genomskinlighet är därför PNG det bästa valet. När du ser en logotyp på en webbplats är det troligaste att du tittar på en PNG-fil.

Även fast jag rekommenderar att du använder JPG som filformat finns det tillfällen då PNG kan vara ett bättre val. PNG bevarar mer detaljer i en bild än JPG. Vet du att bilden ska förstoras i webbläsaren eller att detaljer är extra viktiga, kan PNG vara det bästa valet, trots filstorleken.

Är du inte riktigt säker på om du behöver redigera bilden på nytt kan du spara den som PNG. När du senare vet att du inte kommer att ändra mer i bilden kan du spara om den som JPG och ladda upp den på nytt. Har du text i bilder blir oftast kvaliteten betydligt bättre med PNG än med JPG.

Sammanfattning PNG

  • Bästa valet för illustrationer och ritad grafik
  • Används med fördel för detaljerade diagram och skärmbilder från datorprogram.
  • Till alla bilder som innehåller genomskinlighet
  • Stödjer genomskinlighet i flera nivåer, vilket gör det lämpligt för t.ex. skuggor
  • Ju färre färger som används, desto mindre filstorlekar
  • Förlustfri komprimering en fördel om du ska redigera bilden igen

gif filformat

GIF

Även om vi använder JPG och PNG till nästan alla våra bilder på webben kan det vara bra att känna till filformatet GIF. GIF står för Graphics Interchange Format. Tidigare var det ett vanligt förekommande filformat för bilder på webben, särskilt för illustrationer och bilder med genomskinlighet. Idag kan man säga att PNG ersatt GIF som filformat.

Det finns fortfarande ett undantag då vi fortfarande använder GIF och det är när vi vill animera bilder för webben och sociala medier. GIF stödjer visning av bildruteanimerade bilder och är det enklaste sättet att visa bilder med rörelse på webben.

Sammanfattning GIF

  • Enda filformatet som stödjer animering
  • Små filstorlekar, betydligt mindre än PNG
  • Kan bara innehålla 256 färger
  • Förlustfri komprimering

webp filformat

WebP – ett nytt filformat för webben

Idag är det fortfarande JPG och PNG som gäller på webben. Men snart är det kanske ändring på det?

WebP är ett modernt bildformat som utvecklas av Google som ger betydligt mindre filstorlekar, men samma bildkvalitet som JPG och PNG. Dessutom stödjer WebP också genomskinlighet och animering. Än så länge stödjer inte alla webbläsare och webbsystem det nya filformatet, men med tiden kommer kanske WebP att ersätta JPG, PNG och GIF.

När man sparar bilder i formatet WebP kan man välja om man vill använda förstörande eller oförstörande komprimering. Oförstörande bilder i WebP-formatet väger ca 25% mindre än jämförbara PNG-bilder. WebP-bilder som sparats med förstörande komprimering väger 25-34% mindre än jämförbara JPG-bilder.

Alla webbläsare har inte stöd för det nya WebP-formatet och försöker du ladda upp bilder i formatet till WordPress tillåts det inte ännu av säkerhetsskäl. Men det kommer att fungera i framtiden.

Vill du testa att konvertera dina bilder till det nya WebP-formatet kan du läsa mer om hur det går till på Googles egen sida för det nya bildformatet. Det är fortfarande under utveckling så det finns ännu inget färdigt program att ladda ner. Är du tekniskt intresserad kan du kanske lista ut hur man kan testa det här nya bildformatet för webben.


Vill du lära dig mer om Photoshop?

Bland vårt stora utbud av kurser har vi bl.a. en grundkurs och fortsättningskurs i Photoshop, både på distans och i klassrum. På distanskurserna kan du välja mellan Photoshop CS5, CS6 och CC. I klassrum har vi alltid den senaste versionen av Photoshop.

>> Photoshop Grund Distanskurs         >> Photoshop Grund Fortsättningskurs

> Photoshop Grund Klassrumskurs    >> Photoshop Fortsättning Klassrumskurs


Vill du lära dig mer om WordPress?

Vi har flera kurser, både i klassrum och på distans i WordPress.

WordPress Grund kurs Distanskurs | Klassrumskurs
WordPress Fortsättning kurs Distanskurs | Klassrumskurs
WordPress Webbutik kurs Distanskurs | Klassrumskurs
WordPress Temat Divi Distanskurs | Klassrumskurs

Fler penslar till Photoshop – ladda ner och installera

Fler penslar till Photoshop – ladda ner och installera

Penslar till Photoshop är egentligen bara former med struktur som du använder för att sprida färger i en bild. De flesta som använder Photoshop till bildbehandling kommer kanske i kontakt med den runda penseln och ändrar den penselns kanter. Men penslar handlar ju långt mer än att bara göra linjer. Vi kan använda penslar för belysning, textur, digital målning och mycket mer. Det finns en del förinstallerade penslar i Photoshop, men du kan också ladda ner fler penslar och installera dom till Photoshop. Det ger dig fler alternativ med målningsverktygen, men eftersom även andra verktyg använder penslar har du nytta av fler penslar i många olika situationer.

Sök efter penslar till Photoshop att ladda ner

Börja med att söka efter penslar till Photoshop genom att skriva ”brushes for Photoshop” i en sökmotor. Det finns både dom som kostar en slant och andra som är helt gratis. Här är ett exempel på en sida som listar upp var du kan hämta gratis Photoshop-penslar. Gå till sidan som har de penslar du vill ha och ladda ner dom. Oftast hamnar de som en zip-fil i mappen Hämtade filer. I det här fallet heter zipfilen ”PaintLines_by_env1ro.abr.zip”, men namnet beror ju på vilka penslar du laddat ner och varifrån du laddat ner dom.

Du behöver filen som ligger inuti zipfilen så öppna upp zip-filen med det program du brukar använda för det. Har du Mac brukar man kunna dubbelklicka på zipfilen. Använder man Windows öppnar sig en Extrahera-funktion om man klickar på en zip-fil och så packar man upp den därifrån. När du är klar har du en fil med ändelsen .abr. En fil med ändelsen ABR är en penselfil för Photoshop.

Installera penslar

För att få in de nya penslarna öppnar du Photoshop och markerar penselverktyget.

Klicka sen på penseln som du ser uppe i kontrollpanelen.

Till höger om de olika penselinställningar och utseenden som finns hittar du också en symbol som ser ut som ett kugghjul. Där kan du komma åt inställningarna för pensel. Klicka på kugghjulet.

            

I menyn som öppnar sig klickar du på Importera penslar. Leta upp dina nedladdade penslar i Windows/Finder, markera filen och klicka på Öppna.

Då hamnar penslarna längst ner i listan med alla penslar. När jag installerade penslarna jag laddade ner för den här texten hamnade dom i en egen mapp, under de förinstallerade penslarna.

Man kan också ladda in nya penslar i panelen Penslar som man hittar under Fönster >> Penslar. Resultatet blir likadant.

Bra att veta om penslar till Photoshop

  • Om man vill kan man ladda in flera penselfiler samtidigt till biblioteket för penslar.
  • Man kan dra och släppa penslarna, ut ur mappen så att de hamnar i samma rad av penslar som de förinstallerade.
  • Man kan också skapa egna penselgrupper och dra och släppa ner penslarna i de olika grupperna om man vill få mer ordning på sina penslar.

Som du ser är det enkelt att fylla på Photoshop med nya roliga varianter av penslar.


Vill du lära dig mer om Photoshop?

Bland vårt stora utbud av kurser har vi bl.a. en grundkurs och fortsättningskurs i Photoshop, både på distans och i klassrum. På distanskurserna kan du välja mellan Photoshop CS5, CS6 och CC. I klassrum har vi alltid den senaste versionen av Photoshop.

>> Photoshop Grund Distanskurs         >> Photoshop Grund Fortsättningskurs

>> Photoshop Grund Klassrumskurs    >> Photoshop Fortsättning Klassrumskurs

Pin It on Pinterest