Nieuwe functies in de Creative Cloud: uitleg over de Photoshop CC updates

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Algemeen en verbeteringen voor webdesigners

Alle video's van de tutorial Nieuwe functies in de Creative Cloud: uitleg over Photoshop CC-updates

Verbeteringen in het afmetingen dialoogvenster

Net als bij de selectieve verscherping is het dialoogvenster qua vormgeving bijgewerkt. We hebben eindelijk een voorbeeldweergave ontvangen in het afmetingen dialoogvenster. Het dialoogvenster kan ook worden vergroot.

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Algemeen en verbeteringen voor webdesigners

Er zijn nu sjablonen beschikbaar en ik kan ook aangepaste sjablonen maken. Dus als ik bijvoorbeeld zoals in mijn voorbeeld altijd een grotere afbeelding in dezelfde afmetingen moet exporteren, kan ik dit direct als sjabloon opslaan. In de geopende bestandsverkenner geef ik eenvoudigweg mijn sjabloon een naam (hier: "Winkel-details voor hoes") en deze staat dan klaar in mijn sjablonenlijst. Een goede vernieuwing!

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Algemeen en verbeteringen voor webdesigners.

Er is ook een nieuwe interpolatiemogelijkheid geïntroduceerd, namelijk de berekeningsmethode Details behouden (vergroting). Dit geeft mij een betere scherptebehoud bij het vergroten van afbeeldingen, omdat bij vergroting tegelijkertijd een lichte verscherping plaatsvindt.

Als ik de berekeningsmethode Details behouden kies, kan ik met de vergroting ook gelijktijdig het ontstane ruis door de lichte verscherping reduceren. Dankzij het voorbeeld kan ik ook optimaal de te verwachten verandering in de afbeelding door de afmetingsverandering beoordelen en dienovereenkomstig reageren bij het reduceren van ruis.

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Algemeen en verbeteringen voor webdesigners.

Textlagen imiteren weergave op web

Wanneer we webontwerpen voor klanten maken, leggen we onze klanten uit bij de presentatie van het ontwerp dat het lettertype van apparaat tot apparaat en van browser tot browser licht kan variëren.

Een voorbeeld: onze startpagina-ontwerp in het kader van onze agentschapsactiviteit (4eck-media.de) als afbeeldingsbestand (boven) voor de website kosmetik-uhl.de en de weergave in de webbrowser (beneden).

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Algemeen en verbeteringen voor webdesigners

Adobe heeft nu in Photoshop CC ook twee webmodi toegevoegd aan de opties voor teksten gladstrijken. Op mijn systeem zijn dit Windows en Windows LCD. Een Mac-gebruiker krijgt Mac en Mac LCD. Zo kan op een optimale manier worden geïmiteerd hoe de tekst er later op de website uit zal zien. Het was optimaal geweest als Mac en Windows als modi beschikbaar zouden zijn, want mijn indruk is dat tekst altijd iets sterker wordt weergegeven op Mac dan bij Windowssystemen.

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Algemeen en verbeteringen voor webdesigners

CSS kopiëren

In ons agentschap werd tot Photoshop CS6 de betaalde plug-in CSS Hat gebruikt, waarmee het mogelijk is om vectoren en laageffecten om te zetten naar CSS3-code. Deze functie is nu toegevoegd aan Photoshop CC. Dus kan ik tekstlagen of vormlagen eenvoudig met rechtermuisknop selecteren en de CSS-code kopiëren - en vervolgens in een editor plakken. Ook als de CSS-code niet altijd volledig kan worden overgenomen (bijvoorbeeld vanwege de absolute positie), is het toch makkelijker om geëxporteerde CSS-code te bewerken dan om hem volledig opnieuw te schrijven.

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Algemeen en verbeteringen voor webdesigners

Het is fijn dat ook laageffecten worden meegenomen. Heeft mijn vorm bijvoorbeeld een slagschaduw, dan wordt deze als box-shadow weergegeven in de CSS-output. Als ik meerdere objecten tegelijk als CSS wil kopiëren, moet ik deze in een groep plaatsen en vervolgens met rechtermuisknop op de groep CSS kopiëren selecteren.

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Algemeen en verbeteringen voor webdesigners

Webkleuren importeren

In Photoshop CC is het mogelijk om via het menu van het kleurveldbedieningspaneel webkleuren toe te voegen aan of deze te vervangen door bestaande kleuren. Als ik bijvoorbeeld een website opsla onder Opslaan als, ontvang ik een heleboel bestanden, waaronder een HTML-bestand en enkele CSS-bestanden. De in deze bestanden ingestelde webkleuren kan ik nu importeren.

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) - 02 Algemeen en Verbeteringen voor webdesigners.

Zo hoef ik niet de weg van een schermafbeelding en de pipet af te leggen als ik de juiste kleuren wil selecteren. Als voorbeeld laad ik gewoon het HTML- en CSS-bestand van C4D-Treff.de om bijvoorbeeld het opvallende rood te verkrijgen, wanneer ik media-vervolgproducten wil maken in Photoshop volgens deze kleurinstelling.

Nieuw in de Creative Cloud: Photoshop CC 14 (juni 2013) -  02 Algemeen en verbeteringen voor webdesigners.