Une appli fluide et pratique qui présente vos différents portfolios

A l’occasion de la recherche évoquée ci-dessus, j’ai découvert l’impressionnante appli “iFolio”. iFolio est une idée originale d’Hervé Péroteau, qui l’a développé pour iPhone/iPodTouch (et prochainement sur iPad). La particularité de cette appli est d’offrir une gestion de contenu “à distance”… Le site web qui permet aux photographes de gérer leurs portfolios sur iFolio, ainsi que les API de communication entre l’appli iFolio et le serveur ont été développé par Thomas Courant.
Thomas Courant et Hervé Péroteau sont deux ingénieurs informaticiens de Toulouse qui consacrent une partie de leur temps libre à développer des projets en utilisant des technologies qui sont dans l’air du temps.

De nombreuses fonctionnalités, simples et séduisantes

iFolio est une application pour iPhone et iPod Touch, qui a pour but de présenter de manière agréable et fluide, des portfolios de différents artistes photographes (ou artistes peintres, ou illustrateurs, …). Pendant la consultation des portfolios d’un artiste, un bouton « Contact » vous permet l’accès aux informations sur l’artiste (sa photo, son email, son site web, un texte de description, une page de news, …). Un site internet d’administration a été développé, pour que chaque photographe puisse gérer ses portfolios et ses données (email, lien site web, …) affichées dans l’application iFolio.
Autres fonctionnalités :
- Possibilité de recherche par nom de photographe.
- Visualisation des photos en mode diaporama automatique.
- Import des dossiers d’un photographe pour les consulter ultérieurement via le système de CACHE (sans connection internet).
- Possibilité d’utiliser les photos visualisées comme fond d’écran sur son iPhone ou iPod Touch.
- Compteur de fans.
Enfin, la définition des photos est limitée aux dimensions de l’iPhone (soit 320 x 480 pixels), ce qui permet d’avoir des temps de chargement rapide, de limiter les espaces de stockage et d’empêcher la diffusion de vos photos en haute définition.

Une appli proposée gratuitement à vos clients et prospects

iFolio sera distribuée gratuitement sur iTunes/appstore et donc accessible à tous les possesseurs d’iPhone ou iPod Touch, soit déjà un très gros potentiel de visiteurs, puisque Apple a déjà distribué plus de 35 millions de ses machines dans le monde.
Les utilisateurs de l’application peuvent consulter la liste des photographes triée selon 4 possibilités :
TOP: par classement ( nombres de fans )
NEW: par date d’inscription (permettra de repérer facilement les nouveaux photographes)
MODIF: par date de mise à jour des portfolios (ce qui permettra de consulter les photographes qui ont fait des mises à jour récentes)
CACHE : possibilité de re-visionner (sans connexion internet) les portfolios déjà importés dans iFolio. (Concernant le cache, l’utilisateur a la possibilité de faire du ménage, par photographe ou par dossier).
Plus d’infos sur > iFolio.
Pour tester iFolio sur iPhone (appli gratuite).

WHE a aussi mis en place un ex-blog sur la sérigraphie “home-made” pour ceux qui voudraient eux-mêmes réaliser leurs T-shirts, avec un kit complet (presse, encre, émultion,…) conçu pour que vous puissiez vous-même réaliser vos créations, le fameux kit “Print Box”. Plus images sur Flickr…

Une aventure qui a commencé sur Facebook et qui se prolonge avec monsieursteve.com

Un atelier, une galerie et un shop

La galerie se situe au 41 rue des Tables Claudiennes dans le 1er arrondissement à Lyon. Des expositions collectives et individuelles, axées majoritairement autour de la sérigraphie artisanale, des lancements de livre et d’autres projets d’auto-édition tel que Lundi Soir par exemple, viennent rythmer ce lieu où se situe l’atelier de création. Ouverture du lundi au vendredi de 10h à 19h, parfois plus tard… donc s’il y a de la lumière n’hésitez pas à rentrer.
Les sérigraphies sont faites à la main, garantissant une qualité artisanale pour chaque produit. All-Over utilise principalement des encres à l’eau et du papier recyclé. N’hésitez pas à les contacter sur leurs tarifs de réalisations.
Tous les produits disponibles sur le site de vente en ligne ont été réalisés dans l’atelier, soit pour des expositions, concerts, ou commandes d’artistes plus spécifiques. Ainsi vous retrouverez principalement des affiches, d’art ou de concert, des livres, CDs et quelques t-shirts.

Le minimaliste Indexhibit

La façon la plus simple de créer son site s’appelle Indexhibi, cet outil minimaliste créé en 2004 par deux graphistes et qui connait un succès planétaire, ressemble pour moi à un idéal : lorsque l’on enlève l’inutile, il ne reste que l’essentiel. Indexhibit offre aussi de bonnes possibilités de personnalisation… et heureusement car, victime de son succès, il devient dans sa version initiale, le cliché du portfolio en ligne… Mais comme les grands classiques il reste intéressant : regardez les derniers “participants” (utilisateurs) présentés sur le site demo… ça vaut le détour.
Gratuit, Designer : Daniel Eatock and Jeffery Vaska.

Un exemple de site Indexhibit un peu plus sophistiqué que la moyenne : dropular.net

L’incontournable WordPress

Le très populaire moteur de blog a su tirer le meilleur parti de l’open source grâce à une communauté internationale dynamique. WordPress peut s’habiller de milliers de thèmes différents (et toujours… personnalisables), équipés d’un arsenal de plug-ins et widgets extrêmement complets, ce système de blog qui sait aussi faire le CMS (gestion de contenu) est un excellent choix pour créer un site (ou un blog) “portfolio”.
Quel est l’intérêt de la démarche “blog” ? L’interactivité, le dynamisme de consultation, les possibilités de mise à jour hyper simples… Ces qualités sont aussi des avantages en terme de référencement ou de fidélité des lecteurs… Mais je n’entrerai pas ici dans les détails de ce choix… J’ai simplement recueilli ci-après quelques exemples de thèmes WordPress (que l’on peut dire “pré-fabriqués”) dont la diversité autant que la modularité servent très efficacement aux graphistes, photographes ou illustrateurs…

Les thèmes “photo” sont les plus polyvalents

En effet une photo pouvant être remplacée par tout type d’image (typo, illustration, graphisme…) il est facile d’imaginer l’adaptation d’un thème photo à une autre activité. Même, éventuellement, la peinture sur soie…

Aperture

Editeur : woothemes. Designer: Mark Forrester. Mis en ligne : 28 avril 2009. License simple : 70 $.
Aperture (live demo) est un thème polyvalent de photo-blogging qui peut aussi servir aux amateurs d’images ou aux bloggers producteurs d’image. Les derniers posts publiés apparaissent dans le slider (affichage successif avec mouvement latéral) de la home page. Une liste de 4 catégories imagées est présentées horizontalement (avec un effet d’affichage au survol de la souris). Le module de blog est très complet avec 3 colonnes et de nombreux emplacements dédiés aux widgets (4 modules en footer et 2 en sidebar), il reste cependant relativement simple dans sa consultation. On est ici proche d’une maquette “magazine”. Par exemple la home page peut afficher de façon très visuelle les derniers posts photo mais aussi les derniers posts du blog ainsi que les posts photos les plus populaires. La page “archives” est très fonctionnelle et le thème offre un choix de 12 couleurs pré-existantes. Les images sont redimensionnées automatiquement, les gravatars sont prévus pour les commentaires, comme sur la plupart des thèmes “premium”…

Complex

Editeur : frozr. Designer: Ajmal Eylia. License simple : 49 $.
Complex (live demo) est un beau thème “image”, intégrant les options récentes que l’on peut exiger d’un site actuel (Optimisé pour tous navigateurs, différents widgets (Twitter et Flickr), redimensionnement d’images et vidéos, suivi des commentaires, utilisation de Jquery…) Mise en ligne : juillet 2009, designer : Ajmal Eylia (Malaisie).

Folio-elements

Jason Schuller de Press75 crée de beaux thèmes et connaît d’ailleurs un véritable succès avec ses thèmes vidéo. Folio-elements (live demo) n’est pas conçu comme un blog, il s’agit vraiment d’un portfolio. Les images défilent latéralement soulignées par une légende, en cliquant sur l’image le contenu du post s’affiche en lightbox : texte, vidéo… Les autres pages du site s’affichent également en lightbox. Minimaliste et un peu limité en fonctionnalité mais très intéressant pour simplement présenter ses travaux. Editeur : Press75. Gratuit. Designer : Jason Schuller

Fullscreen

Fullscreen (live demo, sélectionner en haut : “choose a theme: fullscreen”) est un des thèmes de l’éditeur graphpaperpress. Ici tous les thèmes sont intéressants. Ils sont classé en plusieurs familles : mod (modularity, modslider, modfolio, modularity lite), High Def, F8 (remixed, static, lite), monochrome, fullscreen, etc… Chacun est plutôt dédié à l’image et peut convenir aux photo-blogs, portfolios ou autres… avec des designs assez élégants. Les variations entre chacun des thèmes sont parfois minimes, mais je trouve que fullscreen sort du lot : Superbe thème dédié à l’image (et gratuit). La home ne comporte quasiment pas de texte et est pourtant très fonctionnelle : catégories, pages, contact et recherche sont immédiatement accessibles alors que les posts s’affichent en mosaïque d’images. On peut imaginer de nombreuses applications à ce thème original. Le thème comporte un player vidéo, 1 colonne, footer 3 widgets et comme son nom l’indique il est (quasiment) “fullscreen”…

Grid-A-Licious (G-A-L)

Le développeur suédois Andreas Pihlström qui est un spécialiste d’Indexhibit a aussi développé un thème WordPress très intéressant le G-A-L, (exemple : reformrevolution) très original, probablement exigeant d’un point de vue installation (?) et pas super lisible c’est l’un des plus beaux thèmes de cette sélection. Gratuit en usage non professionnel, licence pro : 1000$

mixcss

Smashing Magazine se pré-occupe des artistes free-lance et développe pour eux mixcss (live demo). Un thème simple, efficace et original qu’il est possible de personnaliser à volonté. Gratuit, designer : Christopher Wallace.

photogallery

Bien que très classique, ce thème “photo-blog” offre de nombreuses possibilités de personnalisation (5 variantes sont incluses dans le pack). Photogallery (live demo 1) (live demo 2) (live demo 3) (live demo 4) (live demo 5) Editeur : shutterthemes (chez qui Les thèmes Digital Gallery et FlashFrame sont également intéressants). Photo Gallery 5-Pack – $79.95

Photo-graphic

Photo-graphic (live demo) est l’un des derniers thèmes de Press75 (voir ci-dessus “Folio-elements”). Il est assez complet et très flexible avec des possibilités de publication et personnalisation rapides.
Editeur : Press75. Prix : 75 $. Designer : Jason Schuller

Photopro

Photopro (live demo) est un thème de frozr.com, minimaliste (une image majeure plus une galerie de vignettes), les images peuvent être classées par catégories et on peut aussi les commenter. Particulièrement adapté aux photographes, le texte lié aux images permet de légender mais aussi de préciser des données photographiques : appareil, sensibilité, obturation…)
Pris : 29 $ Designer : Ajmal Eylia

Sharpfolio

Sharpfolio (live demo) est un thème très simple, gratuit et qui offre le minimum de fonctionnalité : affichage images ou vidéo, création de pages texte, flux RSS et commentaires.

The Unstandard

The Unstandard (live demo) est un thème “image” minimaliste, très blanc et tout en finesse qui utilise des images en home et archives à la place de texte. 2 ou 3 colonnes, footer 3 widgets. Editeur : 5thirtyone. Design : Derek Punsalan. Mise en ligne : 19 Mars 2008

Les thèmes vidéo

La vidéo prend de belles tailles sur le net avec le haut débit généralisé, les écrans plus grands et l’essor de site communautaires comme vimeo. A mon avis l’éditeur Press75 est très intéressant avec plusieurs thèmes vidéo comme Videoflick, Video element ou ondemand…

Les thèmes plus “graphiques”

Upstartblogger.com propose des thèmes assez sympa d’un point de vue typo comme underscore (live demo) et voluptua (live demo)

De la même façon, futurosity.com se distingue avec sandbox (live demo) et futurosity vero (live demo)

Bien sûr cette liste ne peut être exhaustive et de nouveaux thèmes apparaissent chaque jour… Si vous connaissez des thèmes “portfolio” sympa qui ne seraient pas mentionnés ici, merci de nous en faire part dans les commentaires.

Le terme “Time-lapse” désigne en Anglais une technique cinématographique qui consiste à capturer des images à une vitesse plus lente que celle de leur projection. La projection étant “accélérée”, elle permet de visualiser des mouvements normalement imperceptibles en raison de leur lenteur (éclosion d’une fleur, pourissement d’aliments, aurore boréale, mouvements d’étoiles, de nuages…) ou bien elle permet de compresser le temps, afin de “résumer” des actions ayant une durée de plusieurs heures voire plusieurs jours (construction industrielle, mouvements de véhicules, de foule, mouvements de lumières la nuit, “making of” de tournage…). Cette technique, qui peut être esthétique ou ludique et souvent spectaculaire, connait un engouement important sur les sites de diffusion vidéo. Il n’existe pas de traduction exacte au terme “time-lapse”. En Français on pourrait dire “intervalle de temps” mais c’est un terme scientifique, ou “accéléré” pour rester dans le registre cinématographique, mais le mot est imprécis, cette traduction me semblerait approximative.

Démo de Pixel’s Revenge, la société de prod spécialisée en time-lapse des Français David Coiffier et Laurent Frappa (à voir en plein écran) :

Click here to view the embedded video.

Time-lapse versus Stop-motion

Contrairement à un film haute vitesse dont la diffusion à une vitesse normale produira un ralenti très précis, très fluide, en time lapse on utilisera des images capturées à intervalles réguliers et espacés (tout dépend du sujet, cela peut être un quart de seconde ou une journée), ces images étant relativement “séparées” dans le temps, il s’agira le plus souvent de photographies. Cet aspect photographique (image par image) destiné à devenir un film vaut au time-lapse d’être parfois confondu avec le stop-motion. Le stop-motion permet de créer des animations à partir de photos mais il est alors question de déplacer des objets et de restituer leur mouvement sous forme de film, il n’y a pas de “déformation” temporelle particulière (bien que cela puisse éventuellement s’ajouter au projet).

Pour quoi faire ?

Le time-lapse peut servir un projet éducatif (observation de la nature) ou un projet de communication (illustrer un projet de construction, un événement), il peut aussi donner un caractère dynamique ou spectaculaire à un paysage. Le procédé est souvent utilisé au cinéma mais aussi en publicité, en clip vidéo, illustration de reportage…

“Mardi Gras” par Keith Loutit (un effet tilt-shift est ajouté au time-lapse) :

Click here to view the embedded video.

Le Time-lapse, comment ça marche ?

Le time-lapse est une technique qui peut s’avérer très sophistiquée et qui comporte différentes difficultés.
1 / Une contrainte technique : il faut pouvoir assurer une grande quantité de prise de vue à intervalles précisément déterminés et très réguliers.
2 / Une contrainte temps : chaque projet peut mobiliser le matériel (et parfois celui qui s’en sert) pendant de longues durées. Cette durée doit être découpée en un certain nombre d’images, il s’agit donc de trouver le rythme approprié…
3 / Une contrainte de mouvement : suivant la scène photographiée, les paramètres (ou le rendu) peuvent variés, il faudra donc expérimenter, anticiper, calculer, et… avoir de la chance.

Echantillon de Panoramique “Nightlapse” par ziadchatila

Click here to view the embedded video.

La technique

Réaliser plusieurs centaines de photos à intervalle régulier ne peut se faire à la main. Quelques camescopes et APN comportent une option “intervallomètre”. Il existe même une appli iphone intitulée “TimeLapse” et en cherchant un peu vous trouverez certainement un freeware permettant la pratique du TimeLapse avec la web-cam de votre laptop…
Cependant il est conseillé d’utiliser un appareil réflex numérique. Sur la plupart d’entre eux, le réglage de l’intervalomètre se trouve dans le système du réflex et fonctionnera lorsque connecté à un PC.
Evidemment, ce n’est pas l’idéal question transport et confort d’utilisation… Il faut donc acquérir une télécommande intervallomètre, (elle vous permettra en plus de maîtriser les poses longues)… Attention à la connexion sur votre appareil photo qui devra être compatible avec la télécommande, ce paramètre change selon les marques et les modèles.

A titre indicatif voici ce que j’ai trouvé sur le net, juste pour vous montrer qu’il existe des tas de solutions, je vous conseille de bien regarder les prix et la fiabilité des produits qui peuvent changer selon les sites, vérifiez aussi que la télécommande fait bien intervallomètre et pas seulement retardateur :
- Pour Nikon D100/D200/F90/D2/F5/F6 et Kodak DSC-14 : Télécommande Retardateur Intervallomètre
- Pour différents modèles : Timer Declencheur à Distance programmable.
- Pour Canon 1000D, 300D, 350D, 450D, 400D, 30, 33, 50, 50E, 300V, 300, 3000 et Contax SLR 645, N1, NX, N Digital, Pentax *istD, *istDL, *istDs, *ist, *istDL2, Pentax MZ-6, ZX-L, MZ-L, Pentax K100D K110D K10D, Samsung GX 1L, GX 1S GX-10 : Télécommande intervalomètre.
- Pour D30-D60-10D-20D-30D-40D-50D-5D-1D-1D mkII/N-1Ds mkII-1D mkIII et 1Ds mkIII : Télécommande-Intervallomètre TC-80N3 Canon.
Ainsi l’intervallomètre permet de programmer une durée, un intervalle ou les deux; c’est donc un outil indispensable et dont la programmation est très simple.

Timelapse: Nightscapes par Tom du site Timescapes

Click here to view the embedded video.

Twin Peaks San Francisco Sunrise (HDR time-lapse) par Chad Richard :

Click here to view the embedded video.

Temps et mouvements

La fréquence photographique dépend du sujet et peut varier de 6 images par seconde jusqu’à une image par jour si le sujet est très lent. Il faut avoir en tête qu’un film normalement fluide nécessite une diffusion de 24 images par seconde. Plus les éléments en mouvement sont rapides ou proches de l’objectif et plus la fréquence de prise de vue doit baisser. Dans l’exemple ci-dessous, les photos sont réalisées avec un Nikon D60 réglé en 4 images secondes environ (plutôt rapide, il s’agit d’un mode rafale), ce qui est plus approprié à des personnages proches de l’objectif et un caractère particulier à l’image :

Click here to view the embedded video.

Compiler les images

Sur Mac il faut acheter QuicktimePro (existe aussi pour PC). Le fonctionnement est simple : “ouvrir une séquence d’images” et sélectionner la première image du film, le logiciel assemble les images au rythme que l’on détermine à l’ouverture (entre 1 et 60 images pas seconde). Il suffit ensuite d’exporter le film au format souhaité, soit pour une diffusion sur le net, sur iphone, sur DVD ou un import dans un logiciel de montage vidéo…
Une alternative PC gratuite et puissante : Virtualdubmod.

PG&E “Climate Smart” par Stardust Studios est un publicité inspirée de l’effet time-lapse

Click here to view the embedded video.

Pour aller plus loin…

- Le site expert TimeTraveler de Chad Richard. De nombreux exemples et surtout un tuto en Anglais “How to make an HDR time-lapse” où il explique de façon détaillée comment booster ses images en bracketant chaque photo (le HDR time-lapse) puis en les traitant avec le logiciel “Photomatix”…
- Les vidéos de MILapse, architecte et passionné… (time lapse très grand angle, architecture…)
- Le site timescapes.org, des exemples intéressants, un forum en Anglais…
- Les vidéos de Keith Loutit, un Australien dont les time-lapse combinés au Tilt-shift ont une popularité incroyable sur le net…
- Le blog Time-lapse.fr, quelques tutos en Français, à suivre…

Ce robot appelé “GigaPan Epic” est un développement collaboratif entre la NASA, Google, le National Geographic et l’université Carnegie Mellon. Adaptable à la plupart des appareils photo ce robot qui coûte 379 dollars (comprenant un logiciel d’assemblage) permet de capturer facilement des images incroyablement détaillées, par dizaines, centaines ou par milliers… Ces images assemblées par le logiciel GigaPan Stitcher permettent une navigation très spectaculaire à l’intérieur du panoramique. Le site communautaire dédié, GigaPan.org vous permet de télécharger, voir, partager archiver, commenter et explorer vos panoramas. Il est également possible d’embarquer ces panoramas dans vos sites…

Le robot GigaPan Epic se fixe sur un pied et il suffit d’y installer son appareil (pour l’instant la compatibilité est principalement faite avec du matériel Canon mais une V2 est à venir avec une plus grande compatibilité) et de se laisser guider à travers les étapes de capture de l’image gigapixel. Vous déterminez le coin en haut à gauche et en bas à droite de l’image souhaitée, le robot détermine ensuite le nombre de shoot nécessaires et les organise en mosaïque. Bien entendu un contrôle manuel de vos paramètres photos sont nécessaires pour réaliser de telles panoramiques.

La photo gigapixel de l’investiture d’Obama

David bergman avait photographié 5 présidents, couvert des événements comme les Jeux Olympiques, le Super Bowl ou des méga concerts. Mais pour l’investiture du Président Obama, il voulait quelque chose “de grand”.
Il a donc choisi de photographier tout ce qu’il pouvait des 2 millions de personnes réunies pour l’occasion. Une série d’images qui fit le tour du monde. La photo finale est composée de 220 images (réalisées à l’aide d’un Canon G10) et pèse 1 474 Mo. Il fallut 6 heures et demi au logiciel pour l’assemblage automatique.
La navigation dans le panorama est très intuitive et rapide, il suffit de double-cliquer pour zoomer.

Il suffit de télécharger un pdf (quelque soit son format) et il s’affiche comme un document dont on peut tourner les pages… Bien sûr, l’affichage peut être privé ou public et il est possible d’importer le code d’une publication sur son blog… Le mini-lecteur est, au choix, statique ou dynamique.

Il ne s’agit pas du seul outil de la sorte mais celui-ci est particulièrement agréable et efficace. Issuu est gratuit, bénéficie d’une grande communauté d’utilisateurs et vous permet la présentation en ligne de vos docs… Avec des avantages comme : un téléchargement simplifié, une superbe présentation en ligne (plein écran et un graphisme très soigné), une énorme bibliothèque à consulter, la publication “embed” sur les blogs, réseaux ou sites, un bon référencement chez Google et la possibilité de recevoir des stats détaillées…

Click here to view the embedded video.

Via Exutoire

1 / Avoir une idée de départ
Pour commencer il vaut mieux avoir une vision (plus ou moins précise) de ce qu’il vous faudrait. Et même si vous n’avez aucune vision, un illustrateur peut vous aider à en avoir une. Ne pas oublier que cette idée de départ doit être mise en doute : faut-il vraiment une illustration ? Est-ce que le réalisme d’une photo est complètement exclu ? L’illustration apporte des possibilités et des styles très variés, qui peuvent servir votre créa… donc c’est OK, vous êtes maintenant convaincu : c’est vraiment une illustration qu’il vous faut. A partir de là on peut y aller.

2 / Ce sera du sur-mesure
Le principe d’une commande d’illustration est d’arriver à produire une image complètement originale. Elle s’intégrera harmonieusement à votre travail parce que vous aurez choisi attentivement votre illustrateur et parce qu’il aura connaissance de votre intention et de son support. En effet l’illustration doit s’harmoniser avec son support, l’illustrateur doit donc en connaître la ligne graphique.

3 / Choisir un illustrateur
Pas de problème, vous lisez “que vois-je”, vous avez donc accès à des infos, des liens et des ressources pour consulter des portfolios en ligne ou contacter des agents d’illustrateurs (mais vous pouvez aussi survoler l’ensemble des agents français sur : Partfaliaz ou des styles d’illustration variés sur artskills et bien d’autres encore…). Lorsque vous croisez le chemin d’un illustrateur qui vous intéresse, essayez d’en savoir plus, soit sur internet, soit chez son agent (qui peut vous fournir toutes sortes d’éléments) ou bien en le contactant directement.

4 / Parler avec l’illustrateur
Il arrive forcément un jour ou vous êtes en contact avec lui. Alors il est important de créer un dialogue, une discussion qui doit vous permettre d’expliquer vos souhaits les plus profonds et aussi de vérifier qu’ils sont bien compris. Le langage est trompeur et il faut savoir insister pour trouver un juste terrain d’entente. Non pas qu’il puisse y avoir des désaccords mais si vous dîtes que vous voulez quelque chose de “moderne”, il est évident que cela risque de ne pas avoir la même signification chez l’illustrateur. Il pense peut-être que “moderne” ça veut dire “avec des jeunes gens branchés” alors que pour vous c’est juste une question de high-tech. Bref, les mots sont tels qu’il vaut mieux en avoir plusieurs et les échanger. Re-formuler, ça peut servir.

5 / Le crayonné
La première étape du travail d’un illustrateur est souvent le crayonné. Ce premier croquis (rapide) vous permettra de placer l’image dans son contexte, de vérifier si les éléments sont bien présents, éventuellement de faire valider l’idée et sa représentation par votre propre client. Si tout va bien (et que votre client ou votre directeur à valider clairement le crayonné) on passe à la mise en couleur ou “finalisation”. C’est là où les choses deviennent plus sexy. Au fait si votre illustrateur travaille sur une base photo ou en volume il ne pourra peut-être pas faire de crayonné. Dans ce cas il faut impérativement qu’il vous envoie des étapes de son travail car il est très désagréable pour tout le monde de constater sur une illustration finalisée qu’il manque un personnage, ou que le format est trop horizontal, ou que le choix de la voiture n’est pas judicieux…

6 / La finalisation
A ce stade tout est validé et on n’a plus qu’à attendre le résultat, qui sera probablement magnifique, ce qui donnera tout son intérêt à votre créa. Ce que vous aviez en tête au départ est désormais sous les yeux de vos lecteurs… Tout le monde est content et vous avez un nouvel ami : l’illustrateur… dont vos collègues vous demanderont les coordonnées car une belle illustration ça peut toujours servir en matière de communication…

Arthemia est un thème “widget-ready”. Par défaut, la navigation est divisée en trois sections : la barre de navigation supérieure, le sidebar de droite et le “footer”. Tout ce que contient le sidebar et le footer peut être facilement customisé par le panneau d’administration WP. Les liens de la barre de navigation supérieure peuvent être édités manuellement avec n’importe quel éditeur de texte, en modifiant le fichier header.php.

HEADLINES ET FEATURES
Pour utiliser Arthemia, il est nécessaire de créer deux catégories : “Headline” (correspondant à l’article majeur en haut à gauche) et “Features” (les petits articles en haut à droite). Les articles attribués à ces deux catégories seront affichés à leur place respective. Pour traduire en Français ces deux mots sur la home de votre site il faut éditer (avec photoshop par exemple) les deux fichiers “headline.png” et “features.png” (pareil pour “browse categories”) qui se trouvent dans le dossier “images” du thème Arthemia et les traduire par “edito” et “sommaire” par exemple.

CATEGORIES
Pour afficher correctement la barre de menu des catégories sur la home page, il faut entrer les bonnes ID de catégories dans la ligne suivante du fichier index.php :
?php $display_categories = array(5,6,7,8,11); $i = 1;
foreach ($display_categories as $category) { ?
Les chiffres 5, 6, 7, 8 et 11 sont les ID des catégories qui s’afficheront dans la barre des catégories.
NB : pour connaître l’ID d’une catégorie, dans le panneau d’administration > Gérer > Catégories, il suffit de passer la souris sur le nom de la catégorie pour voir son nom s’afficher, l’ID est le dernier chiffre de ce nom.
On peut diriger une catégories vers une page statique, pour en savoir plus : Codex WP

POSTS
Pour afficher correctement les posts sur la home page, il faut indiquer les ID excluent sur la ligne suivante du fichier index.php :
query_posts(“cat=-9,-15&paged=$page&posts_per_page=2″); ?>
Ici, 9 et 15 sont les ID des catégories Headline et Features. Elles n’apparaîtront pas dans la barre des catégories évitant ainsi un doublon d’affichage sur la home page. (Ce doublon, qui est parfois un triplé, est un gros défaut des thème “magazine” où l’on retrouve le même article à plusieurs endroits de la home page. Chose que Arthemia sait éviter brillamment.)
posts_per_page=2
signifie qu’il y aura deux posts par page. Les liens de navigations apparaissent après le dernier post listé. On peut le modifier avec le plug-in WP-Pagenavi de Lester-Chan.

CUSTOM FIELDS
Les vignettes (thumbnails) du thème sont configurées avec les champs personnalisés (custom fields) et les images peuvent être facilement importées avec la fonction “ajouter une image” de WP. On ajoutera un champ personnalisé “image” pour chaque post et on y entrera l’adresse de l’image.
Par exemple :
Champ personnalisé :
Image
Adresse :
wp-content/uploads/2008/04/pool.jpg

ATTENTION : l’adresse a entrer dans le champ personnalisé commence toujours par “wp-content/…”
Pour ce qui est de la taille des images, pas de soucis car Arthemia possède son propre outil de redimensionnement d’images. Mais l’idéal pour moi serait d’utiliser des images à la bonne taille… et optimisées pour le web, légères !

INSTALLER LE REDIMENSIONNEMENT D’IMAGES
1. Tout d’abord l’image doit être installée sur votre serveur. Vérifier que votre serveur est en PHP 4.3 avec une GD-library. PHP 5 serait mieux.
2. Mieux vaut commencer avec une copie vierge. Installer Arthemia et ne rien modifier afin de ne pas détruire le thème.
3. Il faut que les fichiers “scripts” et “cache” (dans wp-content/themes/arthemia/scripts/) soient accessibles en écriture. C’est-à-dire qu’au moyen d’un client FTP, vous modifiez les droits en 777.
4. On ajoute le champ personnalisé “Image”, attention le “i” majuscule est nécessaire.
5. On rempli le champ de l’image avec une adresse d’image commençant nécessairement par wp-content/…
6. Si cela ne fonctionne pas… il faut relire attentivement les 5 premières étapes.

EXTRAITS
Les extraits d’articles “Features” et “Headlines” sont gérables avec le panneau d’administration (Ecrire un article > Options avancées > Extrait). Le texte placé dans cet espace sert d’extrait, si aucun texte n’y est placé alors le thème prend automatiquement les 55 premiers mots de l’article. Il est possible de changer la quantité de ces 55 mots en utilisant un plug-in approprié.
Si on veut que les pages “catégories” ou “archives” affichent la totalité des articles plutôt que leurs extraits, il suffit de changer
?php the_excerpt(); ?
en

?php the_content(); ?

dans les loops des fichiers category.php et archive.php.

WIDGETS
Les widgets sont paramètrables dans le panneau d’administration Apparence > Widgets. On active la zone dans laquelle on veut placer ou retirer un widget (en haut à droite) et on fait “ajouter” simplement le widget adéquat parmi ceux de la liste de droite, puis “enregistrer les modifications”.

TYPO
Par défaut les lettres me paraissent trop serrées dans les titres, dans style.css, j’applique une valeur de -0.1em pour les “letter-spacing” (à la place de -0,8 ou -0,5)

BLOGROLL
Pour supprimer les liens du “blogroll” qui apparaissent par défaut dans la marge, supprimer le code suivant du fichier SIDEBAR.PHP :
Blogroll
“http://colorlabsproject.com”>Colorlabs Project
“http://michaelhutagalung.com”>Michael Jubel
“http://www.hannasyalala.com”>Hanna Siahaan
“http://majarimagazine.com”>Majari Magazine
“http://bloggerzine.majarikanayakan.com”>The Bloggerzine
“http://www.majarikanayakan.com”>Majari Kanayakan
A la place on utilisera le widget “list” paramétrable dans le panneau d’administration WP (apparence > widgets – à placer dans le sidebar souhaité) et dont la gestion en écriture se fait par le menu “links” de l’administration.

Petite précision : depuis le 11/11/2009 je n’utilise plus Arthemia… Les commentaires restent ouverts.

Pour ce tutoriel QuickTime Pro est nécessaire (29,99 euros).

Les films YouTube sont des Flash video (.FLV) non reconnus par imovie, ils nécessitent d’être converti en .mov, .avi, ou .mpg. (Attention, je crois que imovie 08 ne reconnait que le .mov)

Nous allons :
a) Télécharger le fichier FLV depuis YouTube
b) Le convertir en fichier QuickTime
c) Importer le fichier QuickTime dans votre projet iMovie.

En détail :

1. Aller sur Youtube, sur la page de la vidéo qui vous intéresse.

2. Copier l’URL de cette page.

3. Aller sur keepvid

4. Copier l’URL dans la box et cliquez sur le bouton “download”.

5. Après un court instant, un lien intitulé “Download Link” apparaitra sous la box où vous avez copié l’URL. Clique-droit dessus et choisir “Save link as” et l’enregistrer sur votre bureau.
Le temps d’enregistrement peut varier en fonction de la longueur du film.

6. Le film est enregistré comme suit : get_video ou get_video.htm. Il faut alors le renommer : get_video.flv

7. Ouvrir Quicktime Pro. Aller à : Open et choisir le fichier get_video.flv qui vient d’être téléchargé et renommé.

8. Visionnez le film afin de vous assurer que c’est bien celui que vous souhaitez.

9. Aller à File : Export.

10. Dans la fenêtre “Export”, choisir “Movie to QuickTime Movie” et dans “Use”, choisir “Default Settings”. Cliquer sur “Save.” Cela devrait convertir le fichier FLV téléchargé depuis YouTube en un film QuickTime, reconnu par iMovie.

11. Ouvrez votre projet iMovie, ou créez un nouveau projet iMovie.

12. Vous pouvez alors placer le film QuickTime ainsi créé dans le panneau des clips de iMovie et l’utiliser comme tout autre clip.