Saga Twitter 2 - Créer une affiche twitter follow me !

Voici la seconde partie de notre saga twitter sur Wks.fr ! Ce tutoriel pour Photoshop vous permettra de créer une affiche dont la thématique sera bien évidemment twitter, en utilisant dégradé, texture et autres illustrations. A essayer si vous êtes fan de twitter ;)

Attention vous avez une partie 1 à ce tutoriel, cliquez ici pour y accéder !

Pour réaliser ce tutoriel vous aurez besoin, du fichier téléchargeable à cette adresse : http://www.productivedreams.com/its-twitter-time-free-vector-icon-set/

Ensuite vous utiliserez Photoshop pour créer ce montage. Voici le résultat final :

ETAPE 1

J’ouvre le logiciel Photoshop puis je crée un nouveau document sur fond blanc. Dans mon exemple j’ai utilisé une image d’une taille de 600pixels de large sur 840pixels de haut.

ETAPE 2

Je crée un nouveau calque. J’utilise le pot de peinture pour le remplir d’une couleur quelconque. J’ajoute un style de calque, menu calques > styles de calque > incrustation de dégradé.

Voir la configuration ci-dessous.

ETAPE 3

Je vais maintenant créer un motif, pour cela je crée un nouveau document de 9px de côtés, puis je crée un petit carré noir en bas à gauche. Comme ci-dessous :

Je fais attention à conserver le fond transparent. Ensuite pour valider le motif je vais dans le menu édition > utiliser comme motif.

Ensuite je crée un nouveau calque et je remplis ce calque en utilisant l’outil pot de peinture (en sélectionnant motif dans le menu déroulant du type de remplissage).

ETAPE 4

Je vais maintenant cacher discretement le centre de la texture en motif, pour cela je vais utiliser un masque de fusion. Je vais donc dans le menu calque > masque de fusion > tout faire apparaitre.

Je sélectionne l’outil pinceau ou l’outil dégradé radial et la couleur noire. Enfin je crée un gros point noir diffus au milieu de façon à cacher la partie centrale (souvenez vous sur un masque de fusion la partie noire se cache tandis que la blanche apparait).

ETAPE 5

Je vais maintenant m’occuper à créer une lueur bleutée au centre de mon image. Pour cela je commence par créer un nouveau calque. Puis en utilisant l’outil ellipse de sélection je crée un ovale bleu.

ETAPE 6

Je duplique une ou deux fois ce calque. Et sur chacun d’eux j’utilise un flou gaussien.

Je peux par exemple utiliser un flou gaussien de 10px puis de 8 puis de 5.

Le but étant de créer une lueur comme ci-dessous.

ETAPE 7

J’importe le fichier graphique dans Photoshop puis d’un copier-coller je l’ajoute à ma composition.

(pour trouver l’illustration rendez vous sur cette page : http://www.productivedreams.com/its-twitter-time-free-vector-icon-set/)

ETAPE 8

Je crée un nouveau calque. Je récupère ma sélection en appuyant simultanément sur Ctrl + un clic sur le calque de l’oiseau.

ETAPE 9

J’appuie sur Ctrl + T et je reduis la forme noire vers le bas. Voir l’image ci-dessous.

ETAPE 10

Je fais passer l’ombre par-dessous le calque oiseau, et je lui applique un flou gaussien de 5px (menu filtre > atténuation > flou gaussien).

ETAPE 11

J’ajoute un slogan par-dessous. J’utilise bien évidemment l’outil texte.

ETAPE 12

Et enfin j’ajoute mon icône de fin.

Pour créer cette icône je vous invite à lire ce tutoriel.

ETAPE 13

Je crée un nouveau calque sous le calque oiseau, et avec le brush des nuages je crée quelques nuages blancs.

Vous trouverez sur cette page un tas de brushs de nuages : http://qbrushes.com/ ?s=cloud

ETAPE 14

Pour terminer j’ajoute un masque de fusion sur mon calque des nuages.

Menu calque > masque de fusion > tout masquer. Avec un large pinceau blanc je crée un point au milieu pour laisser apparaitre les nuages juste au dessus de l’oiseau.

Et voila ma publicité est terminée ! Je trouve l’effet graphique vraiment pas mal ! Maintenant à vous de jouer ;) Si vous rencontrez un problème n’hésitez pas à poster un commentaire ci-dessous pour poser vos questions.

Si vous n’avez pas de problèmes et que vous avez parfaitement réussi, j’espère que vous posterez votre image dans la galerie interne du tutoriel !

Merci à tous d’avoir lu ce tutoriel et merci de votre fidélité sur la communauté Wks.fr !

Saga Twitter Partier 1 clique ici pour accéder à la première partie de cette saga de tutorials ;)

Mot-clés : Photoshop Twitter

Partager cet article avec vos amis

Ajouter un nouveau commentaire

Article publié par Julien DEBOVE

Voir le profil Google+ de

Images Réalisées à partir de ce tutoriel Photoshop

publié par Wonka

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

publiée par Inconnu

Vous avez terminé ce tuto ? Partager votre création graphique.

Il y a 20 commentaires publiés sur cet article
  • Tes fesses.

    Magnifique ! J’essayerais

    Répondre
  • SpaceR

    Yeah pas mal l’effet, et c’est super simple en plus :) Merci

    Répondre
  • Jocelyn

    L’effet est super. J’ai vu que tu t’es admirablement inspiré d’une image que tu avais ajouté il y a quelques jours.

    Le résultat final est splendide. Bravo pour tout ton boulot. C’est très appréciable de pouvoir compter sur des gens comme toi.

    Répondre
  • Wonka

    Oui dans ma galerie d’image d’inspiration sur wks disponible ici : http://www.wks.fr/galerie_inspiration_1.html

    Répondre
  • Informagik

    Simple et efficace des tutos comme on les aiment :)

    Répondre
  • Jocelyn

    Une petite idée de tuto qui pourrait plaire à quelques uns, après à toi de voir Wks. Intégrer une image à l’intérieur des verres de lunettes, pour imiter une sorte de reflet, comme ceci : http://www.festivaldelaglisse.fr/typo3temp/pics/a8d74a1291.jpg

    Voilà, une idée comme une autre. Un gros merci à toi. Continue, c’est parfait !

    Répondre
    • Wonka

      L’idée du reflet dans les lunettes et effectivement une bonne idée. Par contre l’image que tu as montré, j’aime pas trop :/

      Répondre
      • Jocelyn

        Ah oué ? oh bah moi j’aime bien. Ce que je kiff le plus, c’est la vache avec la planche de surf. C’est vraiment super stylé.

        Sinon, graphiquement, je suis tombé sur ça : http://www.flashmo.com/store/view-template-2536.html

        J’aime beaucoup le coté rétro et coloré ! Donc voilà si ça peut t’inspirer pour quoi que ce soit :)

        Merci à toi pour ton courage.

        Répondre
  • Fraise Sauvage

    Thanks ! :)

    Voici mon image : http://i398.photobucket.com/albums/pp62/Itsmyrabbit/NOIZEEEE.jpg

    A bientôt .

    Répondre
    • Wonka

      J’ai ajouté ton image dans la galerie du tutorial ;)

      Répondre
  • Fraise Sauvage

    Okay merci , j’avais essayer mais y’a eu un bug , je croyais que l’image était trop grande . =)

    Vivement le prochain tutorial , qui portera sur ?

    Répondre
  • Teepy

    Salut, je sais pas trop comment mettre des images qui te servent d’inspiration donc je l’a met ici... ^^

    Voilà une image que je trouve assez chouette graphiquement http://fc01.deviantart.com/fs30/f/2008/057/3/3/Playstation_3_by_mOsk.jpg

    Si tu pouvais t’en servir pour nous faire un petit tuto ce serai juste magnifique ! ^^

    Sur ce, merci à toi, Wonka, de nous apprendre toutes ces choses sur photoshop !!

    Répondre
    • Jocelyn

      Elle est superbe ton image Teepy. J’adore. J’espère que Wonka pourra s’en inspirer pour nous faire un petit tutoriel. Mais j’adore en tout les cas.

      Répondre
    • Valbuena72

      exact cette image est magnifique

      Wonka a quand un petit tuto ! ^^

      Répondre
  • Valbuena72

    Roo le délire excellent bravo l’originalité wonka

    Valbuena72 anciennement lesloups...

    Répondre
  • PhysX

    tres joliii tuto ! le rendu est genial ! cependant j’eprouve une difficulte ! au moment de creer le motif je fais fichier nouveau 9x9 tres bien ! ensuite je fais mon petit carer nickel ! je fais comme decris et quand je veux lutiliser comme motif en utilisant le pot de peinture cela me rempli mon calque de noir ! pourquoi ? je ne comprend pas !

    mercii et encore joli tuto

    Répondre
    • Wonka

      Oui je pense que tu as surement oublier de sélectionner dans le petit menu déroulant motif au lieu de couleur d’avant plan (à voir dans la barre de configuration horizontale en haut de ton écran).

      Répondre
  • crash68

    Voila mon affiche =D

    [img]http://ekqykw.bay.livefilestore.com/y1pl0SydYF1CQHL_7E3ys7Y8JCwM1xVeP16qNpV Wg4kPPaVD09Y9lwRr2sx6QE5mcXz0IfK8G94GbHSRpkMt73IrA/Follow%20Me%20FC.jpg[/img]

    Répondre
  • athena66

    Super tutoriel , bonne idée sympa et originale , j’en ai fait mon fond d’écran , merci. Le lien pour l’aperçu : http://www.noelshack.com/up/aaa/Fond-dcran-ptit-oiseau-twitter046705.jpg

    Répondre
  • mers

    Salut bon tuto mais j’ai un petit problème, à l’étape 8 je crée un nouveau calque, ensuite je ctrl+clic sur le calque ou il y a l’oiseau, mais celui-ci n’est pas noir, j’arrive pas à trouvé l’option pour mettre la selection tte noir comme l’image du tuto et pour ainsi crée l’ombre de lui même

    Je suis sous CS4 Extanted

    Répondre
Ajouter un nouveau commentaire