 |
TutoGame #2 - Créer un logo web 2.0
mardi 29 janvier 2008
par Wonka
  
|
|
Tag associé à ce tutorial |
||
Galerie interne
| ||
|
Beaucoup l’attendent, voici enfin parmi vous le second tutogame WKS. J’ai choisis un thème que beaucoup de monde apprécie et moi le premier, j’espère qu’il va tous vous inspirez. Soyez nombreux à participer, vous avez tous votre chance de gagner et d’être dans les trois meilleurs ! Le thème est donc le Web 2.0 : Ci-dessous je vous donne une méthode simple pour créer un logo style glossy web2.0, vous devrez donc créer un logo dans le style et le poster. La nouveauté cette fois ci : vous avez carte blanche avec pour seule contrainte de garder un style très web 2.0 ; pour la définition voir ci-dessous. LES GAGNANTSPour ce second tutogame vous serez gâtés par notre partenaire yatooweb.com, voir le plan ci-dessous.
NOTRE PARTENAIRE YATOOWEBYatooWeb est un site d'informations et de conseils spécialisé dans le secteur de création de site. A chaque étape de votre création (graphisme, programmation, marketing et référencement), vous trouverez de nombreux articles et outils d'analyses. Yatooweb c'est également un forum mis à votre disposition, que vous soyez débutant ou expérimenté, afin de vous aider dans la réalisation de votre projet de site web. DUREE DU CONCOURSLe concours commence aujourd’hui même (le 29/01/2008) et se terminera le 29/02/2008, soit un mois complet pour déposer vos illustrations directement dans un commentaire (voir en bas de page). ASTUCE POUR REUSSIRVous pouvez télécharger le fichier source template photoshop pour y inclure votre image, cela vous permet de créer une composition en quelques minutes et ainsi de participer au TutoGame ; cependant la manœuvre n’est pas très originale. Vous avez la possibilité :
REGLE DE PARTICIPATION
Vous avez la possibilité de participer plusieurs fois ! Le style web 2.0 ? C’est l’utilisation des reflets, des jeux de lumières, des contours et des dégradés. C’est tout une ambiance qui fait fureur sur les sites internet de nouvelle génération ! Si vous n’êtes pas certain d’y arriver, lancez vous, jouez avec les effets.....vous arriverez sans doute à vous en sortir PARTICIPATIONPour participer, il suffit de créer une composition suivant les règles ci-dessus, ensuite poster votre composition grâce au formulaire de galerie présent en haut de page, puis incrustez le code dans un commentaire que vous posterez ! DONNER VOTRE AVISVous avez également la possibilité de donner votre avis sur les compositions des autres, pour cela utilisez les commentaires, mais cliquez sur le lien « répondre à ce message », et non « Laisser un commentaire sur ce tutorial ». FICHIER SOURCE PHOTOSHOP - TEMPLATEVous pouvez utiliser le fichier source ci dessous pour participer au concours :
LE TUTORIALEt maintenant voici ce qui nous intéresse le plus, le tutorial … ETAPE 1 J’ouvre un nouveau document de 500 pixels de côté Fichier > nouveau document > ok. J’utilise l’outil ellipse pour créer un rond au centre de mon image (astuce pour créer un rond parfait, je garde la touche shift enfoncée). Ensuite avec l’outil texte j’ajoute mon titre ainsi que l’url de mon site ou mon slogan. ETAPE 2 Je fais des styles de calques sur mon ellipse : calques > style de calque > contour. Puis une incrustation de dégradé et une lueur interne. Astuce pour retrouver les différents styles : je télécharge le fichier PSD disponible au téléchargement en haut de cette page. ETAPE 3 Je crée un nouveau calque. Avec un pinceau très diffus je crée une lueur claire sur le bas de mon ellipse. ETAPE 4 Même chose avec une lueur foncée en haut à droite de mon ellipse. ETAPE 5 Je crée un nouveau calque, je récupére la sélection de mon ellipse puis je remplis cette sélection avec le pot de peinture : orangé très saturé. Avec l’outil sélection ellipse je crée un rond sur le bas puis je supprime pour avoir un résultat comme ci-dessous. ETAPE 6 Je crée un nouveau calque par-dessus tous les autres. Je récupère à nouveau la sélection de mon ellipse puis je dilate la sélection de 3 pixels (égale à la largeur du contour placé sur l’ellipse). J’intervertis ma sélection (sélection > intervertir) puis je la remplis de blanc. ETAPE 7 Je crée un nouveau calque par-dessus (ombre). Puis je récupère la sélection de mon ellipse, je la remplis de noir puis je le décale sur le bas à sur la droite. Je crée une bordure blanche, pour cela je récupère la sélection de mon rond, je la déplace de quelques pixels en bas puis à droite et je supprime. Je n’oublie pas de baisser l’opacité de l’ombre à 10%. ETAPE 8 J’ajoute simplement mon petit logo par-dessus tout le monde. ETAPE 9 Attention un peu compliqué ETAPE 10 Reflet 1 : Je crée un nouveau calque par-dessus, puis je récupère la sélection de ma première ellipse, je remplis la sélection de blanc. Je décale la sélection de 10 pixels vers le haut puis je supprime. Avec l’outil ctrl + t (transformation manuelle) je réduis en largeur mon reflet, puis je le déplace de quelques pixels vers le haut. J’utilise maintenant un masque de fusion (calque > masque de fusion > tout faire apparaitre) pour camoufler légèrement le haut. ETAPE 11 Avec l’outil plume je crée une forme qui sera mon reflet 2. Je récupère ensuite la sélection de mon ellipse, j’intervertis, je supprime. J’utilise un masque de fusion pour camoufler le bas. ETAPE 12 Avec un pinceau diffus de tailles différentes je crée sur un nouveau calque deux points blanc en bas à droite. ETAPE 13 Je crée mon reflet 3 : je crée un nouveau calque, puis je récupère la sélection de mon ellipse, je remplis cette sélection de blanc puis je déplace la sélection de 15 voir 20 pixels sur la droite. Avec l’outil ellipse de sélection je supprime le bas de mon reflet 3, puis j’utilise un masque de fusion pour le camoufler légèrement. ETAPE 14 J’ajoute un troisième petit point blanc sur un nouveau calque.
Voila c’est terminé, je vous souhaite beaucoup d’imagination. Bonne chance à tous | ||
|
| ||
| ||
.
