Il n'est pas très difficile de créer un modèle de site Web dans Photoshop. Le modèle comprend des menus, des formulaires de recherche, des graphiques, peut-être du texte par exemple. Le site lui-même sera déjà programmé sur sa base.
Instructions
Étape 1
Commencez à façonner votre modèle de site dans Photoshop en créant un nouveau document d'une taille de 1020 par 1020 image. Faites le fond blanc. Définissez la couleur de premier plan sur # c5e0dd et la couleur d'arrière-plan sur # ece5cf.
Étape 2
Prenez l'outil Dégradé et sélectionnez le premier type de remplissage dans son panneau de paramètres. Faites glisser une ligne de dégradé sur le champ blanc de haut en bas.
Étape 3
Saisissez l'outil Texte, écrivez le titre de votre site dans le coin supérieur droit afin qu'il s'aligne avec le formulaire de recherche, qui sera situé dans le coin supérieur gauche. Définissez la taille de la police, par exemple, 12.
Étape 4
Pour créer la forme de recherche, sélectionnez l'outil Rectangle et dessinez un rectangle blanc dans le coin supérieur droit. Appliquez les paramètres de calque suivants: Ombre intérieure - Mode de fusion - Multiplier, Couleur - # a2b7b1, Opacité - 43, Angle - 90, Distance - 0, Choke - 0, Taille - 10.
Étape 5
Utilisez l'outil Texte pour créer un texte doux à l'intérieur de cette forme.
Étape 6
Sélectionnez l'outil Rectangle arrondi et créez un bouton à l'intérieur de la forme de recherche à sa bordure droite. Appliquez les styles de calque suivants: Superposition de dégradé - Mode de fusion - Normal, Opacité - 100, Dégradé du foncé au clair (couleurs de # 754f39 à # a1704f), Style - Linéaire, Angle - 90, Échelle - 59.
Étape 7
Utilisez l'outil Texte pour écrire "aller" ou quelque chose comme ça sur ce bouton.
Étape 8
Pour créer la navigation, utilisez l'outil Rectangle arrondi et dessinez un long rectangle sous le titre et la forme de recherche. Appliquez les styles de calque suivants: Superposition de dégradé - Mode de fusion - Normal, Opacité - 100, Dégradé du foncé au clair (couleurs de # 76503e à # a46ecd), Style - Linéaire, Angle - 90, Échelle - 59; Structure de trait - 1, Position - Intérieur, Mode de fusion - Normal, Opacité - 100, Type de remplissage - Couleur, Couleur # 9F6038.
Étape 9
Prenez l'outil Rectangle arrondi et dessinez un petit rectangle sur le côté gauche de la barre de navigation. Appliquez les styles de calque suivants: Ombre intérieure - Mode de fusion - Multiplier, Opacité - 75, Angle - 90, Distance - 1, Choke - 0, Taille - 8; Superposition de dégradé - Mode de fusion - Normal, Opacité - 100, Dégradé du foncé au clair (couleurs de # 76503c à # a46e4d), Style - Linéaire, Angle - 90, Échelle - 59; Trait - Structure - 1, Position - Intérieur, Mode de fusion - Normal, Opacité - 100, Type de remplissage - Couleur, Couleur # 8f6347.
Étape 10
Ajoutez des étiquettes à la barre de navigation.
