Archives de la catégorie : Design & Graphisme

Cette rubrique est consacrée à la création graphique en général : webdesign, mise en page, logo, Illustrator, Photoshop, InDesign, typographie

Modes de fusion Illustrator — et Photoshop

mode_fusion_illustrator_calques-gif-anime

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. Voulez-vous en savoir plus ?

[User Interface] Votre « UI » doit mettre vos utilisateurs en confiance

Obtenir la confiance de l’utilisateur devrait être le but de tout designer d’interface. Toutefois, ce n’est pas simple : il ne suffit pas de soigner les libellés des boutons et des interactions (même si c’est un bon début). Les utilisateurs n’ont pas à se sentir fiers d’être capables d’utiliser votre interface. En tout cas, ils ne devraient pas avoir besoin de s’en vanter auprès de leurs amis sur Twitter… Ils doivent juste se sentir en confiance lorsqu’ils utilisent votre site.
Voulez-vous en savoir plus ?

Bariol, la cerise sur la typo

Bariol est une toute nouvelle famille de police de caractère créée par atipo. Elle est arrondie et légèrement condensée. Familière mais pas «mièvre», Bariol a la particularité — essentielle à mes yeux — d’être particulièrement lisible, même dans les petits corps, grâce à des formes sobres et une construction sans fioriture. Voulez-vous en savoir plus ?

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. Voulez-vous en savoir plus ?

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.  Voulez-vous en savoir plus ?

Source Sans Pro — La première police de caractère open source par Adobe

Adobe vient de mettre Source Sans Pro à la disposition du public. C’est une grande nouvelle pour les amoureux de la typographie en général et des webfonts en particulier. Cette police de caractère open source a été dessinée par Paul D. Hunt (@pauldhunt sur Twitter) dans le but d’offrir une police de caractère lisible et agréable pour les courts contenus et les textes longs. Pour y parvenir, l’auteur s’est inspiré de News Gothic et Franklin Gothic tout en s’assurant que les caractères 1, i, I ou L soient bien différenciés. Voulez-vous en savoir plus ?

A lire — Typo & Web : pour une lisibilité optimale de la typographie sur internet

Dans la collection [WEB] éditée par Atelier Perrousseaux, je viens de terminer Typo & Web pour une lisibilité optimale de la typographie sur internet écrit par Aurélien Foutoyet (@allfordesign). avec l’arrivée de la propriété CSS @font-face et la résolution des écrans qui va en augmentant, la typographie sur le web a fait un bond en avant. Les intégrateurs web peuvent désormais ajouter des polices de caractères qui sortent de «l’ordinaire» ! Voulez-vous en savoir plus ?

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. Voulez-vous en savoir plus ?