Apprenez à créer un ruban de style en-tête

Ressources utilisées dans ce tutoriel

A partir de l'outil Plume

Créez un nouveau document (Ctrl + N) 1000 x 450 pixels, avant de commencer à me laisser expliquer à peu près le ruban. Le ruban sera en 3 parties, vous devrez tout d'abord l'extrémité du ruban, le pli alors la partie principale.

Sélectionnez l'outil « Pen » (P) avec les paramètres suivants.

Maintenant, avec l'outil de stylo commencer à dessiner le côté gauche du bord du ruban (1), le bord doit avoir des bords courbes à volants.

Toujours avec l'outil « Pen » (P) commence à tirer la forme 3, qui est la partie principale du ruban. Vers le côté droit du ruban (la partie principale) assurez-vous que les lignes de chemin sont droites car cela sera plus facile quand nous arrivons à créer le côté droit du ruban.

Conseil rapide:

En maintenant la touche Maj enfoncée sur le clavier vous donnera une droite parfaite ligne verticale ou horizontale.

Encore une fois avec le « Pen Toll » (P) commence à se joindre au bord de ruban et une partie principale du ruban avec une belle forme triangulaire.

Vous devriez maintenant avoir 3 formes qui composent la moitié de votre ruban tout sur 3 couches séparées.

Faire Le ruban complet

Pour le ruban terminer tous ce que nous avons à faire est double et retourner nos couches, mais avant que nous faisons cela, nous devons faire notre partie principale du ruban (forme 3) un peu plus longtemps. Sélectionnez l'outil « Pen » (P) et cliquez sur il masque vectoriel dans la fenêtre des calques, une fois que vous avez sélectionné le vecteur masque le contour des formes doit être mis en évidence.

Maintenant, allez dans « Edition> Copier » (Ctrl + C), « Edition> Coller » (Ctrl + V) et enfin « Edition> Transformation Path » (Ctrl + T). Nous devons maintenant retourner la forme alors allez à « Edition> Transformation> Symétrie Horizontalement », déplacer la forme dupliquée jusqu'à ce que vous avez la longueur dont vous avez besoin.

Maintenant dupliquer les 2 autres formes qui composent le ruban et les retourner horizontalement. Enfin déplacer les formes en place de l'autre côté du ruban.

Ajout Les styles de calque

Ajouter les styles de calque suivants aux deux couches d'extrémité de ruban.

Vous devriez avoir quelque chose comme ça.

Pour le ruban de pliage des couches ajouter une superposition de gradient en utilisant les paramètres ci-dessous.

Vous devriez avoir quelque chose comme ça.

Maintenant, enfin ajouter une superposition de gradient à votre forme principale du ruban en utilisant les paramètres ci-dessous.

Vous devriez avoir quelque chose comme ça.

Ajout d'un modèle au ruban

Créer un nouveau (Ctrl + N) Document de 4 x 4 pixels, sélectionner le « Pencil Tool » (B), puis reproduire simplement l'image ci-dessous.

Lorsque vous avez terminé allez à « Edition> Définir Pattern », enregistrez le modèle puis retournez à votre toile d'origine. Charger une sélection autour sur les extrémités du ruban.

Conseil rapide:

Pour charger une sélection cliquez simplement sur la petite vignette du calque tout en maintenant enfoncée la touche Ctrl du clavier.

Avec la sélection, nous avons chargé maintenant besoin de contracter la sélection. Contractez la sélection par 5px en allant dans « Sélection> Modifier> Contrat ». Sélectionnez l'option « outil Remplissage » (G) avec votre modèle que vous avez créé précédemment.

Remplissez (G) la sélection avec le motif puis cliquez sur « Sélectionner> Modifier> Contrat », contractez la sélection par 5px à nouveau et appuyez sur la touche Suppr. Enfin, ajoutez une superposition de couleur #ffffff blanc à la couche de motif.

Répéter ces étapes pour chacune des formes de ruban en dehors de la forme de pliage.

L'ajout de quelques Grunge

Téléchargez les brosses grunge de la liste des ressources.

Ajouter un peu grunge aléatoire à la partie médiane du ruban puis définir l'opacité des couches à environ 43% et mélanger le mode de lumière douce.

La touche finale

Charger une sélection autour de l'une ou l'autre le ruban gauche ou à droite des extrémités sélectionner alors le « Gradient Tool » (G).

Conseil rapide:

Pour charger une sélection cliquez simplement sur la petite vignette du calque tout en maintenant enfoncée la touche Ctrl du clavier.

Faire glisser le gradient de l'extrémité de la partie médiane du ruban vers l'extérieur en direction de l'extrémité du ruban. Réglez l'opacité des ombres à environ 40%.

Répétez les mêmes étapes pour l'autre extrémité du ruban. Une fois que vous avez terminé, vous pouvez commencer à ajouter quelques-uns des éléments d'en-tête comme la navigation et le titre.

Conclusion

Merci d'avoir pris part à ce tutoriel, si vous avez réussi à terminer ce tutoriel, j'aimerais voir certains de vos résultats. Ne hésitez pas à les poster sur notre page Facebook.

Télécharger Source

Articles Liés