Après avoir racheté Nik Software en 2012 pour surfer sur la vague des filtres Instagram — et après avoir baissé drastiquement les prix dans un second temps — Google offre désormais Nik Collection. Il s’agit d’un ensemble de filtres pour Photoshop, Lightroom, Bridge et Aperture, disponible à la fois pour Windows et MacOS. Ces filtres tirent partie des possibilités des objets et des filtres dynamiques de Photoshop ; ils s’insèrent donc sans problème dans un flux de travail non destructif. Il s’agit de HDR Efex Pro, Dfine, Viveza, Color Efex Pro, Silver Efex Pro, Sharpener Pro et Analog Efex Pro. TL;DR : si vous aviez rêvé d’avoir le talent des plus grands photographes ou d’utiliser des techniques et du matériel d’antan, Nik Collection est fait pour vous. →
Archives des tags : photoshop
Modes de fusion Illustrator — et Photoshop
Les modes de fusion sont un incontournable d’une grande partie de la suite Adobe, qu’il s’agisse d’Illustrator, de Photoshop, d’InDesign, d’After Effects ou encore de Première Pro (avec quelques différences plus ou moins importantes selon les logiciels). Ces modes de fusion ont la particularité de permettre le mélange des pixels d’un calque auquel on applique le mode de fusion avec ceux du calque situés en-dessous. Notez qu’il est possible d’appliquer un mode de fusion identique ou différent à plusieurs calques situés les uns sous les autres. →
Les bonnes pratiques Photoshop pour le web design
Photoshop Etiquette est un site qui rassemble les bonnes pratiques à mettre en oeuvre pour produire des fichiers .psd conformes à la logique et au bon goût. Pour travailler efficacement, il est important de bien organiser ses fichiers et de les nommer correctement. Mais ce n’est pas tout : au total, Photoshop étiquette recense plus d’une centaines de points de vigilance illustrés avec des captures d’écran. →
Les filtres Instagram en tant que Scripts pour Photoshop
Depuis que j’ai installé Instagram sur mon téléphone mobile Android, je retarde le moment de lancer la palette des scripts de Photoshop pour récréer les filtres proposés par l’application qui s’appliquent en un clic une fois que vous avez sélectionné votre photo. Le pack de script proposé par Casey McCallister imite les 17 effets suivants : Brannan, Early Bird, Toaster, Sutro, Nashville, Kelvin, Inkwell, X-pro II, Amaro, Rise, Hudson, Sierra, Lo-fi, Walden, Hefe, Valencia et 1977. →
Ressources Photoshop (et Illustrator)
Après plusieurs années où je me suis plutôt consacré à l’intégration HTML & CSS, je reviens à mes logiciels préférés, Photoshop et Illustrator que je compte suivre de près. Voici donc quelques ressources qui ont retenu mon attention et que je vous invite à parcourir et à garder sous le tapis de souris. Au menu : gestion des couleurs et profils colorimétriques dans Photoshop ; palettes de couleurs dans Illustrator et différentes techniques de retouche photo. →
Bazardez Photoshop et rapprochez-vous de votre navigateur
Le design dans le navigateur est une méthode de conception de plus en plus utilisée pour produire des sites web proches des besoins des utilisateurs. Pour ses détracteurs, cette méthode se limite à ne plus utiliser Photoshop au profit de HTML, CSS3 et Javascript. Le titre de l’article est volontairement provocateur car dans les faits, le design dans le navigateur n’interdit pas d’utiliser Photoshop ou Illustrator pour concevoir les pages. Il faut juste garder à l’esprit que ces logiciels pourraient — dans la plupart des cas — être délaissés au profit d’un simple crayon à papier pour faire un croquis qui sera directement transformé en page web sans passer par la case Photoshop. La suite de l’article est une traduction libre de Throw away Photoshop and be true to your medium de James Weiner (@jamesweiner) paru sur Government Digital Service (GDS). →
Editeur de dégradés CSS3 à la mode de Photoshop
ColorZilla, connu pour ses extensions couleur pour Mozilla et Chrome, met à notre disposition Ultimate CSS Gradient Generator. C’est un générateur de dégradés CSS3 en ligne qui reprend grosso modo l’interface utilisateur de Photoshop pour fournir les déclarations CSS pour l’ensemble des préfixes propriétaires -moz-
, -webkit-
, -o-
, -ms-
. Pour Internet explorer 6 à 8, l’outil génère la propriété filter
; pour les versions IE9 et au-delà il y a même le commentaire conditionnel à ajouter pour annuler filter
et basculer sur la génération du dégradé via SVG en base 64. →
Optimiser les images PNG, JPG, GIF
Une des clés pour garantir à vos visiteurs une expérience utilisateur fluide et agréable se trouve dans l’optimisation des temps de chargement. A cet égard, les images sont souvent un goulot d’étranglement qui mérite notre attention. Photoshop est souvent utilisé pour la conversion des images aux formats PNG, JPG ou GIF, mais il ne dispose pas du meilleur algorithme de compression. Voici une vingtaine d’outils pour mieux compresser vos images et améliorer les performances de votre site : →
Photoshop CS6 et Adobe Creative Cloud
La version CS5 de Photoshop a déjà presque deux ans et dans quelques mois, Adobe sortira la version CS6 de sa Creative Suite avec une surprise de taille : la possibilité de louer à l’année près de 20 logiciels (Photoshop, Illustrator, etc.) à installer sur le poste de travail et des services en ligne (Typekit, Cloud Storage, etc.). Voici un rapide aperçu des nouveautés de Photoshop CS6 et de Adobe Creative Cloud. →
Notes de lecture : « Responsive Web Design »
Un jour férié pluvieux est toujours une excellente occasion pour passer la journée allongé sur le canapé à lire un bon livre. Après Stratégie de contenu web, c’est au tour du livre Responsive Web Design de passer sur le grill. Ce livre écrit par Ethan Marcotte est un petit bijou de concision, d’humour et d’intelligence qui montre comment mettre en place un site web «Responsive» en commençant par le commencement : obtenir une maquette fluide. Après avoir donné les techniques pour partir d’une maquette Photoshop (par exemple) afin de transmuter les valeurs fixes exprimées généralement en pixels en pourcentage, Ethan Marcotte aborde la question des médias en donnant des astuces pour rendre adaptables les images, les vidéos, les «object» ou les eléments «embed». →