Comment Dessiner Un Site Web Dans Photoshop

Table des matières:

Comment Dessiner Un Site Web Dans Photoshop
Comment Dessiner Un Site Web Dans Photoshop

Vidéo: Comment Dessiner Un Site Web Dans Photoshop

Vidéo: Comment Dessiner Un Site Web Dans Photoshop
Vidéo: [TUTO WEB DESIGN] COMMENT CREER TON SITE CV / PORTFOLIO AVEC PHOTOSHOP 2024, Peut
Anonim

Photoshop est un outil extrêmement puissant et polyvalent. Ce n'est pas seulement l'éditeur de photos le plus populaire au monde, mais aussi un utilitaire pour donner vie à toutes sortes d'idées de conception de sites Web. De plus, photoshop est tout à fait approprié pour créer une mise en page d'une page Web ou même d'un site entier à partir de zéro.

Comment dessiner un site web dans photoshop
Comment dessiner un site web dans photoshop

Instructions

Étape 1

Lancez photoshop et créez un nouveau document. Pour ce faire, appuyez sur la combinaison de touches Ctrl + N. Sélectionnez ensuite le mode "Dégradé" et remplissez le document avec n'importe quelle combinaison de couleurs. L'essentiel est que la direction du remplissage soit de haut en bas. Vous pouvez toujours définir des couleurs supplémentaires plus tard. Créez simplement un nouveau calque et utilisez un pinceau pour peindre sur l'arrière-plan. Pour éviter toute confusion plus tard, renommez le calque que vous venez de créer en Couleur.

Étape 2

Texturez maintenant l'arrière-plan de la page pour rendre le site intéressant. Choisissez l'échantillon que vous aimez parmi les textures proposées par le programme. Par exemple, les feuilles ou les carreaux de pierre, imitant la maçonnerie, ont fière allure. Activez le mode "Filtre" et appliquez Artistic-Film Grain. Puis Pixelate-Mosaic. Expérimentez avec les options.

Étape 3

Après avoir obtenu ce que vous voulez, définissez le mode Différence dans l'onglet Mode de fusion. Essayez différentes valeurs d'opacité.

Étape 4

Préparez un arrière-plan pour le nom du site et d'autres légendes explicatives. À l'aide de l'outil Rectangle arrondi (U) dans un nouveau calque, sélectionnez la forme noire, dans l'élément Style de calque activez le mode Ombre portée. Ajustez la transparence du calque.

Étape 5

Pour un travail ultérieur, vous aurez besoin de groupes de calques, donc tout en maintenant la touche Ctrl enfoncée, appuyez sur les boutons Ctrl + G de votre clavier. Sélectionnez tous les calques qui ont été créés jusqu'à présent et affectez-les au groupe Arrière-plan. Vous devez également créer deux autres groupes imbriqués. Le groupe principal peut s'appeler Accueil et le groupe interne - Logo.

Étape 6

Écrivez le texte de l'en-tête du site. Cliquez sur l'outil Texte et créez une inscription dans un nouveau calque créé dans le groupe Logo. Essayez différentes valeurs pour les paramètres de style de calque. Ensuite, créez un autre calque et affichez les informations textuelles dans n'importe quelle couleur appropriée.

Étape 7

Créez des boutons importants spécifiques au site, tels que la connexion et la connexion. Cela nécessite un groupe de couches, que vous pouvez appeler ainsi.

Étape 8

Utilisez l'outil de sélection rectangulaire, puis l'outil de dégradé pour remplir la zone sélectionnée du document de bas en haut avec un dégradé de dense à transparent.

Conseillé: