J'ai commencé un nouveau portfolio en ligne sur l'adresse : http://jb-graphic-designer.tumblr.com/ avec les travaux décrits au jour le jour. J'y publie en effet les maquettes, les essais, voire les exercices quotidiens...
Avec un principe de speed design, hérité des "5 secondes challenges" de Greyscale Gorilla : une journée pour tout faire, une durée très courte, pas forcément de son. L'idée est de répéter le geste.
Le motion est un humanisme, comme la gendarmerie :-) (Merci Michel Houellebecq !)
Si vous souhaitez avoir une vision plus précise de l'évolution de cette partie de ma carrière je vous y invite. Lien
Exemple ci dessous de speed design avec un essai de matte painting dans le logiciel NUKE.
Au départ j'ai ce plan :
Puis voici le résultat quelques heures plus tard...
Le résultat est perfectible, mais ce qui compte c'est l'intention. On se doute bien qu'avec deux jours en plus et quelques milliers d'euros on serait au niveau de Pirates des Caraïbes ! En attendant ce jour funeste, je m'exerce !
samedi 31 décembre 2011
mercredi 21 décembre 2011
mardi 1 novembre 2011
UN JOUR DANS LA VIE. Le nouveau film de Ridley Scott & ses milliers d'amis
L'ambitieux film de Ridley Scott est composé de 90 minutes tirées de 4500 heures de films envoyées par des dizaines de milliers d'internautes, toutes filmées le 24 juillet 2010. Un jour, une vie, un monde.
http://youtube-global.blogspot.com/2011/10/life-in-day-now-available-on-youtube.html
Sous titrage dans 20 langues et DVD disponible.
The ambitious Ridley Scott-produced, Kevin Macdonald-directed project features 90 minutes of footage whittled down from 4,500 hours sent in by thousands of people who answered the filmmakers’ call to record their lives as it unfolded over the course of single day: July 24, 2010.
The resulting compilation made the rounds on the festival circuit before “finally coming home to YouTube.”
samedi 29 octobre 2011
CMS ? Are you sure ?
OK, everybody thinks that CMS is free, CMS is open source and CMS is easy to use... check this points :Web designer, beware.
- No so easy and fast. Each CMS has his own language. With a learning curve.
- Check the online community support
- CMS is good when you want to design complex sites fast, but please be sure that your client is ready for CMS
- And do you have time to assist the client
- Take time to choose the right CMSNon Web designer, beware too
- You still need HTML and CSS to manage any CMS
- Default template is frustrating, you'll want to be more specific.
- You will need help for customization.Big organizations, you must know
- CMS is not free, you still need dedicated ressources to maintain the website
- Change your internal process can be expensive
- Can eventually need extra investments to maintain
- Take to time evaluate your processes... do you need a CMS ?
- No so easy and fast. Each CMS has his own language. With a learning curve.
- Check the online community support
- CMS is good when you want to design complex sites fast, but please be sure that your client is ready for CMS
- And do you have time to assist the client
- Take time to choose the right CMSNon Web designer, beware too
- You still need HTML and CSS to manage any CMS
- Default template is frustrating, you'll want to be more specific.
- You will need help for customization.Big organizations, you must know
- CMS is not free, you still need dedicated ressources to maintain the website
- Change your internal process can be expensive
- Can eventually need extra investments to maintain
- Take to time evaluate your processes... do you need a CMS ?
What is a CMS ? (101)
What is a CMS ?
CMS : Content Management Systems.
A CMS is a server side software, designed to SIMPLIFY the creation and modification of any content on a client website.
Basics fonctionnality :
- A database
- An administration area
- Use of pre-built templates
CMS where created to speed up site developement, and leave the access to complex systems to non technical users.6 types of CMS
CMS : Content Management Systems.
A CMS is a server side software, designed to SIMPLIFY the creation and modification of any content on a client website.
Basics fonctionnality :
- A database
- An administration area
- Use of pre-built templates
CMS where created to speed up site developement, and leave the access to complex systems to non technical users.6 types of CMS
- Type 1 : general purpopse CMS
Allow you to modifiy site architecture, content, and has a site administration. Non industry-specific. Can be upgraded by modules.
Drupal, Joomla, Typo3 Modex...
- Type 2 : blogs
This category has evolved into CMS, but is primarily focused on text and articles.
Wordpress, Movable type...
- Type 3 : E-learning
Sites with built in modules for quizzes, curriculums ...
.LRM, ATutor, Moodle...
- Type 4 : E-commerce CMS
Solutions focused on e-commerce applications : shopping carts, product management, billing, security...
Magento, Cubecart, Opencart...
- Type 5 : Wikis
To create collaborative Wikis. Can be used in collaboration with other CMS.
Tiki Wiki, MediaWiki, Pm Wiki...
- Type 6 : Social Media
To build online communities, manage user profiles, use existing networks, instant messaging...
Elgg, PhpFox, Royzz...
lundi 24 octobre 2011
dimanche 23 octobre 2011
Apple / Steve Jobs : Enfin disponible au public. La video de l'événement spécial organisé par Apple pour commémorer sa mémoire.
La semaine dernière Apple a organisé un événement spécial sur son campus de Cupertino pour ses employés, invités à commémorer la mémoire du fondateur de la marque, Steve Jobs.
Retransmis dans le monde entier auprès des Apple Store (qui avaient fermé pour l'occasion) cet événement était réservé aux employés uniquement. La vidéo est désormais en ligne, disponible depuis quelques minutes ce dimanche soir.
On peut y voir ses proches amis, et même des interventions de Norah Jones. Triste mais instructif. A voir ici.
Que fait un Motion designer ?
Il se situe en amont et en aval de la production d’une animation ou d’une interface. Il créé différents éléments graphiques dérivés de l’identité visuelle avant de produire une animation.
Le motion designer dispose d’un double rôle de directeur artistique et de technicien. Il intervient ainsi de manière transversale dans un
projet. Il prend en charge des projets dotés de forts enjeux créatifs, dans des domaines aussi distincts que la publicité, le marketing, la
diffusion télévisée ou le Web.
Les différentes étapes du processus de création dans le motion design recouvrent une phase conceptuelle et une phase de réalisation
proprement dite. Pendant la phase conceptuelle, le motion designer élabore des planches de tendances (moodboards ou conceptboards,
qui mettent en place un univers graphique), établit le storyboard (qui en scénarise le déroulement), définit les choix typographiques et de
mise en page d’écrans, la conception des mouvements, des effets de transition, etc. Pendant la phase de réalisation, une première animatique permet de valider auprès du client le déroulement et le rythme de l’animation. Le rendu des images (temps machine), le montage et l’étalonnage complètent le travail d’animation. L’encodage constitue la dernière étape du projet.
ACTIVITESAu niveau du design
Le Motion designer participe à la recherche du concept et au brainstorming.
Il contribue à l’élaboration du story-board et des compositions graphiques, ainsi qu’à la préparation du tournage. Il travaille avec une charte graphique pré-établie ou définit lui-même une nouvelle identité graphique avec le directeur artistique. Il imagine un univers graphique, nourri par une forte culture de la typographie, pour le film à partir des conceptboards et de maquettes des étapes-clés. Il prépare et gère toutes les ressources dont il a besoin pour le compositing (éléments graphiques, illustrations, plans séquences, son).
Dans le cadre du broadcast, il créé des gabarits réutilisables.
Travail typique
Le Motion designer peut réaliser une variété de supports pour le Web ou la diffusion télé : bandes annonces, clips vidéos, spots publicitaires, génériques d’émissions et éléments graphiques associés (arrière-plan animé, transition vidéo, générique de fin), transitions pour des animations Flash, signatures de marque, des présentations et des installations graphiques. Pour chacun, il s’appuie sur des story-boards, sa culture graphique et les objectifs du client. Au niveau technique
Le motion designer gère les ressources graphiques et leur rendu dans l’animation. Il adapte son travail au support final, en proposant l’encodage approprié (compression, formats vidéo) et s’assure que l’implémentation technique est appropriée. Le motion designer maîtrise les principales techniques d’animations 2D, éventuellement la modélisation 3D, ainsi que les techniques du montage vidéo. Au niveau de l’équipe
Il dirige et forme aux nouvelles techniques l’équipe de graphistes 3D, designers sonores, illustrateurs et animateurs qui travaillent avec lui sur le projet.
Il formalise les briefs graphiques et communique les objectifs du client aux animateurs. Il s’assure que l’équipe suit les spécifications demandées. Il coordonne les échanges d’information entre le directeur artistique et les designers pendant la phase de production. Il encourage l’équipe à travailler à partir des meilleures pratiques de production, des meilleures méthodologies et techniques. Il veille à la qualité de tous les livrables graphiques. Au niveau du client
Le motion designer établit un brief avec le client pour comprendre son modèle économique et ses objectifs, afin de lui proposer des animations qui répondront à ses enjeux marketing. Il travaille en relation directe avec le client et les équipes marketing pour présenter les conceptboards, les affiner et les valider. Il communique au client les contraintes techniques et planifie le calendrier de réalisation. Il participe aux réunions de débrief avec le client. Il effectue les itérations nécessaires avec le client jusqu’à la validation du projet.
Il s’assure que les intentions et la mise en oeuvre des idées graphiques sont en phase avec l’identité de marque et les objectifs du marketing.Source : Guide des métiers du design interactif 2011/2012
A télécharger ici Pour tout savoir sur les métiers :
04 Architecte de l’information
12 Chef de projet éditorial web
16 Chef de projet interactif
20 Designer et développeur d’applications riches
24 Designer de service
30 Designer d’information
34 Designer d’interaction
44 Designer sonore
50 Développeur front-office
60 Développeur web
72 Designer d’interfaces mobiles
76 Directeur artistique interactif
86 Directeur de création interactive
90 Ergonome web
98 Motion designer
106 Rédacteur web
110 Webdesigner
120 Webmaster
124 Les associations professionnelles et les organismes de promotion
178 Les compétitions et les prix
218 Les événements et les conférences
226 Bibliographie : design interactif
234 Les liens utiles
Le motion designer dispose d’un double rôle de directeur artistique et de technicien. Il intervient ainsi de manière transversale dans un
projet. Il prend en charge des projets dotés de forts enjeux créatifs, dans des domaines aussi distincts que la publicité, le marketing, la
diffusion télévisée ou le Web.
Les différentes étapes du processus de création dans le motion design recouvrent une phase conceptuelle et une phase de réalisation
proprement dite. Pendant la phase conceptuelle, le motion designer élabore des planches de tendances (moodboards ou conceptboards,
qui mettent en place un univers graphique), établit le storyboard (qui en scénarise le déroulement), définit les choix typographiques et de
mise en page d’écrans, la conception des mouvements, des effets de transition, etc. Pendant la phase de réalisation, une première animatique permet de valider auprès du client le déroulement et le rythme de l’animation. Le rendu des images (temps machine), le montage et l’étalonnage complètent le travail d’animation. L’encodage constitue la dernière étape du projet.
ACTIVITESAu niveau du design
Le Motion designer participe à la recherche du concept et au brainstorming.
Il contribue à l’élaboration du story-board et des compositions graphiques, ainsi qu’à la préparation du tournage. Il travaille avec une charte graphique pré-établie ou définit lui-même une nouvelle identité graphique avec le directeur artistique. Il imagine un univers graphique, nourri par une forte culture de la typographie, pour le film à partir des conceptboards et de maquettes des étapes-clés. Il prépare et gère toutes les ressources dont il a besoin pour le compositing (éléments graphiques, illustrations, plans séquences, son).
Dans le cadre du broadcast, il créé des gabarits réutilisables.
Travail typique
Le Motion designer peut réaliser une variété de supports pour le Web ou la diffusion télé : bandes annonces, clips vidéos, spots publicitaires, génériques d’émissions et éléments graphiques associés (arrière-plan animé, transition vidéo, générique de fin), transitions pour des animations Flash, signatures de marque, des présentations et des installations graphiques. Pour chacun, il s’appuie sur des story-boards, sa culture graphique et les objectifs du client. Au niveau technique
Le motion designer gère les ressources graphiques et leur rendu dans l’animation. Il adapte son travail au support final, en proposant l’encodage approprié (compression, formats vidéo) et s’assure que l’implémentation technique est appropriée. Le motion designer maîtrise les principales techniques d’animations 2D, éventuellement la modélisation 3D, ainsi que les techniques du montage vidéo. Au niveau de l’équipe
Il dirige et forme aux nouvelles techniques l’équipe de graphistes 3D, designers sonores, illustrateurs et animateurs qui travaillent avec lui sur le projet.
Il formalise les briefs graphiques et communique les objectifs du client aux animateurs. Il s’assure que l’équipe suit les spécifications demandées. Il coordonne les échanges d’information entre le directeur artistique et les designers pendant la phase de production. Il encourage l’équipe à travailler à partir des meilleures pratiques de production, des meilleures méthodologies et techniques. Il veille à la qualité de tous les livrables graphiques. Au niveau du client
Le motion designer établit un brief avec le client pour comprendre son modèle économique et ses objectifs, afin de lui proposer des animations qui répondront à ses enjeux marketing. Il travaille en relation directe avec le client et les équipes marketing pour présenter les conceptboards, les affiner et les valider. Il communique au client les contraintes techniques et planifie le calendrier de réalisation. Il participe aux réunions de débrief avec le client. Il effectue les itérations nécessaires avec le client jusqu’à la validation du projet.
Il s’assure que les intentions et la mise en oeuvre des idées graphiques sont en phase avec l’identité de marque et les objectifs du marketing.Source : Guide des métiers du design interactif 2011/2012
A télécharger ici Pour tout savoir sur les métiers :
04 Architecte de l’information
12 Chef de projet éditorial web
16 Chef de projet interactif
20 Designer et développeur d’applications riches
24 Designer de service
30 Designer d’information
34 Designer d’interaction
44 Designer sonore
50 Développeur front-office
60 Développeur web
72 Designer d’interfaces mobiles
76 Directeur artistique interactif
86 Directeur de création interactive
90 Ergonome web
98 Motion designer
106 Rédacteur web
110 Webdesigner
120 Webmaster
124 Les associations professionnelles et les organismes de promotion
178 Les compétitions et les prix
218 Les événements et les conférences
226 Bibliographie : design interactif
234 Les liens utiles
Qui l'eut cru ? Facebook : 0. Foursquare : 1
Avec la fin annoncée de Facebook Places, le site Foursquare vient de remporter une victoire éclatante. L'ogre Facebook n'a pas réussi à dévorer le nain technologique mais plus "ciblé", Foursquare.
Personnellement j'ai toujours aimé la simplicité de Foursquare et - curieusement - pas eu envie de partager ma géolocalisation avec tous mes "amis" Facebook...
Il faut croire que je n'étais pas le seul.
RIP Facebok places.
Personnellement j'ai toujours aimé la simplicité de Foursquare et - curieusement - pas eu envie de partager ma géolocalisation avec tous mes "amis" Facebook...
Il faut croire que je n'étais pas le seul.
RIP Facebok places.
Newspaper Map. Tous les journaux du monde accessibles via une carte !
Une idée simple et géniale : chaque titre représenté sur une GoogleMap. Un clic et voilà...
Cool.
http://newspapermap.com/
Cool.
http://newspapermap.com/
Inscription à :
Articles (Atom)