Un arrière-plan attrayant est la clé du succès pour une brochure réussie. Avec Photoshop, tu peux créer en quelques minutes des designs impressionnants qui captent l'attention. Dans ce tutoriel, je vais te montrer cinq techniques rapides et faciles pour créer des arrière-plans de brochure populaires - des dégradés dynamiques, aux textures grunge cool, en passant par les motifs géométriques modernes. Parfait pour les fêtes, les événements ou les brochures professionnelles. Commençons et élevons tes brochures à un niveau supérieur!
1. Lignes de balayage
Le classique absolu sont les lignes de balayage, qui peuvent être placées en forme verticale, diagonale ou horizontale dans un arrière-plan de brochure.
Étape 1: Créer un nouveau document
Pour créer un tel arrière-plan, j'ai simplement besoin d'un motif approprié qui intègre les lignes de balayage dans mon image. Je crée donc un nouveau document (Ctrl+N) avec des dimensions de 4x4 pixels. L'arrière-plan est transparent.
Étape 2: Sélectionner un motif de lignes de balayage
Je zoom autant que possible dans mon document.
Avec l'outil de sélection, je choisis maintenant exactement quatre carrés de sélection qui se déplacent en diagonale de bas en gauche à haut en droite. Pour ajouter une sélection existante, je maintiens la touche Maj enfoncée tout en effectuant la sélection. 
Étape 3: Remplir la sélection avec du noir
J'ajuste les couleurs par défaut dans la barre d'outils avec D, si elles ne sont pas déjà réglées, et je remplis les cases de ma sélection avec la couleur de premier plan noire en appuyant sur Alt+Retour arrière.
Étape 4: Définir comme motif
Je peux annuler la sélection avec Ctrl+D. Je choisis dans le menu Édition>Définir motif. Dans la boîte de dialogue qui s'ouvre, je donne à mon nouveau motif le nom "Ligne de balayage diagonale".
Étape 5: Intégrer la ligne de balayage
Dans un nouveau calque de ma brochure, je remplis maintenant mon motif de lignes de balayage dans le document avec l'outil de remplissage. Les paramètres de la barre de menu sont réglés sur Motif. Dans le menu de sélection, je choisis mon motif nouvellement défini. Ensuite, je clique simplement dans le document.
Si nécessaire, je peux réduire l'opacité. Dans cet exemple, je règle l'opacité à 25 pour cent.
Étape 6: Variations pour les lignes de balayage verticales et horizontales
Si je préfère des lignes de balayage droites vers le haut ou le bas au lieu de diagonales, je peux simplement créer mon propre motif.
Pour des lignes de balayage verticales, mon document de motif est: 4x1 pixel
Pour des lignes de balayage horizontales, mon document de motif est: 1x4 pixel
Je place simplement un point noir dans le document, comme décrit ci-dessus. Ensuite, j'applique les motifs via le menu Édition. Dans cet exemple, le calque avec les lignes de balayage horizontales a été placé en mode Incrustation.
Si je veux rapprocher ou élargir les espaces entre les lignes, il suffit d'adapter la taille du document de motif en conséquence. Pour des espaces plus larges, je choisis un rapport de 5:1, 6:1 ou plus, pour des espaces plus étroits de 3:1 ou 2:1.
Je peux également simplement agrandir le document avec l'outil de recadrage. Cela ajuste le rapport à ma convenance.
Étape 7: Échelles de lignes de balayage
L'application du motif peut également se faire par superposition de motif. Je crée un nouveau calque avec Ctrl+Maj+Alt+N que je remplis avec une couleur quelconque. J'ajuste l'opacité à 0 pour cent. Dans les options de remplissage, je choisis l'onglet Superposition de motif. Là, je peux sélectionner le motif que j'ai défini. Je peux alors mettre à l'échelle ce motif pour affiner le look des lignes de balayage.
Excursus: Effet photo de lignes de balayage
Notre modérateur Mosh a présenté dans un tutoriel un truc rapide sur la façon dont un effet similaire aux lignes de balayage peut rendre les photographies attrayantes.
Exemple: Image de phare - Source de l'image: Denis Pepin @ Fotolia.com
En premier lieu, je duplique mon calque d'arrière-plan avec Ctrl+J. Avec l'outil de sélection: Colonne unique, je sélectionne une colonne de pixels dans une partie marquante de mon image.
Avec Ctrl+T, je peux transformer ma sélection. Je redimensionne le cadre de sélection vers la gauche et la droite jusqu'au bord de l'image.
Je peux annuler la sélection avec Ctrl+D. Je change la méthode de remplissage en luminosité à 30 % d'opacité.
Je duplique le calque avec Ctrl+J et place le duplicata en mode de calque lumière douce à 30 % d'opacité.
Avant-dernière étape, je peux ajouter une vignette à mon calque d'arrière-plan via le menu Filtre>Corriger l'objectif. Je choisis une intensité de -100 avec une valeur moyenne de +20. Enfin, j'ajoute un court texte "Rügen 2010" avec une police Jellyka de 150 pt en noir.
Voilà un petit truc rapide pour un effet photo. Essayez simplement et expérimentez avec les méthodes de remplissage.
2. Points et relief
Étape 1: Simply dotted
De la même manière que pour créer des lignes de scan, je peux également créer des motifs en points pour un arrière-plan de flyer. Pour cela, je crée simplement un nouveau document de taille 4x4 pixels.
Avec l'outil de sélection, je choisis les quatre pixels en bas à droite et les remplis de noir. Ensuite, je définis le motif via le menu Modifier.
En mode Incrustation avec 70 % d'opacité, il est ainsi possible de créer rapidement un arrière-plan intéressant pour un flyer.
Étape 2: Dotted with relief
Je peux accentuer le look ponctué en ajoutant un relif de pixel.
Pour cela, je crée d'abord un nouveau document de taille 3x3 pixels. Je remplis le pixel central en noir. Les deux pixels adjacents en bas et à droite reçoivent un gris à 50 %. Le pixel en bas à droite est rempli de 80 % de gris clair.
En mode Incrustation, l'effet de relief offre une autre possibilité intéressante pour concevoir des éléments de flyer.
Étape 3: Mosaïque de cercles
Je crée encore un nouveau document de taille 20x20 pixels. L'arrière-plan est également transparent.
Avec l'outil Ellipse, en maintenant la touche Maj (qui garantit que mon cercle est bien rond), je dessine un cercle dans le document. La couleur est noire - mais cela n'est pas vraiment important.
Le cercle est ensuite défini comme motif et peut être utilisé comme effet d'arrière-plan. Alternativement, je peux aussi laisser simplement le cercle transparent et colorer les parties extérieures en noir. Cela permet également de mettre en valeur de manière créative les photographies.
3. Effets de tramage
Étape 1: Filtres de tramage comme alternative à la définition de motif
La possibilité de créer des arrière-plans en points via des motifs est également offerte sans passer par la définition de motif.
Je crée un nouveau calque et le remplis de gris à 50 %. Je règle le mode sur Incrustation.
Ensuite, j'ouvre l'effet de tramage via le menu Filtre>Filtre grain.
Le type de motif est Point avec une taille de 1 et un contraste de 30. Il est conseillé de zoomer largement dans l'aperçu pour déterminer le contraste (zoomer à 400 % permet de bien visualiser).
Je confirme avec OK. Mon tramage en points est prêt.
Étape 2: Variation avec des cercles et des lignes
En alternative au motif de Point, je trouve également dans l'effet de tramage les motifs de Circles et de Lines. Ces deux types de motifs offrent également de belles possibilités pour des arrière-plans de flyers simples.
Exemple pour les lignes horizontales:
Étape 3: Transformations avec des lignes
L'inconvénient de la génération d'effets de tramage via le filtre est que je n'ai pas vraiment de possibilités de variations étendues en termes de taille. Si je veux avoir des lignes très fines dans l'image, je suis limité avec ce filtre. Il ne me reste plus qu'à soit exécuter l'effet de tramage dans un document plus grand, le dupliquer dans mon document actuel et le réduire via Ctrl+T.
Je peux également faire la même chose en réduisant simplement la couche existante dès le début via Ctrl+T, en la dupliquant avec Ctrl+J et en l'insérant dans l'espace vacant correspondant.
En conclusion: Le filtre d'effet de tramage est capable de fournir des solutions rapides pour des arrière-plans de flyers lisses. Mais pour des espacements bien ajustés entre les lignes et les points, je ne peux pas contourner les motifs.
Exemple pour les cercles:
4. Grille et motifs de lignes
Pour la présentation de produits, logos ou éléments de typographie, il est parfois judicieux d'ajouter une grille ou un motif de fond éclatant au flyer. Je vais vous montrer deux façons possibles de créer des arrière-plans intéressants de manière simple.
4.1 Motif de lignes avec effet lumineux
Dans le premier exemple, je vais vous montrer comment créer un motif de lignes avec un effet lumineux.
Étape 1: Nouveau document
Je crée un nouveau document de taille 1200 x 800 pixels. L'arrière-plan est noir.
Étape 2: Créer deux nouvelles calques
En appuyant sur Ctrl+Maj+Alt+N, je crée un nouveau calque. Je répète le raccourci une deuxième fois.
Étape 3: Sélectionner une zone pour les lignes et la remplir en blanc
Avec l'Outil Lasso, je sélectionne la zone approximative de mon motif de lignes. Le calque supérieur est activé. Je remplis la sélection avec de la couleur blanche.
Étape 4: Adoucir
Je vais dans le menu Filtre>Flou et sélectionne le Flou gaussien.
Le Rayon doit être choisi de manière à ce que les bords soient bien adoucis. Dans mon exemple, environ 50 pixels fonctionnent très bien.
Étape 5: Dispersion
Je règle le Mode de calque sur Dispersion.
Étape 6: Réduire la fusion avec le calque sous-jacent
Pour conserver l'effet de dispersion tout en revenant au mode de calque Normal, je sélectionne le calque avec celui en dessous et je le fusionne en utilisant le raccourci Ctrl+E pour le mettre sur un seul calque.
Étape 7: Flou de mouvement
Je sélectionne dans le menu Filtre>Flou le Flou de mouvement.
Je choisis une Distance moyenne d'environ 275 pixels pour transformer mes éclaboussures en un effet linéaire.
Étape 8: Dupliquer le calque et appliquer un effet de tramage
Ensuite, je duplique le calque, réduis l'Opacité à 50 pour cent et ouvre le filtre Effets de tramage via le menu Filtre>Rendu.
Je choisis le Type du motif en Lignes avec une Taille de 1 et un Contraste de 0.
Étape 9: Coloriser l'effet de filtre
Je crée un calque d'ajustement Ton-Saturation. Pour coloriser mon effet de lignes, j'active la case à cocher Coloriser.
• Ton: 224 pour le bleu
• Saturation: 39
• Luminosité: -10 à 0 - selon l'apparence souhaitée
Le fond est prêt et peut être associé à un logo, un texte ou autre:
Étape 10: Transformer
Je sélectionne les deux calques de lignes et les convertis en Objet intelligent. En utilisant Ctrl+T, je peux rendre la vue un peu plus dynamique en faisant courir les lignes de bas en haut à partir de la gauche.
Étape 11: Adapter le logo et le recadrage
Je colore mon logo avec une superposition de couleur dans les Options de fusion en noir et en ajoutant une Lueur externe en blanc à 75 pour cent d'Opacité et une taille de 35 px en mode Dodge.
En utilisant l'Outil de recadrage, je peux ajuster la taille de mon document comme je le souhaite.
4.2 Motif de grille
Un motif de grille est très adapté comme élément de fond dans un flyer. Il peut être utilisé dans l'ensemble en arrière-plan ou comme élément de design soulignant.
Étape 1: Créer le motif
Dans un nouveau document de taille 50x50 avec un fond transparent, je dessine une fine bande de sélection en haut et à gauche à l'aide de l'Outil de sélection. Je remplis cette sélection avec de la couleur blanche ou noire.
Ensuite, je définis le motif via le menu Édition>Définir motif.
Étape 2: Grille comme motif de fond
Je peux utiliser le motif comme un élément de fond normal en remplissant une nouvelle couche avec le motif à l'aide de l'outil de remplissage.
Si je veux des grilles plus larges, je peux simplement le faire en utilisant les options de remplissage, en donnant à la grille une contour dans la même méthode de remplissage.
Si je veux que la grille soit plus grande ou plus petite, il est judicieux de créer une couche avec une couleur quelconque, de régler le curseur de surface à 0 et de configurer une superposition de motif avec le motif de grille dans les options de remplissage. Là, je peux ensuite redimensionner la grille selon mes besoins.
Pour une post-production optimale, je peux également exporter ma superposition de motif en tant que couche distincte via un clic droit.
Étape 3: Grille comme élément de design
Une grille peut également être utilisée comme un élément de design pratique.
Dans cet exemple (source de l'image: Mike Liu - Fotolia.com), pour ajouter plus de dynamisme à la lumière, j'insère un motif de grille dans une nouvelle couche à l'aide de l'outil de remplissage.
Avec Ctrl+T>Deformation, j'adapte ma grille à l'éclairage pour donner un effet dynamique supplémentaire à la lumière.
En configurant dans les options de remplissage une lueur extérieure blanche avec une taille de 20 pixels en mode Mélange de couleurs, l'effet semble encore plus agréable.
Dans l'image du phare, je peux renforcer l'ambiance maritime en simulante une vague avec une grille. Ici aussi, j'insère ma grille dans une nouvelle couche et la déforme pour obtenir un effet de vague.
J'ajoute une contour blanche à l'extérieur de la grille dans les options de remplissage avec une taille de 1 pixel. Cela rend la grille un peu plus épaisse.
Et de même que la grille peut être variée en forme avec Déformation, je peux également accentuer des grilles, des lignes et des cercles en utilisant des transformations et des masques de calque dans la vue. Avec des motifs de lignes, je peux même simuler des Sinedots.
Dans cet exemple, j'ai inséré une grille circulaire et en la limitant à la zone intérieure avec un masque de calque dans la vue, un effet d'étincelle se forme au sommet du phare.
5. Motifs sans fin et carreaux sans couture
Les motifs sans fin et les carreaux sans couture sont souvent utilisés pour les flyers et les arrière-plans de sites web. Dans la dernière partie de mon tutoriel, je vais montrer plusieurs façons de créer des motifs sans fin.
5.1 Le motif sans fin simple
J'ai une partie d'une image que je voudrais utiliser comme motif sans fin. Avec des images texturées, j'arrive souvent à créer un motif sans raccords visibles. L'important est simplement de réussir la sélection.
Étape 1: Sélectionner la zone du motif
Dans mon exemple, je veux créer un motif sans fin à partir de cette texture. Avec Ctrl+A, je sélectionne toute la zone de l'image. Comme - même avec CS5 - la possibilité de modifier les sélections via le menu Sélection est grisée, je prends un chemin alternatif pour créer une sélection précise.
Après clic droit>Transformer la sélection, plusieurs champs de saisie numériques apparaissent dans la barre de menus. J'y définit ma sélection en hauteur et en largeur à 70 pour cent chacun. Ensuite, je confirme avec Entrer.
Étape 2: Copier et coller la sélection
Avec Ctrl+C & Ctrl+V, je peux copier ma sélection dans une nouvelle couche.
Étape 3: Détourer le motif et le définir comme motif
Avec l'outil de détourage, je détourne le motif. Via le menu Édition, je peux définir le motif.
Étape 4: Utilisation comme arrière-plan
Je crée une nouvelle couche dans mon flyer et je la remplis avec une couleur quelconque. Je place le curseur de surface à 0 pour cent. Dans les options de remplissage, j'attribue à mon flyer le motif défini précédemment dans l'onglet superposition de motif.
Je règle la méthode de remplissage sur Luminance. L'opacité est réduite à une valeur inférieure. Avec le curseur de mise à l'échelle, je peux varier la taille du motif. Pour un positionnement précis, il est préférable de déplacer directement le motif à la bonne place dans le document avec la souris.
5.2 Le motif répétitif
Pour obtenir ce typique "effet papier peint" qui est souvent vu comme un motif répétitif dans les arrière-plans de sites web et de flyers, je dois utiliser un filtre de décalage.
Étape 1: Créer la forme et la définir comme motif
Avec l'Outil Forme Personnalisée, je crée dans un document de taille 500 x 500 pixels une forme florale qui va devenir mon motif de papier peint. Je positionne la forme exactement au centre du document. Ensuite, je définis ma forme florale comme motif.
Étape 2: Configurer le décalage
L'aspect papier peint n'est pas encore complet en soi, même si je pourrais déjà utiliser le motif de manière répétitive. Il manque le décalage. Pour y parvenir, je crée un nouveau document de taille double par rapport au précédent, soit 1000 x 1000 pixels.
Je remplis un calque avec mon motif. Quatre éléments apparaissent. Avec l'Outil de Sélection, je choisis une colonne du motif.
À travers le menu Filtre>Autres Filtres>Effet de Décalage, je configure un décalage vertical de l'effet. Je choisis les pixels de sorte que le bord supérieur soit exactement relié au bord inférieur.
Ensuite, je définis ce motif à travers le menu Édition comme motif et je peux l'utiliser comme arrière-plan dans mon flyer. Ici aussi, le motif est placé en tant que superposition de motifs sur un calque gris en mode Luminance à 20 pour cent d'opacité.
5.3 Carreaux sans couture pour les textures
Aussi simple que dans le premier exemple, il est rare qu'un motif soit généré sans raccords visibles.
Cependant, il est possible de rendre k-able sans couture également les textures irrégulières. Pour cela, j'utilise à nouveau l'effet de décalage puis répare les bords visibles par la suite.
Étape 1: Appliquer l'effet de décalage
Ma texture a une taille de 1000 x 1000 pixels. En la définissant comme motif et en l'appliquant dans un document plus grand, les transitions se présentent de la manière suivante:
Je retourne à mon fichier de texture de taille originale 1000x1000 pixels. À travers le menu Filtre>Autres Filtres, je choisis l'effet de décalage. Je configure une décalage horizontal et vertical de la moitié exacte, soit dans les deux cas de 500 pixels.
Étape 2: Réparer le raccord visible
Le raccord visible au milieu est maintenant clairement visible.
Depuis CS5, la fonction de Réparation Contenu-Aware est disponible dans le Pinceau de Réparation. Avec le Pinceau de Réparation à pointe douce, je sélectionne les raccords. La case Contenu-Aware est activée.
Les raccords seront automatiquement réparés. Il se peut que je doive essayer plusieurs fois.
Cependant, l'outil le plus efficace pour réparer les bords reste à mon avis l'outil de Réparation, que même les utilisateurs n'ayant pas encore la version CS5 peuvent utiliser. Avec la case à cocher Source activée, je sélectionne simplement les raccords et les déplace vers une zone propre. Il y a un calcul de teinte, saturation, luminosité et contraste et le raccord visible est réparé de manière convaincante.
Une fois le raccord visible réparé, je définis mon motif à travers le menu Édition.
Étape 3: Appliquer le motif de carreaux sans couture
Je crée un nouveau fichier de taille 2000x2000 et je peux maintenant utiliser mon motif de texture sans couture avec l'outil Remplir.
Les textures en particulier sont très utiles lorsqu'il s'agit d'insérer des effets de vieillissement, des effets de grunge, etc. dans les images. Voir l'image ci-dessous (source de l'image: Lev Dolgatsjov – Fotolia.com).
C'est pourquoi, dans le cas de documents très grands, il est pratique de rendre k-ables sans couture les textures non k-ables. Dans cette image exemple, la texture montrée ci-dessus a été placée en mode Incrustation comme superposition dans l'image et a été légèrement désaturée avec un calque d'ajustement de Teinte/Saturation en tant que masque d'écrêtage.
Dans ce tutoriel, un ensemble de 16 motifs est inclus en tant que fichier de travail. Vous y trouverez les lignes diagonales, horizontales et verticales, les reliefs de pixels et les motifs de points ainsi que les mosaïques circulaires et les motifs de grille montrés dans ce tutoriel.
