Voici une interview de Chris Coyier.
Chris obtient un diplome supérieur dans une École d’art avec comme spécialités: Arts graphiques, céramique et multimédia (principalement avec Flash).
Rapidement, après son diplôme, le Web Design l’intéresse. Ses premiers sites sont réalisés avec WordPress. Naturellement c’est vers la logique XHTML/CSS qu’il se tournera aux dépens des sites en Flash.
Voici le début d’une série de tutoriels sur les Formes dans Photoshop. Ce sont des éléments que j’enseigne régulièrement à l’école des Gobelins. Et au regard de l’enthousiasme que génère ce sujet, je me suis dit qu’il serait utile de le partager avec une plus grande audience. Mon objectif est de vous montrer au final comme utiliser les formes dynamiques dans Photoshop.
Mais avant d’arriver là, Dans ce premier épisode, nous allons aborder les bases de la forme (ou pinceau) dans Photoshop. Je parle de base, mais je vous réserve une petite surprise de taille dont bénéficie la dernière version de Photoshop (v.12 comprise dans la CS5).
La forme ou pinceau fait partie des éléments incontournables de la palette d’outils.
Avant de commencer, ouvrir un fichier de 1000px par 1000px environ.
Ensuite, il s’agit de se rendre dans la palette d’outils, communément placée à gauche de votre interface (voir capture qui suit). Si cette palette n’apparaissait pas, l’activer dans le Menu Fenêtre > Outils.
Le raccourci pour accéder à la forme est B comme “Brush” (pinceau en anglais). A ce propos, je me demande pourquoi la traduction française utilise l’intitulé “forme” et non “pinceau”.
Une fois l’outil activé, vous pouvez avoir accès au sélecteur de forme prédéfinie, dans la barre du haut de l’interface (voir capture qui suit).
En utilisant le menu déroulant (voir capture ci-dessus), “Réinitialiser les formes…” de manière à utiliser les formes par défaut.
Nous allons dans cet exercice utiliser une forme basique: « Arrondi Net ».
Dans le document ouvert, vous pouvez expérimenter le pinceau en commençant à dessiner. C’est la couleur de premier plan qui sera utilisée. Pour activer la couleur d’arrière-plan, il suffit d’appuyer sur la touche X. Celle-ci permet de passer d’un plan à l’autre. Pour changer la couleur d’un des plans, double cliquer dans l’icône de couleur (voir capture ci-dessous). Une nouvelle fenêtre, le sélecteur de couleur, s’ouvrira (voir même capture).
Si vous désirez extraire la couleur d’un autre élément de votre écran, c’est possible une fois le sélecteur et un document ouvert. Nous aborderons cette technique dans la vidéo présente à la fin du tutoriel. Décrire le processus par l’intermédiaire du texte serait un peu fastidieux.
Quand vous utilisez la forme, vous pouvez modifier l’épaisseur et la dureté. Le moyen classique est de lancer la commande par le clic droit (voir la capture suivante). Nous verrons plus tard qu’il existe un moyen plus rapide depuis la version CS5. En attendant, vous pouvez utiliser ces deux réglages grâce à cette fenêtre.
L’épaisseur change la taille tandis que la dureté permet de changer les bords de la forme. Plus cette dernière est faible et plus les bords sont flous.
L’opacité de la forme agit sur l’intensité des coups de pinceau. Plus l’opacité est faible et plus vous devrez accumuler vos coups pour obtenir une opacité à 100%.
Cette fonctionnalité est très utile dès que vous travaillez avec des masques de fusion (un futur tutoriel sur le sujet est prévu).
Depuis la CS4 un nouveau raccourci est apparu pour les formes. Il est vraiment optimisé depuis la CS5.
Une fois le pinceau activé, pour changer très rapidement l’épaisseur et la dureté de votre forme, vous allez activer deux touches: ctrl + commande sur Mac (je n’ai pas pu tester sur PC).
En gardant ces deux touches enfoncées, si vous déplacez votre souris horizontalement, vous changez automatiquement l’épaisseur de la forme. Si vous la déplacez verticalement, vous agissez sur la dureté.
Quand vous utilisez ces raccourcis, une prévisualisation rouge vous indique l’aspect de la forme. Attention, si vous utilisez une forme personnalisée (un tutoriel est dans les cartons), cette fonctionnalité sera moins utile. Le rendu se base toujours sur la forme ronde.
Si vous recevez l’article par email, la vidéo est ici.
Lancer le mode plein écran
En mode plein écran, choisir le réglage HD
JR, photographe contemporain français, vient de recevoir le prix TED 2011 pour l’ensemble de son travail.
(Photo de JR par Antoine Levy)
A cette occasion, comme le veux la tradition TED, le nominé présente son voeux.
Le sujet est le suivant: « Comment l’Art peut-il changer le monde? » Et au terme de sa perfomance, le voeux de JR: « I wish for you to stand up for what you care about by participating in a global art project, and together we’ll turn the world…INSIDE OUT. » (« J’aimerez que vous preniez position pour ce qui vous tiens à coeur en participant à un projet artistique mondial, et ensemble nous mettrons le monde à l’envers »). Le site Inside Out supporte le projet. Je vous laisse découvrir sa portée en visionnant la vidéo.
Je revois ce film est de Melih Bilgil (2009) et suis encore vraiment sous le charme.
Ce film retrace toute l’histoire d’Internet à travers une animation très graphique rythmée par les icones PICOL.
Merci à Jean-Christophe Carius de m’avoir indiqué que sur You Tube, les sous-titres français peuvent être activés en cliquant l’icone « cc », comme le montre l’image ci-dessus.
Au passage, si votre connexion internet le permet, passez en HD et en plein écran.
Jean-François Noubel présente son projet sur les monnaies libres sur le TEDx Paris 2011. Le projet peut être suivi sur thetransitionner.org.
La démonstration de 14 minutes environ est très convaincante. Le public est invité à respirer par une paille en gesticulant de manière dynamique. C’est la notion de rareté, de concentration qui sont présentées. L’air en fait partie, l’argent aussi.
Pour présenter le système financier actuel, Jean-François Noubel utilise le Monopoly. Comme alternative à ce jeu monétaire, un projet de monnaie libre est en cours. Il s’agit de déconcentrer les réseaux financiers pour reconcentrer les réseaux de proximité.
Voici le premier tutoriel sur la gestion des marque-pages. Nous commencerons avec 2 épisodes sur les options de Firefox intégrées par défaut.
Viendront ensuite dans cette série:
A chaque fois, pour chaque tutoriel , je commencerai par un exposé sommaire. À la fin de l’article, une vidéo HD permettra de voir le processus en direct.
La « barre personnelle » est un élément important de Firefox. Elle s’affiche juste au dessous de la barre d’adresse (voir image ci-dessous).
Si la « Barre personnelle » ne s’affichait pas, l’activer grâce au Menu « Affichage » (voir image ci-dessous).
Sur le côté, après l’URL une petite étoile représente le marqueur de page.
All Things Digital 2010 avec un long interview de Steeve Jobs, en anglais 
avec comme sujets:
Si vous recevez cet article par email, la vidéo est ici
Une animation que j’adore qui retrace l’histoire de Google depuis 1995.
Je ne peux m’empêcher de repenser aux animations que mon Grand Père réalisait pour tous les débuts de ces films de voyage en super 8. Celles-ci illustraient le parcours effectué durant le périple; une petite voiture circulait sur une carte illustrée. Étant môme, j’étais très impressionné.
Si vous recevez cet article par email, la vidéo est ici.
Les tendances du Web dans la Silicon Valley par Loïc Le Meur, organisateur de « LeWeb09« . Je vous conseille d’aller regarder dans les archives de ce site pour les exraits vidéos de l’année 2008.
Sur le site du québécois, Benoît Descary, vous pourrez suivre en temps réel la plupart des évènements « LeWeb09″. L’article qui annonce cet évènement est ici.
Si vous receviez cet article par email, la vidéo est ici
Un très bon sitariste, Rajeev Janardan, le dimanche 25 octobre à 17h, au Centre Mandapa.
(6 rue Wurtz 75013 Paris).
Flyer du concert avec tous les détails
