Bonjour à tous,
 
Quelqu'un sait-il où est-il possible d'avoir des infos voire un tuto concernant la création du logo de l'émission Naturbis ?
 
http://bourgogne.france3.fr/evenem [...] 2011-09-08
 
Cordialement.

J'aimerai le travailler avec des élèves cette semaine.
Encore merci si vous avez des infos.
;-)

 
Salut Daft ! (tu as marqué naturabis dans le titre)
Déjà ces 2 choses sont… en opposition !
 
Il n'y a pas de tuto proprement dit pour faire ce logo en particulier, mais une méthode de travail pour faire des logotypes en général !    
 
Ta question (pas si innocente que ça…   ) peut porter sur 3 aspects :
1- demandes-tu quel a été le cahier des charges pour concevoir ce logo (typo, look moderne, 3D, couleur dominante…) ?
2- demandes-tu comment des graphistes s'y prendraient pour faire un logo de ce type ?
3- demandes-tu comment des graphistes s'y prendraient pour refaire ce logo d'après la petite image de ton lien ?
 
1- Le cahier des charges :
Il est édicté par le client ou par le graphiste lui-même selon sa vision du dit logo.
Ensuite c'est sa culture visuelle et les limites imposées qui lui feront aller vers telle ou telle typo, telle ou telle couleur,
intégrer tels ou tels éléments graphiques (abstraits ou figuratifs), la sémantique, toussa…
 
2- Comment réaliser un logo de ce genre ?
Comme tous les logotypes la construction de départ implique à mon sens le dessin vectoriel.
Ensuite selon la finalité il pourra être mis en situation dans d'autres formats plus adaptés (en .png par exemple pour la bannière de ton lien).
Pourquoi le vectoriel : car ce mode de dessin est affranchi de tout problème de résolution contrairement aux images composées de pixels.
Outre le fait de pouvoir représenter un graphisme à n'importe quelle échelle sans perte de qualité, les contours vectoriels seront reconnus
pour de la découpe (ex. signalisation de véhicules, marquages…), de la tampographie, de la sérigraphie, de la presse offset…
 
Le logiciel généralement utilisé est Illustrator (Freehand jadis). Il en existe aussi un gratuit dont j'ai encore oublié le nom…    
Tout va résider dans le fait de travailler avec des courbes de Bézier d'une grande pureté ( http://fr.wikipedia.org/wiki/Courbe_de_B%C3%A9zier )
De savoir utiliser les fonctions booléennes de l'outil pathfinder (ou équivalent) et de l'outil extrusion avec une perspective donnée*.
L'image de ton lien fait en plus apparaitre une ombre portée ainsi qu'un contour blanc.
Illustrator gère les ombres portées (ou a défaut le logiciel de mise en page ou le logo est importé),
pour le contour blanc, Illustrator peut aussi gérer cela (contour ou décalage du tracé, les astuces ne manquent pas).
 
Le plus dur en dessin vectoriel, c'est de se faire la main. Les outils sont déroutants aux premiers abords (la fameuse plume, les maudits points nodaux
que l'on ne parvient pas à diriger) et la rigueur est de mise : chaque élément doit être mis sur des calques séparés pour éviter la confusion.
 
* Si extrusion/perspective il y a : je ne me rend pas tout a fait compte sur le petit visuel.
Ce logo est aussi réalisable sous Photoshop (biseautage/estampage, ombre portée…), mais en puriste je préfère donner la piste vectorielle pour la pérennité.
Il l'est aussi sous Indesign (qui est une sorte d'Illustrator light), en saisissant du texte et en y ajoutant les effets mentionnés.
 
3- Refaire un logo de ce genre ?
Ça c'est le B A-BA !    
Perso, j'ai abordé le dessin vectoriel en reprenant des logos existants : la copie à l'identique est la meilleure manière d'apprendre (Ah les entrelacs bretons !!!   ).
Il suffit d'utiliser la source fournie comme modèle (calque verrouillé non modifiable) et de recomposer par dessus, en isolant chaque éléments sur d'autres calques.
Les outils vectoriels n'ont pas leur pareil pour recomposer une forme complexe.
Pour la police utilisée, soit la chance veut qu'on la retrouve facilement, soit il faut recomposer les lettres points par points et évider celles dont le dessin le nécessite.
Pour les couleurs selon le mode dans lequel on est (RVB, cmjn…), c'est un outil de type "pipette" qui permettra de bien les identifier.
Pour les finitions de type 3D (extrusion), la perspective et l'ombre portée, c'est le feeling de l'opérateur qui fera la différence et son aptitude à bien observer le modèle.
 
 
Voilà.
En espérant t'avoir donné des éléments de réponse.
Je t'ai donné mon approche de la chose.  

Comme j'avais 5 minutes devant moi ce soir, je me suis prêté au jeu du "Naturbis" !
Par Isis et par Apis, on croirait le nom d'un dieu égyptien sorti de l'imagination d'Uderzo !    
 
1- J'ai tout d'abord tenté d'identifier la police utilisée pour faire la manipe.
Que nenni : WhatTheFont fidèle à lui même n'a pas été très éloquent.
Comme je n'ai pas le temps de redessiner (c'est très faisable), j'ai pioché une police ressemblante sur Dafont.
De l'Unicorn fera l'affaire > http://www.dafont.com/fr/unicorn-n [...] t=naturbis
 
2- J'ai ensuite saisi le texte "naturbis" dans Illustrator puis j'en ai vectorisé un doublon.
J'ai ensuite utilisé l'outil déformation pour simuler de l'italique : "naturbis" devient alors "naturbis".
 
3- Coup de pipette dans Photoshop sur le vert du logo : R=180, V=234 et B=75.
Application du vert comme couleur de fond au mot naturbis vectorisé.
 
4- Application du contour blanc : comme les lettres sont vectorisées unitairement ça gêne l'application du contour.
Là intervient le Pathfinder : réunion de chaque lettre une par une. Reste un seul objet vectoriel au final.
Plutôt qu'appliquer un contour, je préfère décaler le tracé. 10 pixels de décalage et hop, je mets ce tracé en blanc sur un calque inférieur.
 
5- Création d'un rectangle bleu pour simuler un arrière-plan quelconque (genre le graphisme de la bannière).
 
6- Copié-collé de mes calques d'Illustrator à Indesign. Et application :
- d'une ombre portée du mot "naturbis" sur le tracé blanc + réglage de l'ombre (en x/y et en taille)
- d'une autre ombre portée du tracé blanc sur le fond bleu en mode produit + réglage de l'ombre (en x/y et en taille)
je préfère ombrer dans Indy que dans Illustrator, plus sûr !    
 
7- Export PDF RVB depuis Indesign
 
8- Ouverture de ce PDF dans Photoshop puis crop de ma page A4 et export en png pour mettre l'image sur HFR.
 
9- Hébergement de l'image et import dans le corps de ce message !
 
10- Fini par Osiris !    
 
 

 
Je pense avoir donné quelques indication mais je me demande si elles seront vues à temps.

Il n'est pas nécessaire de passer par Illustrator et InDesign : tout peut se faire sous Photoshop

bah ouais faire du logotype avec photoshop ca me parait evident

 
Si la finalité est le web, je dirais "mouais".
On est bien avancé quand on a un logo en pixels et que le client décide deux mois plus tard de signaliser toute sa flotille de bagnoles ou de faire du grand format en print…
Il faut voir plus loin que le bout de son nez !    
 
Après il faut considérer que dans la cat graphisme de HFR des pros côtoient des occasionnels : la méthodologie/vision n'est pas la même !
Si avec Photoshop taper 4 lettres en RVB et y flanquer une ombre portée est un jeu d'enfant, l'éditeur d'images va vite montrer ses limites pour des faire des
choses toute simples à faire dans Illustrator (ou n'importe quel soft de dessin vectoriel).
 
Une fois une bonne base vectorielle réalisée on à tout le loisir de la pixeliser dans Photoshop…
par contre l'inverse (pixels à vecteurs) ça ne va pas le faire des masses…
 
C'est sûr que la plume et les courbes c'est de l'apprentissage, mais quand on se débrouille ensuite >>>  

@ Daft pok : ben heureusement que ton cours pressait cette semaine.
Fais-moi signe de vie, j'espère ne pas m'être cassé le c… pour rien quoi !
 
A +

On va devoir renommer ce topic "nature abysse" car il va rapidement descendre dans les profondeurs — malgré ma réactivité à répondre,
si le demandeur ne se manifeste pas…

Quand je vois ça...  
ça donne envie d'aider.
 
Tu prends de ton temps pour faire une explication.
Au final le retour => rien
Sympa

Merci Gein. Ça me servira de leçon.
 
Je vais relâcher un peu sur les forums, ça nourri pas son homme effectivement et ça reste très virtuel.

Par contre une petite beuverie parisienne ça serait envisageable

Ah se rencontrer ?
Un meeting HFR cat graphisme quoi ?
 
Très volontiers !
 
PS : Y'aura Beer ?  

 
Avec plaiz mec !!! Pour une fois que je pourrais regarder ququ'un dans les yeux.

Pourquoi? Les autres sont petits?

Et il me semble qu'on s'est deja rencontre une fois

Tu dois l'être GG (petit) !    
 
Le preuve, quand d'une voix caverneuse Bear t'interroge :
 
 
            Pardon ?
                   \
                    \  

 
 
Tu lui retourne un fluet :
... bon tu peux rester    
 
 
J'invente rien hein, c'est tout ici > http://forum.hardware.fr/hfr/Graph [...] 4222_1.htm
 
 

bah je fais mon petit 1m80 quoi
 
bon... de mes souvenirs l'ours n'est pas forcement plus grand mais plus costaud c'est sur

A beer with Bear alors ?  
C'est bien sympa toussa, mais je ne suis pas à côté dans ma grotte auvergnate…
Puis du taf tombe tout doucement (3 brochures, un plan de ville…)
 
Vous verriez ça sur quelle période ?
 
Sinon ça sera plan go fast TGV/brasserie Gare de Lyon lol

on a le temps on peut eventuellement aviser en fonction de ceux qui sont loin

Et bèh non ... url 2008 tu y étais le soir quand moi je couchais avec une belle et je buvais l'aprèm en compagnie grapheuse quand toi tu te levais d'une folle nuit d'amour.

A part Blacky, toi et moi je ne connais pas ici de personne qui ne soit pas handicapé (- de 1.90)

edit : je te croyais grand moi ... 1.80 ? Nabot !!!!

 
ouais ceux qui sont loin comme les belges une fois !!!!
 

 
Tu dois vouloir dire Congo belge non ?

t'etais pas là le jour ou on avait fait ca avec chkl, marine il me semble, lejuife et je sais plus qui... j'avais bu du vin au biberon au repere a fondue et le lendemain je savais meme plus quelle ligne de metro j'avais pris pour rentrer

t'auras moins de mal a venir que Manu (harybo) je pense

 
Non pas le soir ...  
 
http://forum.hardware.fr/hfr/Graph [...] 771_14.htm

ces biberons ...
 
je m'en souviens encore... et ces italiens a ma droite
 

 
Encore heureux t'es pas assez vieux pour Alzheimer  

que tu crois...

MDR comme vous me l'avez chié le topic à Daft pok !
Je l'avais attaqué super sérieux toussa et ça se termine en bistrot lol
 
Comme quoi les courbes de Béziers mènent à tout !  
 
 
PS : Hey Roger, tu remets la mienne ?

 
Tu aurais menti, tu n'aurais pas 10 ans de moins que moi ?

Bientôt 36

44 en février…  

Édifiant tout de même, une demande technique traitée en temps et en heure restée… sans retour du demandeur !!!
 
Il ne faudra plus s'étonner des questions de nouveaux sans réponses…