Création de portes qui s’ouvrent et se ferment

Tout d’abord bonjour. Voici mon premier tuto sur wks, et j’espere que ce ne sera pas le dernier et qu’il vous plaira. Mon tuto consiste à créer une impression « d’ouverture » de porte métallique.

JPG - 126.1 ko

Etape 1 :

Créez un nouveau document de 450* sur 200*, fond blanc. Créez un nouveau calque où vous metterez une photo de votre choix pour mettre en fond de l’image ( c’est celle que l’on vera lorsque les portes s’ouvriront. )

JPG - 188.6 ko

Mon effet n’est pas génial je sais, mais il n’est là que pour montrer le rendu final de l’image ...

Etape 2 : Création des portes.

Créez 2 nouveaux calques. Sélectionnez-en un, prenez lasso poligonale et faites le contour d’une des parties de la porte. Prenez la moitier pour que ce soit bien propotionné. Une fois la 1re partie créée,remplissez la porte de blanc puis allez dans styles, puis sur la petite flèche en haut a droite de la palette, puis dans la liste, sélectionnez Style Web.

JPG - 143.3 ko
JPG - 94 ko

Choisisez un des styles qui conviendrait le mieu à l’effet. Prennez l’autre calque pour faire la 2éme partie de la porte. Voila, votre image est prête, il ne reste plus qu’à faire l’animation.

JPG - 75.9 ko

Etape 3 : L’animation.

Si vous possédez Photoshop CS2, comme moi, passez le tout sous ImageReady. sinon faites le directement avec photoshop.

Tout d’abord, faites un nouveau calque dans la palette animation, puis sur ce second calque, déplacez vos portes de manieres à ce que l’on croie qu’elles se sont ouvertes.

Sélectionnez la 1ere image dans la palette animation, puis cliquez sur l’icône trajectoire. Avec comme options : image suivante, et 5 images. Puis faites OK.

Voila votre image est terminée ! J’espère que le tuto vous a plus. Merci d’avoir fait ce tuto, et donnez vos impressions :)

Article publié par Seeb

Vous aimez cet article? Partagez le !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 8 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 5 mai 2008 17:15, par Wonka

    Sympa comme idée mais :

    Ne pourrais ton pas utiliser un logiciel comme flash pour créer cette animation ?

    Ne trouve tu pas que le contour de tes portes est un peu trop hachurée ?

    N’as tu pas oublier d’ajouter le rendus final (l’animation que tu as créée) ?

    Bonne idée mais le tutorial manque de clarté, d’explication, et de rigeur ;) mais c’est un bon dèbut !

    Répondre
    • 5 mai 2008 19:46, par Seeb

      0ui j’avoue qu’il manque quelques trucs par-ci par-la ... C’est mon premier tuto sois indulgent :) lol.

      Merci en tout cas de ces remarques que j’améliorerais la prochaine fois ...

      Répondre
  • 29 juillet 2008 08:49, par lesloups

    J’aime beaucoup mais je préfère avec flash c’est beaucoup plus précis plus d’effet (si on veux etc..)

    Répondre
    • 26 juin 2009 21:22, par dangerous-osa

      Pour un pro en flash comme toi, oui, mais pour moi... xD

      Répondre
  • 9 mars 2009 22:21

    bonjour j’ai reusi le tuto mais je n’arrive pas a l’enregistrée :-s

    Répondre
  • 6 septembre 2009 18:16, par rayzen

    moi nn plus

    Répondre
  • 30 novembre 2009 17:15, par linfo

    bonjour, merci pour tous ces tutos. Il manque une caractéristique très importante : la version minimale de photoshop qui permet de faite ce tuto chez soi. Pour celui-ci, la version 7.01 ne le permet pas. Merci.

    Répondre
  • 7 mai 2010 03:17, par Xerkes

    J’ai absolument rien compris... Ce tuto pourrait être bien s’il était beaucoup plus détaillé... De plus tu parle de Photoshop CS2 ? Y a le CS4 maintenant (même CS5). Donc si quelqu’un pouvait refaire le même tuto version moderne svp, ça serait vraiment génial ^^

    Merci tout de même, Xerkes.

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.