Het zou mooi zijn als elke klant je perfecte foto's zou geven om mee te werken, maar al te vaak is dit niet waar. Wanneer u te kleine, niet visueel interessante afbeeldingen of beelden van een slechte kwaliteit krijgt, moet u creatief zijn. In deze tutorial neem ik je mee door een instantie waarbij ik een A4-tijdschriftdeksel moest maken van een momentopname van een goedkope camera.
Deze tutorial volgt een echte baan die ik misschien een jaar geleden heb uitgevoerd voor een van onze liefdadigheidscliënten. Ze hadden een paar documentairemakers in Vanuatu en hadden een vrij gewone foto van hen die ze wilden hebben voor een maandelijkse nieuwsbrief / tijdschriftomslag.
Merk op dat ik de voorbeeld-PSD en de tutorial-afbeeldingen heb geschaald naar een grootte die werkt voor het web, het echte werk was natuurlijk gedaan op 300 dpi en A4-formaat en alles was veel groter, maar dat maakt niet echt uit voor ons hier.
Dus hier is de foto die ik heb gekregen. Het is een leuke foto, omdat het de filmmakers en de locale goed laat zien, maar het is klein en de verkeerde afmetingen. Als ik het opschaal naar A4, zal het er vreselijk uitzien, zowel omdat de kwaliteit op de foto er niet is en omdat het de verkeerde afmetingen heeft. Ik zal het grootste deel van de afbeelding toch verwijderen..
Dus ik heb een bezoek gebracht aan iStockPhoto.com, waar ik de meeste van mijn foto's krijg, en ik vond dit een van een retro uitziende tv in het gras. Dit is perfect voor de hoes omdat ze een film maken, dus het is netjes of de foto op een tv staat en de scène ziet er zonnig en tropisch uit, wat overeenkomt met Vanuatu.
Het beeld is echter niet helemaal A4, dus het eerste wat we moeten doen, is uitbreiden. We kunnen dit doen met de Clone Stamp Tool (S). Als u deze tool nog nooit hebt gebruikt, werkt het in principe in twee stappen. Eerst houd je Alt ingedrukt en selecteer je wat je wilt klonen, dan schilder je ergens anders en wordt het eerste punt gekopieerd. Er zijn een paar dingen die ik over deze tool zal zeggen. Eerst wanneer je Alt ingedrukt houdt, zie je een aantal dradenkruisen die uitermate handig zijn om ervoor te zorgen dat je de tool correct positioneert. Dus hier selecteer ik eerst precies de rand, dan de cursor naar beneden, en druk nogmaals even op Alt zodat ik kan zien waar het kruis haar zich weer bevindt (maar klik niet nogmaals op de muis of je zal verplaatsen waar je aan het klonen bent van). Vervolgens kunt u de randen nauwkeurig uitlijnen. Het andere ding om op te merken is dat het over het algemeen beter is om een zachte borstel te gebruiken bij het klonen.
Hoe dan ook, in deze stap heb ik een zachte borstel gebruikt, de fotolaag gedupliceerd, dus er zijn twee exemplaren, de zichtbaarheid van de bovenste uitgeschakeld en vervolgens de achtergrond eenvoudig over het onderste witte gebied gedupliceerd. Merk op dat dit er niet helemaal goed uit zal zien, maar we zullen dat in een ogenblik oplossen.
Schakel nu de bovenste laag weer in en gebruik de Clone Tool nogmaals, borstel de grotere strengen gras naar beneden volgens de hoek van de messen. In de afbeelding hieronder ben ik uit het onderste gedeelte verdwenen, zodat je kunt zien welk deel klopt en wat een origineel beeld is.
Dus wat hier gebeurt is in de vorige stap, je vulde de laag met een algemene grastextuur (die er niet 100% correct uitzag). In deze laag bovenop borstelen we de belangrijkste grassprieten over de bovenkant. Dit moet alle behalve de meest veeleisende ogen voor de gek houden door te denken dat het een doorlopende foto is. De grasachtige textuur is rommelig genoeg dat tenzij je goed kijkt, je niet beseft dat het niet helemaal klopt.
Nu maken we er een nieuwe laag bovenop en gebruiken we de kleurkiezer om het bovenste blauw voor de voorgrondkleur uit te kiezen. Kies vervolgens voor de achtergrondkleur een iets donkerder blauw. Trek dan in onze nieuwe laag een lineair verloop recht naar beneden van donkerblauw naar lichtblauw. Zorg ervoor dat het lichtere blauw net voorbij de rand van de foto begint die u bedekt.
Pak vervolgens een zachte borstel en wis de blauwe verlooplaag zodat het allemaal weg is, behalve dat het bovenste gedeelte in de foto vervaagt. Er zijn natuurlijk een aantal probleemgebieden waar de grasstelen voortgaan, maar we zullen die daarna oplossen ...
Zoom nu in dichtbij en laat met de Clone Tool de grasstelen taps verlopen om eruit te zien alsof ze (enigszins) op een natuurlijke manier zijn afgelopen.
Dus nu hebben we onze tv-achtergrond naar de randen afgaan met de televisie mooi gecentreerd. Als je wilde, zou je meer tijd aan de hemel / grasstelen kunnen besteden, maar in dit geval zullen we er toch tekst hebben, dus het is niet erg belangrijk.
Wat we vervolgens willen doen, is dat de foto eruitziet alsof deze deel uitmaakt van de afbeelding (met name alsof deze op het scherm staat). Dus eerst plaatsen we de foto bovenaan het scherm en gebruiken we Ctrl-T om te transformeren, krijg je ongeveer de juiste maat.
Nu schakelen we de zichtbaarheid van de fotolaag tijdelijk uit en gaan we met de Pen Tool door het gebied van de televisie dat normaal gesproken foto's laat zien. Als je eenmaal je pad hebt, klik je met de rechtermuisknop op het canvas (zorg dat je nog steeds de pen hebt) en kies je Maak selectie en druk je op OK in het dialoogvenster dat verschijnt.
Terwijl de selectie nog steeds wordt weergegeven, schakelt u de fotolaag weer in en klikt u erop, zodat u met de foto werkt. Druk vervolgens op Ctrl + Shift + I om de selectie om te keren en druk op delete. Hiermee wordt de rest van de foto weggesneden die u niet nodig hebt.
Dupliceer nu deze fotolaag en schakel de zichtbaarheid ervan uit, want we hebben hem later nodig.
Notitie: Eigenlijk zou je in deze stap en de verdere stappen waarschijnlijk Laagmaskers moeten gebruiken, zodat je de foto kunt behouden. Ik heb een paar hele slechte Photoshop-gewoonten en een daarvan gebruikt geen maskers. Ik zal het in de toekomst proberen te onthouden en de volgende keer beste werkwijzen schrijven :-))
Vervolgens stellen we de fotolaag in op 50% dekking, zodat we kunnen zien wat erachter zit. Gebruik vervolgens een zachte gumborstel om de delen van de foto voorzichtig uit te wissen die de grasstelen bedekken.
Bij sommige grassprieten is het beter om de Pen-tool te gebruiken. Hier heb ik bijvoorbeeld een pad rond de stengel getekend dat vrij driehoekig is en vervolgens rechts klikte en Make selection selecteerde en de hit Delete nadat de selectie was gestegen.
Dus zodra dit allemaal klaar is, begint de foto er uit te zien als een deel van de scène, maar niet helemaal. De belichting van de foto is nog steeds erg fout, dus daar gaan we nu aan werken.
Dus ga eerst terug naar het duplicaat van de fotolaag die we in stap 9 hebben gemaakt en houd Ctrl ingedrukt en klik op die laag om de pixels te selecteren. Maak vervolgens een nieuwe laag bovenop de andere foto en vul deze met zwart. U kunt de dubbele foto nu verwijderen omdat we deze niet meer nodig hebben. Vervolgens houden we Ctrl opnieuw ingedrukt en selecteren we de zwarte laag om de pixels te selecteren. Ga vervolgens naar Selecteren> Wijzigen> Inkrimpen en gebruik een waarde van 5 px.
Tik vervolgens op Verwijderen om een 5px-rand te verlaten. Zet de dekking van deze laag op ongeveer 20%. Dit is een soort schaduw aan de randen van het tv-scherm om de indruk te wekken dat het een beetje gebogen is.
Houd nu Ctrl ingedrukt en klik op de hoofdfotolaag om de pixels te selecteren. Druk vervolgens op Ctrl + Shift + I om de selectie om te keren en naar de nieuwe schaduwlaag te gaan en klik op Verwijderen. Dit stopt gewoon de schaduw van het gaan over de bovenkant van de grasstelen.
Vervolgens met een vetwisserpenseel geselecteerd, ga naar de fotolaag en wis een beetje van de linkerboven- en rechterhoeken. We doen dit omdat we willen dat die twee markeringslagen doorgaan over de foto (die we in een paar stappen voltooien).
Vervolgens in een nieuwe laag bovenop, voegde ik een wit tot transparant radiaal verloop toe in de rechterbovenhoek. Ik vervaagde dit vervolgens tot ongeveer 20%.
Ik heb ook een zacht penseel een beetje wit onderaan toegevoegd, hoewel het moeilijk te zien is. Als u de voorbeeld-PSD aan het einde van de zelfstudie opent, ziet u wat ik bedoel.
Het belangrijkste dat we hier proberen te doen, is de indruk wekken dat je kijkt naar gebogen glas, dat een beetje reflecterend is.
Vervolgens schakelen we de fotolagen uit, zodat we de originele foto aan de achterkant kunnen zien en met behulp van het gereedschap Pen de twee markeringen in de linkerboven- en rechterbovenhoek kunnen volgen. Zodra u een pad rondom elk pad hebt, klikt u met de rechtermuisknop op het pad en kiest u Selectie maken. Voeg vervolgens in een nieuwe laag bovenaan de selectie wit toe. Doe dit voor beide hoogtepunten.
Nu kunnen we de foto weer inschakelen en blijven de hoogtepunten nog steeds over de top. Misschien wil je ze een beetje laten vervagen en alle gebieden wissen waar een grassteel doorheen moet steken (zoals we eerder deden voor de foto zelf). De uiteindelijke afbeelding wordt hieronder getoond.
Zoals ik al eerder zei, was dit in feite voor een cover van een nieuwsbrief / tijdschrift dat ik een jaar geleden deed. Je kunt grofweg zien hoe het laatste eruit zag in de onderstaande afbeelding.
Het belangrijkste punt van deze tutorial is om u enkele basismanieren te tonen om een foto samen te voegen met een andere en een foto uit te breiden, maar nog belangrijker om te laten zien hoe u niet beperkt moet worden door de dingen die uw klant u geeft. Het is zo verleidelijk als een grafisch ontwerper om de kwaliteit van foto's of een logo of andere ontwerpbeperkingen te beklagen, maar met een beetje creativiteit kun je vaak heel weinig doen en toch een professioneel effect bereiken.
Merk op dat omdat de foto niet vrij beschikbaar is, ik deze heb samengevoegd met een watermerklaag.
Download de PSD voor deze zelfstudie