begin process at 2010 02 09 20:16:44
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

ILLUSTRATOR : Tutoriaux

 > CRÉER SON LOGO. SIMPLE ET DESIGN!

CRÉER SON LOGO. SIMPLE ET DESIGN!


 Information sur la source

Note :
7,93 / 10 - par 27 personnes
7,93 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :ILLUSTRATOR : Tutoriaux Classé sous :logo, création, débutant, design Niveau :Initié Date de création :20/11/2004 Vu :265 196
Auteur : works

Ecrire un message privé
Site perso
Commentaire sur cette source (34)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Bonjour, ici je vais vous montrer comment faire un logo, la technique est assez simple, mais le rendu final est superbe!

Source

  • Bon c'est parti, c'est un vieux tuto que je dois faire a peu pret de tête donc si il y a des erreurs, dite le moi.
  • => Créer un nouveau calque 500*350 px de fond blan.
  • => Créer un nouveau Calque.
  • => Prenez l'outil Elipse de sélection, maintenez SHIFT enfoncé et faites un jolis cercle.
  • => Clic droit sur le cercle (pas le calque, le cercle même!)
  • => Cliquez sur "Contour" et lui apprliquer un "Contour INTERNE" d'environ 17 à 20 Pixelle (varie selon la taille du cercle!!)
  • !!!!!!!!! Aller dans es paramètres d'affichages et choisissez afficher la règle. Puis la bouger, jusqu'ace qu'elle se centre automatiquement. !!!!!!!!!!!
  • => Prendre l'outil Rectangle de sélection
  • => Faire la médiatrice du cerlce, ne pas la faire trop grosse ou trop petite, il faut qu'elle passe des 2 coté de la ligne de la règle. Puis appuyer sur Supprimer. (Faire cette étape Horizontalement et verticalement.) Puis le faire en Diagonale.
  • => Clic droit sur le calque du cercle => clic droit sur le cercle => Modifier Manuellement => Perspective.
  • => Prendre le coin Droit en Haut et le ramener doucement ver le bas, jusqu'a avoir un rendu comme sur la capture. (enfin environ:p)
  • _______________________________
  • Vôtre logo a aprésent une forme. Donnons lui du volume!
  • => Clic droit sur le calque du "logo" => options de fusion.
  • Entrez ces paramètres :
  • Lueur Externe: -Opacité 80%
  • - Couleur Blanc
  • - Grossi 0
  • - Taille 5
  • Lueur Interne: - Mode de fusion: Densité couleur -
  • - Opacité 80%
  • - Couleur Blanc
  • - Maigri 0
  • - Taille 9
  • Biseautage et estampage: - Style: Estampage
  • - Profondeur: 250 %
  • - Taille: 10 px
  • - Flou: 0 px
  • - Angle 56°
  • - Elevation 53°
  • Satin: - Mode de fusion: Densité couleur -
  • - Opacité: 80%
  • - Couleur: Blanc
  • - Angle: -40°
  • - Distance: 28 px
  • - Taille: 29 px
  • - Contour: Rouleau
  • Voilà, vous venez de créer un logo :)
  • Ajoutez y du texte, perso, j'ai utiliser la police "HOMOARAKHN" Avec la configuration suivante:
  • (je fais rapide sur celui la, j'en ai marre mdr)
  • Options de fusion sur le calque du texte:
  • Taille du texte: (pour moi!) 44 Px
  • Ombre interne:
  • Densité couleur -
  • Opacité 80%
  • Angle 56°
  • Distance 5
  • Maigri 0
  • Taille 5
  • Lueur Externe:
  • Type: Normal
  • opacité 80%
  • Grossi 0
  • Taille 9
  • Contour: Double Rouleau
  • Biseautage et estampage:
  • Type: Estampage
  • Lisser
  • Profondeur 251 px
  • Taille 5 px
  • Flou 0 px
  • Angle 56°
  • Elevation 53°
  • Satin:
  • Densité Couleur -
  • Couleur: Blanc
  • Opacité: 70%
  • Angle: -98°
  • Distance: 8 px
  • Taille: 0 px
  • Contour: Gausien
Bon c'est parti, c'est un vieux tuto que je dois faire a peu pret de tête donc si il y a des erreurs, dite le moi.

=>  Créer un nouveau calque 500*350 px de fond blan.


=>  Créer un nouveau Calque.

=>  Prenez l'outil Elipse de sélection, maintenez SHIFT enfoncé et faites un jolis cercle. 
=>  Clic droit sur le cercle (pas le calque, le cercle même!) 
=>  Cliquez sur "Contour" et lui apprliquer un "Contour INTERNE" d'environ 17 à 20 Pixelle (varie selon la taille du cercle!!)


!!!!!!!!!    Aller dans es paramètres d'affichages et choisissez afficher la règle. Puis la bouger, jusqu'ace qu'elle se centre automatiquement.   !!!!!!!!!!!


=>  Prendre l'outil Rectangle de sélection
=>  Faire la médiatrice du cerlce, ne pas la faire trop grosse ou trop petite, il faut qu'elle passe des 2 coté de la ligne de la règle. Puis appuyer sur Supprimer. (Faire cette étape Horizontalement et verticalement.) Puis le faire en Diagonale.


=>  Clic droit sur le calque du cercle => clic droit sur le cercle => Modifier Manuellement => Perspective.   
=> Prendre le coin Droit en Haut et le ramener doucement ver le bas, jusqu'a avoir un rendu comme sur la capture. (enfin environ:p)
_______________________________
Vôtre logo a aprésent une forme. Donnons lui du volume!

=> Clic droit sur le calque du "logo" => options de fusion.
Entrez ces paramètres :
                                          Lueur Externe:  -Opacité 80%
                                                                    - Couleur Blanc
                                                                    - Grossi 0
                                                                    - Taille 5

                                          Lueur Interne:   - Mode de fusion: Densité couleur -
                                                                    - Opacité 80% 
                                                                    - Couleur Blanc
                                                                    - Maigri 0
                                                                    - Taille 9

                                          Biseautage et estampage:  - Style: Estampage
                                                                                      - Profondeur: 250 %
                                                                                      - Taille: 10 px
                                                                                      - Flou: 0 px
                                                                                      - Angle 56°
                                                                                      - Elevation 53°

                                          Satin:  - Mode de fusion: Densité couleur - 
                                                     - Opacité: 80%
                                                     - Couleur: Blanc
                                                     - Angle:  -40°
                                                     - Distance: 28 px
                                                     - Taille: 29 px
                                                     - Contour: Rouleau


Voilà, vous venez de créer un logo :)
Ajoutez y du texte, perso, j'ai utiliser la police "HOMOARAKHN"   Avec la configuration suivante:

(je fais rapide sur celui la, j'en ai marre mdr)


Options de fusion sur le calque du texte:
Taille du texte: (pour moi!) 44 Px



Ombre interne:
Densité couleur -
Opacité 80%
Angle 56°
Distance 5
Maigri 0
Taille 5


Lueur Externe:
Type: Normal
opacité 80%
Grossi 0
Taille 9
Contour: Double Rouleau


Biseautage et estampage: 
Type: Estampage
Lisser
Profondeur 251 px
Taille 5 px
Flou 0 px
Angle 56° 
Elevation 53°


Satin:
Densité Couleur -
Couleur: Blanc
Opacité: 70%
Angle: -98°
Distance: 8 px
Taille: 0 px
Contour: Gausien

 Conclusion

Voilà, j'espère avoir été assez détaillé, pour les couleurs du logo, ca viens d'un tuto qui éxiste sur ce site, (un truc plasma).

donc je le dis avant qu'on me dise que c'est pas de moi!

et j'espere aussi que vous arriverez tous a le faire, parceque sérieux c'esy un joli effet, et comme logo pour un forum ou quoi, il claque bien!


exemple ici: www.emuleapocalypse.com/fosod <=(c'est un forum d'aide a la création Design, on fais pour vous vos créas genre avatar, logo, signatuer de forum, kit graphik, header, bannieres...) enfin voilà.


 Sources du même auteur

Source avec une capture NOM DE CODE: SPIDER-MAN
Source avec une capture EXPLOSION DU TEXT
Toutes les sources de works

 Sources de la même categorie

Source avec Zip Source avec une capture CRÉER UN DÉGRADÉ DE COULEUR VERS TRANSPARENT AVEC ILLUSTRATO... par sof34
Source avec Zip Source avec une capture UTILISATION DES PATHFINDER AVEC ILLUSTRATOR par G666
Source avec une capture RÉALISER DES DÉGRADÉS COMPLEXES par G666
Source avec une capture DUPLIQUER EN ROTATION par G666
Source avec une capture TOURBILLON TRES PCHYCHEDELIQUE par cbibi
Toutes les sources de la catégorie ILLUSTRATOR : Tutoriaux

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture LOGO CODES SOURCES AVEC DES EFFECTS PERSO par hshow
Source avec Zip Source avec une capture LOGO SIMPLE AVEC EFFETS SIMPLES par hshow
Source avec Zip Source avec une capture LOGO ET WALLPAPER (AVIS PERSO) par hshow
Source avec Zip Source avec une capture WEB THEME NATURE , HIVER ET HIGH-TECH par qbasic
Source avec une capture FORME DESIGN SIMPLE À RÉALISER par wyllen

Commentaires et avis

Commentaire de uranie le 20/11/2004 21:23:26

Bonsoir,

Je trouve ton tuto très bien 8/10. En revanche j'ai un problème : je n'arrive pas à en afficher tout le texte. Celui-ci est coupé dans sa partie droite. Aurais-tu une astuce pour pouvoir l'afficher correctement. Ceci est valable pour ce tuto mais pour d'autres également.

Difficile, dans ce cas, d'essayer de le réaliser

Merci

Commentaire de works le 22/11/2004 02:15:20

bhen ya rien de coupé, c'est une impression.

la ou y'a les tiret (-) bhen tu va a la ligne, et la phrase est la, tinkiet tu peux le faire sans trop de probleme ;)

Commentaire de patrick532 le 22/11/2004 17:54:21

salut,

je pense plutot que son problème vient de son explorateur. en essayant sous IE 6 je me suis aussi aperçu de ce problème, il suffit d'agrandir la fenêtre quand on a un grand écran (moi : 21") mais sinon il faut changer la résolution d'écran, ou regarder  les paramétres de son explorateur, voir passer a un autre explorateur genre mozilla (pas encore essayé).
voilà et A+

MPP

Commentaire de works le 23/11/2004 12:18:37

merci pour la soluce, c'est pour ca que je voit tout aussi: 21" mon écran :)

sinon www.emuleapocalypse.com/fosod <= ya le tuto la bas aussi ;)

Commentaire de uranie le 23/11/2004 14:10:32

Merci à tous les deux. J'ai également un 21" mais je ne pense pas que cela vienne de là. Peut-être est-ce la solution qu'a donnée Patrick qui conviendrait. Hélas, je ne sais pas comment l'utiliser.
Je vais jeter un coup d'oeil sur le site que Works à donné.
Encore merci

Commentaire de Mafassure le 23/11/2004 20:11:06 administrateur CS

joli résultat,
c'est un tuto PHOTOSHOP !!!!!

y'a un bug avec un affichage inferieur à 1152*864
( avec mozzila IE et firefox)

Commentaire de karbone14 le 23/11/2004 20:49:02

J'ai pas tout suivi le tuto car je sais faire un logo mais au lie de vous prendre la tête avec des histoires d'écran ou de resolution,pourquoi ne pas simplement élargir la zone de texte....

Commentaire de Mafassure le 23/11/2004 20:59:34 administrateur CS

encore un qui a perdu une occasion de ce taire...

Commentaire de karbone14 le 23/11/2004 21:51:42

je précisais bien que je n'avais pas tt suivi...heureusement que cerains connaissent l'option de fusion sinon il n'y aurait pas grand chose dans les tutos de ce site....enfin,à vrai dire je m'en tape...

Commentaire de works le 25/11/2004 12:26:01

bhen écoute, c'est un site d'entraide, ici les nouveau sur photoshop viennent pour apprendre, perso, j'ai apris ici!!! ca fais maintenant 5 mois que fais photoshop et si je peux aider quelqu'un je suis content de le faire, apparament, ca en a aider plus d'un, si ils aime aps le logo, ils n'ont cas la refaire a leur guise!!

qui sait, paut-être qu'un jour ce logo sera célèbre... ^^'

nan mais sérieux, on est la pour apprendre et découvrir, donnez des astuces au débutant, t'as jamais débuté? t'aurais pas été content de savoir faire un joli logo a tes débuts?

voila pourquoi j'ia décidé de le poster ici!
si t'aime pas bhenj'toblige pas a le faire ;)
HTKC

Commentaire de karbone14 le 25/11/2004 15:21:19

Ton logo est très bien  et encore mieux si tu débutes sur photoshop...Tu t'apercevras vite avec photoshop et ce, même dans 10 ans qu'il y a tjrs à découvrir...
Si j'étais un peu énervé,c'était avec le commentaire de mafassure...C'est tout!...Non agressif au départ,je précise bie que je n'ai pas tout suivi le tuto et je donne ma 1ère impression en voulant bien admettre à l'avance que je px me tromper...Or,apparemment ma spontanéité fait dire à mafassure que j'aurais mieux fait de me taire...Je me ss donc permis de lui répondre...Pour ce qui te concerne,bonne continuation...

Commentaire de Mafassure le 25/11/2004 15:29:19 administrateur CS

Bonjour Work
C'est bien de vouloir aider les débutants, encore faut il, qu'ils puissent trouver ton tuto photoshop, se sera pas facile puisqu'il se trouve dans la catégorie Illustrator...

Karbone14 post des sources, partage ton savoir faire ... ou à defaut fait des commentaires constructifs au lieu de braillé sans lire ce qu'il y a dessus

Commentaire de karbone14 le 25/11/2004 20:54:50

Qui est l'agressif?...Et qui braille?....Je ne préfère pas lancer de polémique...Je re-re-reprécise que je n'avais pas suivi le tuto,que j'ai été spontané et que j'ai répondu trop vite dans ce cas...Dans ton cas,modère les propos que tu postes car l'agressif,c'est toi dans l'histoire...D'autre part,je ne ss pas passé sur ce site pour me prendre la tête non plus mais tu m'as l'air d'aimer avoir le dernier mot donc tu as raison,tu as raison et tu as raison...mais stp,oublie moi!...

Commentaire de karbone14 le 25/11/2004 20:58:10

work,
je précise que ce dernier message ne te concerne pas

Commentaire de T0x1K le 01/12/2004 18:07:57

Beaucoup trop chargé comme logo..

Commentaire de o0Leo0o le 12/12/2004 18:44:08

Il est pas vraiment chargé ce logo :/
En tout cas, très bon tuto pour ceux qui débutent.
8/10

Commentaire de z0z0 le 17/12/2004 15:55:45

(quelqu'un qui débute) merci, ce tuto est vraiment super ^^

Commentaire de works le 04/01/2005 22:44:40

bhen tant que je peux aider le people ;) ca me fais plaisir!

Commentaire de Spiky104 le 15/08/2005 01:55:53

C'est les premiere fois que j'utilise Illustrator mais j'ai un probleme avec le tuto, j'ai beau chercher je ne trouve pas l'outil ellipse de selection

Commentaire de jiraya77 le 30/08/2005 12:32:15

moi aussi je ne trouve pas l'outil elipse (c'est quelle lettre?)

Commentaire de fartounet le 13/02/2006 19:10:05

franchement, je trouve ton logo très moyen, pas clair, illisible (c'est pareil), trop chargé ...
Le but du logo c'est de véhiculer une idée, qu'il reste dans la mémoire, le tien, il va rester, certes, dans la mémoire mais pas dans le bon sens ;)
sinon, la méthode est bien.

5/10

Commentaire de aTnDEDO le 15/03/2006 23:21:13

salut , je suis très mauvais en informatique ,es-ce qu'il faut un logiciel pour faire sa ?

Et si oui lequel.

Commentaire de alasKaaa le 04/04/2006 16:11:50

le logo ma l'air bien j'aimerais pouvoir ne serait ce que le commencer pour le modifier a ma maniere mais etant legerement novice je n'arrive deja pas a comprendre le debut d'sa construction ... exmple : le contour interne du debut impossible a realiser puisque impossible de selectionner l'option :s
ptite aide ?

Commentaire de ybouane le 05/04/2006 01:34:44

salut cool mais je voudrais savoir avec quel logiciels tu fais ça?
repondez moi vite.
(http://ybouane.oldiblog.com)

Commentaire de patrick532 le 05/04/2006 20:33:23

salut,

Je n'ai pas l'habitude de critiquer les commentaires mais là franchement, je pense que certains d'entre vous écrivent un peu trop à la va-vite:
Il est écris partout avec quel logiciel il faut faire ce logo;, exemples pris plus haut:
1) Catégorie de cette source : ILLUSTRATOR : TUTORIAUX
2) joli résultat,c'est un tuto PHOTOSHOP !!!!!
Alors ne posez-plus la question du logiciel à utiliser => LISEZ !!

nota:
le logiciel "Adobe Illustrator" s'intégre parfaitement à "photoshop".

A+
Bonne continuation à tous.
p.s:  ce logo est très bien !

Commentaire de stone man le 21/06/2006 11:04:12

moi mon probleme est bien différent (j'ai tout lu :-)  )
je ne trouve la police que tu a utillisé et en fet j'en aurrai vraiment besoin pour un site peut tu m'aider ?
sinon surper tuto bravo !!  (10/10)

Commentaire de stone man le 21/06/2006 11:16:11

non en fet c'est je viens juste de trouver dsl de vous avoir emmerer avec sa :-S

Commentaire de stone man le 22/06/2006 09:42:42

voila qestion surement tres conne mais bon sa fait a penne 2 jour que je me suis mis a toshop, je n'arrive pas a apliquer de texture
et aussi le "plasma machin" n'existe pas vraimant, je ne suis pas nouvo ici (donc je connais le site).

euuh che pas si c'est possible mais, si quelqun peut, est ce que vous pouvez m'expliquer la philosofie de ce logiciel qui a l'air
ultra-puissant (vus qu'on fais des truc de fous en trois manip)
en prenant comme base Flash (je sais c pas génial pour le graphisme mais on fais avec se qu'on a)

voila merci d'avance ;-)

Commentaire de graphiste038 le 01/08/2006 19:22:39

la police : Whaaaaaaaaaaaaaa je suis bleuffffffféééé !
C super booooo !

Commentaire de chachounette007 le 15/04/2007 22:26:20

Bonjour tout le monde,
moi je suis plus que novice alors il va pasfalloir etre mechant avec la certe nulle mais gentille chachounette lol
je n'ai rien compris a ce tuto , je suis nulle etvraiment ce nest pas assez détaillé pr moi ! (il fallait bien une casse couille parmi tout ces pros de linfo!
ya til un autre logiciel que photoshop et plus simple dutilisation ? pour creer un logo dans mon cas ce serait pr creer un logo pr notre équpe de fitness?
merci pra avance a quiconque savanturera a me répondre lol!

Commentaire de laetitia81500 le 21/05/2007 10:43:24

Bonjour tout le monde,

C'est la première fois que je vien sur ce site et je le trouve très chouette.
J'avais une question qui va peut être faire rire beaucoup de monde, mais je ne sais pas où est Elipse dans Photoshop ni quel est la touche SHIFT. J'ai honte... Mais svp dites le moi car j'ai besoin de créer un logo pour ma TPE (chatterie).

Merci d'avance.

Commentaire de ghitha le 04/07/2007 13:54:44

nouveau calque 500*350 px de fond blan.

c koi plu exctactement?

Commentaire de didoux95 le 31/08/2007 13:40:17

Bonjour à tous.
Quelle version de PHOTOSHOP faut-il utiliser ?

merci.

Commentaire de druide35 le 12/06/2008 18:46:47 1/10

vous avez vraiment des gouts de chiotte, c'est horrible!

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

aide pour création d'un logo [ par phileas41 ] salut,tout le monde!je suis nouveaux sur ce forum,je fait beaucoup de musique(guitare comme instrument)et je fais des mix techno et je voudrais cr&#23 aide a la création de logo [ par newcreon ] bonjour a tous.je suis nouveau sur le forum et je suis a la recherche de personne pour m'aider a crée un logo pour mon forum.j'ai déjà crée le logo su création d'un collectif, on cherche du monde !!! [ par clipitprod ] Salut à tous, voici une petite annonce pour vous informer que je suis en train de créer un collectif audiovisuel et multimédia réunissant des personne Web designer [ par adjoums ] Salut à tous,je voudrais me lancer dans le design de site web. Je voudrais un cour qui contient les differents etapes (avec les photo), depuis le choi Aide pour petit personnage [ par biloutte33 ] Bonjour à tous,j'aurais besoin d'aide pour créer une petite mascotte pour mon logo de site internet, de taille environ 200x250 pixelsj'aimerais créer Recherche Graphiste [ par citt ] Bonjour,Je suis en train de developper un jeu en PHP/Mysql du genre RPG et je suis a la recherche de graphiste pour m'aider à faire le design ainsi qu debordement d'une image sur le cadre [ par norman bates ] Bonjour, je travaille sur un logo pour un site, et pour le logo, j'aimerais mettre une image qui débordera sur le cadre du bas, mais je constate que c Création de smiles, emoticones, et avatars [ par defst ] Salut les amis de nombreuse personnes se sont déja rendu sur le portail d'échange de techniques photoshop, illustrator, afin de découvrir les techniqu découper un design [ par nicomilville ] Salut,Je voudrai savoir comment on fait pour découper un design, a quoi ça sert et comment l'intégrer a un site web !!!Merci d'avance ....Si t'a besoi créer un logo [ par indylonghairs ] salut, je suis dans la phase création d'un site d'e-commerce et vu que je suis incapable de mettre en forme ce que j'ai dans la tête pour mon logo ! j


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,780 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)