Créer un design pour votre site web

Avant de commencer téléchargez le pack suivant, puis ouvrez un nouveau document de 760x770 pixels résolution 72Dpi couleur RVB 8bits

Ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé

Créer un kit graphique avec photoshop

Créer un kit graphique avec photoshop

Créer un kit graphique avec photoshop

Prenez l'outil rectangle arrondi (U) avec un rayon de 3px puis dessinez un rectangle blanc comme ceci

Créer un kit graphique avec photoshop

Dessinez un autre rectangle arrondi juste au centre de l'autre en plus petit de justes deux ou trois pixels et remplissez le avec du gris clair #ebebeb

Créer un kit graphique avec photoshop

Créez un nouveau calque (Ctrl+Shift+N), récupérer la sélection de votre dernier rectangle en vous mettant sur ce dernier puis allez dans Menu > Sélection > Récupéré la sélection

Créer un kit graphique avec photoshop

Revenez sur le calque que vous venez de créer et allez dans Menu > Filtre > Rendu > Nuages

Créer un kit graphique avec photoshop

Réduisez son opacité à 23%

Créer un kit graphique avec photoshop

Dessinez des déchirures avec le brushe que vous avez trouver dans le pack téléchargé en haut

Créer un kit graphique avec photoshop

Importez la texture suivante dans votre document

Créer un kit graphique avec photoshop

Changez son mode de fusion en incrustation

Créer un kit graphique avec photoshop

Maintenant avec l'outil gomme (E) effacez toute la partie qui dépasse le rectangle blanc

Créer un kit graphique avec photoshop

Sélectionnez tout les calque sauf le calque de remplissage dégradé et fusionnez-les en appuyant sur Ctrl+E ou en allant dans Menu > Calque > Fusionnez les calques, prenez l'outil gomme (E) et effacez les parties suivantes

Créer un kit graphique avec photoshop

Maintenant mettez vous juste au dessus du calque de remplissage dégradé et créez un nouveau calque (Ctrl+Shift+N) et dessinez avec les brushe floral comme ceci

Créer un kit graphique avec photoshop

Maintenant créer un nouveau calque puis dessinez avec l'outil plume (P) un tracé de flèche du coté gauche en haut du rectangle comme ceci

Créer un kit graphique avec photoshop

Allez ensuite dans l'onglet « Tracés Â», cliquez avec le bouton droit de la souris sur tracé de travail puis sur fond du tracé, choisissez la couleur suivante pour le fond #88e1ff

Créer un kit graphique avec photoshop

Créer un kit graphique avec photoshop

Dupliquez votre flèche quatre fois tout en réduisant l'opacité de ces derniers pour obtenir ce ci

Créer un kit graphique avec photoshop

Faite la même chose pour l'autre coté et dessinez des ronds avec l'outil forme personnalisée (U) pour avoir le résultat suivant

Créer un kit graphique avec photoshop

Créer un kit graphique avec photoshop

Maintenant importez l'image suivante dans votre document

Créer un kit graphique avec photoshop

Changez son mode de fusion en Produit

Créer un kit graphique avec photoshop

Avec l'outil gomme (E) effacez les zone qui dépassent

Créer un kit graphique avec photoshop

Ensuite dessinez un rectangle comme ceci

Créer un kit graphique avec photoshop

Appliquez dessus les options de fusion suivantes

Créer un kit graphique avec photoshop

Créer un kit graphique avec photoshop

Créer un kit graphique avec photoshop

voilà le résulta

Créer un kit graphique avec photoshop

Ajoutez vos textes pour le menu

Créer un kit graphique avec photoshop

Dessinez deux autres rectangles Noir

Créer un kit graphique avec photoshop

Changez leurs modes de fusion en incrustation et réduisez leurs fonds à 30%

Créer un kit graphique avec photoshop

Ajoutez quelques images comme ceci

Créer un kit graphique avec photoshop

Pour finir ajoutez votre logo et vos autres textes et voilà le résultat final en attendant d'autre tuto pour le découpage et la mise en page CSS/Xhtml

Créer un kit graphique avec photoshop