Een presentatie of portfolio publiceren met Adobe Slate

Soms vragen mensen je een presentatie of portfolio te sturen daarvoor is er een handige (gratis) tool: Slate op: https://slate.adobe.com. Slate is ook verkrijgbaar als gratis app voor de tablet. Er worden al redelijk wat nieuwsletters mee gemaakt en zelf gebruik ik hem wel eens voor verslagen of notulen. Het ziet er namelijk direct al professioneel uit zonder dat je daarvoor al te veel moet kunnen of moet doen.  Je kunt het resultaat direct online zetten openbaar of alleen zichtbaar voor mensen met de link. Je de slate ook delen via bijvoorbeeld Facebook. 

Het systeem is behoorlijk eenvoudig. Je hebt een Adobe account nodig (als je er geen hebt dan kun je er een gratis aanmaken). Kies: create new story. Daarna kun je gewoon gaan typen voor de 'voorpagina' Als je onderin op het +je klikt kun je een foto toevoegen vanuit je computer, Lightroom, web of via dropbox. Er zijn verschillende thema's die je presentatie allemaal een ander uiterlijk zullen geven.


 
Na de voorpagina kun je beginnen met bijvoorbeeld tekst. Als je tekst geschreven hebt zie je erboven een aantal keuzemenu met: H1, H2 en ". Deze keuzes zullen allemaal een ander uiterlijk geven aan de getypte tekst. Welk uiterlijk is afhankelijk van het gekozen thema. Ook kun je de tekst vet gedrukt of cursief maken en kunde uitlijnen op links, rechts of centraal. Tot slot kun je een lijst met cijfers of puntjes zetten.

 

voorbeeld van H2

Voorbeeld van H2 

voorbeeld van "

Je kunt een  photo toevoegen. Ook daarbij hoort weer een keuzemenu. Er zijn opties om de foto weer te geven. Je kunt ze gewoon proberen en zien sat het gevolg is. Als je een bijschrift bij de foto plaatst komt dit er soms onder te staan, zoals bij inline. Ook zijn er opties waarbij het bijschrift in een half transparant vlak over de foto verschijnt zoals 'window'. De foto is te verplaatsen ten opzichte van de tekst. De tekst is gewoon te kopiëren vanuit bijvoorbeeld word als je dat zou willen.

Als je een link wilt maken dan kun je daar een titel aangeven en er verschijnt een button in de presentatie naar die link.

Als je voor een foto grid kiest komen er meerdere foto's naast elkaar te staan. De volgorde van de foto's onderling zijn te veranderen en je kunt ook een foto over de hele breedte plaatsen.  

Bij een diashow kun je in de foto's een ander kader plaatsen met daarin tekst of een andere foto. Hoe meer tekst hoe groter het vlak.

Bij een aantal van de foto functies zie je focal point staan: dit is zodat je kunt kiezen wat iemand ziet die bijvoorbeeld op een telefoon de presentatie bekijkt; staand (niet liggend).
Als je klikt op focal point zie je een rondje, dat versleep je. Rechts boven zie je in het kader wat de kijker te zien krijgt.

   

O ja, al die dingen zien en de verdere interactie die er automatisch aan toegevoegd wordt dat kan op:
https://slate.adobe.com/cp/ILbvJ/

Transform gebruiken in Photoshop

Je hebt van die momenten dat de kleding op een foto net niet goed zit. Hoe kun je dit verbeteren?

Voordat je met het 'echte werk' begint maak je altijd een duplicaat laag. Dit is om ervoor te zorgen dat je altijd je origineel in het document bij de hand hebt. De snelste manier om dat te doen is met ctrl/CMD + J. (Layer > New > Layer Via Copy).

Ook kan het slim zijn het document al een keer op te slaan zodat je niet per ongeluk het originele bestand overschrijft.

Zoals je ziet heeft de persoon op de foto de broek open. Ik ga hem proberen te sluiten.

Allereerst selecteer ik één van de twee kanten waarbij ik de rand van de broek zorgvuldig selecteer en daarna aan de rechterkant een ruim stuk meeneem. Daarna ga ik het geselecteerde stuk transformeren met Edit > Transform > Warp

Nog een klein beetje transformeren om het beter voor elkaar te krijgen.

Om het hoekje iets beter te maken selecteer ik een stukje dat ik in een nieuwe kopieer (CTRL/CMD + J) zodat ik het kan verplaatsen en vervormen.

Voor de rechterkant doe ik hetzelfde als voor de linkerkant (wel met een gekopieerd stuk in een aparte laag).

Aan de rechterkant  zit een klein metalen voorwerp. Deze kopieer ik en vergroot ik om een knoop van te maken.

Een kleine schaduw eronder om het realistischer te maken.

Voor de rand van de broek links kopieer ik een recht stukje een paar keer en plak dit aan elkaar. Nog een beetje stempelen om ongewenste stukjes kwijt te raken 

Nu nog op de details gaan letten. Op de afbeelding hier linksboven loopt de stof rond naar rechts maar als er een been inzit moet dat naar links (of recht lopen) zoals te zien is aan de rechterkant. dit is weer gedaan met de edit > transform > warp tool. Dit effect kan ondersteund worden met behulp van lichteffecten (buren en dodge tool)
Hieronder zie je op een rijtje:1. De before2. Resultaat na de transformaties3. Diepte gecreëerd door stukken plaatselijk donkerder en op ander plakken lichter te maken. 

Lytro en Photoshop

Sinds ik de eerste Lytro kocht, en daarover schreef is er flink wat veranderd, vooral in de software. Naast de leuke vierkante camera is er nu ook een camera die qua design op een 'normale' camera lijkt hoewel wel heel futuristisch.  Het mooiste van alles, voor mij, is wel dat je de foto's vanuit de software kunt openen in Photoshop met behulp van een plug-in.

Over de camera en belichting:

• Standaard wordt de opname gemaakt met diafragma 2. 
• De ISO en sluitertijd bepalen de belichting
• De ISO getallen gaan van 80 tot 3200 en 
• de sluitertijden van 32 seconde tot 1/4000s
• Het RAW bestand heet .lfr (light field Raw Format)
• 2D zijn het aantal pixels:2450 x 1634 

Het vernieuwende van de bestanden is dat je als kijker achteraf de plek waarop de foto scherp is kunt bepalen. Dit betekent dus dat je op een site enige interactie kunt hebben met de foto en dat de kans groot is dat de kijker langer op een pagina blijft.

Op verschillende plekken scherp gesteld (bij diafragma 2)

Over de eigen de software:

Je kunt de belichting en witbalans veranderen. Ook kun je de saturatie of vibrance van het hele beeld wijzigen of per kleur apart. 

Je kunt het diafragma wijzigen (aperture) zoals je in de afbeelding hieronder ziet.

Diafragma verandert in de software

Je kunt de scherpte diepte schuin leggen: tilten. Wat je doet kun je zien als je de zogenoemde 'depth map' aanzet. Hieronder zie je eerste de normale foto en dan gedraaid.

In de Lytro software kun je ook de depth map veranderen. maar het is best moeilijk om je voor te stellen wat een depth map doet.

  

Gelukkig kunnen we dat in Photoshop visualiseren. Via het menu picture > edit in Photoshop kunnen we de foto exporteren. In het lagerpaneel zien we 8 lagen. 7 lagen bevatten bijna dezelfde foto vanuit net een andere hoek en helemaal scherp zoals in de gif hieronder te zien is. De bovenste laag ziet er echter anders uit. Dit is de depth map bestaande uit grijstinten op basis waarvan de scherpte bepaald kan worden. 

Als ik een gradient maak en deze omzet in een depth map plane (via menu 3D > new mesh from layer > depth map to > plane dan krijg ik het volgende 3D figuurtje.

 
Als ik hetzelfde doe voor de depth map die bij de foto zit krijg ik het onderstaande te zien.
Je ziet nu heel goed waar de foto scherp is en waar niet en hoe je daar eventuele aanpassingen in kunt maken. Uiteraard zijn alle losse lagen ook aan te passen. (wel op de platte uitvoering, niet op de 3D) Daarna gewoon opslaan en de afbeelding is in Lytro gewoon te openen.

  

Muse en koppelingen

Net als bij InDesign en Lightroom werkt Muse met koppelingen naar een bestand. Ook bij Photoshop is het tegenwoordig trouwens mogelijk gelinkte bestanden te plaatsen.

Het verschil is de benaming. Bij InDesign en Photoshop praten we over een link. In Muse heet het paneel waarin je kunt zien over welke bestanden het gaat "assets" (in de Nederlandse vertaling elementen).

Hieronder zie je een afbeelding van een InDesign paneel naast dat van Muse.

Links InDesign Links paneel, rechts Muse assets/elementen paneel

In beide panelen staat een vraagteken. Dit betekent dat de link naar het bestand weg is en dat je dus alleen een preview van het bestand hebt. Dit is niet erg als je aan het werk bent maar in het eindresultaat zorgt dit voor een slechte kwaliteit weergave waardoor je onscherpe of geblokte afbeeldingen zult krijgen.

Voor mensen die InDesign of Photoshop panelen gewend zijn is een Muse paneel behoorlijk wennen. Alle gereedschappen die je onderin een paneel ziet om bijvoorbeeld (in het links paneel) opnieuw te linken missen bij het Muse paneel. Ook is het submenu rechts bovenin niet aanwezig: wat nu?

Als je op de regel met het vraagteken met de rechtermuisknop klikt zie je een paar opties:

• Opnieuw koppelen: als je hierop klikt ga je naar de finder en de map zoeken waar het bestand nu instaat. Je klikt op het bestand en dit wordt dan gekoppeld.
• Naar gebruikte elementen: je gaat naar de pagina waarop het bestand gebruikt is.
• Koppeling insluiten: het bestand wordt opgeslagen in het muse bestand dat daardoor groter wordt.
• Volledige pad kopiëren: Je kopieert het hele pad waar het bestand te vinden was toen je het in het bestand plaatste. In mijn geval was dat /Users/Maassen/Downloads/AdobeMuseIcon.png

Als een afbeelding geplaatst is in een diapresentatie / slideshow dan kan de melding er net iets anders uitzien zoals hieronder te zien is. Het bestand is dan vaker op een pagina geplaatst (als miniatuur en groter). 

Moet je ieder bestand één voor één opnieuw koppelen als je een hele map verplaatst hebt? gelukkig niet. Als je eenmaal één afbeelding terug gevonden hebt zal Muse de rest opnieuw koppelen en erbij vertellen hoeveel koppelingen dat waren. (zie afbeelding hieronder)

Als een element/asset al goed gelinkt is zijn de hoeveelheid keuzes iets groter. Zo kun je het bestand opnieuw koppelen of het origineel rechtstreeks bewerken.

Andere iconen/waarschuwingen in het elementen / assets paneel:

Als een bestand ingesloten is in het bestand dan krijg je een zwart wit icoontje met een vierkant en driehoekje.

Als het bestand te klein is (te groot op een pagina geplaatst) krijg je een geel driehoekje met uitroepteken.

Het bestand is bewerkt en de koppeling niet meer up-to-date.

De site wordt gemaakt om op HiDPI en  het bestand is groot genoeg daarvoor.

Vlammen maken

Op de valreep van 2015 kom ik erachter dat ik nooit iets geschreven heb over het filter 'flame'.

Vandaar dat ik een kaart heb gemaakt waarin verschillende soorten vlammen geplaatst zijn. Nu nog uitleggen hoe je dat doet.

1. Open de foto die je wilt gebruiken en pas hem zo nodig aan. Deze foto is gemaakt met een lamp achter de persoon zodat ik een silhouet krijg. Vervolgens heb ik 'm geselecteerd in Photoshop en met de select > refine edge > heb ik de hoeken zachter / smooth gemaakt. (de view op zwart B) zodat ik al zou zien wat ik zou krijgen op een zwarte achtergrond. Output to > mask.

Onder deze laag een solid color fill (zwart).

2. Maak een pad/path op de plek waar je de vlam wilt. Dit pad hoeft geen eind te hebben. Zonder pad doet de functie niets.

path gemaakt met pentool

3. Maak nu een nieuwe lege laag (hoeft niet perse maar is zeker aan te raden)

4. Ga naar filter > render > flame en kies daar voor een soort vlam. Je ziet de vlam, maar helaas niet op de foto zelf. Het is daarom slim om het op een lege laag te doen omdat je dan de laag met behulp van transformatie nog kunt vergroten of verkleinen en ook kun je de transparantie nog regelen. Hoewel ik dat zelf in dit geval nergens gedaan heb. Als je het pad nog ziet moet je in het pad paneel even in het zwarte gedeelte in het midden klikken.

filter > render > flame

one flame along path

multiple flames verious Angle

 5. Voor de tekst heb ik eerst een tekstlaag gemaakt. Daarna heb ik de tekst geselecteerd (klik op tekstlaag met de ctrl/cmd ingedrukt). De selectie is omgezet in een pad. Path paneel > make work path. Vergeet geen nieuwe laag te maken voordat je weer kiest voor filter > render > flame dit keer gekozen voor candle light. De tekstlaag uitzetten en dit is het resultaat: mijn wens.

Color Lookup tabels maken > match colors

De Color lookup adjustmentlayer bestaat al een tijdje en ik schreef eerder al eens over hoe je zelf een color look maakt met behulp van Speedgrade.

http://hildemaassen.blogspot.nl/2012/10/eigen-color-lookup-templates-maken.html 

Nu is er echter een ander methode rechtstreeks in Photoshop zelf. Je maakt hierbij eigenlijk een soort van automatische 'match colors'.

origineel

Hoe werkt het?

1. Open een foto en maak wijzigingen op de foto met behulp van adjustmentlayer(s).

Let op: je MOET een document met een background layer hebben anders werkt het niet.

Foto bewerkt met aan aantal adjustmentlayers

2. Ga naar file > export > Color Lookup Tabels.

• Hier kun je de kwaliteit instellen. (bij mij crasht Photoshop zodra ik boven de 64 ga)
• Ook kun je instellen wat je als resultaat wilt hebben. 

De keuzes:

• 3DL is 3dLut en is bruikbaar. 
• CSP wordt ook gebruikt bij kuier kleurthema's (is mij, nog niet, gelukt te combineren 
• Cube heeft mijn voorkeur omdat je daarbij de RGB kleuren ook in omgekeerde volgorde kunt gebruiken = BGR waardoor je het negatieve effect krijgt. https://color.adobe.com/create/color-wheel/)
• ICC profiel werkt ook prima en kan, in tegenstelling tot 'cube' op 2 plaatsen gebruikt worden. (Je kunt 'm niet als kleurprofiel laden)

3. Nu de gemaakte color lookup gebruiken:

Als je naar de adjusmentlayer Color Look-up gaat zie je in het properties venster 3 keuzes:

• 3D lut File: hier kun je de bij Load 3D LUT de 3DL, CSP of CUBE bestanden laden. Ze doen alle 3 hetzelfde (alleen het CUBE bestand kun je ook omgekeerd gebruiken
• Bij Device link kun je het ICC profiel gebruiken

Als je alle stappen zoals hierboven beschreven doet in de LAB kleurruimte dan is het ICC profiel bestand dat je krijgt te openen bij de middelste functie "abstract" en is deze op LAB, CMYK en RGB bestanden te gebruiken. 

Je kunt de LUTS/ cubes / CPS en icc bestanden ook zelf in de juiste map plaatsen zodat je ze niet iedere keer hoeft te laden: applications > Photoshop > presets > 3DLUTs (wel Photoshop opnieuw opstarten voordat ze zichtbaar worden)

4. Het resultaat/ de conclusie

Hieronder zie je 2 verschillende color look-ups. Beide keren op 2 verschillende foto's toegepast. Klein zie je, in het lagenpaneel, de originele kleur. 

Met andere woorden: je slaat gewoon de instellingen van 1 of meer adjustmentlayers op zodat je ze op een andere RGB foto weer toe kunt passen. Wil je een color lookup op zowel een RGB, CMYK als LAB bestand kunnen toepassen dan moet je 'm maken met een LAB bestand en opslaan als ICC profile.