Les jolies pages du web, les plus beaux sites du web
classement des plus beaux sitesles plus beaux sites du webAccueil joliespagesRecherche de sitesforum joliespagesNewsletter Joliespagescontact joliespagesles plus beaux sites du webclassement des plus beaux sites
classement des plus beaux sites
Google
 
Recherche sur le Web Recherche sur Joliespages
classement des plus beaux sites
logo joliespages
Joliespages
joliespages
Annuaire de joliespagesAnnuaire par catégories
moteur de rechercheMoteur de recherche
Les derniers sites inscrits sur Joliespages - www.joliespages.comLes derniers inscrits
Les premiers sites inscrits sur JoliespagesLes premiers inscrits
Les concepteurs qui ont référencés le plus de créations sur JoliespagesLes concepteurs
Les sites qui ont un nouveau look sur JoliespagesLes relookages
Tous les sites aux couleurs dominantes bleues référencés sur joliespages.comLes couleurs BLEUES
Tous les sites aux couleurs dominantes vertes  sur joliespages.comLes couleurs VERTES
Tous les sites aux couleurs dominantes marronLes couleurs ROUGES
Tous les sites aux couleurs dominantes marronLes couleurs MARRON
Tous les sites aux couleurs dominantes rosesLes couleurs ROSES
Tous les sites aux couleurs dominantes jaunesLes couleurs JAUNES
Tous les sites aux couleurs dominantes orange référencés sur joliespagesLes couleurs ORANGE
Tous les sites aux couleurs dominantes violettes sur joliespages.comLes couleurs VIOLETTES
Tous les sites aux couleurs dominantes blanches sur Joliespages.comLes couleurs BLANCHES
Tous les sites aux couleurs dominantes noires sur Joliespages.comLes couleurs NOIRES
Tous les sites aux couleurs dominantes grisesLes couleurs GRISES
Tous les sites aux couleurs dominantes multiples sur JoliespagesLes couleurs MULTIPLES
couleurs multiplesSite en Français  Site en Anglais  Site en Allemand  Site en Espangol  Site en Italien  Autre  

Membres
Accès membresAccès membres
Devenir membreProposer un site

Photoshop 6
copyBannière animée
copyChanger les couleurs
copyCopyright sur photo
trancheDécoupe des images
fusionFusion des calques liés
gommer par dégradéGommer par dégradé
Gommer sans abîmerGommer sans abîmer
associer deux photos dans une formePhotos dans un cercle
associer deux photos dans une formeScripts
les plus beaux sites web
Tuto
Les tutoriaux référencés sur Joliespages pour lPhotoshop/ImageReady
Les tutoriaux Illustrator référencés sur JoliespagesIllustrator
Les tutoriaux référencés sur Joliespages pour lInDesign
Les tutoriaux référencés sur Joliespages pour lFlash
Les tutoriaux référencés sur Joliespages pour lAfter effects
Les tutoriaux référencés sur Joliespages pour lThe GIMP
Les tutoriaux référencés sur Joliespages pour lPainter
Les tutoriaux ArtRage référencés sur Joliespages ArtRage
Les tutoriaux 3DS Max référencés sur Joliespages3DS Max
Les tutoriaux Php et MySQL qui sont référencés sur Joliespages.Php - MySQL
Les tutoriaux Illustrator qui sont référencés sur Joliespages.CSS
Les tutoriaux Illustrator qui sont référencés sur Joliespages.HTML
Javascript
Tutoriaux divers

tutoriauxRecherche tutoriaux
tutoriauxProposer un tutorial

Dossiers
cahier des chargesCahier des charges
copyrightCopyright
référencementRéférencement
balises METABalises <META>
iso 8859-1Norme ISO 8859-1

Astuces
codes couleursAvoir les codes RVB
Mettre une photo ou image dans une celluleCellules papier peint
infobulle imageInfobulle sur image
quiz phpPetit quiz en PHP
redirection de pageRedirection de Page
redirection de pageVisionneuse

Joliespages
Forum de joliespagesForum
Newsletter de joliespagesNewsletter
ContactContact
Faire un lienFaire un lien
Recommander ce siteRecommander ce site

Partenaires
partenairesTous les partenaires
partenairesMyphphost.net
partenairesEspricrea
partenairesNotoOn.com
partenairesCreation-Flash
partenairesGT Liens
partenairesJN-Forum
partenairesMa Maison de A a Z
partenairesTurquie Aras
partenairesAtoutsweb
partenairesPsdmag
partenairesAilleur Production
partenairesHorslimite.net
partenairesScience-et-vie.net
partenairesBoobup
partenairesreferencement-fr
partenairesAnnuaire des Gites
partenairesMincoin
partenairesGraphilab
partenairesEgao
partenairesTabs 4 acoustic
partenairesCreation-Flash
partenairesImplisite
partenairesWeb-Arts-Gallery
partenairesLes Entreprenautes
partenairesELODIE FREGE
partenairesPicture & co
partenaireshorslimite.net
menu

photoshop  
cerclePlacer une photo dans une forme : cercle, carré, ovale...
Dans cet exemple nous allons associer deux photos dans une forme.
Détail du tutorial : Ouvrir un nouveau document, créer un nouveau calque, créer un cercle rond net, créer un deuxième cercle, lier les cercles entre eux, aligner les cercles centres au sens vertical et centres horizontaux, ajouter une photo dans la Fenêtre Calques, placer la photo dans le second cercle, ajouter une seconde photo et la placer dans le second cercle également.
  Associer au calque précédent
cercle


Pour faire cet exercice vous avez besoin des 2 photos des enfants, pour les télécharger en fichier zip photos-pour-exo-cercle.zip (88 Ko), ou y accéder directement photo de la petite fille et photo du petit garçon.

A la fin de ce tutorial vous avez la possibilité de télécharger le fichier complet.

-   Etape  1 : Nouveau document
-   Etape  2 : Créer un cercle
-   Etape  3 : Créer un second cercle plus petit
-   Etape  4 : Rajouter une image extérieure dans la fenêtre Calques
-   Etape  5 : Associer une image au calque précédent
-   Etape  6 : Associer une deuxième image au calque précédent

   Etape  1 : Nouveau document
Nous allons travailler dans un nouveau document :
Fichier > nouveau > Dans la boîte de dialogue => Nom : cercle - Largeur : 500 pixels - Hauteur : 500 pixels puis cliquer sur OK

nouveau

Dans la fenêtre Calques vous obtenez un arrière plan blanc.

Nous allons maintenant créer un nouveau calque pour faire notre premier cercle :
Fenêtre Calques > cliquer sur créer un nouveau calque.

Fenêtre calques

Fenêtre Calques > un nouveau calque apparaît => se nomme automatiquement "Calque 1".

Fenêtre calques

   Etape  2 : Créer un cercle

Choisir la couleur grise en premier plan et noire en second sur l'outil "sélecteur couleurs"sélecteur couleurs

Prendre l'outil "Ellipse"ellipse

Sélectionner en haut de Photoshop l'option Pixels remplissage
pixels remplissage

Faire un cercle comme sur l'exemple.
Pour avoir un rond impeccable vous devez juste appuyer sur la touche SHIFT de votre clavier en faisant le cercle (sans lâcher la souris) .
Pour déplacer une forme que vous êtes en train de faire (sans lâcher la souris) > appuyer simultanément sur la touche ESPACE de votre clavier.

En résumé, pour faire une forme et la déplacer en même temps, vous devez sélectionner l'outil Ellipse Ellipse > commencer à faire la forme, sans lâcher la souris appuyer sur la touche SHIFT, et sans lâcher la souris ni la touche SHIFT, appuyer avec le pouce sur la touche ESPACE puis déplacer la forme avec la souris.

Cercle gris

Fenêtre Calques > un cercle gris dans la vignette du "Calque 1" apparaît.

Fenêtre Calques

   Etape  3 : Créer un second cercle plus petit
Fenêtre Calques > cliquer sur créer un nouveau calque.

Fenêtre Calques

Permuter la couleur noire en premier plan et grise en second sur l'outil "sélecteur couleurs" en cliquant sur les flèches comme sur l'exemplesélecteur couleurs

Prendre l'outil "Ellipse"ellipse

Sélectionner en haut de Photoshop l'option Pixels remplissage.
pixels remplissage

Faire un cercle plus petit que le premier comme sur l'exemple.

Cercle noir

Fenêtre Calques > un cercle noir dans la vignette du "Calque 2" apparaît.

Nous allons maintenant lier les claques des cercles pour les aligner.
Le "calque 2" est sélectionné (fond bleu sur l'image).
Cliquer juste à droite de l'oeil du "calque 1" comme sur l'image > une petite chaîne apparaît > vos deux calques des cercles sont maintenant liés.

lier

Nous allons maintenant aligner les calques liés
Menu Calque > aligner les calques liés > Centres dans le sens vertical
Menu Calque > aligner les calques liés > Centres horizontaux

aligner

Maintenant les cercles sont centrés uniformément.

   Etape  4 : Rajouter une image extérieure dans la fenêtre Calques
Ouvrir la nouvelle photo à rajouter

Prendre l'outil "déplacement"déplacement et la poser sur la photo de la petite fille puis cliquer dessus et sans relâcher la souris, la sortir et la poser sur les cercles comme sur l'exemple de l'animation.

Princesse

Fenêtre Calques > La photo de la petite fille se place au-dessus des cercles.

Nouveau calque

   Etape  5 : Associer une image au calque précédent

Nous allons maintenant intégrer la photo de la petite fille dans le cercle noir.

Fenêtre Calques > la photo de la petite fille est sélectionnée (fond bleu).

Menu "calque" > Associer au calque précédent

Associer

La photo de la petite fille se place à l'intérieur du cercle noir, seul le contour gris apparaît.

Princesse

Fenêtre Calques > une flèche qui pointe vers le bas se place à gauche de la vignette, et elle se décale.

Associer

Pour déplacer l'image dans le cercle :
Fenêtre Calques > la photo de la petite fille est sélectionnée (fond bleu).
Prendre l'outil "déplacement"déplacement et placer l'image au centre comme sur l'exemple.

Photo dans cercle

   Etape  6 : Associer une deuxième image au calque précédent

Répéter les mêmes manipulations que l'étape 4 et l'étape 5, cette fois avec la photo du petit garçon.

La photo du petit garçon se place également dans le cercle noir

Poussin

Fenêtre Calques > vignette de la photo du petit garçon se décale également vers la droite.

photos dans cercle


Vous pouvez ajouter le nombre de photos que vous désirez.

Vous pouvez changer le fond blanc par une image en rajoutant une photo entre le calque "Arrière plan" et le cercle gris.

Si vous ne désirez pas avoir de contour gris, cliquer juste sur l'oeil devant le calque de la vignette du cercle gris.

Télécharger le fichier photoshop cercle.psd (1 280 Ko), ou en fichier zip cercle.zip (1 080 Ko).

  Votre avis
Pour voter cliquer juste devant votre choix :

Associer au calque précédent
Facile
Moyen
Difficile

Si vous avez des questions ou que vous vouliez discuter de Photoshop utiliser le forum de joliespages dans le coin Photoshop :).

Copyright 2002-2010© www.joliespages.com       Cnil : 833650             webmaster

Mise à jour régulière - 0 connecté