CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 02 05 04:43:04

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

CRÉER SON LOGO. SIMPLE ET DESIGN!

Information sur la source

Note :

7,93 / 10

Catégorie :ILLUSTRATOR : Tutoriaux Classé sous :logo, création, débutant, design Niveau :Initié Date de création :20/11/2004 Vu :329 310

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

NOM DE CODE: SPIDER-MAN

EXPLOSION DU TEXT

Toutes les sources de works

Sources de la même categorie

CRÉER UN DÉGRADÉ DE COULEUR VERS TRANSPARENT AVEC ILLUSTRATO... par sof34

UTILISATION DES PATHFINDER AVEC ILLUSTRATOR par G666

RÉALISER DES DÉGRADÉS COMPLEXES par G666

DUPLIQUER EN ROTATION par G666

TOURBILLON TRES PCHYCHEDELIQUE par cbibi

Toutes les sources de la catégorie ILLUSTRATOR : Tutoriaux

Sources en rapport avec celle ci

LOGO CODES SOURCES AVEC DES EFFECTS PERSO par hshow

LOGO SIMPLE AVEC EFFETS SIMPLES par hshow

LOGO ET WALLPAPER (AVIS PERSO) par hshow

WEB THEME NATURE , HIVER ET HIGH-TECH par qbasic

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

Derniers Blogs

CSS CONTENT STATE SELECTORS (PERSONNAL DRAFT) par FREMYCOMPANY

MBA : POURQUOI FAIRE ET COMMENT LE CHOISIR ? par ROMELARD Fabrice

Y'A DES ERREURS QUI PEUVENT RENDRE LE DéVELOPPEUR VIOLENT par Aleks

[HYPER-V 3] PRéSENTATION DES COMMANDLETS POWERSHELL par Pierrick CATRO-BROUILLET

IIS7 - COMPRESSION GZIP par cyril

Forum

RE : COURS AUTOCAD par eloihabi

MON LETTRAGE - JEMS par lunnatick

RE : RETRAVAILLER UN FICHIER AVEC COREL DRAW X5 par richardkangiama

RE : [DEMANDE] LOGO PARFAIT POUR UN JEU (JE PAYE) par koko2012

[DEMANDE] LOGO PARFAIT POUR UN JEU (JE PAYE) par koko2012

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Cherche referenceur astucieux
Budget : 1 500€
Recherche expert advisor sous mql4 hedging
Budget : 200€
Creation boutique en ligne iphone- android - Republication.
Budget : 4 000€

Logiciels

Easy-Planning (1.0.0.1)
EASY-PLANNING (1.0.0.1)

Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ...

Cliquez pour télécharger Easy-Planning
Academy System (17.1.3.0)
ACADEMY SYSTEM (17.1.3.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
COLLECTOR PLUS (3.00B)
COLLECTOR PLUS (3.00B)

COLLECTOR PLUS version 3.00B est un logiciel utilisant une base de données alimentée par : - L...

Cliquez pour télécharger COLLECTOR PLUS
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
LettresFaciles 2011 (8.0.0.1)
LETTRESFACILES 2011 (8.0.0.1)

LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types. Son inte...

Cliquez pour télécharger LettresFaciles 2011