Beta Wallpaper
+2
Achille
Orion
6 participants
Digital GFX :: Entraide :: Tutoriaux :: Abstrait
Page 1 sur 1
Beta Wallpaper
B E T A WALL
Aujourd'hui vous allez apprendre à créer un Wallpaper sans import.
Définissons ce qu'un Wallpaper : C'est une création de grande taille destinée à parer votre bureau, ce qui nous donnera en Français Un Fond-écran.
Définissons maintenant import : Ce sont tout type de créations trouvées sur le net, de brushes, de PSD, C4D, stocks, tout ce que vous pouvez trouver, que vous incorporez dans votre création.
Nous allons donc travailler sans import.
Alors de quoi aurons nous besoin pour créer ce "Wallpaper" ?
Seulement Photoshop CS2 et supérieur ainsi qu'un peu de temps.
Dans ce tutoriel nous allons apprendre à faire ça :
Ce tutoriel nécessites quelques bases :
- Une bonne utilisation des calques ;
- Une bonne connaissance des capacités de la plume et son maniement ;
- Savoir manier les formes d'un brushe ;
- De la patience.
Bonne chance à nous.
Orion- Modérateur
- Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008
Re: Beta Wallpaper
Le Background
Et oui, presque toutes nos manipulations résideront dans le fond que nous aurons crée préalablement.
Ainsi donc nous allons créer un Fond en dégradé avec les deux couleurs nous intéressant.
Long mais indispensable, nous voilà parti sur les routes de notre Background, attachez vos ceintures et prévoyez tout ce qui pourrait être comestible.
- Créer un document de la résolutions de votre bureau (1280x1024/1024x960 etc.)
- Remplissez votre premier Calque intitulé "Calque 1" de noir avec l'outil Pot de Peinture. Nommez ce Calque 1 ; Fond Noir.
- Créer un nouveau calque par dessus ce "Fond Noir" et remplissez le d'un dégradé linéaire
#6d4236 -> #cbb592. Tracez votre dégradé du bas droit jusqu'au haut gauche. Puis passez ce calque en mode "Lumière Crue" ce qui nous donnera ce rendu. - Puis enfin, modifier les options de ce calque, ajouter lui une incrustation couleur #063e48 en mode "Couleur" -> Rendu. Nommez ce calque "Effet Bleuté"
Il faut savoir que ce calque devra être placé au dessus des effets que nous allons ajouter, donc entre le fond Noir et Le dégradé Bleuté afin que les effets prennent la couleur de ce calque "Effet Bleuté"
C'est fini, mais c'était le plus simple.
On a fait ça, il nous reste ceci.
Nous allons maintenant entamer les effets.
Bonne chance à nous.
Orion- Modérateur
- Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008
Re: Beta Wallpaper
Les Effets
Avant de commencer je tiens à signaler que cette partie peut-être très courte, comme très longue.
Elle dépend en partie de votre vigueur et votre volonté de réussir, si vous partez en vous disant, j'ai rien à faire je vais faire ce tutoriel, c'est mal barré d'avance. Revenez sous un meilleur jour !
Bref, bonne chance à nous.
- Vous avez votre PSD, et donc votre background. Pour les malins qui voudraient sauter le background, je vous le déconseille vivement. Par contre je vous conseille de cacher pour l'instant votre calque "Effet Bleuté" pour ne pas fausser les couleurs. Créer un nouveau calque entre le "Fond Noir" et "L'effet Bleuté". Sur celui tracez une forme à l'aide de vos brushes semblable à ça. Nommez le "Forme1"
- Appliquer un Flou Gaussien de 35px à votre nouvelle forme ce qui vous donnera ceci.
- Nous arrivons à l'étape la plus difficile et la plus aléatoire. Il s'agit d'appliquer une Déformation à votre forme. Édition -> Transformation -> Déformation.
Avec diverses manipulation, nous arrivons quelques fois à des résultats semblables : Rendu.
A la fin de cette déformation il est normal que vos formes pixellisent. C'est un déformation et nous ne sommes pas sous Illustrator. Nous allons donc y remédier ... plus tard.
Exemple de rendu de déformation - Créer plusieurs calques avec le même nom que votre premier Effet, pour arriver à un résultat qui vous plaît. Je finis avec 5 calques, et donc 5 effets. -> Résultat
Voilà la partie la plus dure au niveau de la rechercher qui est terminée. Vous y avez passé moins d'une 1/2 heure ? C'est pas bon. Vous pouvez passer plusieurs jours à trouver des formes, ce qu'il compte c'est de les trouver.
Bravo à nous.
Je tiens quand même à ajouter que l'on ne fait que commencer ce tutoriel.
Je vous retrouve juste en dessous, Je vais boire et manger.
Orion- Modérateur
- Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008
Re: Beta Wallpaper
Corrections et Ajustements
Nous y voilà. La plus fastidieuse des parties. Elle n'est pas difficile, loin de là, seulement un peu longue.
Elle consiste à utiliser la plume afin de rectifier la pixellisation le long des nos effets.
Il est important que vos diverses effets soient séparés en plusieurs calques.
Je vous conseille de vous organiser dans vos calques, de créer un groupe "Effets" Et un Groupe "Correction". Il sera plus facile de vous y retrouver.
- Une fois vos groupes crées (ou pas), nous allons passer à la correction à la plume. Elle consiste à tracer des traits le long des pixellisations avec la couleur dominante de l'effet. Deux outils indispensables : la plume donc, et la pipette qui servira à prélever les couleurs des effets.
- Sélectionner l'outil plume avec ces options.
- Nous allons maintenant tracer des tracés (Huhu ?) avec cette plume le long de nos pixellisations.
Avec la pipette prendre la couleur de notre forme et ensuite mettre un contour à notre tracé. (Attention le contour dépend de la forme, donc choisissez une forme assez petite, ici rond net de
2px) -> Informations diverses - Ce qui nous donnera un résultat dans ce genre si toutes les actions sont bien suivies. Comme vous l'avez remarqué en amont et aval de votre tracé, de la couleur dépasse, pour supprimer ces bouts sans couper nettement il vous suffit d'utiliser les contours progressifs. Ainsi vous supprimerez progressivement.
-> Rendu. - Je viens de vous expliquer une fois ce que vous aller devoir refaire une petit cinquantaine de fois. Sur ce bon courage. Mais ne vous découragez pas, regardez plutôt le résultat final :A V A N T CORRECTION
A P R E S CORRECTION
Orion- Modérateur
- Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008
Re: Beta Wallpaper
n'ayant pas édition=> transformation=> déformation
par quoi je peu le remplacer ? fluidité perspective .... ?
par quoi je peu le remplacer ? fluidité perspective .... ?
Achille- Prof
- Nombre de messages : 753
Age : 33
Localisation : Rouen
Logiciels utilisés : adobe master collection CS3
Spécialités : Webdesign
Date d'inscription : 10/09/2008
Re: Beta Wallpaper
j'adore le rendu !! :1010:
super bien expliqué aussi merci pour le partage =)
mais ça me perturbe tes posts multiples... ya une suite ou on peut poster ? ^^
super bien expliqué aussi merci pour le partage =)
mais ça me perturbe tes posts multiples... ya une suite ou on peut poster ? ^^
Re: Beta Wallpaper
C'est fini, si vous voulez la suite c'est sur Acuban.
H ille, rien ne peut remplacer Déformation :s
H ille, rien ne peut remplacer Déformation :s
Orion- Modérateur
- Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008
Re: Beta Wallpaper
ben j'ai test avec fluidité seulement sa fait des coure mais sa fait pas dutotu se que on voudrai avoir avec la deformation donc
comment je peut avoir cette option ?
comment je peut avoir cette option ?
Achille- Prof
- Nombre de messages : 753
Age : 33
Localisation : Rouen
Logiciels utilisés : adobe master collection CS3
Spécialités : Webdesign
Date d'inscription : 10/09/2008
Re: Beta Wallpaper
Prend CS3 en version d'essai.
Orion- Modérateur
- Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008
Re: Beta Wallpaper
3 version au dessus de la mienne lool
allé c'est parti de toute facon pas le choix merci
allé c'est parti de toute facon pas le choix merci
Achille- Prof
- Nombre de messages : 753
Age : 33
Localisation : Rouen
Logiciels utilisés : adobe master collection CS3
Spécialités : Webdesign
Date d'inscription : 10/09/2008
Re: Beta Wallpaper
Super tuto avec un effet génial =)
Par contre j'ai l'impression que le lien "enlarge" de l'image après la correction renvois vers une image identique a "l'avant correction"
Par contre j'ai l'impression que le lien "enlarge" de l'image après la correction renvois vers une image identique a "l'avant correction"
Re: Beta Wallpaper
Exact ! Je vais modifier ça.
Orion- Modérateur
- Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008
Re: Beta Wallpaper
Hey je l'essayerais demain après midi c'est vraiment bien expliqué en tout cas
merci beaucoup
merci beaucoup
Gardener- Nombre de messages : 438
Age : 34
Logiciels utilisés : Photoshop CS2
Spécialités : Signature
Date d'inscription : 28/09/2008
Re: Beta Wallpaper
J'essayerais aussi plus tard, j'ai vue la créa' a gardener et c'est surtout cela qui va me faire essayer ce tuto
Merci du partage
Merci du partage
lecanar- Nombre de messages : 68
Date d'inscription : 05/10/2008
Digital GFX :: Entraide :: Tutoriaux :: Abstrait
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|