Photoshop, webdesign - opslaan voor web en apparaten
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Photoshop, webdesign - opslaan voor web en apparaten

on

  • 2,787 views

 

Statistics

Views

Total Views
2,787
Views on SlideShare
2,786
Embed Views
1

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 1

http://moodle.eschool.be 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Photoshop, webdesign - opslaan voor web en apparaten Document Transcript

  • 1. PHOTOSHOP CS4 GEBRUIKEN 563 Webafbeeldingen Afbeeldingen optimaliseren Optimalisatie Wanneer u een afbeelding voorbereidt voor het web en andere onlinemedia, zult u een afweging moeten maken tussen de kwaliteit en de bestandsgrootte van de afbeelding. Opslaan voor web en apparaten U kunt de optimalisatiefuncties in het dialoogvenster Opslaan voor web en apparaten gebruiken om een voorvertoning van geoptimaliseerde afbeeldingen te bekijken in verschillende bestandsindelingen en met verschillende bestandskenmerken. U kunt meerdere versies van een afbeelding tegelijk weergeven en optimalisatie-instellingen wijzigen terwijl u een voorvertoning van de afbeelding bekijkt om de beste combinatie van instellingen te selecteren. Verder kunt u de transparantie en randkleur opgeven, opties voor de besturing van dithering selecteren en de afbeelding verkleinen of vergroten tot specifieke pixelafmetingen of een specifiek percentage van de oorspronkelijke grootte. Als u een geoptimaliseerde afbeelding opslaat met de opdracht Opslaan voor web en apparaten, kunt u een HTML- bestand voor de afbeelding genereren. Dit bestand bevat alle vereiste gegevens voor het weergeven van uw afbeelding in een webbrowser. Photoshop Opslaan als en Afbeeldingsprocessor In Photoshop kunt u de opdracht Opslaan als gebruiken om een afbeelding op te slaan als een GIF-, JPEG- of PNG- bestand. Afhankelijk van de bestandsindeling kunt u instellingen voor afbeeldingskwaliteit, achtergrondtransparantie of randkleur, kleurenweergave en downloadmethode opgeven. Webfuncties (zoals segmenten, koppelingen en animaties) die u aan een bestand hebt toegevoegd, blijven echter niet behouden. U kunt ook de Photoshop Afbeeldingsprocessor gebruiken om kopieën van een map met afbeeldingen in de JPEG- indeling op te slaan. U kunt de Afbeeldingsprocessor gebruiken om het kleurprofiel van de afbeeldingen te vergroten of te verkleinen en het te converteren naar de webstandaard sRGB. Opslaan voor web en apparaten: overzicht U gebruikt het dialoogvenster Opslaan voor web en apparaten (Bestand > Opslaan voor web en apparaten) om optimalisatieopties te selecteren en een voorvertoning van de geoptimaliseerde illustraties te bekijken.
  • 2. PHOTOSHOP CS4 GEBRUIKEN 564 Webafbeeldingen A C B D E F G H I Dialoogvenster Opslaan voor web en apparaten A. Weergaveopties B. Gereedschapset C. Pop-upmenu Optimaliseren D. Pop-upmenu Kleurentabel E. Animatiebesturingselementen (alleen Photoshop) F. Tekstvak Zoomen G. Menu Voorvertoning in Browser H. Oorspronkelijke afbeelding I. Geoptimaliseerde afbeelding Afbeeldingen voorvertonen in het dialoogvenster O Klik op een tab bovenaan het afbeeldingsgebied om een weergaveoptie te kiezen: Origineel Hierbij wordt de afbeelding weergegeven zonder optimalisatie. Optimaal Hierbij wordt de afbeelding weergegeven met de toepassing van de huidige optimalisatie-instellingen. 2-maal tonen Hierbij worden twee versies van de afbeelding naast elkaar weergegeven. 4-maal tonen Hierbij worden vier versies van de afbeelding naast elkaar weergegeven. Navigeren in het dialoogvenster Als niet de hele illustratie zichtbaar is in het dialoogvenster Opslaan voor web en apparaten, kunt u met het Handje een ander gedeelte van de afbeelding zichtbaar maken. Gebruik het gereedschap Zoomen om de weergave te vergroten of te verkleinen. • Selecteer het gereedschap Handje (of houd de spatiebalk ingedrukt) en versleep in het weergavegebied om verschillende gedeelten van de afbeelding weer te geven. • Selecteer het gereedschap Zoomen en klik in een weergave om in te zoomen; houd Alt (Windows) of Option (Mac OS) ingedrukt en klik in een weergave om uit te zoomen. U kunt ook een vergrotingspercentage invoeren of een percentage kiezen onder in het dialoogvenster.
  • 3. PHOTOSHOP CS4 GEBRUIKEN 565 Webafbeeldingen Informatie over geoptimaliseerde afbeeldingen en downloadtijd weergeven In het notitiegebied onder elke afbeelding in het dialoogvenster Opslaan voor web en apparaten vindt u informatie over het optimaliseren. De notities bij de oorspronkelijke afbeelding geven de naam en de grootte van het bestand aan. In de notities bij de geoptimaliseerde afbeelding ziet u de huidige opties voor optimalisatie, de grootte van het geoptimaliseerde bestand en de geschatte tijd die nodig is om het bestand met de geselecteerde modemsnelheid te downloaden. Selecteer een modemsnelheid in het pop-upmenu Voorvertoning. Een afbeelding voorvertonen met verschillende gammawaarden De gammawaarde van een computermonitor bepaalt hoe licht of donker een afbeelding wordt weergegeven in een webbrowser. In Windows-systemen wordt een gamma van 2.2 gebruikt, dus lijken afbeeldingen op Windows- systemen donkerder dan op Mac OS-systemen, die normaal gesproken zijn ingesteld op een gamma van 1.8. In Photoshop kunt u een voorvertoning bekijken van hoe uw afbeeldingen er op systemen met verschillende gammawaarden zullen uitzien en kunt u gamma-aanpassingen aan de afbeelding aanbrengen ter compensatie. Een voorvertoningsoptie activeren heeft geen gevolgen voor de uiteindelijke afbeelding. O Kies één van de volgende opties met het pop-upmenu Voorvertoning in het dialoogvenster Opslaan voor web en apparaten. Monitorkleur Hiermee past u het gamma van een afbeelding niet aan. Monitorkleur is de standaardinstelling. Macintosh (geen kleurbeheer) Hiermee wordt een aanpassing weergegeven die op het standaard Macintosh-gamma is gebaseerd. Windows (geen kleurbeheer) Hiermee wordt een aanpassing weergegeven die op het standaard Windows-gamma is gebaseerd. Documentprofiel gebruiken Hiermee stemt u het gamma af op een kleurprofiel van een bijgesloten document met kleurbeheer. Een afbeelding voor het web optimaliseren 1 Kies Bestand > Opslaan voor web en apparaten. 2 Klik op een tabblad boven in het dialoogvenster om een weergaveoptie te kiezen: Optimaal, 2-maal tonen of 4-maal tonen. Als u 4-maal tonen selecteert, klikt u op de voorvertoning die u wilt optimaliseren. 3 (Optioneel) Als uw afbeelding meerdere segmenten bevat, selecteert u een of meer segmenten die u wilt optimaliseren. 4 Selecteer een vooraf ingestelde optimalisatie-instelling in het menu Voorinstelling of stel afzonderlijke optimalisatieopties in. Welke opties beschikbaar zijn, hangt af van de bestandsindeling die u selecteert. Als u werkt in de modus 4-maal tonen, kiest u Weergave opnieuw vullen in het menu Optimaliseren, zodat er automatisch een kwalitatief minder goede versie wordt gegenereerd van de afbeelding nadat u de optimalisatie- instellingen hebt gewijzigd. 5 Stel de optimalisatie-instellingen nauwkeurig af totdat u tevreden bent met de balans tussen beeldkwaliteit en bestandsgrootte. Als uw afbeelding meerdere segmenten bevat, zorg er dan voor dat u alle segmenten optimaliseert. Om de oorspronkelijke versie van een geoptimaliseerde voorvertoning te herstellen, selecteert u deze en vervolgens kiest u Oorspronkelijk in het menu Voorinstellingen. 6 Als u een afbeelding optimaliseert met een ander ingesloten kleurprofiel dan sRGB, moet u de kleuren van de afbeelding converteren naar sRGB voordat u de afbeelding opslaat voor gebruik op het web. Zo zorgt u ervoor dat de kleuren in de geoptimaliseerde afbeelding er hetzelfde uitzien in verschillende webbrowsers. De optie Omzetten in sRGB is standaard geselecteerd.
  • 4. PHOTOSHOP CS4 GEBRUIKEN 566 Webafbeeldingen 7 (Alleen Photoshop) Kies in het menu Metagegevens welke XMP-metagegevens u wilt opslaan bij het geoptimaliseerde bestand. Metagegevens worden volledig ondersteund door de JPEG-bestandsindeling en gedeeltelijk door de bestandsindelingen GIF en PNG. Dit kunnen alle metagegevens met bestandsinformatie zijn die aan het document zijn toegevoegd (kies Bestand > Bestandsinfo om de metagegevens van het document te bekijken of in te voeren). Geen Er worden geen metagegevens opgeslagen. Zo krijgt u de kleinste bestanden. Copyright Hiermee worden de copyrightkennisgeving, gebruiksvoorwaarden, copyrightstatus en de URL met de copyrightinfo opgeslagen. Copyright en Contactinfo Hiermee wordt naast alle copyrightinformatie ook de volgende informatie opgeslagen: maker, functie van de maker, e-mailadres(sen), adres(sen), woonplaats, provincie, postcode, land, telefoonnummer(s) en website(s). Alles, met uitzondering van Camera-info Hiermee slaat u alle XMP-metagegevens op, met uitzondering van de EXIF- gegevens. Tot de EXIF-gegevens behoren camera-instellingen en informatie over de opname, zoals sluitersnelheid, datum en tijd, brandpuntsafstand, belichtingscompensatie, meetpatroon en of de flits is gebruikt. Alle Hiermee worden alle XMP-metagegevens opgeslagen in het bestand. 8 Klik op Opslaan. 9 In het dialoogvenster Optimale opslaan als voert u de volgende handelingen uit en vervolgens klikt u op Opslaan: • Voer een bestandsnaam in en selecteer vervolgens een locatie voor het resulterende bestand of de bestanden. • Selecteer een indelingsoptie om aan te geven welk type bestanden u wilt opslaan: een HTML-bestand en afbeeldingsbestanden, alleen afbeeldingsbestanden of alleen een HTML-bestand. • (Optioneel) Stel uitvoerinstellingen voor HTML en afbeeldingsbestanden in. • Als uw afbeelding meerdere segmenten bevat, selecteert u een optie voor het opslaan van segmenten in het menu Segmenten: Alle segmenten of Geselecteerde segmenten. Om de laatste opgeslagen versie van de optimalisatie-instellingen te herstellen, houdt u Alt (Windows) of Option (Mac OS) ingedrukt en klikt u op Herstellen. Om de instellingen te bewaren voor een volgende keer dat u het dialoogvenster Opslaan voor web en apparaten opent, drukt u op Alt/Option en vervolgens op Herinneren. Als u een video wilt bekijken over het opslaan van bestanden voor het web in Illustrator, gaat u naar www.adobe.com/go/vid0063_nl. Zie ook Video over het opslaan voor het web in Illustrator “Optimalisatieopties voor webafbeeldingen” op pagina 570 “Geoptimaliseerde afbeeldingen voorvertonen in een webbrowser” op pagina 569 “Uitvoeropties instellen” op pagina 582