Créer des fonds: #1 Crazy Rainbow:

30.05.2012

Bonsoir à tous

Voici une série de tutoriels qui demande une bonne connaissance des outils de base de Photoshop car il s'agit de créer des backgrounds pour vos ressources Web. En soi ce n'est pas très difficile d'arriver à un résultat satisfaisant mais il faut savoir comment agencer les effets et les calques entre eux. Il y a autant de possibilités que Photoshop peut en offrir c'est à dire une infinité (ou presque).

C'est pourquoi il faut définir des contraintes avant de laisser votre créativité s'épanuoir:

- Veillez à bien choisir le format de votre image avant toute chose.

- Ne partez pas bille en tête et réflechissez à peu près au rendu que vous voulez obtenir pour vous faire une idée des effets et des styles à utiliser tout simplement!

- Inutile de superposer une vingtaine de calques, seulement quelques uns bien réalisés et judicieusement placés suffisent.

- N'aplatissez jamais votre travail lorsque vous avez fini: à la limite enregistrez une copie en .jpg pour le partager mais conservez le.psd intact quoi qu'il arrive pour faire éventuellement des retouches ou rajouter un render si vous voulez créer des ressources Web.

Quelques rappels sur les formats:

-550*250px: format standard pour une signature sur un forum.

- 468*60px: format d'une signature sur le forum de kazeo.

- 400*220px: encore pour une signature je le mets quand même mais cela concerne les forums de la communauté Esay Going Scans.

- 500*25px: format d'une userbar

- carré: format usuel d'un avatar

- 990*250px: et je termine avec celui des bannières pour vos blogs Kazeo.

Ici je réaliserais un exemple pour une bannière. Pour savoir comment en créer reportez vous plus bas au tutoriel Créer une bannière pour un blog Kazeo.

Bien trève de longs discours, entrons dans le vif du sujet avec un premier background que j'intitulerais "Crazy Rainbow"

Comme je l'ai dit précedemment préparez soigneusement votre document dans la forme comme dans le fond.

Dupliquez l'arrière plan pour éviter de travailler directement dessus en faisant un clic droit puis sélectionnez Dupliquer le calque en conservant les paramètres par défaut. Ainsi vous pourrez vous entraîner en créant plusieurs effets sur le même document grâce aux groupes de calques.

Un effet simple pour commencer consiste à jouer avec le dégradé arc en ciel que vous trouvez dans vos dégradés par défaut.

Créez un nouveau calque, remplissez le avec l'outil Nuages dans Filtres>>Rendu>>Nuages puis affinez l'effet avec l'outil Nuages par différence dans le même menu. Répétez l'opération autant de fois que vous le jugez nécessaire pour obtenir un rendu satisfaisant. Sachez que vous pouvez retrouver à chaque fois le dernier filtre utilisé tout en haut du menu Filtres. Lorsque vous êtes satisfait ajustez le contraste dans Images>>Réglages>>Luminosité/Contraste en conservant la luminosité existante:

Ensuite faites un clic droit ou double-cliquez sur le calque pour accéder aux options de fusion. Cochez Incrustation en dégradé: choisissez dans les dégradés proposés par défaut le premier arc en ciel (celui qui est opaque) et mettez le en mode Incrustation après avoir ajusté l'échelle du dégradé à votre convenance. N'oubliez pas d'appuyer sur Entrée ou de cliquer sur OK pour valider.

Enfin retournez dans le menu Filtres mais cette fois ci allez dans Pixéllisation>>Cristallisation et réglez ce filtre comme bon vous semble en sachant que vous n'aurez pas d'aperçu en temps réel sur votre image. Cliquez sur OK pour visualiser votre oeuvre

Pour éviter une surcharge graphique, rajoutez un nouveau calque pour chaque effet supplémentaire que ce soit en dupliquant le précédent ou en créant un autre calque. Ce serait sans fin si je devais vous montrer tout ce qu'il est possible de créer ainsi donc je ne peux que vous recommander lorsque votre premier calque est fini de laisser parler votre propre imagination pour la suite.

Sur ce je vous annonce qu'il y aura par la suite deux autres tutoriels avec un niveau de difficulté plus élévé qui vous permettront peut-être d'expérimentter de nouvelles facettes de photoshop.

A la prochaine, stay tuned !!