Foto’s online bewerken met Photoshop Express Editor

Ongeacht of je nou een foto van een ander (let wel op het auteursrecht!) of een zelf gemaakte foto wilt gebruiken op je blog op website, meestal moet je eerst nog even de foto bewerken voordat je ze kunt plaatsen. Daar heb je (dure) fotobewerkingsprogramma’s voor zoals Adobe Photoshop of gratis alternatieven zoals Paint.net of GIMP maar die bevatten bijzonder veel functionaliteiten die je waarschijnlijk nooit zult gebruiken en je moet ook nog eens de software op meerdere computers installeren als je geen vaste werkplek hebt.

Zeker als je alleen maar het formaat van de foto’s wilt aanpassen, foto’s wilt bijsnijden of een regeltje tekst in de foto wilt plaatsen, kun je ook echter ook gebruik maken van websites waarmee je foto’s direct in je browser kunt aanpassen zonder software te installeren. Ook daar zijn er vele van te vinden, zoals bijv de excellente Pixlr Editor, maar qua naamsbekendheid leggen ze het toch af tegen de gratis online versie van Adobe Photoshop, de Photoshop Express Editor.

Photoshop Express Editor

Adobe biedt vanzelfsprekend niet de volledige Photoshop gratis aan – daar mag je stevig voor betalen – maar op Photoshop.com vind je in het menu van de online tools wel een (zeer) beperkte versie terug die nog steeds ruimschoots voldoet als je alleen maar eenvoudige aanpassingen wilt maken aan je foto’s.

Photoshop Express Editor
De eerste beperking duikt meteen op zodra je de Photoshop Express Editor opstart. Je kunt geen foto’s bewerken die je elders online hebt staan in bijv. Flickr, Google+ Photos of Facebook maar je moet ze uploaden vanaf je computer. Nou vind ik dat ook geen enkel probleem aangezien dergelijke sites bijna altijd hun eigen foto-editor hebben en ik juist foto’s wil bewerken die ik al gedownload heb.

Photoshop Express Editor
Een volgende beperking is dat er alleen foto’s in JPEG formaat ondersteund worden van maximaal 16MP.

Photoshop Express Editor
Ook dit zal in de praktijk weinig problemen opleveren aangezien het overgrote deel van de foto’s al in JPEG zullen zijn en je wel erg je best moet doen om boven de 16 megapixels te komen qua formaat. De foto’s die je bij Unsplash kunt vinden (bijvoorbeeld) zijn weliswaar in zeer hoge resolutie te downloaden maar zijn alle tussen de 10 en 12 megapixels.

Photoshop Express Editor
Als je een foto geupload hebt – wat zeer snel gaat dankzij het gebruik van Flash en inderdaad, hierdoor kun je het niet op een iPad gebruiken – dan kom je in de editor zelf met alle basisfuncties. Die zijn verdeeld in twee tabbladen (Edit en Decorate) waarbij je waarschijnlijk alleen maar de eerste twee of drie vaker zult gebruiken. Crop & Rotate voor het bijsnijden en roteren van de foto, Resize voor het aanpassen van het formaat en Auto Correct waarbij het programma probeert automatisch de foto te optimaliseren qua (o.a.) kleur, witbalans en soft focus. Zo simpel is het.

Photoshop Express Editor
Op het tabblad Decorate kun je de foto nog voorzien van wat eenvoudige teksten, tekstballonnetjes of een beperkt aantal clipart afbeeldingen ter verfraaiing van het geheel, mocht je daartoe genegen zijn.

Photoshop Express Editor
Ben je klaar met bewerken en aanpassen? Dan klik je op Done en krijg je de optie om de foto opnieuw op te slaan op je computer. En kan die gebruikt worden op je blog of website. Vergeet niet de bron en naamsvermelding erbij te zetten he?

@foto door S. Zolkin via Unsplash CC0

#

Bewerk je foto’s in één keer voor je blog of plog in Photoshop

Als je meerdere foto’s wilt gebruiken voor op je website, blog of plog dan zul je ze waarschijnlijk moeten bewerken voordat je ze plaatst. Zelfs de camera van een gemiddelde smartphone maakt tegenwoordig foto’s in een dermate groot formaat dat je ze minimaal moet verkleinen om er voor te zorgen dat het past in de layout van je site en om te voorkomen dat je bezoekers meerdere MB’s aan foto’s moeten downloaden. Het is verstandig om je foto’s die je op 1 pagina of blogpost wilt gebruiken allemaal op dezelfde grootte te hebben en de beeldkwaliteit aan te passen aan gebruik op het web.

Dat kun je in beeldbewerkingssoftware eenvoudig doen natuurlijk. Je laadt de foto’s één voor één in, verkleint ze naar het gewenste formaat en kiest bij het opslaan van de foto’s voor een iets lagere kwaliteit om zo de bestandsgrootte beperkt te houden. Gelukkig kun je met zowel betaalde als gratis beeldbewerkingssoftware dit ook in één keer doen om een hele hoop tijd te besparen. In het onderstaande stappenplan leg ik uit hoe je dit doet in Adobe Photoshop terwijl een volgende blogpost hetzelfde uitlegt met het gratis beschikbare Paint.net omdat nu eenmaal niet iedereen over dure software beschikt.

Photoshop

In alle versies van Photoshop kun je Actions gebruiken om alle handelingen die je op 1 foto toepast als een soort macro op te nemen en weer te gebruiken op andere foto’s. Op die manier kun je alle bewerkingen opnemen en toepassen op alle foto’s die je op een zelfde manier wilt bewerken. Maar Photoshop beschikt ook over een Image Processor script dat nog eenvoudiger te gebruiken is en waarmee je in één keer de foto’s kunt openen, de grootte kunt aanpassen en kunt opslaan in een aangepaste kwaliteit. In het onderstaande voorbeeld gebruik ik een Engelstalige versie van Photoshop CS3 maar je vindt deze functie in alle CS versies terug van de software.

photoshop image processor
Stap 1.
Onder File -> Scripts -> Image Processor vind je de Image Processor terug. Als je er op klikt opent zich een venster waarin je kunt aangeven welke foto’s je wilt gebruiken, waar de bewerkte foto’s opgeslagen moeten worden, welk bestandsformaat gebruikt moet worden en waar je eventueel nog enkele additionele bewerkingen kunt doen.

photoshop image processor
Stap 2.
Kies allereerst welke foto’s je wilt gaan bewerken. Heb je ze allemaal al in Photoshop geopend, dan is de eerste optie te gebruiken. Zo niet, dan kun je een map selecteren waar alle foto’s in staan. Het is dan dus wenselijk dat je alle foto’s bij elkaar gegroepeerd in 1 mapje gezet hebt.

Stap 3.
Kies waar de bewerkte en verkleinde foto’s opgeslagen moeten worden. Standaard is dat dezelfde map als waar de oorspronkelijke foto’s staan. Photoshop maakt dan een nieuwe submap aan waar de bewerkte foto’s in opgeslagen worden zodat de oorspronkelijke foto’s niet overschreven worden. Je kunt echter ook zelf een andere map opgeven waar ze dan neergezet worden.

Stap 4.
De geautomatiseerde handelingen in het script werken alleen voor het JPEG, PSD en TIFF formaat. Alleen het JPEG formaat is geschikt voor gebruik op het web en de kans is groot dat de oorspronkelijke foto’s in dat formaat zijn. Vink aan dat je de foto’s wilt opslaan in JPEG formaat.

Bij Quality kun je een waarde van 0 tot 12 opgeven waarbij 0 de laagste (zeg maar gerust heel erg slecht) kwaliteit is en 12 de maximale kwaliteit. Het hangt een beetje van de uiteindelijke grootte van de foto’s en hoeveel detail je nodig hebt in een foto om daar een goede waarde voor te kiezen dus experimenteer daar de eerste keer gewoon even mee. Voor een reeks schermafdrukken gebruik ik meestal 6, terwijl ik bij hoge resolutie foto’s 8 of 9 gebruik. Voor foto’s die ik met een iPad of smartphone gemaakt heb zet ik hem op 7. Vink ook de instelling Convert Profile to sRGB daaronder aan om betere kleuren voor weergave op een webpagina te krijgen. Dat werkt alleen als ook de alleronderste optie Include ICC Profile aanstaat maar die is standaard aangevinkt.

Resize to Fit is de instelling waarbij je automatisch het formaat van alle foto´s kunt aanpassen. Je kunt hier de maximale breedte en de maximale hoogte van de foto´s aangeven. Dat is dus wat anders dan de absolute waarde! Als je, zoals hierboven 400px opgeeft voor de breedte en 300px voor de hoogte dan zal Photoshop de foto´s proportioneel met behoud van de goede verhoudingen verkleinen (zodat foto’s niet in elkaar gedrukt of uitgerekt worden) maar zullen de foto’s maximaal 400px breed zijn en maximaal 300px hoog worden. Ongeacht of de foto’s in portrait of landscape geschoten zijn. Mijn blogtemplate is 700px breed dus dat is wat ik zelf gebruik. De hoogte staat dan op 1000px omdat ik die niet aangepast wil hebben en geen enkele foto daarbij in de buurt komt. Het zal afhangen van de beschikbare breedte (en evt. hoogte) op jouw site wat je hier wilt invullen.

Wil je de instellingen bewaren naar een bestandje op de harde schijf zodat je die later (elders) weer kunt importeren, dan kun je rechts op de Save knop klikken. Klik daarna op Run om het script uit te voeren en als je alles goed hebt ingevuld zal Photoshop op de opgegeven plek de bewerkte foto’s hebben opgeslagen.

Optioneel kun je in het venster, voordat je op Run klikt, ook nog een vooraf gedefinieerde Action toepassen op alle foto’s als je bijvoorbeeld een filter gebruiken. Daaronder kun je ook nog de Copyright Info aanpassen zoals die in de (IPTC) metadata van de foto’s opgenomen is. Voor zelfgemaakte foto’s kun je daar bijvoorbeeld je naam neerzetten en bevatten de foto’s dus jouw naam goed verstopt in het bestand zelf. Voor het geval je ooit wilt aantonen dat die foto echt van jou is.

#

Over toezien op je eigen content en een watermerk aanbrengen op foto’s in Photoshop

photoshop_watermerk

Gisteren had ik een gesprek met iemand op Twitter over diverse voorbeelden waarbij anderen -zowel commercieel als niet commercieel via o.a. Facebook- aan de haal gingen met zelfgemaakte foto’s op blogs. Ik weet dat dit gebeurt, ik denk dat het zelfs heel veel gebeurt, maar ik had er eigenlijk nog nooit zelf bij stil gestaan hoe irritant dat moet zijn als je jouw foto’s terugziet op andere sites zonder naamsvermelding.

Dat komt in mijn geval doordat ik bijna altijd gebruik maak van fotomateriaal van anderen -met verwijzing waar nodig- en slechts zelden zelf foto’s maak voor mijn blogposts. Die foto’s vallen dan wel onder de Creative Commons licentie die voor mijn gehele blog geldt maar ook al heb ik duidelijk gesteld op dit blog dat deze licentie niet opgaat voor foto’s van anderen, ik heb geen enkele illusie dat mensen dit ook daadwerkelijk lezen en respecteren. Tijdens dat gesprek kreeg ik echter voorbeelden voorgeschoteld die me toch lieten nadenken over hoe je wat meer drempels kunt opgooien om het onaantrekkelijker te maken dat anderen zonder pardoes alles maar overnemen voor eigen doeleinden.

Ik geloof stellig in het delen van kennis en content en het is niet voor niets dat ik enkele dagen geleden nog blogde over het verhuizen van mijn foto’s naar Flickr. Dat heeft net zo veel te maken met het willen delen van mijn foto’s als dat het te maken had met de perikelen rondom Instagram. Maar delen van kennis en content kan je alleen maar volhouden als daar iets voor terugkomt. Het moet geen eenrichtingsverkeer worden van geven, geven, geven zonder daar ooit iets voor terug te zien. Dat kan financiële compensatie zijn want niet alles hoeft gratis op internet te zijn -ook al vertegenwoordigt dat volgens mij ook niet de overheersende opinie van internetgebruikers- maar bij bloggers is dat vooral een stukje waardering. Erkenning dat jij degene bent die een interessante tekst heeft geschreven of die mooie foto heeft gemaakt. Daarom zijn er zes verschillende Creative Commons licenties maar hebben die één ding gemeenschappelijk: de naamsvermelding.

Wel of niet watermerken?
Voor mezelf aarzel ik nog een beetje. Zelfgemaakte foto’s die ik op mijn blog ga gebruiken komen vanaf nu ook bij Flickr te staan. Met een Creative Commons licentie en daarmee is wat mij betreft alles wel gezegd. Ik hou er zelf ook niet van dat als ik foto’s wil gebruiken van anderen, deze voorzien zijn van een watermerk en dus wil ik dat ook niet doen met mijn eigen foto’s.

Maar ik kan me wel situaties voorstellen waarin ik het toch zal overwegen. Bijvoorbeeld als ik eindelijk eens goede en mooie foto’s leer maken die ik alleen maar hier wil gebruiken. Kleine kans maar ach, we zitten aan het begin van een nieuw jaar dus wie weet wat er allemaal nog komt in 2013 ;)

Dus heb ik toch even uitgezocht hoe je dan makkelijk een watermerk kunt aanbrengen op een afbeelding of foto in Photoshop. Dat bleek kinderlijk eenvoudig te zijn maar aangezien mijn Photoshop vaardigheden ook niet groot zijn, leg ik het meteen maar even vast in deze blogpost en deel ik die meteen met de rest van de wereld. Omdat het kan.

Stap 1. Open de afbeelding of foto in Photoshop. Volgens mij werkt dit in alle versies van Photoshop hetzelfde maar ik gebruik Photoshop CS6. Gebruik de Tekst tool om de tekst te plaatsen die je in de afbeelding als watermerk zichtbaar wilt hebben. Doe dit bij voorkeur een beetje in 1 van de hoeken en niet pontificaal over de afbeelding heen zoals ik in dit voorbeeld.

photoshop_teksttool

Stap 2. De tekst moet vanzelfsprekend wat subtieler naar de achtergrond verdwijnen en daarvoor kies je, terwijl de laag met de tekst nog geselecteerd is, in het menu voor Layer, dan Layer Style en Blending Options.

photoshop_layerstyle

Stap 3. Bij de Blending Options is het een zaak van kiezen van een geschikte Opacity, de matheid, van de laag en de tekst. Afhankelijk van de achtergrondkleur van de afbeelding, het gebruikte lettertype en letterkleur verplaats je de schuifjes bij Opacity en Fill Opacity tot je het gewenste effect hebt en de tekst niet al te opvallend zichtbaar is.

photoshop_layerstyle_blending

#

  • © 2006- 2019 Vakblog – werken met informatie
    Aangedreven door WordPress en duizenden liters koffie // Theme: Tatami van Elmastudio
Top