Bubblesoul
Pour plus de possibilités, inscrit toi !
Bubblesoul
Pour plus de possibilités, inscrit toi !



 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
-20%
Le deal à ne pas rater :
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, 144 Hz, FreeSync ...
399 € 499 €
Voir le deal

Partagez
 

 Design site web

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

Administratrice


Strawberry.
Strawberry.
Administratrice

» Messages : 3804
» Localisation : I.D.F


Design site web Empty
MessageSujet: Design site web   Design site web EmptyDim 8 Mai - 1:16


Créer un design pour votre site web


Avant de commencer [Vous devez être inscrit et connecté pour voir ce lien], 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é



[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]


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



[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]


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



[Vous devez être inscrit et connecté pour voir cette image]


Réduisez son opacité à 23%


[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]


Importez la texture suivante dans votre document



[Vous devez être inscrit et connecté pour voir cette image]


Changez son mode de fusion en incrustation


[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]


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



[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]


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



[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]



[Vous devez être inscrit et connecté pour voir cette image]


Maintenant importez l'image suivante dans votre document


[Vous devez être inscrit et connecté pour voir cette image]


Changez son mode de fusion en Produit


[Vous devez être inscrit et connecté pour voir cette image]


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



[Vous devez être inscrit et connecté pour voir cette image]


Ensuite dessinez un rectangle comme ceci


[Vous devez être inscrit et connecté pour voir cette image]


Appliquez dessus les options de fusion suivantes


[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir cette image]


[Vous devez être inscrit et connecté pour voir cette image]


voilà le résulta


[Vous devez être inscrit et connecté pour voir cette image]


Ajoutez vos textes pour le menu



[Vous devez être inscrit et connecté pour voir cette image]


Dessinez deux autres rectangles Noir


[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]



Ajoutez quelques images comme ceci


[Vous devez être inscrit et connecté pour voir cette image]


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


[Vous devez être inscrit et connecté pour voir cette image]

Revenir en haut Aller en bas
http://www.bubblesoul.net
 

Design site web

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

+

 Sujets similaires

-
» ••• ELEGANCE Design. }
» Design surnaturel
» Design Juin
» Les changements du design du mois d'août

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Bubblesoul ::  :: 
photoshop
-
Bubblesoul ::  :: 
photoshop
+