Retour à l' AccueilRetour aux Tutoriaux Backgrounds liste 3
 

Utiliser les Formes personnalisées complexes

  Passez votre curseur sur le texte en vert pour une infobulle en image 

Nous avions vu dans ce tutoriel comment utiliser une Forme unique pour créer un motif d' arrière-plan.
Je vous propose de réaliser un Motif combinant cette fois-ci des formes diverses et variées.

Créez un nouveau document 400 x 400 px. Fond Blanc.

La première étape va consister à placer des Repères sur votre document.
Allez dans Affichage > Nouveau repère et sélectionnez comme suit :

Cliquez sur OK puis répétez l'opération en plaçant un repère à 350 px en orientation Verticale.
Placez également un repère à 50 px Horizontal ainsi qu' à 350 px Horizontal.

Afin de faciliter le positionnement des formes, allez dans Affichage > Magnétisme et cochez-le si ce n' est pas déjà fait.
Ensuite, allez dans Affichage > Magnétisme et assurez-vous que Repères soit bien coché.

Allez dans Affichage > Afficher et assurez-vous que Repères ET Repères commentés sont cochés.

Créez un nouveau calque [Fleur 1] et prenez l' outil Forme personnalisée [U] Pixels de remplissage.
Choisissez une forme à l' aide du menu déroulant, ici Fleur 1.

Tapez [D] pour mettre les couleurs par défaut.
Tracez votre forme en maintenant [Maj] pour conserver les proportions de la fleur.

Double cliquez sur [Fleur 1] pour ouvrir la fenêtre de Styles de calque et appliquez ces Styles :

LUEUR INTERNE
Mode de fusion : Normal.
Opacité : 75%.
Bruit : 0%.
Couleur : # 9B4187
Technique : Plus tamisée.
Source : Contour.
Maigri : 0%.
Taille : 5 px.
Contour : Linéaire - Lissé : Décoché.
Etendue : 50%.
Variation : 0%.

INCRUSTATION EN DEGRADE
Mode de fusion : Normal.
Opacité : 100%.
Dégradé : Ci-dessous - Inverser : Décoché.
Style : Radial - Aligner sur le calque : Coché.
Angle : 90°.
Echelle : 100%.

Prenez l' outil Déplacement [V], maintenez le clic gauche de votre souris et placez votre fleur à cheval sur le repère du haut.
Le magnétisme place automatiquement le centre de la fleur sur le repère. D' ailleurs, votre souris "résiste" légèrement...

Dupliquez [Fleur 1].
Placez la copie sur le repère du bas en respectant bien l' alignement. Les repères commentés vous y aident grandement.

Dupliquez [Fleur 1 copie] et nommez-le [Fleur 2]. Déplacez-le ailleurs sur les repères.

Allez dans Edition > Transformation manuelle [Ctrl+T] et règlez comme suit :

Par précaution, reprenez votre outil Déplacement et vérifiez que [Fleur 2] est bien centré par rapport à votre repère.

Dupliquez [Fleur 2] et placez la copie sur le repère opposé, comme tout à l' heure.

Continuez en dupliquant vos fleurs et en les modifiant. Placez-les sur vos repères.
Placez d' autres fleurs au centre sans vous soucier de leurs positions, cela n' a strictement aucune importance.

Vous pouvez modifier la couleur du calque d' arrière-plan, ici un rose # FFD2F5.
Résultat très "Barbie" en perspective... Yop !

Nous allons maintenant créer le Motif...
Prenez l' outil Rectangle de sélection [M] et tracez votre sélection en utilisant le cadre formé par les repères.
Cette dernière fait 300 x 300 px.

Afin de vous laisser la possibilité de faire des retouches si nécessaire (mauvais positionnement par exemple),
enregistrez votre travail [Ctrl+S] tel quel, c' est-à-dire sans aplatir les calques et les styles par la même occasion.

Votre sélection faite, allez dans Edition > Copier avec fusion [Maj+Ctrl+S].
Allez dans Fichier > Nouveau [Ctrl+N]. Le document s' ouvre automatiquement à la dimension souhaitée (celle de la sélection).

Cliquez sur OK puis tapez [Ctrl+V] pour coller votre copie.

Allez dans Edition > Utiliser comme motif... et nommez ce dernier.

Il ne vous reste plus qu' à utiliser ce motif pour votre arrière-plan de page Web ou tout simplement pour une création Photoshop.
Voir un exemple d' arrière-plan en cliquant ci-dessous.

Visionner l'exemple

Je pense que vous avez saisi le procédé.
Toujours répartir et centrer les formes sur les bords de l' image afin de créer un raccord parfait lors du remplissage.

Libre à vous de laisser vagabonder votre imagination désormais... A vos tablettes et souris !!!

 

 

~ Graphisme Delphine © 2008 ~