Bildarkiv... 3. Länkar här finns många tips och trix för PhotoShop... 3. Starta programmet... 4. Röda ögon... 5. Text... 5. Lager... 6. Spara...



Relevanta dokument
Elements 5.0. Innehållsförteckning

Grundredigering i Photoshop Elements. Innehåll. Lennart Elg Grundredigering i Elements Version 2, uppdaterad

Bildredigering i EPiServer & Gimp

Grundredigering i Photoshop Elements

Lär dig grunderna i Photoshop Elements 4.0

Du hittar manualen på.

Så här använder du de enklaste funktionerna i programmet: Starta programmet. Programmet startas från ikonen på skrivbordet.

En grund i bildbearbetning för webben i Photoshop Elements 11

Laboration 2 Grunderna i Photoshop

Skapa, öppna och ladda ned bilder

PixlrGuiden - av AlizonWeb PIXLRGUIDEN. av AlizonWeb. Copyright Notice: Copyright AlizonWeb, All rights reserved. Sida 1

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

ADOBE PHOTOSHOP ELEMENTS 3

bilder för användning

Lär dig grunderna om Picasa

Adobe. Photoshop CS3. Grundkurs.

DigitalBild del 2 Adobe Photoshop Elements ver 6.0

En grund i bildbearbetning för webben i Photoshop CS5

Lathund till Publisher TEXT. Skriva text. Importera text. Infoga text. Dra och släpp

DigitalBild del 2 Adobe Photoshop Elements ver 5.0

PHOTOSHOP GUIDE. Magnus Servin

Kurs 7:1 Att använda bildhanteringsprogram

Manual för Veneröds Dressyrstall

Att använda bildhanteringsprogram, del 2

Kort instruktion för arbete i Sitevision ( exempel från ATM)

Photoshop Elements 7. Adobe. Grundkurs

Länka in bilder från webben hjälper dig att använda bilder som du inte har sparade på din egen dator.

Användarutbildning i SiteVision

Kom igång med. Windows 8. DATAUTB MORIN AB

DigitalBild del 2 Adobe Photoshop Elements ver 3.0

Detta är ett försök att beskriva hur man använder Picasa webbalbum för att redigera bilder.

DigitalBild del 1 Adobe Photoshop Elements ver 6.0

KOM-IGÅNG-GUIDE. Kom igång och redigera din hemsida! SmelinkWeb4 editor 2

Redigera. Rotera bild

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel:

Uppdaterad: Lathund. ImageVault

I den tidigare filen Manual Editor belystes grunderna för enkel uppdatering samt editorns utformning.

Retuschera och laga bilder med Photoshop

Kom igång med Disgen 7

E-post. A. Windows Mail. Öppna alternativ. Placera ikonen på skrivbordet.

Tips och Trix kring konvertering och filmredigering (för vana datoranvändare)

HDR den enkla vägen. Råkonverteraren Det första vi gör i råkonverteraren är att öppna våra tre bilder. av Kristoffer Ingemansson

Bildhantering i OEW. Vi ska arbeta med följande bilder:

Mitt hus och jag steg för steg instruktioner

Justeringslager i PSD. Fotoklubben i Tyresö Fotoklubben i Tyresö Fotoklubben i Tyresö

Workshop PIM 2 - PowerPoint

IrfanView. Manual Christina Hemström & Sven E Carlsson

Grunder. Grafiktyper. Vektorgrafik

SJF LATHUND EPISERVER 7.0

Manual för din hemsida

Redigera bilder snabbt och enkelt!

Photoshop Elements 6.0

batklubben.eu s hemsida

Liten lathund för RFS lokala redaktörer av föreningssidor

Uppdaterad: Lathund. ImageVault

Adobe Photoshop CS. Ritprogrammet Photoshop är ett pixelbaserat ritprogram. I botten på bilderna Photoshop åsadkommer finns ett rutmönster av pixels.

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: Byta lösenord

Kom igång och redigera din hemsida!

HANDBOK NYHETER (inkl. logga och pdf) I OEW

Om man vill ändra färg inuti går det, men skuggan blir densamma.

Manual HSB Webb brf

Vilken version av Dreamweaver använder du?

Kom igång och redigera din hemsida!

- En handledning för personal och elever i Karlshamns kommun

PowerPoint. Kapitel 1. Vasen

Photoscape (

IT-körkort för språklärare. Modul 7. Bildbehandling

Torstens Digitalbildguide

DK-serien. Enklare bildredigering med Irfanview

First Class 9.1 Grunderna i First Class och vårt mail- och konferenssystem BUF On-Line

ÖVNINGSUPPGIFTER TILL PHOTOSHOP ELEMENTS 10.

Användarutbildning i SiteVision

Guide till att använda Audacity för uttalsövningar

Arbeta med bilder. Lathund kring hur du fixar till bilder från digitalkamera eller Internet så att de går att använda i ett kommunikationsprogram.

ANVÄNDARBESKRIVNING FÖR PERSONAL

Operativsystem - Windows 7

En lathund av: Elisabeth Banemark, Barbro Nilsson, Anette Berg, Vladimir Gatara (2006) KICK KRISTIANSTAD

FC-kurs Röbäcks skolområde, åk 5-6

Interaktiv skrivtavla Lintex ebeam

Komma igång med 3L Pro Komma igång med 3L. Copyright VITEC FASTIGHETSSYSTEM AB

Digital bildhantering

Grundkurs 1 IKT Filhantering

Arbeta med bilder på sunne.se i CMS 7.5 Sida 1 av 9

En introduktion till WeavePoint 7 demo version. Att använda ett vävprogram

Vi börjar såklart med att öppna bilden i Photoshop. Mitt Photoshop är på engelska och version CS5, men ni med svenska och/eller tidigare versioner

Klassens aktivitet. Inställningar

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

SLUNIK manual. SLUNIK version

Arbetsuppgifter. JPEG-filerna/kopiorna skall döpas om efter projektets mall: ÅÅ-MM-DD bildtitel Fotograf

Manual för. 2.4 KALAS Sitemanager

Zimplit CMS Manual. Introduktion. Generell Information

Manual. Anpassad för CMS Made Simple version 1.9.x (uppdaterad ) Birger Eriksson webblots.se


Din guide till. Digitala assistenten

Manual för lokalredaktörer villaagarna.se

Manual för Episerver 5 för redaktörer i förskola och skola Innehåll

IMS-manual för Netpub

manual D E M O Systemkrav Pc med Windows 98/ Mhz Pentium 64 Mb RAM Miljontalsfärger (24 bit) Upplösning: 800 x 600 pixels

skapa genvägar till andra sidor (externa och interna)

PHOTOSHOP ELEMENTS 10

Transkript:

Bildarkiv... 3 Länkar här finns många tips och trix för PhotoShop... 3 Starta programmet... 4 Röda ögon... 5 Text... 5 Lager... 6 Spara... 9 Spara för webben... 9 Pixlar... 10 Klona... 12 PhotoShops viktigaste kotkommando... 13 Avslöjad!!!... 14 Beskära... 14 Ändra färgton i en bild... 15 Ny tom bild... 17 Ändra färgton i bilden... 17 Dra över delar av en bild... 17 Ändra storlek på bilder... 18 Massbeskärning... 19 Ett collage... 19 För ljusa eller för mörka partier... 20 Frilägga... 21 Förvanska... 21 Filter... 22 Text... 23 Banta med PhotoShop... 24 Norge ett reklamcollage... 25 2 (25)

Bildarkiv Tillsammans med denna lathund finner du online (http://fugomat.fuv.se/lathundar/photoshop%20elements%208/bilder) ett litet bildarkiv som du kan arbeta med. Det är glada amatörbilder (inte alltid så bra kanske t o m sämre än dina med därför har vi ju Elements) Länkar här finns många tips och trix för PhotoShop www.moderskeppet.se www.webdesignskolan.se www.adobe.se www.youtube.com (sök efter tutorial och PhotoShop) Fria bilder Flickr http://www.flickr.com/creativecommons Sökord skriver man uppe till höger(på engelska helst) Om denna symbol finns till vänster över bilden, kan man ladda ner i olika kvalitet klicka och se Multimediabyrån http://www.multimedia.skolutveckling.se/scripts/view/bildarkiv.asp?i=21766 Pics4learning http://www.pics4learning.com/ Fotofinnaren http://fotofinnaren.se/ Photolib http://www.photolib.noaa.gov/ Fotoakuten http://www.fotoakuten.se/ Länksida http://www.gratissidan.se/gratis/bilder.asp Stock.XCHNG http://www.sxc.hu/ 3 (25)

Introduktion PhotoShop är sedan länge det ledande programmet för bildbearbetning, men tyvärr också väldigt dyrt. Sedan ett antal år finns Lillebror PhotoShop Elements, som sedan version 3 är fullt användbart för de flesta behov. Här utgår vi från den senaste versionen Elements 8 (2009/10). Problemet är förstås att versionerna skiljer sig åt, men symbolerna ser väldigt lika ut och i grunden fungerar det på ungefär samma sätt i alla versioner. På adobe.se kan man registrera sig och ladda ner en fullt fungerande version (30 dagar) Ett köp av Elements kostar 8 900 kronor och är ett antal 1000 lappar billigare än Storebror Starta programmet Välj inte funktioner som: Sortera bilder Gör ett fotoalbum eller liknande utan Starta från scratch eller Redigera Du bör i alla fall komma till en vy som ser ut ungefär så här (I vissa versioner är den vit) Vilka Fönster som skall vara framme beror förstås på vad man arbetar med, Lager bör dock alltid vara synligt. OBS håll reda på nummerföljden. Nummer 1 är inte alltid överst 4 (25)

Röda ögon Arkiv öppna röda ögon.jpg 2 Klicka mitt i pupillen borta Lite döda ögon kanske men rätt ok 3 Klicka också på läppen det kan bli en kul fläskläpp 1 Välj verktyget Borttagning av röda ögon 5 (25)

Text 2 Ändra storleken till det största det blir ändå ganska litet klicka på bilden och skriv. Att texten blir så liten beror på att Elements anpassar bilden till arbetsytan här 17,5 % 1 Klicka på Textverktyget 1 Klicka med Textverktyget på texten (OBS på inte bredvid) och markera texten. 2 Markera 72 pt och skriv t ex 250 tryck på enter 3 Klicka på Flyttverktyget och dra texten dit du vill. 6 (25)

Lager Kolla nere till höger: Papperskorg Du har nu 3 eller fler lager: 1. Bakgrund 2. Textlagret 3. Ett tomt lager Det tomma lagret kommer sig av att du markerade fel klickade utanför texten och då blev det ett nytt tomt lager. Lagret som skall ändras är ju det som heter Ludwig Dra det tomma lagret, som här heter Lager 1 till papperskorgen allra längst nere till höger och försök att klicka på texten igen. Håll hela tiden ett vakande öga på lagren nere till höger, så att du säkert är i rätt lager. Nästan alla saker som man tycker inte fungerar beror på att man är i fel lager Mer om Lager senare Nu har vi fixat storlek och position på texten men färgen är förmodligen gräslig. 1 Klicka på pipetten och välj en annan färg t ex kinden eller den röda handduken. 2 Textverktyget markera texten 3 Klicka på färgrutan längst ner till vänster 7 (25)

Här kan du ändra till alla möjliga färger. Men grundprincipen är att utgå från en färg i bilden och sedan ändra den till det ljusare eller mörkare. Dra i den lilla cirkeln på det stora röda fältet nedan. Ok:a och texten får den nya färgen. Alla datafärger har koder. En av de vanliga är RGB (Röd, grön, blå) Har du RGBkoden kan du skriva in den till höger vid R G B och det blir precis samma färg som t ex i företagets logga. 8 (25)

Spara Det finns nu 3 olika bilder att spara eller inte spara 1. Originalet röda ögon.jpg, som du öppnade till att börja med. Speciellt om detta är ditt enda original skall det förstås inte sparas då blir ju det riktiga originalet förstört. 2. Spara för webben. Här kan man välja kvalitet, storlek, kompression mm. Denna bild går inte att redigera senare, men det är den man brukar vilja ha som slutresultat 3. Elements filen (*.psd) om man vill ändra senare, eller om man lagt ner mycket jobb på en bild är det bra att spara denna. Den innehåller alla saker du gjort i Elements, lager, färger osv. Här går det jätte lätt att t ex rätta ett stav och sedan spara för webben igen. Finns denna fil inte sparad måste man göra om allt arbete. Klicka på Arkiv Spara för webben Här kommer en vy med 2 jätteförstorade detaljer av bilden. Den har tidigare varit förminskad till 17,5 % Spara för webben Välj JPEG för vanliga bilder och GIF för t ex logotyper med mkt text. Kvalitet och storlek Under GIF/JPEG kan man välja mellan hög medel osv Ju lägre kvalitet ju färre kilobyte Kolla längst ner: Vänster Elements originalet 20,3 mb Höger JPEG medium 307 kb Prova olika inställningar Zooma till 12,5 % längs ner till vänster Kvalitetsskillnaden syns inte så jättemycket, då originalet är rätt oskarpt Ändra storleken på bilden med: Pixlar eller % (se nästa sida) OBS bevara proportioner Klicka till slut på OK för att spara bilden Öppna ljusmörk.jpg och spara för webben 9 (25)

Pixlar Eller Bildpunkter är ett slags mått på storlek och upplösning av en bild (även en bildskärm) Din bildskärm har förmodligen en upplösning på 1280x1024 eller liknande. Vill du ha en bild som skrivbordunderlägg väljer du den upplösningen och lämplig kvalitet (hög medel låg osv) Hemsida Gå till någon hemsida högerklicka på en bild egenskaper och du ser storleken på bilden. Bilden skall vara färdig från Elements, man skall inte behöva dra i den för att ändra storleken, då tappar bilden i kvalitet Bestäm alltså storleken först anpassa sedan kvalitén så att den blir så bra som möjligt utan att blåsa iväg onödigt många kilobyte. Det är hela tiden en kompromiss. En Pixlig Bill Gates 10 (25)

Titta noga på bilden nedan finns det något som verkar onaturligt? Titta och tänk lite till Svaret finns på nästa sida 11 (25)

Klona Visst såg du att rökpelaren till vänster såg konstig ut samma rök hela tiden. Adnan Hajj som fotografen ifråga heter ville förstås ha en mer dramatisk bild och photoshoppade lite för mycket och framförallt för klumpigt. Bilden valsade runt i pressen ända tills någon avslöjade det hela och Adnan fick inga fler jobb. (Hur kunde förresten även den tröttaste nattredaktören på tidningen missa fejket?) Vi kan photoshoppa våra bilder hur vi vill samma sak gäller inte en pressfotograf. Öppna bilden ljusmörk.jpg 2 När går ut på bilden har du bara en pytteliten prick dra upp reglaget till ca 200 px 1 Välj Klonstämpeln 12 (25)

Håll nere Altknappen på tangentbordet och klicka med musen i molnen släpp. Klicka sedan i himlen (flera gånger eller också klick håll och dra) och det blir en massa fler moln. Även ditt första försök kommer att vara lika bra som Adnan Hajj. + visar stället du kopierar från O stället du kopierar till Ibland behöver man ta alt klick igen för att kopiera från ett nytt ställe PhotoShops viktigaste kotkommando Ctrl + Z för att ångra (det är hela tiden prova göra ångra tills det blir bra) Ctrl+A för att markera allt Ctrl+D för att avmarkera allt Vid kommandona i menyer finns ytterligare kortkommandon Prova nu att klona en skorsten till 13 (25)

Avslöjad!!! Skorstenen blev ju bra. Men molnen kom också med Och något konstigt nere på skorstenen Byt till en lite mindre klonstämpel och klona över lite blå himmel från närheten Fortsätt med att klona andra detaljer i bilden T ex en kran eller en bil Ta också bort den irriterande kabeln som hänger i luften Beskära Bilden i sig är rätt ok men det är alldeles för mycket gata i förgrunden Välj Beskärningsverktyget Klick håll och dra över det område du vill ha kvar bekräfta med Enter OBS Man får det man beskär och måtten på bilden går förlorade Se nedan Massbeskärning 14 (25)

Ändra färgton i en bild Öppna mannerst.jpg Lager ny lager Nu har du ett nytt genomskinligt lager ovanpå bilden (Kolla detta nere till höger) Därefter: Välj Färgpytsen Välj färg och klicka sedan på bilden Hoppsan allt blev bara blått (eller vad du nu valde för färg) Vi fixar det nere till höger: Här är ditt nya färgade lager Klicka på nedåtpilen och dra reglaget åt vänster till lämplig färgton Detta är ett lätt och bra sätt att anpassa bilder med olika färg ton till varandra eller till en grundfärg på hemsidan. 15 (25)

Bilden nedan är gjord på det sättet Hämtad från www.brflorensberg.se Men här finns en sak till från PhotoShop. Om man tittar lite närmare ser man att det är fyra olika bilder i en Innan vi skall göra ett collage några andra viktiga saker (som vi också behöver för att göra ett collage) 16 (25)

Ny tom bild Arkiv ny tom fil I de flesta sammanhang utgår man från pixlar Byt alltså till: pixlar pixlar pixlar/tum Bakgrundssinnehåll: vitt eller genomskinligt Redan tidigare har du bestämt att bilden skall vara t ex 500 x 300 ändra bredd och höjd Upplösning: kan räcka med 72 för webbilder Ok:a Ändra färgton i bilden Öppna mannerst.jpg Dra över delar av en bild Öppna mannerst.jpg Nu har du 2 bilder samtidigt förmodligen ligger de över varandra ändra genom att klicka på fönster välj bilder och flyt 17 (25)

Ta flyttverktyget och dra bilden över till den tomma filen Lägg märker till att Mannerstöm blir bra mycket större Detta beror på att våra 2 bilder inte har samma upplösning Elements anpassar storleken till fönstret. Jämför procentsatserna överst på bilderna Ändra storlek på bilder Klicka på bilden du vill ändra storleken på bild ändra storlek bildstorlek Ändra till Punkter = Pixlar Den nya tomma filen var 500 x 300 Denna är mycket större OBS man kan inte ändra till 500x300 då förstör man proportionerna. Pilla inte på bocken vid bibehåll proportioner OBS2 Prova fram och tillbaka, tills du har bestämt dig. Öppna sedan bilden igen och gör det hela i ett steg, annars har du tappat en massa kvalitet på bilden, när du först förminskar och sedan förstorar. 18 (25)

Massbeskärning Tekniken ovan kan användas för att beskära en mängd bilder till samma nya format. Dra över bilden till den tomma filen spara för webben. Nästa och nästa och nästa Man behöver inte slänga den tidigare den sparas inte med. Ett collage Tillbaka till tekniken för att göra en bild typ BRFLORENSBERG. Stäng ev gamla bilder som du har igång Gör en ny tom fil 400x300 Lägg på ett nytt lager och färga det svart Öppna mannerst.jpg klonstämpeln ca 200 px Altklicka på Mannerströms huvud Klicka på den svarta bilden (klicka för att byta till den) Klicka flera gånger blir mer intensitet i bilden Eller klick håll och dra Prova glöm inte att du kan ångra med Ctrl+Z För varje ny detalj som du vill klona över bör man ta ett nytt lager Alltså ett lager för varje kloning Annars kan man inte flytta detaljerna efteråt (Och det vill/måste man ofta göra) Välj då lager och flytta med Flyttverktyget Byta till den nya bilden och välj det svarta lagret byt till en annan färg Kolla hela tiden Vilken bild har du igång??? Och vilket lager är du i??? 19 (25)

T ex så här kan det bli Glöm inte att spara för webben i lämplig kvalitet Spara likaså *.psd filen ifall du vill/måste göra ändringar TIPS: dutta inte utan stor och rejält och gärna oregelbundet För ljusa eller för mörka partier Öppna ljusmörk.jpg Förbättra justera Skuggor/högdagrar Och sen är det bara att dra i reglagen. 20 (25)

Frilägga Öppna soria.jpg Tolerans (för trollstaven) Ju högre tolerans, ju fler närliggande färger tas med. Prova att höja och sänka För att frilägga delar av en bild finns 2 huvudverktyg: Magnetlasson och Trollstaven Klicka på Trollstaven och sedan på olika delar av bilden Håll också ner shift för att markera flera olika delar. Klicka på magnetlasson. Klick håll och dra runt himlen uppe till vänster. De bitar du missade kan du efterjustera med shift och Trollstaven (med alt tar man istället bort områden) Prova med dessa 2 tekniker att frilägga olika delar av bilden t ex en del av skylten eller någon siffra. Förvanska Ojdå sträckan blev plötsligt mycket längre! Markera 9:an med Trollstaven ctrl+c för att kopiera ctrl+v för att klistra in byta tll Flyttverktyget och dra 9:an åt vänster Öppna meny.jpg Ändra priserna Använda Trollstaven och Klonstämpeln 21 (25)

Filter Öppna vatten.jpg Beskär bort den ljus ramen runt bilden Ta reda på bilden storlek Gör en ny tom fil som är dubbelt så lång Dra över originalbilden två gånger Vänd den nedre bilden Filter förvrängning vattenringar Prova också andra filter och olika inställningar I det första exemplet la vi effekten på hela lagret. Markera något parti i bilden med Trollstaven (shiftklicka för att markera flera områden) Prova olika filter (Exemplet här till höger har textur krackelering) 22 (25)

Text Gör en ny tom bild t ex 500x300 genomskinlig Skriv med storlek 36pt Markera text och högerklicka Här finns en mängd olika möjlighter att förvränga texten Sen kan man alltid byta färg Klicka för fler alternativ Och till sist lägga på något filter Markera hela lagret med Ctrl+A När man sedan drar olika effekter till lagret måste man först ok:a skylten nedan Lagerstilar Vid Spara för webben går det bara att använda *,gif jpg kan inte ha genomskinlig barkgrund 23 (25)

Banta med PhotoShop Före Efter Öppna banta.jpg Filter förvrängning gör flytande Och kilona rasar 24 (25)

Norge ett reklamcollage I mappen Norge finns 4 bilder börja med att öppna fjord.jpg Förbättra fjordbilden (ljusa och mörka partier) Hitta ett lämpligt kryssningsfartyg i Google Frilägg och kopiera in till fjorden Det skall förstås se så naturligt ut som möjligt Klona Ändra/höj temperaturen Klona över skylten med temperaturen Klona också över något från Troll eller Solo OBS Använd lager Namnge dessa om det blir många Lägg till text Hämta färg med pipetten Förvräng texten Spara För webben 600x400 i lämplig kvalitet Och förstås ditt PS arbete som *.psd Ett exempel från Club Eriks Norgereklam 25 (25)