Cr ation des pi ces d un puzzle avec photoshop
This presentation is the property of its rightful owner.
Sponsored Links
1 / 26

Création des pièces d'un puzzle avec Photoshop PowerPoint PPT Presentation


  • 88 Views
  • Uploaded on
  • Presentation posted in: General

Création des pièces d'un puzzle avec Photoshop. Nous allons créer un puzzle composé de 16 pièces. Ces pièces seront autant de calques pour créer une animation du type Gif animé dans le programme ImageReady . Création d'un puzzle avec Photoshop (et Photo Filtre ).

Download Presentation

Création des pièces d'un puzzle avec Photoshop

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Cr ation des pi ces d un puzzle avec photoshop

Création des pièces d'un puzzle avec Photoshop

Nous allons créer un puzzle composé de 16 pièces.

Ces pièces seront autant de calques pour créer une animation du type Gif animé dans le programme ImageReady.


Cr ation d un puzzle avec photoshop et photo filtre

Création d'un puzzle avec Photoshop (et Photo Filtre)

Dans le dossier Mes Images (ou ailleurs !)

Créer un dossier pour votre travail

Ici "Venise Puzzle"


Choix de l image

Choix de l'Image

  • Choisir une Image de dimensions et poids adéquats.

  • Noter ses dimensions et sa résolution.

  • Ici L 563 pixels et H 484 pixels en 98 pixels pouce


Photo filtre

Photo Filtre

  • Photo Filtre est programme Photo connu. Il est gratuit et possède des outils intéressants.

  • Ici c'est l'outil Puzzle qui nous va bien !

http://www.photofiltre.com/


Dans photo filtre faire fichier ouvrir ouvrir la photo jpeg carnaval ou votre photo

Dans Photo Filtre faire Fichier/ouvrir.Ouvrir la photo jpeg "Carnaval" ou votre photo !

  • La photo ouverte dans Photo Filtre,

    faire "Enregistrer Sous" et l'enregistrer dans ce

    même dossier mais en gif, c'est cette image gif qui va nous servir.

  • Inutile bien sûr, si votre image est déjà dans le format gif.

  • Fermer ensuite le fichier.


Cr ation du masque de pi ces puzzle

Création du masque de pièces puzzle

  • L'espace de travail de Photo Filtre étant vide, faire Fichier/Nouveau.

  • Entrer les dimensions et la résolution notées précédemment et qui sont celles de notre Image "Carnaval".


Cr ation du masque de pi ces puzzle 2

Création du masque de pièces puzzle 2

  • Notre nouvelle Image vierge étant là, faire :

    Filtre/Esthétique/Puzzle.

  • Dans la nouvelle fenêtre, indiquer la couleur et la taille des pièces du puzzle (attention de ne pas en mettre trop !)


Enregistrement des masques

Enregistrement des masques

  • Enregistrer ce masque une première fois sous "Pièces-1.gif et une seconde fois sous "Pièces-2.gif"

  • Il y a maintenant 3 Images gif dans ce dossier.

Fermer Photo Filtre et ouvrir Photoshop


Photoshop

Photoshop

  • Ouvrir les trois Images Carnaval, Pièces-1 et Pièces-2.

  • Convertir ces 3 Images de "Couleurs indexées" à "Couleurs RVB".

  • Rappel. Faire : Image/Mode/Couleurs RVB


Cr ation de l image 2 calques

Création de l'Image à 2 calques

  • Les 3 Images étant dans l'espace de travail, prendre l'outil "Déplacement".

  • Se positionner sur l'Image "Carnaval" et la faire glisser sur l'Image "Pièces-1"; cette dernière étant de la même taille doit recouvrir la première.

  • Dans la fenêtre de droite "Calques", doivent apparaîtrent 2 calques.


Mise en r serve de pi ces pouvant servir la composition

Mise en réserve de pièces pouvant servir à la composition

  • Créer une nouvelle Image :

    En indiquant la taille, la résolution,

    la transparence… en RVB.

  • La résolution doit être de préférence identique à celle de l'image d'origine.

  • (Ici 98 pp)

  • Cette mise de côté est facultative. Mais elle vous servira si vous souhaitez faire une illustration à l'aide de quelques pièces.


Il y a maintenant 4 images ouvertes dans l espace de travail

Il y a maintenant 4 Images ouvertes dans l'espace de travail.

Ici la dernière Image créée pour y déposer 2 ou 3 pièces pour la composition

Ici le modèle pour rappel

Ici nous allons déposer une à une chaque pièce prélevée à droite en nous aidant du modèle pour les placer au bon endroit !

Ici 2 calques pour créer les pièces


M thode

Méthode

  • Il s'agit d'utiliser alternativement les outils suivants :

  • Déplacement

  • Afficher/Masquer le calque

  • et

  • Baguette magique


S lection de la pi ce

Sélection de la pièce

  • L'Image "Pièces-1" étant active.

  • 2 calques sont visibles dans la fenêtre "Calques"

  • Cliquer sur le petit œil du calque 1

  • L'Image "Carnaval" (Calque 1) se trouve masquée et les "Pièces-1" apparaissent.

  • Sélectionner alors l'outil "Baguette Magique"

  • Cliquer dans l'une des pièces de façon qu'une sélection soit créée et que nous puissions l'utiliser.


Cr ation des pi ces dun puzzle avec photoshop

  • Sans désélectionner:

  • Cliquer de nouveau sur l'œil du calque noté dans cet exemple "Calque 1" et sélectionnez le.

  • Carnaval réapparaît avec en surface la sélection crée avant.


D placement de la pi ce pour copie

Déplacement de la pièce pour copie

  • Il s'agit maintenant de reconstituer l'image Carnaval, sur la trame de puzzle de Pièces-2.

  • Nous allons prélever une à une chaque pièce et les déposer sur Pièces-2.

  • La première pièce étant sélectionnée :

  • Prendre l'outil déplacement.

  • Se positionner sur la sélection.

  • D'un clic gauche maintenu faire glisser la pièce vers le bon endroit de "Pièces-2" afin de construire pièce par pièce le Puzzle.

  • Ce peut être aussi vers l'Image vide destinée à recueillir quelques pièces à utiliser pour la composition.

  • Pour mettre en place votre pièce au pixel près, utiliser les flèches du clavier ! (l'outil Déplacement étant toujours sélectionné.)


R p ter l op ration autant de fois qu il y a de pi ces

Répéter l'opération autant de fois qu'il y a de pièces !

  • Un enregistrement en cours peut être fait en faisant :

  • Fichier/ Enregistrer pour le web

  • Il reste ici huit pièces à mettre en place sur Pièces-2

  • De même pour les pièces mises de côté


Fin de copie des pi ces

Fin de copie des Pièces !

  • Vous pouvez mettre à la corbeille :

  • L'Image ayant servi de modèle (Carnaval.gif)

  • L'Image composée de deux calques ayant servi à la copie des pièces.

  • Les pièces ont toute été copiées !

  • Vous avez maintenant dans l'espace de travail :

  • Une Image Carnaval.gif qui a servi de modèle.

  • Une Image.gif avec deux ou trois pièces mises de côté.

  • Une Image.gif (Pièces-2) avec un Puzzle monté, et comportant 16 calques

  • Et enfin Une Image.gif (Pièces-1) ayant servie a la copie des pièces composée de deux calques


Voil quoi devrait ressembler votre travail

Voilà à quoi devrait ressembler votre travail …

Ici trois pièces mises de côté pour illustrer plus tard votre réalisation.

La barre d'outils à été déplacée pour changer facilement d'outils lors des copies.

Ici votre Puzzle monté et à droite tous les calques correspondants aux pièces.


Maintenant un peu de r alisme

Maintenant un peu de réalisme !

Cliquer droit sur un calque.

Choisir "Options de fusion"


La fen tre des param tres de fusion de calque

La fenêtre des paramètres de fusion de calque


Diff rents choix pour que votre pi ce prenne du relief

Différents choix pour que votre pièce prenne du relief

Activer la ligne "Biseautage et estampage"

Essayer différents réglages

A chaque changement, regarder le résultat !


Cr ation des pi ces dun puzzle avec photoshop

Entrer un nom pour votre nouveau style. Par exemple "Puzzle-0" et faire OK

Lorsque vos réglages sont satisfaisants, faire "Nouveau style"

Pour donner le même style à vos pièces :

Sélectionner le calque et cliquer une fois sur le bouton de style.

A répéter sur tout les calques ..

Un nouveau bouton est apparu dans la fenêtre "Styles" il s'appelle "Puzzle-0" !


Cr ation des pi ces dun puzzle avec photoshop

A ce stade je vous conseil d'enregistrer votre travail !Faire : enregistrer sousseul le format .psd est possible; il garde les calques !

  • Ensuite vous pouvez "Aplatir" votre Image pour l'enregistrer en jpeg ou gif ou autres.

  • Une fois aplatie et enregistrée dans le format de votre choix, vous pouvez faire:"Aller vers l'arrière"

  • Vous retrouvez ainsi votre Puzzle et ses calques.


Pour faire une image jpeg ou gif avec des pi ces manquantes

Pour faire une Image jpeg ou gif avec des pièces manquantes.

Reprendre votre Image avec tout ses calques

Cliquer sur l'œil pour masquer le calque (la pièce)

Faire:

"Calques/Aplatir l'image" comme précédemment

Répondre "OK" pour supprimer les calques masqués

Enregistrer alors dans le format souhaité


Cr ation des pi ces dun puzzle avec photoshop

On obtient, à la fin du travail, un Puzzle décomposé en calques.Utilisables aussi bien pour la réalisation de montages que pour passer à ImageReady pour faire de l'animation Gif,mais ça c'est un autre didacticiel ….

Bon amusement !

Philippe

Octobre 2006 pour Graphisme en tous genres


  • Login