1 PS Tutoriel photoshop Créer un design pour votre site web Dim 12 Déc - 21:29
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é
Prenez l'outil rectangle arrondi (U) avec un rayon de 3px puis dessinez un rectangle blanc comme ceci
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é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
Revenez sur le calque que vous venez de créer et allez dans Menu > Filtre > Rendu > Nuages
Réduisez son opacité à 23%
Dessinez des déchirures avec le brushe que vous avez trouver dans le pack téléchargé en haut
Importez la texture suivante dans votre document
Changez son mode de fusion en incrustation
Maintenant avec l'outil gomme (E) effacez toute la partie qui dépasse le rectangle blanc
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
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
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
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
Dupliquez votre flèche quatre fois tout en réduisant l'opacité de ces derniers pour obtenir ce ci
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
Maintenant importez l'image suivante dans votre document
Changez son mode de fusion en Produit
Avec l'outil gomme (E) effacez les zone qui dépassent
Ensuite dessinez un rectangle comme ceci
Appliquez dessus les options de fusion suivantes
voilà le résulta
Ajoutez vos textes pour le menu
Dessinez deux autres rectangles Noir
Changez leurs modes de fusion en incrustation et réduisez leurs fonds à 30%
Ajoutez quelques images comme ceci
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
]
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é
Prenez l'outil rectangle arrondi (U) avec un rayon de 3px puis dessinez un rectangle blanc comme ceci
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é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
Revenez sur le calque que vous venez de créer et allez dans Menu > Filtre > Rendu > Nuages
Réduisez son opacité à 23%
Dessinez des déchirures avec le brushe que vous avez trouver dans le pack téléchargé en haut
Importez la texture suivante dans votre document
Changez son mode de fusion en incrustation
Maintenant avec l'outil gomme (E) effacez toute la partie qui dépasse le rectangle blanc
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
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
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
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
Dupliquez votre flèche quatre fois tout en réduisant l'opacité de ces derniers pour obtenir ce ci
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
Maintenant importez l'image suivante dans votre document
Changez son mode de fusion en Produit
Avec l'outil gomme (E) effacez les zone qui dépassent
Ensuite dessinez un rectangle comme ceci
Appliquez dessus les options de fusion suivantes
voilà le résulta
Ajoutez vos textes pour le menu
Dessinez deux autres rectangles Noir
Changez leurs modes de fusion en incrustation et réduisez leurs fonds à 30%
Ajoutez quelques images comme ceci
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
]