[Tutorial] Foto's resizen met een batch opdracht

Pagina: 1
Acties:
  • 7.380 views sinds 30-01-2008
  • Reageer

  • Zoefff
  • Registratie: September 2001
  • Laatst online: 13:27
Foto's resizen met een batch opdracht

Als je foto's op het internet (al dan niet in een show- of testcase in FG) laat zien, zal je over het algemeen je foto's moeten verkleinen. Je verkleint de foto's naar een schappelijk formaat, zodat mensen niet de volledige foto hoeven te downloaden, en de foto netjes op het beeld word weergegeven. Door je foto's te verkleinen voorkom je op GoT bovendien dat de foto door de browser, op een lelijke manier, verkleind word.

Dit verkleinen kan je handmatig doen, maar er is uiteraard ook een handigere manier waarmee je het geautomatiseerd kan uitvoeren. Dit is een zogenaamde "Batch" opdracht.



Photoshop CS (1)

1. Allereerst gaan we een nieuwe "action" maken. Dat is een soort macro waarmee je verschillende bewerkingen in Photoshop "op kan nemen", en later weer "af kan spelen" op verschillende afbeeldingen. Om het overzichtelijk te houden maken we een apart mapje voor de resize-acties. Klik in het Actions menu op Create new set. Als je het Actions menu niet ziet, dan kan je dit oproepen via Window -> Actions of Alt+F9

Afbeeldingslocatie: http://www.tweakers.net/ext/f/65014/full.gif
Let even niet op al die mapjes, ik ben er ooit mee aan het kloten geweest, nooit meer geordend :X

Klik dan op het mapje dat je net gemaakt hebt (hier Resize Actions) en klik vervolgens op Create new action

Afbeeldingslocatie: http://www.tweakers.net/ext/f/65015/full.gif

Geef hem een naam (Resize 600 px & sharpen), neem een kleurtje (je zal later merken waarvoor) en druk op Record:

Afbeeldingslocatie: http://www.tweakers.net/ext/f/65016/full.gif

Je zal nu zien dat in het Actions menu de record-knop ingedrukt is.

2. Alles wat je nu binnen Photoshop doet wordt opgenomen en aan de action toegevoegd. Klik nu dus op Image -> Image Size..., geef als nieuwe breedte 600px aan en druk op OK. Let op dat er een vinkje staat bij "Constrain Proportions"!

Afbeeldingslocatie: http://www.tweakers.net/ext/f/65018/full.gif

Als het goed is zie je nu in het Actions menu de actie "Image Size" erbij staan :)

3. Wat ik vaak nog doe voor publicatie over het web is de foto even verscherpen met Filter -> Sharpen -> Sharpen. Beter nog kan je dit met USM doen :)

4. Je action is nu klaar. Klik in het Actions menu op stop,

Afbeeldingslocatie: http://www.tweakers.net/ext/f/65019/full.gif

om te stoppen met opnemen.

5. Wat nu handig is om te doen is het Actions menu op "Button Mode" te zetten. Je actions worden dan knoppen waar je makkelijk en snel op kan drukken, om de opgenomen acties uit te voeren. De button krijgt het kleurtje dat je in stap 1 hebt uitgekozen.

Afbeeldingslocatie: http://www.tweakers.net/ext/f/65020/full.gif

resulteert in

Afbeeldingslocatie: http://www.tweakers.net/ext/f/65021/full.gif

6. Je kan de acties nu dus aanroepen door een foto te openen, en dan op een knop te drukken, maar je kan ook geautomatiseerd de action op een hele serie foto's loslaten.

Ga hiervoor naar File -> Automate -> Batch.... In het scherm wat je hier krijgt kan je een actie uitkiezen, en bijvoorbeeld een map met foto's kiezen waarop je deze actie wilt uitvoeren. Geef eventueel aan hoe de nieuwe foto moet worden opgeslagen, en druk op OK om je computer aan het werk te zetten :)

7. Je foto's zijn nu klaar om op GoT in FG te posten. Voor de volledigheid nog even de code waarmee je foto's kan posten, en eventueel klikbaar kan maken naar een grotere versie:

[pre][norml][url=http://link_naar_grote_versie.jpg] [img]http://link_naar_verkleinde_versie.jpg[/img] [/url][/][/]
Als finishing touch kan je dan nog even op "Check images" klikken. Een vernuftig javascriptje zet dan in de img tag de afmetingen van de afbeelding, zodat bij het laden van de pagina deze niet constant verpringt

Afbeeldingslocatie: http://www.tweakers.net/ext/f/65022/full.gif

:)


FotoblogWerkaandemuur.nlMoestuincursus.nlTwitter


  • jfeelders
  • Registratie: Januari 2001
  • Laatst online: 06:52

jfeelders

Kwaliteit voor kwantiteit...

Te gek! Ik heb nu een action gemaakt waarmee de originele afbeelding wordt verkleind, denoised, beetje scherper, borders en tekstjes heeft gekregen. Dat scheelt veel werk!

Afbeeldingslocatie: http://tweakers.net/ext/f/67382/full.jpg

  • GerardHenninger
  • Registratie: Augustus 2004
  • Laatst online: 20:44
Handige tutorial, maar volgens mij kan het makkelijker.

Nog maar een tip dan, de Image Processor in Photoshop/Bridge.

In Bridge selecteer je de foto's die je wilt resizen. Dan ga je naar Tools -> Photoshop -> Image Processor. Je krijgt dan het volgende scherm (met andere waardes natuurlijk) :

Afbeeldingslocatie: http://temp.gerardhenninger.com/forum/ip.jpg

Vul hier in wat je nodig hebt.
Geen geklooi met foto's die de landscape/portrait verhouding hebben. Makkelijk converten naar sRGB voor al die browsers die je kleuren eventueel vern**ken. Misschien wil je de uitvoerbestanden (de foto's met de lagere resolutie dus) specifiek ergens kwijt.... het kan allemaal.

En wil je dan alsnog een USM of iets anders over je foto's heen gooien, dan selecteer je gewoon de juiste action onderin het scherm.

My 2 cents

P.S.
Resizen en dan een sharpen er overheen deed ik vroeger ook. Maar tegenwoordig resize ik (als ik iets kleiner maak dan) gewoon met Bicubic Sharper. Scheelt weer.

[ Voor 12% gewijzigd door GerardHenninger op 02-10-2005 13:57 ]

Pagina: 1