Digital GFX
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Réassort du coffret Pokémon 151 ...
Voir le deal

Beta Wallpaper

+2
Achille
Orion
6 participants

Aller en bas

Beta Wallpaper Empty Beta Wallpaper

Message par Orion Dim 28 Sep - 13:50

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 :

Beta Wallpaper SeLo4xVzUyBeta Wallpaper QFA3WGcvFM


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
Orion
Modérateur
Modérateur

Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Orion Dim 28 Sep - 13:50

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
Orion
Modérateur
Modérateur

Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Orion Dim 28 Sep - 13:51

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
Orion
Modérateur
Modérateur

Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Orion Dim 28 Sep - 13:52

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
    Beta Wallpaper SeLo4xVzUyBeta Wallpaper Jw9wwMMgTM

    A P R E S CORRECTION
    Beta Wallpaper SeLo4xVzUyBeta Wallpaper OzDAHScfgQ

Orion
Orion
Modérateur
Modérateur

Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Achille Dim 28 Sep - 14:09

n'ayant pas édition=> transformation=> déformation
par quoi je peu le remplacer ? fluidité perspective .... ?
Achille
Achille
Prof
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

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Lyod Dim 28 Sep - 14:15

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 ? ^^
Lyod
Lyod

Nombre de messages : 1843
Logiciels utilisés : Photoshop CS3
Spécialités : Digital Painting, Abstrait
Date d'inscription : 05/09/2008

http://lyod.deviantart.com/

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Orion Dim 28 Sep - 14:18

C'est fini, si vous voulez la suite c'est sur Acuban.
H ille, rien ne peut remplacer Déformation :s
Orion
Orion
Modérateur
Modérateur

Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Achille Dim 28 Sep - 14:29

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 ?
Achille
Achille
Prof
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

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Orion Dim 28 Sep - 14:52

Prend CS3 en version d'essai.
Orion
Orion
Modérateur
Modérateur

Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Achille Dim 28 Sep - 14:57

3 version au dessus de la mienne lool
allé c'est parti de toute facon pas le choix merci smile
Achille
Achille
Prof
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

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par gollum Dim 28 Sep - 21:38

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"
gollum
gollum

Nombre de messages : 646
Age : 33
Localisation : savoie
Logiciels utilisés : Toshop CS3
Spécialités : Un peu de tout: HT, space art, sign, webdesign^^
Date d'inscription : 19/09/2008

http://gollum182.ovh.org

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Orion Dim 28 Sep - 22:18

Exact ! Je vais modifier ça.
Orion
Orion
Modérateur
Modérateur

Nombre de messages : 538
Age : 31
Date d'inscription : 28/09/2008

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Gardener Lun 29 Sep - 23:06

Hey je l'essayerais demain après midi c'est vraiment bien expliqué en tout cas
merci beaucoup
Gardener
Gardener

Nombre de messages : 438
Age : 34
Logiciels utilisés : Photoshop CS2
Spécialités : Signature
Date d'inscription : 28/09/2008

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par lecanar Dim 5 Oct - 23:45

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 smile

Merci du partage
avatar
lecanar

Nombre de messages : 68
Date d'inscription : 05/10/2008

Revenir en haut Aller en bas

Beta Wallpaper Empty Re: Beta Wallpaper

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser