Porte animée

Dans ce tutoriel, vous apprendrez à faire une texture de bois, créer et ouvrir une porte et faire une animation avec la porte.
Pour réaliser ce tutoriel, vous aurez besoin du filtre Eye Candy 4, version démo,
ainsi que du filtre FM Tile Tools, version démo.
Pour installer les filtres, cliquer sur ce lien: Comment installer les filtres
Vous aurez aussi besoin de l'image jardin.jpg, des tubes "chapeau.tub" et "poigneePorte.tub".
Cliquez ici. pour les télécharger.
Décompresser le fichier Tubes.zip et ouvrir les tubes dans Paint Shop Pro 7.

Création de la texture de bois

Ouvrir un calque de 80x80 pixels avec fond blanc

Cliquer sur Fichier/Nouveau...
Création d'une texture de bois avec le filtre Eye Candy ou utilisez une texture que vous avez dans vos images.

Cliquer sur "Effets/Filtres Plug-in.../EyeCandy4000/Wood..."

Inscrire les mêmes propriétés que l'exemple qui suit ou choisir la couleur de votre choix

Ici, nous allons appliquer le filtre Seamless Tile pour enlever la démarcation de la texture.

Cliquer sur "Effets/Filtres Plug-in.../FM Tile Tools/Seamless Tile..."

Inscrire les mêmes propriétés que l'exemple qui suit (ne pas oublier de cocher "Vertical"

Création de la porte

Ouvrir un nouveau calque de 140x250 pixels avec fond transparent

Cliquer sur Fichier/Nouveau...

Mettre dans votre texture de bois dans le Motif de Style
(voir exemple qui suit)

Appliquer la texture sur le calque de 140x250 avec l'outil Pot de peinture

Construction de la fenêtre

Ouvrir un nouveau calque de 25x96 pixels avec fond transparent

Appliquer la texture de bois sur ce calque avec l'outil Pot de peinture

Ouvrir un autre calque de 25x30 pixels avec la couleur d'arr-plan "vert"

Copier 3 fois votre calque vert sur le calque de 25x96 comme nouveau calque
(voir exemple qui suit)

Fusionner les calques visibles

Ouvrir un autre calque de 81x96 pixels avec fond transparent

Appliquer la texture de bois sur ce calque avec l'outil Pot de peinture

Copier 3 fois le calque 25x96 sur le calque 81x96 pixels comme nouveau calque

Fusionner les calques visibles
(voir exemple qui suit)

Copier ce calque sur le calque 140x250 de la porte
(voir exemple qui suit)

Fusionner les calques visibles

Avec la baguette magique, sélectionner les parties vertes en maintenant le touche "shift" enfoncée

Appuyer sur la touche "Suppr" de votre clavier pour effacer le vert
(voir exemple qui suit)

Ne pas désélectionner

Cliquer sur "Effets/Effets 3D/Biseautage extérieur..."

Inscrire les mêmes propriétés que l'exemple qui suit (ne pas oublier de cocher "Vertical"

Cliquer sur "Sélections/Désélectionner"

Cliquer sur l'outil "Sélection"

Tracer un rectangle autour de la fenêtre avec "Progressivité à 0 et anti-alias non coché
(voir exemple qui suit)

Refaire un biseautage extérieur avec les mêmes propriétés

Cliquer sur "Sélections/Désélectionner"

Nous allons maintenant faire le bas de la porte

Avec l'outil Sélection, tracer un rectangle de 35x90 comme l'exemple qui suit

Faire un biseautage extérieur avec les mêmes propriétés que l'exemple qui suit

Faire un biseautage intérieur

Inscrire les mêmes propriétés que l'exemple qui suit

Cliquer sur "Sélections/Désélectionner"

Refaire un autre rectangle de 16x60 au centre du premier comme sur l'exemple qui suit

Cliquer sur "Effets/Filtres Plug-in.../EyeCandy4000/Bevel Boss..."

Inscrire les mêmes propriétés que l'exemple qui suit

Cliquer sur "Sélections/Désélectionner"
Répéter les mêmes étapes pour faire les rectangles de droite
Voici le résultat:

Copions maintenant les tubes du chapeau, de la poignée et de la barrure
Faire une copie de la porte

Cliquer sur l'icône "Copier" dans le menu

Cliquer sur l'icône "Coller comme nouvelle image"

Sélectionner la poignée avec l'outil Sélection
(voir exemple qui suit)

Copier la poignée à la gauche de la première porte comme nouveau calque

Cliquer sur "Effets/Filtres Plug-in.../EyeCandy4000/Shadowlab..."

Inscrire les mêmes propriétés que l'exemple qui suit

Sélectionner la barrure avec l'outil Sélection

Copier la barrure en haut de la poignée sur la première porte comme nouveau calque

Refaire le Shadowlab du filtre Eye Candy avec les mêmes données

Copier maintenant la poignée, la barrure mais cette fois-ci à la droite de la seconde porte

Refaire le Shadowlab du filtre Eye Candy avec les mêmes données

Copier maintenant le chapeau.tub sur chacune des portes

Refaire le Shadowlab du filtre Eye Candy avec les mêmes données

Fusionner les calques visibles sur chacune de porte
(voir exemple qui suit)

Montage du cadre de la porte de jardin

Ouvrir un calque de 300x300 pixels avec l'arr.-plan transparent

Copier les 2 portes côte à côte comme nouveau calque
(voir exemple qui suit)

Fusionner les calques visibles

Cliquer sur "Calques/Nouveau calque bitmap..."

À la base des portes, dessiner un rectangle de 300x12 pixels

Appliquer la texture de bois avec le pot de peinture

Faire un biseautage intérieur

Inscrire les mêmes propriétés que l'exemple qui suit

Cliquer sur "Effets géométirques/Perspective verticale..." Taper 6

Cliquer sur "Sélections/Désélectionner"

Cliquer sur le calque "Fusionné" dans la palette de calque

À la gauche des portes, dessiner un rectangle de 12x250 pixels

Appliquer la texture de bois avec le pot de peinture

Faire un biseautage intérieur

Inscrire les mêmes propriétés qu'auparavent, sauf l'angle qui devra être de "252"

Ne pas désélectionner

Cliquer sur "Edition/Copier"

Cliquer sur "Edition/Coller/Comme sélection transparente"

Déplacer la sélection à la droite des portes avec l'outil Déplacement.

Cliquer sur "Sélections/Désélectionner"

En haut des portes, dessiner un rectangle de 300x12 pixels

Appliquer la texture de bois avec le pot de peinture

Faire un biseautage intérieur

Inscrire les mêmes propriétés qu'auparavent, en remettant l'angle à "306"

Cliquer sur "Sélections/Désélectionner"

Fusionner les calques visibles

Cliquer sur l'icône "Copier" dans le menu

Cliquer sur l'icône "Coller comme nouvelle image"
(voir exemple qui suit)

Nous allons faire ouvrir la porte en créant une animation

Refaire une copie de votre porte

Sur une des copies, sélectionner les portes avec l'outil Séletion

Cliquer sur l'icône "Copier" dans le menu

Cliquer sur l'icône "Coller comme nouvelle image"

Sur la même copie où la sélection qui a été faite, appuyer sur la touche "Suppr" de votre clavier. Vous n'aurez maintenant que le cadre de la porte.

Cliquer sur "Sélections/Désélectionner"

Sur le calque des portes, sélectionner la porte de gauche avec l'outil Sélection
(voir exemple qui suit)

Cliquer sur l'icône "Copier" dans le menu

Cliquer sur l'icône "Coller comme nouvelle image"

Sur le même calque des portes, faite une inversion pour sélectionner la porte de droite

Cliquer sur l'icône "Copier" dans le menu

Cliquer sur l'icône "Coller comme nouvelle image"

Ouvrir un nouveau calque de 300x273 pixels

Sélectionner l'image jardin.jpg en cliquant sur sa barre de titre

Copier la dans le calque de 300x273 comme nouveau calque

Fusionner les calques visibles

Dupliquer votre calque jusqu'à 2 copies

Renommer les calques comme l'exemple qui suit

Désactiver le calque2 en cliquant sur les lunettes
Calque1

Cliquer sur le calque1 pour l'activer

Récupérer le calque de la copie de votre porte et la copier sur le calque1 comme sélection transparente

Cliquer sur "Sélections/Désélectionner"
(voir exemple qui suit)

Désactiver le calque1 en cliquant sur les lunettes
Calque2

Cliquer sur le calque2 pour l'activer

Copier sur le calque2, le cadre de la porte comme sélection transparente

Cliquer sur "Sélections/Désélectionner"

Dupliquer 2 fois le calque2 et renommer les calques comme calque3 et calque4

Désactiver les calques 1 , 3 et 4 en cliquant sur les lunettes

Cliquer sur le calque2 pour l'activer

Sélectionner la porte de gauche en cliquant sur sa barre de titre

Cliquer sur "Effets/Effets géométriques/Perspective horizontale..."

Inscrire 10 à %Différence

Cliquer sur "Image/Redimensionner..."

Ne pas cocher "Garder la proportion de"

Inscrire dans hauteur = 248 et largeur = 128

Copier la porte sur le calque2 comme sélection trasparente

Bien placer la porte sur le cadre de gauche avec l'outil Déplacement

Cliquer sur "Sélections/Désélectionner"

Sélectionner la porte de droite en cliquant sur sa barre de titre

Cliquer sur "Effets/Effets géométriques/Perspective horizontale..."

Inscrire -10 à %Différence

Cliquer sur "Image/Redimensionner..."

Ne pas cocher "Garder la proportion de"

Inscrire dans hauteur = 248 et largeur = 128

Copier la porte sur le calque2 comme sélection trasparente

Bien placer la porte sur le cadre de droite avec l'outil Déplacement

Cliquer sur "Sélections/Désélectionner"

Désactiver le calque2 en cliquant sur les lunettes
Calque3

Cliquer sur le calque3 pour l'activer

Sélectionner la porte de gauche en cliquant sur sa barre de titre

Cliquer sur "Effets/Effets géométriques/Perspective horizontale..."

Inscrire 15 à %Différence

Cliquer sur "Image/Redimensionner..."

Ne pas cocher "Garder la proportion de"

Inscrire dans hauteur = 248 et largeur = 108

Copier la porte sur le calque3 comme sélection transparente

Bien placer la porte sur le cadre de gauche avec l'outil Déplacement

Cliquer sur "Sélections/Désélectionner"

Sélectionner la porte de droite en cliquant sur sa barre de titre

Cliquer sur "Effets/Effets géométriques/Perspective horizontale..."

Inscrire -15 à %Différence

Cliquer sur "Image/Redimensionner..."

Ne pas cocher "Garder la proportion de"

Inscrire dans hauteur = 248 et largeur = 108

Copier la porte sur le calque3 comme sélection transparente

Bien placer la porte sur le cadre de droite avec l'outil Déplacement

Cliquer sur "Sélections/Désélectionner"

Désactiver le calque3 en cliquant sur les lunettes
Calque4

Cliquer sur le calque4 pour l'activer

Sélectionner la porte de gauche en cliquant sur sa barre de titre

Cliquer sur "Effets/Effets géométriques/Perspective horizontale..."

Inscrire 30 à %Différence

Cliquer sur "Image/Redimensionner..."

Ne pas cocher "Garder la proportion de"

Inscrire dans hauteur = 248 et largeur = 58

Copier la porte sur le calque4 comme sélection transparente

Bien placer la porte sur le cadre de gauche avec l'outil Déplacement

Cliquer sur "Sélections/Désélectionner"

Sélectionner la porte de droite en cliquant sur sa barre de titre

Cliquer sur "Effets/Effets géométriques/Perspective horizontale..."

Inscrire -30 à %Différence

Cliquer sur "Image/Redimensionner..."

Ne pas cocher "Garder la proportion de"

Inscrire dans hauteur = 248 et largeur = 58

Copier la porte sur le calque4 comme sélection transparente

Bien placer la porte sur le cadre de droite avec l'outil Déplacement

Cliquer sur "Sélections/Désélectionner"

Nous allons sauvegarder ces calques en fichier .PSP

Avant de sauvegarder, activer tous les calques en enlevant le X sur les lunettes

Cliquer sur "Fichier/Enregistrer sous..." et nommer le fichier: porte.psp

Ouvrir Animation Shop pour faire l'animation

Cliquer sur Fichier/Logiciels Jasc Software/Lancer Animation Shop
Dans Animation Shop

Cliquer sur Fichier/Assistant d'animation

Cocher Même taille que la première image

Cliquer sur Suivant

Cocher Transparente

Cliquer sur Suivant

Cocher Angle supérieur gauche du cadre

Cocher Avec la couleur du support

Cliquer sur Suivant

Cocher Oui, répéter indéfiniment l'animation

Taper 15 à Durée d'affichage

Cliquer sur Suivant

Cliquer sur Ajouter l'image
Localiser votre fichier porte.psp sur votre disque dur

Sélectionner le fichier

Cliquer sur Ouvrir

Cliquer sur Suivant

Cliquer sur Terminer

Cliquer sur l'image: 1:1 D:15 avec le bouton gauche de la souris pour la sélectionner

Cliquer sur "Edition/Copier"

Cliquer sur "Edition/Coller/Après l'image active"

Copier une seconde fois la même image

Cliquer sur l'image: 1:5 D:15 avec le bouton gauche de la souris pour la sélectionner

Copier 2 fois l'image: 1:5 D:15 après l'image active
Pour visualiser l'animation

Cliquer sur Affichage/Animation
Pour enregistrer votre porte animée

Cliquer sur "Fichier/Enregistrer sous..."

Taper le nom "porteJardin" en prenant bien soin de ne pas toucher à l'extension .gif

Résultat final...

Bonne création...