Misschien heb je er wel eens van gehoord; Tilt-shift, een manier van fotograferen die ervoor zorgt dat foto’s van levensechte objecten eruit zien alsof het miniaturen zijn. Je kunt hiermee een kunstmatige diepte in foto’s creëren.

Hetzelfde effect kan ook worden bereikt door een normale foto te bewerken met Photoshop.

Dit heeft Serena Malyon gedaan om een aantal schilderijen van Vincent van Gogh een bijzonder effect te geven.
Een selectie:

De tilt-shift versie van “Pont de Langlois”:

En de originele versie:

Bron: Wikimedia Commons

De tilt-shift versie van “Starry Night Over The Rhone”:

En het origineel:

De tilt-shift versie van “red vineyard”:

En het origineel:

De tilt-shift versie van “Red Chestnuts in the Public Park at Arles”:

En het origineel:

Er staan nog meer mooie voorbeelden van deze techniek in deze post op My Modern Met.

Ook leuk is dat ik nooit een groot liefhebber van van Gogh was, maar door deze werken heb ik toch besloten om me eens wat meer in zijn werk te gaan verdiepen.

Er van uitgaande dat je de beschikking hebt over Photoshop. Heb je geen Photoshop, dan kun je online tools als Picasion (speciaal om animated GIF’s te maken van afbeeldingen op Picasa), Gifninja, Gickr of Flitpics gebruiken.

Dit is waar we naartoe gaan werken:

Iets eenvoudigs, om op te warmen. Alles bij elkaar kost dit je nog geen tien minuten!

Allereerst, een animated GIF bestaat uit meerdere afbeeldingen, in bovenstaand geval drie.

Zorg ervoor dat die afbeeldingen allemaal hetzelfde formaat hebben. Als je teksten of plaatjes wil invoegen, zorg er dan voor dat je binnen een maximum hoogte en breedte blijft.

Als je tevreden bent met je afbeeldingen, kun je gaan animeren. Ga naar: Window → Animation.

Zorg ervoor dat het venster is ingesteld op Animation (Frames). Photoshop heeft ook een Timeline instelling voor GIF animaties, die ga ik hier niet behandelen. Je kunt dit trouwens instellen met het fly-out menu aan de rechterkant van onderstaand venster.

In bovenstaand voorbeeld heb ik alledrie de afbeeldingen al klaargezet, je doet dit door het eerste frame (welke standaard wordt weergegeven) te dupliceren (met de knop naast de trashcan).

Als een frame geselecteerd is (in bovenstaand voorbeeld de laatste), kun je die manipuleren. Op die manier kun je aangeven wat er in elke frame moet komen te staan.

Als je onder de afbeelding klikt, opent zich een dropdownmenu waarmee je kunt aangeven hoelang iedere frame vertoond moet worden.

Nu is je animated GIF zo goed als klaar! Om hem op te slaan ga je naar File → Save for Web and Devices. Uit het dan volgende communicatiescherm kies je uiteraard ‘save as GIF’. Er zijn nog een aantal opties waar je mee kunt spelen, de belangrijkste is de ‘Loop’ instelling. Kies in dit geval voor ‘Forever’ zodat ‘ie niet na één keer stopt met de animatie.

Open met een willekeurige browser, en bewonder je werk!Voor de echte die-hards nog een tip: Als je met eigen afbeeldingen, effecten, en teksten werkt, kun je overwegen om de ‘tweening’ functie te gebruiken.

Photoshop zorgt er dan voor dat er extra frames worden ingevoegd, zodat de animatie soepel en vloeiend in elkaar overloopt. De tweeningknop vind je links van de ‘copy frame’ knop.

Zodra je daarop kikt opent zich dit scherm:

Je kunt in plaats van drie frames ieder willekeurig aantal frames invoeren, hoe meer, hoe soepeler de afbeeldingen in elkaar overlopen. Bedenk alleen wel dat iedere frame die je toevoegt ook het bestand groter maakt. En hoe groter, hoe langer de laadtijd in een browser. Over het algemeen tween ik met twee extra frames (als ik dat überhaupt al doe), dat geeft al een aardig goed resultaat.

Na al twee posts over Photoshop sneltoetsen zou je denken dat de koek op is.

Niet dus, Photoshop is zo uitgebreid en veelzijdig, dat er nog aardig wat sneltoetsen te behandelen zijn.

Dit keer is het tijd voor de drie-toets- en vier-toets combinaties. Die zijn onder te verdelen in combinaties met de shift toets en combinaties met de alt toets.

Voor ik het vergeet, als je windows gebruikt heet je cmd toets ctrl..

Hier de combinaties en de functies die je kunt openen met de shift + cmd toets.

• SHIFT + CMD + M Record measurements
  
• SHIFT + CMD + W Close and go to Bridge
• SHIFT + CMD + P Page setup
• SHIFT + CMD + S Save as
• SHIFT + CMD + K  Color settings
• SHIFT + CMD + V Paste into
• SHIFT + CMD + Z  Step ahead
• SHIFT + CMD + G Ungroup layers
• SHIFT + CMD + D Reselect
• SHIFT + CMD + I Inverse
  
• SHIFT + CMD + ; Snap
• SHIFT + CMD + L Auto levels
• SHIFT + CMD + B Auto color
• SHIFT + CMD + U Desaturate
• SHIFT + CMD + X Liquefy
• SHIFT + CMD + E Merge visible
• SHIFT + CMD + H Target path
• SHIFT + CMD + Y Gamut warning
• SHIFT + CMD + T Transform again
• SHIFT + CMD + J New layer via cut
  
• SHIFT + CMD + N New layer
• SHIFT + CMD + / Photoshop Help
• SHIFT + F5 Fill
• SHIFT + F6 Feather
• SHIFT + F7 Inverse

Na de break de sneltoetsen in combinatie met de Alt/Option toets.

Dit zijn er ook nog een flink aantal. Vooral save for web heeft mij al waanzinnig veel tijd bespaard.

• ALT + CMD + O Browse in Bridge
• ALT + CMD + A All layers
• ALT + CMD + R Refine edge
• ALT + CMD + W Close all
• ALT + SHIFT + CMD + C Content aware scale
• ALT + SHIFT + CMD + S Save for web
• ALT + SHIFT + CMD + I File info
• ALT + SHIFT + CMD + P Print one copy
• ALT + SHIFT + CMD + X Pattern maker
• ALT + CMD + S Save as
• ALT + CMD + Z Step backward
• ALT + CMD + H Verberg andere
• ALT + CMD + I Image size
• ALT + CMD + C Canvas size
• ALT + CMD + D Feather
  
• ALT + CMD + V Vanishing point
• ALT + CMD + X Extract
• ALT + CMD + G Create/release clipping mask
  
• ALT + SHIFT + CMD + L Auto contrast
• ALT + SHIFT + CMD + B Black & White
  
• ALT + CMD + 0 Actual pixels
• ALT + CMD + ; Lock guides
• ALT + F9 Actions

Ik moet toegeven dat ik zelf niet alle sneltoetsen gebruik, sommige functies gebruik ik niet zo vaak, en dan kan ik dus echt die toetscombinaties niet onthouden! Evengoed is het absoluut de moeite waard om de sneltoetscombinatie van een functie die je wel vaak gebruikt te onthouden. Het scheelt je toch algauw zo’n 100 muisklikken per dag!

In een andere post heb ik al eens geschreven over de voordelen van sneltoetsen wanneer je Photoshop professioneel gebruikt. Ga ik hier dus niet nog eens doen.

Wat ik wel ga doen is wat andere sneltoetsen op een rij zetten voor je.

Dit keer de sneltoetsen die handige functies vervullen in combinatie met de cmd toets. Ik gebruik trouwens een Apple, dus als jij een Windows machine gebruikt, lees Ctrl in plaats van Cmd. Dan kom je ook een heel eind…

Hier gaan we:

• CMD + K Preferences general
• CMD + Q Stop Photoshop
• CMD + N Open new
• CMD + O Open
• CMD + W Close
• CMD + S Save
• CMD + P Print
• CMD + Z Undo
• CMD + X Cut
• CMD + C Copy
• CMD + V Paste
• CMD + T Transform
• CMD + L Levels
• CMD + M Curves
• CMD + B Color Balance
• CMD + U Hue/Saturation
• CMD + I Invert
  
• CMD + G Group Layers
• CMD + E Merge layers
• CMD + A Select all
• CMD + D Deselect
• CMD + F Last filter
• CMD + Y Proof colors
• CMD + + Zoom in
• CMD + - Zoom uit
• CMD + 0 Fit on screen
• CMD + H Extras
• CMD + R Rulers
• CMD + ‘ Grid
• CMD + ; Guides

Je ziet, het zijn er nogal wat! Kun je nagaan hoeveel tijd je bespaart als je ze gebruikt. Ik ga er ook eigenlijk een beetje vanuit dat je al wel weet waar je al deze functies voor kunt gebruiken, want om dat uit te leggen is een nieuwe blogpost nodig.

Oke, laten we met de basis beginnen.

Waarom zou je sneltoetsen gebruiken? Met de muis gaat het toch net zo snel? Eehh, nee dus.

Het is echt ontzagwekkend handig als je lekker in je flow zit, om met een druk op een toets een tool op te roepen. Ik dacht eerst ook eigenwijs: acht, dat zal wel loslopen. Mooi niet dus, ik kan nu niet meer zonder keyboard. Het scheelt je zoveel tijd, griezelig gewoon.

Alle tools die ik hieronder behandel zitten in de linkerkolom (niet geheel toevallig ook wel de toolbox genoemd). Deze zijn gelukkig allemaal op te roepen met 1 enkele letter.

Goed, genoeg gekwekt, gaan met die banaan:

• M Rectangular of Elliptical Marquee tool (de Single row & column tools zitten hier ook, maar zonder directe selecteer mogelijkheid)
• V Move tool
• L Lasso + polygonal & magnetic lasso tools
• W Magic wand & Quick selection tool
• C Crop tool
  
• K Slice & Slice select tools
• J Spot healing brush, healing brush, patch & red eye tool
• B Brush, Pencil & Color replacement tool
• S Clone stamp & Pattern stamp tool
• Y History brush & Art history brush tool
• E Eraser, background eraser & magic eraser tool
• G Gradient & potje verf tool
• R Blur, Sharpen & Smudge tools
• O Dodge, Burn & Sponge tools
• P Pen & Freeform pen tool (de add & delete anchor + Convert point tools zitten hier ook , maar zonder directe selecteer mogelijkheid)
• T Horizontal & vertical type + Horizontal & vertical type mask tools
• A Direct & Path selection tools
• U Rectangle, Rounded Rectangle, Ellipse, Polygon, Line & Custom shape tool
• N Notes tool & Auto Annotation tool
• I Eyedropper, Color Sampler, Ruler & Count tools
• H Hand tool
• Z Zoom tool
• Q Edit in quick mask mode
• F Change screen mode
• / Toggle preserve transparency
• [ Decrease brush size
• ] Increase brush size
• { Decrease brush hardness
• } Increase brush hardness
• , Previous brush
• . Next brush
  
• < First brush
  
• > Last brush
• F1 Undo/Redo
• F2 Cut
• F3 Copy
• F4 Paste
• F5 Brushes
• F6 Color
• F7 Layers
• F8 Info
• F12 Revert
  

Je hebt vast al gemerkt dat ik alles in het Engels heb benoemd, dat is omdat het veel handiger is om Photoshop in die taal te installeren en te gebruiken. Al was het alleen maar vanwege alle Engelstalige tutorials overal. Het zou toch lastig zijn als je iedere keer alles moet vertalen.

Afijn, ik hoop dat je d’r wat aan hebt.