Home Workshops Photoshop Een webfotogalerie maken
Een webfotogalerie maken PDF Afdrukken E-mail
Workshops - Photoshop
dinsdag, 08 september 2009 14:33
Inhoudsopgave
Een webfotogalerie maken
Fotogalerij in 9 stappen
Alle Pagina's
Uw website is een uitstekende manier om uw foto's te presenteren. U kunt ze handmatig in html op een eigen site plaatsen, maar u kunt daarvoor ook speciale tools gebruiken. In Photoshop en Photoshop Elements is het maken van een webgalerij namelijk geautomatiseerd.


Foto's op uw website
Voor het plaatsen van foto's op uw website kunt u twee dingen doen. U kunt ze zelf handmatig verkleinen tot een gewenst formaat en in html coderen op uw website. Dat is veel werk. Maar daar staat wel tegenover dat u zelf de volledige controle hebt over hoe uw plaatjes op de site komen.

Wanneer u hiervoor kiest houdt dan rekening met een paar zaken:
1. Verklein de afbeeldingen tot ongeveer 20 kb. Hoe kleiner de bestanden, hoe sneller bezoekers die kunnen laden.
2. Voor een bezoekersvriendelijke website met veel foto's is het aan te bevelen een webpagina te maken met alle miniaturen van de afbeeldingen. Als een bezoeker op een miniatuur klikt, vindt hij de grotere foto. Dat hij hierop moet wachten, is minder erg, omdat hij er immers zelf om vraagt. Bovendien kan hij zo in één keer een overzicht zien van de aangeboden foto's.
3. Maak een aparte map foto's aan bij uw website-bestanden en plaats daarin alle in jpg-foto's die u wilt plaatsen.
4. Verwijs naar de foto's met de code img src="/naamfoto.jpg" tussen haakjes < >.
5. Als een foto moet linken naar een ander foto op een andere pagina dan gebruikt u de code < a href="/naampagina.html> < img src="naamfoto.jpg > < /a> (maar dan zonder spaties)

Een automatische webgalerij maken
Makkelijker is om de geautomatiseerde functies van uw beeldbewerkingspakkket te gebruiken. Een beetje beeldbewerkingspakket heeft wel zo'n functie.
In Photoshop vindt u die functie in het menu Bestand > Automate > Webgalerij.
In Photoshop Elements klikt u op de knop Maken en dan op Webfotogalerij.
Op basis van een door u geselecteerde foto's maken deze programma's een pagina met miniatuurafbeeldingen en daarachter galeriepagina's waarin de afbeeldingen in het scherm staan (of in de oorspronkelijke grootte). U kunt kiezen uit verschillende stijlen voor het uiterlijk van de presentatie.

Voorbeeld
Het is handig van te voren de foto's die u in de galerij wilt stoppen te labelen, te markeren of in een aparte map te stoppen. Bovendien is het handig uw foto's in jpg-formaat te hebben omgezet. Een voorbeeld van een webfotogalerie vindt u hier.

Geen website? Geen nood!
Hebt u zelf geen website? Treur dan niet, want ook zonder eigen website kunt u online foto's publiceren. Op internet zijn er verschillende plekken waar u een fotoalbum kunt aanleggen, zonder zelf een eigen website te hebben. Dat is gemakkelijk en snel en u kunt vanaf elke plek ter wereld nieuwe foto's toevoegen.
Enkele aanbieders van online fotoalbums zijn:

Een echte galerij
Nog mooier is als u de webgalerij helemaal naar eigen inzichten samenstelt. Hiervoor zijn handige Open Source softwareprogramma's. Open Source houdt in dat u het programma gratis kunt gebruiken en de broncode mag aanpassen. U kunt daarmee de galerie tot in de puntjes zelf samenstellen op basis van een voorgedefinieerde standaard.
Wel vergt dit enig codeerwerk. U moet aanpssingen namelijk uitvoeren in php op een externe server.
Een voorbeeld van zo'n aanbieder is www.gallery.com.
En een voorbeeld van een aangepast foto-gallery vindt u op deze website onder de knop Gallery.

Online een fotoboek samenstellen
Ook leuk te melden nog is dat er sites bestaan waar u met behlup speciaal te downloaden software, zelf een fotoboek samenstelt. u kunt er zelfs tekst bij laten meedrukken. Dat boek wordt vervolgens gedrukt naar u toegestuurd. Een echt boek van uw unieke afbeeldingen. Bijvoorbeeld bij:



Fotogalerij in 9 stappen



De meeste softwarepakketten voor beeldbewerking hebben een functie om zelf een webgalerij te maken. Hier wordt beschreven hoe u dat doet in Photoshop Elements.

Stap 1: Werkveld legen
Maak het werkveld leeg.

Stap 2: Organizer openen
Kies Bestand > Nieuw > Ontwerp of klik in de knoppenbalk op de knop Maken.
Photoshop Elements opent nu de Organizer.

Stap 3: Functie Webfotogalerij openen
Vanuit de Organizer bereikt u alle creatieve functies van Photshop Elements in het apart venster. Hiermee hebt u toegang tot diverse functies om van uw foto's een mooie presentatie te maken.
Klik op de functie: Webfotogalerij.
Met het venster Adobe Webfotogalerie maakt u stapt voor stap uw eigen fotogalerij.

U bepaalt welke foto's uit welke map in de galerij komen, de vormgeving, welke tekst erbij moet en de grootte van de foto's en thumbnails (miniatuurafbeeldingen).

Stap 4: Bestemming kiezen
Om te beginnen kiest u eerst een bestemmingsmap waar de webfotogalerij moet worden bewaard. Dat kan in het vak bestemming rechts onder in het venster.
Klik op de knop Bladeren om in uw bestandsmappen te zoeken en eventueel een nieuwe map aan te maken. Dat laatste verdient de voorkeur omdat u die map direct kunt publiceren op uw website. De locatie van de bestemmingsmap ziet u daarna weergegeven voor de knop Bladeren.

Stap 5: Naam geven
Voer in het tekstvak Sitemap een naam in voor een nieuwe map. Photoshop Elements plaatst namelijk alle foto's voor de galerij in een nieuwe map onder deze naam.

Stap 6: Foto's selecteren
Links, in het frame Foto's, kunt u met de knop Toevoegen foto's selecteren. Klik op deze knop om in het venster Foto's toevoegen te komen. Wanneer u de foto's hebt gelabeld of er een collectie van hebt gemaakt kunt u ze hier makkelijk terugvinden. Anders bent u genoodzaakt de hele catalogus te doorzoeken en dat kan vooral bij een grote hoeveelheid foto's een lastig karwei zijn.
Er zijn diverse selectie-opties om uw foto's terug te vinden:

Fotobrowser: miniaturen uit Fotobrowser
Gehele catalogus: miniaturen uit catalogus.
Verzameling: collectie uit fotoalbum.
Tag: selecteren op trefwoord.
Fotovak: geopende foto's uit de browser

Rechts in het venster ziet u miniaturen van gevonden afbeeldingen. Voor die miniaturen staat een hokje. Wanneer u daarop klikt hebt u de bijbehorende foto geselecteerd.

Selecteer alle foto's die u in de galerij wilt stoppen door ze hier aan te klikken.
  • Tip: Met de toetsencombinatie Ctrl + Alt selecteert u in een keer alle foto's uit het voorbeeldscherm.

Stap 7: Foto's toevoegen
Klik vervolgens op de knop Geselecteerde foto's toevoegen of op OK. U keert dan terug naar het menu webfotogalerij. De geselecteerde foto's ziet u terug in het vak Foto's.

Stap 8: Stijl kiezen
Selecteer in het pop-upmenu Galeriestijl een van de 33 voorgedefinieerde vormgevingsstijlen te selecteren. Onder het menu verschijnt een voorbeeldweergave van de geselecteerde stijl.

Stap 9: Verdere vormgeving
In het midden van het rechterdeel vindt u een aantal tabbladen waarmee u bepaalde instellingen en tekst kunt invoeren voor respectievelijk Banner, Miniaturen, Grote afbeeldingen en Eigen kleuren.
  • Tabblad Banner:
    Typ in het tekstvak achter Titel de titel die u de galerie wilt geven. Desgewenst geeft u ook een subtitel op en uw e-mail-adres. Bij Font kunt u een lettertype voor deze tekst selecteren en daarachter de lettergrootte
  • Tabblad Miniaturen:
    Hier geeft u de grootte aan van de miniaturen. Dat doety u via het uitrolmenu in het vak foto's. Hoe kleiner de miniaturen, hoe meer er op de pagina passen. Geef ook het lettertype aan van de titels, bestandsnaam of de datum van de foto's en de grootte van de letters.
  • Tabblad Grote foto´s:
    Als u al uw afbeeldingen al geschikt hebt gemaakt voor publicatie op internet, kunt u de optie Afbeeldingen vergroten/verkleinen uitschakelen. Laat deze anders ingeschakeld staan. In het uitrolmenu bepaalt u het formaat van de afbeelding als de bezoeker op een miniatuur heeft geklikt. U hebt de keuze uit Klein, Normaal, Groot en X-groot. Of u kunt gebruik maken van de schuifregelaar om de fotokwaliteit te bepalen. Geef vervolgens het lettertype aan van de titels, bestandsnaam of de datum van de foto's en de grootte van die letters.
  • Eigen kleuren:
    Met de opties voor Eigen kleuren kunt u afzonderlijke elementen op in de webgalerie met zelf gekozen kleuren definiëren. Om een kleur van een element te wijzigen klikt u op de kleurstaal. Hiermee opent u de kleurenkiezer, waaruit u een kleur kunt kiezen.
  • Klik op OK als u alle instellingen naar wens hebt opgegeven. Photoshop Elements genereert nu alle afbeeldingen uit de geselecteerde map. Deze worden dan in een submap geplaatst. In een andere submap worden alle afbeeldingen als miniaturen (ook in JPEG) geplaatst en de html-pagina's worden in weer een andere submap geplaatst. Intussen maakt Photoshop Elements ook een indexpagina en html-pagina's. Zowel de submappen als de pagina's worden in de Doelmap geplaatst.
  • Als dit proces is afgerond, wordt de browser geopend en vindt u daarin een voorbeeld van de zojuist gemaakte site. Via uw ftp-programma kunt u de site naar uw website uploaden.
De webfotogalerie is klaar.