32
Créer un effet abstrait lumineux avec Photoshop
Faite vos premiers pas dans la création d’effet abstrait design avec Photoshop, utilisation d’étoiles, des lignes abstraites et autres effets de lumières.
Après la publication du dernier article concernant les backgrounds pour iPhone, j’ai reçu pas mal de demandes concernant la création de ce genre d’effet graphique abstrait avec Photoshop. Du coup voici un premier tutoriel expliquant une méthode* pour créer ce genre d’effet abstrait.
Vous allez voir ce tutoriel est long mais pas forcement compliqué, cependant « exit » les débutants, il vous faudra de bonnes connaissances pour le mener à bien.
Bien entendu je publie juste ci-dessous le fichier source Photoshop que j’ai utilisé pour la création de cet article.
Mais pour commencer et peut être vous donner envie, voici l’image finale que vous obtiendrez.
*des méthodes il en existe bien entendu des centaines qui donneront des effets abstraits totalement différents ! Cet article est donc une méthode parmi tant d’autres 
ETAPE 1
Allez, je commence par ouvrir le logiciel Photoshop, je crée un nouveau document de 1 000 pixels de côtés sur fond noir. Ensuite je sélectionne l’outil plume et je crée une forme comme ci-dessous. J’obtiens une image similaire (selon votre forme, l’image changera bien évidemment).
ETAP E 2
Je cache la forme blanche puis je fais Ctrl + Clic sur le calque de la forme, cela à pour incidence de récupérer la sélection de cette forme.
ETAPE 3
Je crée un nouveau calque, puis je vais dans le menu édition puis contour (1px blanc) vous obtenez alors quelque chose comme ceci.
ETAPE 4
Normalement la sélection est toujours active, vous allez donc appuyer sur Maj + flèche du haut (sur votre clavier) puis Maj + flèche de gauche (sur votre clavier) cela permet de décaler la sélection de 10 px vers le haut puis 10 px sur la droite. Je fais à nouveau contour blanc 1 px (édition > contour), puis je répète cette étape.
ETAPE 5
Je répète l’étape 4 encore et encore pour créer un effet de lignes abstraites (voir ci-dessous).
ETAPE 6
Et je reprends à partir de l’étape 1 pour créer différentes formes (voir ci-dessous).
ETAPE 7
Je crée un nouveau document de 320 sur 380px (taille standard pour les fonds iPhone). Je remplis ce document d’un dégradé violet foncé vers violet saturé (de haut en bas).
ETAPE 8
Avec un très large pinceau (environ 300 px diffus) je crée une lueur en bas à droite violacée claire et une lueur en haut à gauche violette très foncée.
ETAPE 9
J’ajoute les formes créées à l’étape précédente, pour cela je fais un simple glissé déposé de calque d’une image vers l’autre.
ETAPE 10
Je place les différents calques correspondant aux courbes dans un dossier et je change l’opacité de ce dossier en lumière tamisée (je peux également changer le mode de fusion de chacun des calques individuellement, en lumière tamisée, vous trouverez le menu dans la fenêtre des calques).
ETAPE 11
Je me place sur le calque des courbes (au choix) et avec la baguette magique, je sélectionne les parties intérieures des courbes, je garde la touche Maj enfoncée pour pouvoir sélectionner plusieurs zones en même temps.
Enfin je crée un nouveau calque, et je remplis les zones de blanc (en utilisant le pot de peinture).
ETAPE 12
J’ajoute un masque de fusion (menu calque > masque de fusion > tout cacher) puis avec un pinceau diffus blanc j’appuie une ou deux fois vers le milieu de mon image (couleur blanche) pour laisser apparaître le centre des zones blanches (voir ci-dessous).
ETAPE 13
Enfin je diminue l’opacité à 50% et je change le mode de fusion en lumière tamisée.
ETAPE 14
Je vais maintenant m’appliquer à créer une zone de lumière intense, une sorte d’explosion énergétique. Je crée un dossier dans lequel je vais placer tous les calques en rapport avec cet effet et je commence donc par créer un nouveau calque et sur celui-ci je crée une lueur, j’utilise pour cela un pinceau diffus et une couleur blanche.
ETAPE 15
Je crée par-dessus, sur un autre calque une second lueur mais cette fois-ci, j’utilise un pinceau plus petit.
ETAPE 16
Et enfin une troisième lueur sur un troisième calque pour intensifier la source de lumière.
ETAPE 17
Enfin je vais dans les formes de pinceaux de Photoshop et je cherche la collection formes d’outils variées et je cherche le pinceau étoile éclatée grande. Et sur un nouveau calque, j’utilise cette forme pour créer l’illusion d’explosion de particules.
ETAPE 18
Enfin je crée une ligne qui suit les lignes de fond sur un nouveau calque.
ETAPE 19
Puis j’ajoute à ce calque un masque de fusion (menu calque > masque de fusion > tout faire apparaître). Ceci donne l’illusion d’une rencontre de particules énergétiques renforçant l’illusion d’explosion en son centre.
ETAPE 20
Je duplique le dossier de l’explosion, je fais Ctrl + T sur le dossier, je diminue et je tourne un peu le dossier et je le place sur le haut de mon image, je diminue enfin l’opacité du dossier à 70% pour la rendre légèrement plus discrète que la première.
ETAPE 21
Enfin je vais m’occuper de créer une troisième explosion mais celle-ci sera non visible, elle se devinera grâce à la diffusion d’images blanches. Je crée donc un nouveau dossier pour cette lueur et je crée un nouveau calque. Sur celui-ci je crée une première ligne blanche qui se dissipe (comme nous l’avons déjà fait précédemment pour le haut de l’image).
ETAPE 22
Je renforce cette zone pour créer un effet de proximité avec l’explosion.
ETAPE 23
Vous créez un nouveau calque, en utilisant un très large pinceau diffus, vous ajoutez une lueur en cliquant une fois à l’extérieur de votre image, puis vous utilisez à nouveau la forme de pinceau étoile éclatée grande (avec une très grande taille) pour créer à nouveau des particules qui se dissipent.
ETAPE 24
Je vais créer des zones blanches sous ma première explosion d’énergie, j’utilise la technique utilisée à l’étape 11.
ETAPE 25
Et puis je diminue l’opacité à 70% par exemple.
ETAPE 26
Attention, étape douloureuse 
Je crée un nouveau calque puis sur celui-ci je crée une forme arrondie blanche avec la plume, ensuite je vais double-cliquer sur ce calque pour ouvrir la fenêtre des styles de calques. Je change l’opacité du fond à 50% et j’ajoute un contour blanc de 1 px.
ETAPE 27
Je crée un calque vide que je place sous le calque de la forme blanche, puis je fusionne les deux. Cette manipulation permet d’aplatir les styles. Enfin, j’ajoute un masque de fusion et je le cache en utilisant le dégradé noir 100% vers noir 0% à droite, à gauche et en bas (de droite à gauche, de gauche à droite puis de bas en haut).
ETAPE 28
Je duplique ce calque, je le rétrécie grâce à la transformation libre (ctrl + t) et je déplace ce calque vers la second explosion d’énergie en haut.
ETAPE 29
Et pour terminer j’ajoute mon petit Copyright et mon image est TERMINEE.
Je suis sûr que si vous êtes arrivés jusqu’au bout de ce tutoriel, vous pouvez en êtes fier, non ? Si c’est le cas, sachez que vous pouvez publier le votre.
Pour soutenir votre site préféré n’oubliez pas de laisser un commentaire d’encouragement, cela fait toujours plaisir, ce qui nous fait aussi plaisir, c’est d’aller visiter nos partenaires et autres liens commerciaux
En tout cas, merci à tous d’avoir lu ce nouvel article sur Wks.fr
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 15 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
-
22 janvier 2009 23:24
Super, j’adore ! comment aimer l’art abstrait ’ by wonka ’ \o/ Merci !
Répondre -
23 janvier 2009 22:23
Voila pour moi, j’y es passé du temps mais le résultat en vaut la peine^^ merci encore à toi wonka pour tes super tutos qui me permettent de m’exercer !!
Répondre -
27 janvier 2009 12:34, par seawest
Bonjour, J’utilise la version CS de Photoshop sur Mac et je n’arrive pas à réaliser le tuto. en fait je n’arrive pas à « cacher » ma sélection et je n’arrive pas à décaler la sélection pour la reproduire. Pouvez-vous m’aider ? Merci d’avance. Mon mail : jpcomparin@yahoo.fr. Bien cordialement.
Répondre -
29 janvier 2009 02:00
Merci beaucoup pour ce tuto ! J’ai eu pas mal de mal au début mais avec un peut d’aide ça l’a bien fait
Répondre -
29 janvier 2009 12:51, par Fix
Super tuto !!! ^^ Merci beaucoup !
Voici ma participation :
J’avoue ne pas avoir eu le courage de faire toutes les étapes.... et ça s’en ressent certainement... :$
Mais j’ai encore appris pas mal de choses ! ^^
Par contre, j’imagine que tu as volontairement omis de parler des scripts pour la création des diverses lignes pour ne pas compliquer encore un peu plus le tuto pour les moins initiés, mais pourtant ils s’avèrent bien pratiques dans ce cas ! ;)
Merci encore et bonne continuation ! (avec je l’espère, toujours autant d’inspiration ! :) )
(ma compo en plus grand ci-dessous)
Répondre
-
29 janvier 2009 17:21, par Wonka
Ceux qui parlent de script sont ceux qui ont suffisamment de connaissance de le logiciel pour les comprendre et les utiliser
Répondre Tu remarqueras d’ailleurs que je n’utilise jamais de script dans aucun tutorial ! Mais je les utilise lors de mes créations
-
-
2 mars 2009 20:21, par youpla
Bonjour !
Que signifie l’expression cacher la forme a l’étape 2 ?
Merci d’avance
Répondre -
30 mars 2009 19:06, par Manuel Lafleur
Bonsoir je suis un jeune camerounais titulaire d un diplome d infographie mais a chaque fois que je vois l un de vos travaux je comprend que le chemin est encore long pour moi raison pour laquelle je vous tire un grand coup de chapeau pour vos travaux. Merci une fois de plus pour ce que vous faites.
Répondre -
30 mars 2009 19:13, par Manuel Lafleur
Bonjour je suis un jeune camerounais titulaire du diplome en infographie mais a chaque fois que je vois l un de vos travaux je comprend alors que le chemin est encore long pour moi raison por laquelle je vous tires un grand coup de chapeau. Merci pour les travaux que mettez a notre disposition.
Répondre -
15 août 2009 08:55, par seb37
impossible de refaire le tuto , les images de copie d’ecran sont abscente !!
Répondre
