Dans ce tuto Photoshop et After Effects nous allons réaliser un compositing de miroir interactif (nommé iMirror en hommage à l'iPhone). Le but est d'ici reproduire un écran tactile futuriste (à l'image de ceux que l'on peut voir dans les films de sciences fiction).
Tous les éléments graphiques seront réalisés sous Photoshop, puis importés dans After Effects afin de les intégrer et les animer.
De très nombreuses techniques sont abordées dans ce tutorial qui comblera les attentes des débutants et des utilisateurs plus expérimentés.
Rendu final obtenu avec ce tuto :
Pendant ce tutorial nous allons apprendre ensemble à créer un miroir interactif à la façon de l'iPhone.
Nous allons créer l'interface entièrement sous Photoshop et nous l'animerons sous After Effects.
Ce tuto est accessible à tous, tout est détaillé pour que même les débutants puisse réaliser cette effet !
Jetez un oeil à ces autres tuto After Effects CS5, Photoshop CS5
Ecriture virtuelle
Dans ce tuto After effects CS5 vous apprendrez à créer une…
Holo-ecran interactif
Dans ce tuto After Effects CS5 vous allez apprendre à réaliser…
Effet d'invisibilité à la…
Dans ce tuto After Effects CS5 compatible avec les autres versions…
Présenter un site en utilisant…
Dans ce tuto After Effects CS5 (compatible CS4 et CS3), vous…
Effet d'invisibilité à la…
Dans ce tuto After Effects CS5 compatible avec les autres versions…
After Effects CS5 : La formation…
Dans cette formation vidéo sur Adobe After Effects CS5, vous…
Mocha
Ce tutoriel vous explique comment réaliser un suivi de mouvement…
Outil Roto-pinceau
Ce nouvel outil de rotoscoping permet d'extraire très rapidement…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto After Effects CS5, Photoshop CS5 de 7 heures 4 minutes est proposée dans une résolution plus grande que l’extrait suivant :
LuDOF
a vendu entre 1 et 150 tutos, contributeur.
Étudiants à l'école d'ArtFx de Montpellier. Passionné par le cinéma et ses effets spéciaux.
Tuto du même auteur
Filmez avec un reflex Canon qui n'a pas le mode vidéo
Bonjour à toutes et à tous, je vous propose dans ce petit tutorial gratuit de découvrir Eos Camera…
Notes attribuées par les utilisateurs
Les avis / Questions des utilisateurs
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto After Effects CS5, Photoshop CS5 d’une durée de 7 heures 4 minutes a reçu une note moyenne de 5/5.
Ce tuto a été publié par LuDOF, contributeur, ayant reçu une note moyenne de 4,8/5 pour l’ensemble de ses vidéos.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto qui se présente sous la forme d’une vidéo,
vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.
Choisissez parmi 10857 tuto classés dans nos 138 logiciels ou parmi nos thématiques. 
(n'a pas acheté le tuto)
" hello
ce tuto est il realisable avec la version CS4 ?
l'extrait et la demo sont en tout cas tres bien réalisé "
(auteur de ce tuto)
" Oui tout a fait, il est même réalisable avec les versions antérieure jusqu'à la 7 et même antérieur je pense. :) "
(n'a pas acheté le tuto)
" yes éxélent l'idée est vraiment originale !! "
(auteur de ce tuto)
" Merci :) "
(n'a pas acheté le tuto)
" super rendu, par contre sous after il ne faut pas de plugin particulier? "
(auteur de ce tuto)
" Effectivement, j'ai oublié de préciser qu'il n'y a aucun plugin d'utilisé à part ceux qui sont intégrés à AE. J'utilise uniquement des outils qui sont d'origine dans AE. "
(n'a pas acheté le tuto)
" Une video très bien construire et une bonne idèe principale. Bien jouè "
(a acheté le tuto)
" Bonjour,
Merci pour ce tutoriel, l'idée est très originale et le rendu final très impressionant.
J'ai cependant un problème, après avoir téléchargé votre tuto j'ai pu télécharger un zip avec les fichiers sources (l'interface en psd et trois dossiers : références, ressources et son) mais le problème est que dans aucun des ces dossiers ne figure les rushs de base et lorsque je clique sur pièces jointes depuis le player tuto.com mon navigateur internet ouvre une page tuto.com avec écrit "erreur 404 cette page n'existe pu ;-(".
Je ne peux donc pas travailler sur ce tutoriel que j'ai pourtant acheté. N'y aurait-il pas un moyen de pouvoir se procurer ces rushs autrement svp ?
En espérant que vous puissiez m'aider, merci d'avance.
Peanut "
(auteur de ce tuto)
" Bonjour, alors effectivement j'ai dû oublier les rushs, je m'en excuses, je vais rectifier ceci dès ce soir ou au plus tard demain (dès que j'ai accès à mon ordinateur)
Soit je change le zip, soit je donnerais un lien vers les fichiers à télécharger :) "
(auteur de ce tuto)
" Peanut > J'ai changé le fichier zip, par contre peut être qu'il n'est pas encore disponible. "
(a acheté le tuto)
" En fait je crois que comme je l'ai téléchargé il y a 3 ou 4 jours, je n'ai plus le délai de 50h qui suit l'achat pour le télécharger. Du coup en cliquant sur obtenir pièces jointes via le player il me marque "erreur 404 cette pas n'existe plus ..." et je crois que c'est parce que mon délai est expiré.
Désolé de vous embêtez encore une fois mais pourriez vous me fournir plutôt un lien megaupload par exemple svp ?
Sinon, je viens tout juste de finir la partie 1 sur photoshop et le rendu est vraiment superbe, le tout étant vraiment bien expliqué. Félicitations ;)
Bonne journée,
Peanut "
(a acheté le tuto)
" Au temps pour moi, je viens de m'apercevoir que le zip pouvait être téléchargé depuis le site en passant par le compte
Merci pour les vidéos.
Une toute petite suggestion, pour le style de calques qui s'applique au bouton déclencheur de l'appareil photo, j'ai essayé à la place de la lueur externe blanche une ombre portée à 90° blanche (mode de fusion normal), distance 3 et taille 2, ça colle un peu mieux à logo présent sur l'iPhone
Cordialement,
Peanut "
(auteur de ce tuto)
" Je venais justement de finir de l'uploader, je donne le lien pour ceux qui auront un souci.
http://rapidshare.com/files/406961427/Tuto_iMirror.zip
Sinon, oui ce n'est pas une mauvaise idée ! Il y a plusieurs façon de le faire, le tout est de trouver celle que l'on préfère, celle qui passe le mieux selon nous :)
"
(a acheté le tuto)
" Super tuto là j'ai fini l'interface de l'iPhone et je m'apprete a l'animer dans mon rush !
Tout est bien expliquer et tout y est dit clairement ce qui evites quelques retours en arrières !
(J'ai vu sur Vimeo qu'il y a un tuto sur les transitions TF1 . . . et c'est très bien réalisé ! )
Peut - on avoir quelques infos sur sur futur - tuto ?
"
(auteur de ce tuto)
" Merci Hyurt !
Alors oui le tuto est en préparation, il y a déjà une partie d'enregistrée. Cependant pour l'instant je suis bloqué pour enregistrer la suite car j'ai un emploi saisonnier loin de chez moi et donc je n'ai pas accès à mon ordinateur souvent... Du coup soit il sera uploader vendredi soir, soit après le 19 août... "
(a acheté le tuto)
" Merci pour les infos LuDOF !
Vivement que ce tuto soit uploadé ! "
(n'a pas acheté le tuto)
" j'aime beaucoup l'idée !
Et les vidéos d'introduction sont vraiment bien faites !
Bon courage pour la suite ! "
(a acheté le tuto)
" Bonjour,
je voudrais savoir si vraiment tous les fichiers sources sont là
ainsi que les rush's
MERCI D'AVANCE DE VOS REPONSES
"
(a acheté le tuto)
" je prendrai ce tuto mais j'hésite alors rassurez-moi "
(auteur de ce tuto)
" Alors oui je confirme que tous les fichiers sont bien dans le tuto. Tout du moins personnes ne s'est plaind qu'il en manquait. Auquel cas, n'hésitez pas à me me le signaler !
Je vois qu'il n'est plus nécessaire de vous rassurez, j'espère qu'il répondra à vos attentes.
PS : très peu sur internet en ce moment, désolé pour les réponses tardives. "