Dans Photoshop, vous pouvez créer une mise en page de site Web, selon laquelle il est déjà créé en html. Ce processus est relativement simple.
Nécessaire
Programme Adobe Photoshop
Instructions
Étape 1
Ouvrez Photoshop et créez-y un document pic 1020 x 1200. Définissez la couleur d'arrière-plan sur # a8a995. Si le site est dédié à une entreprise, alors vous pouvez placer son logo en haut à gauche dans la barre de navigation. Laissez un espace sur la droite pour les liens permettant de naviguer sur le site.
Étape 2
Prenez l'outil Rectangle et créez un rectangle d'image de 80 par 54 dans la barre de navigation du site. Il indiquera l'élément de menu actif dans la navigation du site.
Étape 3
Allez dans le menu Layer-Layer Style, cochez la case Color Overlay, color # ADAE9E, Opacity - 100%, et la case à cocher Stroke, Size - 1 px, Position - Outside, Opacity - 100%, color # CED0BB.
Étape 4
En plus du rectangle que vous avez déjà, ajoutez une autre image 71x50, peignez-la avec # cfbe28. Allez dans le menu Style de calque-calque, définissez les paramètres suivants pour ce rectangle: Ombre portée: Mode de fusion - Multiplier, couleur # 000000, Opacité - 27 %, Angle - 90, Distance - 1, Étaler - 0, Taille - 5; Ombre intérieure: mode de fusion - multiplier, couleur # 000000, opacité - 27 %, angle - 90, distance - 1, étranglement - 0, taille - 18; Course: Taille - 1, Position - Extérieur, Opacité - 100, Type de remplissage - Couleur, Couleur # D6C72C.
Étape 5
Ajouter une ombre pour les liens situés dans la barre de navigation. Pour ce faire, sélectionnez le calque avec le texte de ces liens, allez dans le menu Calque-Style de calque et définissez les paramètres suivants: Ombre portée: Mode de fusion - Multiplier, couleur # 000000, Opacité - 75 %, Angle - 90, Distance - 1, Spread - 0, Size - 1. Répétez ces étapes pour chaque couche qui contiendra le texte des liens.
Étape 6
Vous devez maintenant créer une partie introductive du modèle. Sélectionnez l'outil Rectangle et faites un rectangle sous le logo, remplissez-le de blanc, réduisez l'opacité à 20%.
Étape 7
Sélectionnez l'outil Ellipse et créez un ovale sous ce rectangle. Allez dans Filtre> Flou> Flou gaussien et réglez le rayon sur 7, 8.
Étape 8
Prenez l'outil Marque rectangulaire et sélectionnez la partie inférieure du rectangle et l'ovale flou. Supprime-le.
Étape 9
Après cela, entrez le texte dans le bouton rectangle. Créez une ligne directement au-dessus avec les paramètres suivants: 866 par 1 image.
