L'ensemble du processus de création de pages Web commerciales avec Photoshop

Auteur : Brother Mouse

Aujourd'hui, je vais vous démontrer le processus de création d'une page Web commerciale. Les amis qui connaissent les pages Web devraient connaître l'importance de Photoshop dans ce processus, car c'est la base de la production de pages Web. Par conséquent, l'auteur a préparé cet ensemble de tutoriels, dans le but d'espérer que les amis débutants pourront avoir une compréhension plus approfondie du processus de production, dans les jours à venir, je préparerai davantage, par rapport aux albums promotionnels, aux affiches de bien-être public, etc. ., le processus de production. Commençons maintenant !

Jetons d'abord un coup d'œil aux rendus finaux :

rendus

Figure (1) Sélectionnez d'abord Fichier>Nouveau (CTRL+N) et définissez les paramètres dans la boîte de dialogue. Comme le montre la figure 1.

Définir les paramètres

Figure (2) Créez un nouveau calque. Commencez maintenant par l'arrière-plan. Définissez d'abord la couleur du dégradé (ici, j'utilise le rouge et le noir comme couleur d'arrière-plan. La couleur peut être ajustée selon vos propres préférences.) Maintenez la touche Maj+ enfoncée. souris dans l'image Faites un clic gauche pour étirer vers le bas en ligne droite. Comme le montrent les figures 2 et 3. +

Éditeur de dégradé

Diagramme d'effet de dégradé

Figure (3) Après avoir défini la couleur d'arrière-plan, utilisez les outils de gravure et d'esquive (touche de raccourci o) pour la modifier afin de lui donner une sensation texturée. Comme le montrent les figures 4 et 5.

Un peu une sensation de tissu

Outils de gravure et d'esquive

Figure (4) Après avoir utilisé l'outil de sélection (touche de raccourci m) pour sélectionner la plage correspondante dans le coin supérieur droit, maintenez ctrl+j enfoncé pour copier un calque séparé. En modifier le style. Comme le montrent les figures 6 et 7.

Maintenez la touche Ctrl+j enfoncée pour copier un calque individuellement

Modification des styles de calque

Figure (5) Sélectionnez le calque 2, utilisez la même méthode que ci-dessus, sélectionnez la plage correspondante et maintenez ctrl+j enfoncé pour copier un calque séparé. En modifier le style. Comme le montre la figure 8.

Sélectionnez la plage appropriée

Figure (6) Ensuite, nous devons commencer à assombrir et à esquiver le calque qui vient d'être sélectionné et modifié par image. Sélectionnez d'abord le calque 3, comme indiqué sur la figure 9, puis sélectionnez le calque 4 après l'édition, comme indiqué sur la figure 10.

Effectuer des processus d’assombrissement et d’éclaircissement

Figure (7) Créez une nouvelle figure 5. Modifiez maintenant l'image et utilisez l'outil de sélection pour sélectionner la plage appropriée, comme indiqué dans la figure (11) Remplissez R: 255 G: 2 B: 252 Double-cliquez sur le calque 5 pour le modifier. le style. Comme le montre la figure (12). Ajustez la transparence de ce calque à 40%. Comme le montre la figure (13)

Utilisez l'outil de sélection pour sélectionner une plage appropriée

Modification du style de calque

Transparence du calque

(8) Créez un nouveau calque, sélectionnez la plage et remplissez-la avec R:255 G:2 B:252 Modifiez le style comme indiqué en (14) et ajustez la transparence de ce calque à 0.

Modification du style de calque

Figure (9) Maintenant, nous entrons le texte (vous pouvez également penser à un nom que vous aimez.) Je vais nommer la page Web Heitongdiba et saisir quelques polices en conséquence. Comme le montre la figure (15).

Tapez du texte

Image (10) Ok, maintenant nous devons traiter la police, modifier la pupille noire du thème, double-cliquer sur le calque pour l'éditer dans le style, comme indiqué en (16), ajuster la transparence de ce calque à 0.

Traiter les polices

Figure (11) Recherchez des images associées et insérez-les (mais elles doivent correspondre au thème que vous avez donné, ne vous contentez pas de trouver des images.), puis placez les images dans le style pour les éditer. Comme le montre la figure (17)

Si l'

de style de calque

Ajouter quelques modifications mineures

Fait! Voyons le résultat final.

effet final

Une fois une page Web terminée, il est en fait très simple. Les débutants peuvent utiliser ces méthodes simples pour essayer de créer leur propre page Web. Tout design ne doit pas nécessairement avoir beaucoup d’effets pour être bon. Parfois, la simplicité est aussi une sorte de beauté. Si vous avez des opinions différentes sur le tutoriel, j'espère que vous pourrez communiquer avec moi. Contactez QQ : 95512068.