Comment les logos Web 2.0 sont-ils dessinés (Photoshop)

Vous êtes-vous déjà demandé comment ces gars dessinent leurs logos Web 2.0? Parfois, il est agréable d’apprendre des autres, d’acquérir les compétences de base et de créer sa propre créativité à partir de là. Dans ce didacticiel Photoshop, je vais vous révéler quelques-uns des sympathiques logos Web 2.0. Vous apprendrez comment dessiner leur logo exactement de la même façon (enfin, pas vraiment à 100%) avec Photoshop..

1. Téléchargez et installez le fichier de style

Tout d'abord, vous devrez télécharger un style que j'ai créé et le charger dans Photoshop..

1. Téléchargez le style Photoshop ici. (Clic droit -> Enregistrer sous)
2. Pour les utilisateurs de Photoshop CS2, mettez ce fichier de style dans “C: \ Programmes \ Adobe \ Adobe Photoshop CS2 \ Paramètres prédéfinis \ Styles” Photoshop d'autres versions, mettez le fichier à l'intérieur Presets \ Styles

2. Style de charge

Appelez votre boîte de dialogue Style dans Photoshop

1. les fenêtres -> modes
2. Remarquez un petit bouton fléché dans le coin supérieur droit. Cliquez dessus et sélectionnez Styles de charge du bas vers le bas
3. Trouver web20 dans la liste et cliquez sur Charge. Si vous ne trouvez pas web20, essayez de fermer Photoshop, rouvrez-le, répétez l'étape 1.
4. Cliquez à nouveau sur le bouton fléché et sélectionnez Grande liste de descendre

Votre résultat devrait ressembler à l'image ci-dessous.

3. Les six logos Web 2.0

Voici six logo Web 2.0; MyBlogLog, Imified, Mixd, Skype, Linked In et Go2Web20. Le style que vous venez d'installer va révéler comment les dessiner. Je vais passer à travers “mixd” et “Go2Web20” logos, le reste ne fait que réutiliser la même technique.

4. Comment dessiner

La raison pour laquelle j'utilise Style ici est qu’une fois enregistrés dans un fichier .asl (le fichier que vous avez téléchargé), ils sont pratiques à appliquer. Allons dessiner certains de ces logos.

Dessin mixd Logo

Observation initiale, le logo mixd est composé de

1. “mixd” texte
2. rectangulaire arrondi
3. petit point
4. petit point

Nous les dessinerons grossièrement dans Photoshop, chaque élément étant dans un calque différent, comme illustré dans l'image ci-dessous..

Maintenant, voici le truc. Chercher “étiquette mixd” dans le Dialogue de style. Faites-les glisser directement vers le calque d'arrière-plan, le petit calque de points et le calque de points plus petit, respectivement. Si vous les faites glisser correctement, vous remarquerez que le calque héritera désormais des couleurs et du mélange du style. Trouver “mixd-font” dans Dialogue de style, faites-le glisser sur le calque de texte et votre logo mixd est terminé à 90%, comme l'original.

Dessin Go2Web20 Logo

Avoir 4 nouveaux calques créés, chacun pour “ALLER“, “2“, “WEB” et “2.0“

Traîne “go2web20-purple” de dialogue de style dans “ALLER” Et “WEB”, traîne “go2web20-green” dans “2” Et “2.0” et vous obtiendrez cette sortie finale.

Pour le reste (MyBlogLog, imified, skype et Linked In), il s’agit de faire glisser leur style respectif et de le faire correspondre à la police appropriée..

5. Conclusion

Si vous regardez dans le Options de fusion de chaque style, vous remarquerez que la plupart des logos Web 2.0 permettent de jouer avec des dégradés, des traits avec la combinaison des polices appropriées. Cela ne peut pas le “exact” Ainsi, comment ces gars-là ont fait leur logo, mais c’est au moins un moyen de le réaliser. Je ne vous encourage pas à simuler leur style et à redessiner votre logo, mais essayez de le comprendre et espérons que vous pourrez créer un joli logo Web 2.0 épuré. J'aime mettre mes dessins dans Style (.asl), je peux les réutiliser quand je le veux.