Matériel pour la conception de sites Web. Tout pour la conception Web. Modèle vectoriel de texture bois

Dans la dernière leçon, nous avons travaillé avec couches raster: , mais il y a aussi calques vectoriels dans Photoshop.

Exemple typique calque vectoriel dans Photoshop Ce sont des textes et des figures.

Par exemple, nous allons créer une sorte de forme ronde à l'aide de l'outil ELLIPSE V Photoshop.

Que nous est-il arrivé ? Dans la palette COUCHES nous avons automatiquement obtenu couche- Ce exemple typique calque vectoriel dans Photoshop.

Calques vectoriels dans Photoshop peut être facilement converti en raster. Il vous suffit de sélectionner la bonne commande parmi les options.

Cliquez clic droit passez la souris sur le calque nouvellement créé et sélectionnez la commande COUCHE RASTERÉE. Ça y est, c'est maintenant un cercle raster régulier pour nous.

Copier un calque dans un nouveau document Photoshop

Par exemple, un est très important pour nous couche et nous le voulons copier dans un nouveau document. Comment faire ça ?!
On appuie sur le raccourci clavier Ctrl+A ou allez à MENU - POINTS FORTS - TOUS. Ensuite, appuyez sur le raccourci clavier Ctrl+C ou allez à MENU - EDITER - COPIER.

Nous pouvons maintenant créer un nouveau document dans Photoshop (Ctrl+N). Nouveau document nous allons créer exactement les mêmes dimensions que le calque copié. Ensuite, appuyez sur le raccourci clavier Ctrl+V ou allez à MENU - EDITER - COLLER.

Il est important de rappeler que dans un raccourci clavier, par exemple, Ctrl+A- utilisé Mise en page anglaise sur le clavier, c'est-à-dire lettre UN- Anglais! Sinon, vous ne réussirez pas.

Trois façons de dupliquer un calque dans Photoshop

Par exemple, nous souhaitons dupliquer le rectangle vert. Passons à la palette COUCHES Photoshop, faites un clic droit sur le calque avec le rectangle vert et sélectionnez la commande CRÉER UN COUCHE EN DUPLICATION.

Comme on le voit sur la figure, nous avons créé double(copie) couches 3(rectangle vert) que nous pouvons déplacer vers n'importe quel endroit.

Créez également dupliquer le calque dans Photoshop vous pouvez en allant à MENU – COUCHE – CRÉER UNE COUCHE EN DUPLICATION.

Et aussi dupliquer le calque dans Photoshop peut être effectué par glisser-déposer. Prenons-le couche dans la palette COUCHES, que nous voulons dupliquer et faites-le glisser vers l'icône avec la souris CRÉER UN NOUVEAU CALQUE V Photoshop.

Les outils permettant de travailler avec des vecteurs dans Photoshop sont apparus il y a assez longtemps, mais ils ont commencé à être utilisés relativement récemment. Cela est dû au fait qu'il est très pendant longtemps ils étaient « crus », etc. un vecteur dans Photoshop n'est pas un outil de travail spécialisé et n'a pas été modifié. Mais tout a changé avec la sortie de Photoshop CC.

Pourquoi avez-vous besoin d’un vecteur dans Photoshop ?

Je veux d’abord vous expliquer pourquoi j’utilise un vecteur dans Photoshop. Il existe de nombreux éditeurs de vecteurs éprouvés. Les plus courants sont Illustrator, CorelDraw, Xara. Le plus souvent, je fais du web design, ce qui signifie que mon travail n’est pas le résultat final. Ceux. Avant de devenir un site Web, une interface ou une application, la mise en page sera envoyée au maquettiste. La plupart des concepteurs de mise en page maîtrisent Photoshop, mais connaissent très superficiellement Illustrator. Par conséquent, le désir de tout « mettre » dans un seul fichier est tout à fait logique. C'est formidable lorsqu'un concepteur de mise en page reçoit un PSD contenant une mise en page complète et même avec la possibilité de modifier des éléments. Changer la couleur d'un bouton, changer le rayon d'une forme de menu, augmenter ou diminuer un bloc sans perte de qualité - en 2 clics et 1 minute ! Vector dans Photoshop vous permet de le faire sans aucune compétence particulière.

Fonctionnalités du travail avec des vecteurs dans Photoshop

Si vous avez déjà travaillé dans un éditeur de vecteurs, alors beaucoup de choses vous sembleront familières. Mais il faudra s'habituer à beaucoup de choses. Tout le travail dans Photoshop est construit avec des calques, cela s'applique également à tous les outils vectoriels.
1. Pour modifier facilement un vecteur dans Photoshop, vous devez placer chaque forme sur un calque distinct.
2. Les opérations de « fusion », « soustraction », « superposition » s'appliquent mieux à deux objets maximum.
3. Après l'opération de « fusion », « soustraction », « superposition », les contours des objets originaux restent disponibles pour l'édition.
4. Les styles raster peuvent être facilement appliqués à tous les objets vectoriels. C'est très pratique.
5. Vous pouvez appliquer de la transparence aux objets vectoriels et leur appliquer des filtres.
6. Les calques individuels et les groupes de calques contenant des objets vectoriels peuvent être facilement clonés dans un document ou copiés dans un autre document PSD.
7. Étiquetez chaque calque et regroupez les calques - cela vous fera gagner beaucoup de temps.

Primitives de base

Comme dans tout éditeur de vecteurs, un vecteur dans Photoshop possède des primitives prêtes à l'emploi. Primitives de base :
«Rectangle», «Rectangle aux coins arrondis», «Ellipse», «Polygone», «Ligne», « Figurine gratuite" Pour chaque forme (à tout moment), vous pouvez définir l'épaisseur/le type/la couleur du trait et du remplissage. Des propriétés supplémentaires sont disponibles pour des primitives spécifiques. Par exemple, pour un polygone, vous pouvez définir le nombre de coins, et pour un rectangle aux coins arrondis, vous pouvez définir le rayon d'arrondi.

Outils de base

Pour dessiner un vecteur arbitraire ou en modifier un existant (y compris le contour des primitives), vous devez utiliser les outils « Stylo » (dessiner un contour arbitraire), « Stylo+ » (ajouter de nouveaux points d'ancrage au contour fini), « Stylo -" (supprimer les points d'ancrage du contour fini), "Stylo libre" (dessiner un contour arbitraire à la main), "Angle" (modifier les courbures des courbes de contour, définir les types de connexions entre les points d'ancrage).

Pour illustrer le processus courte vidéo dont vous apprendrez :
1. Comment créer une primitive
2. Comment dessiner une forme vectorielle libre
3. Comment modifier le contour d'une primitive
4. Comment modifier le contour d'une forme vectorielle arbitraire

Opérations de base avec des vecteurs dans Photoshop

Il y a 4 opérations disponibles au total : « Fusionner les formes », « Soustraire la forme avant », « Fusionner les formes en superposition », « Soustraire les formes en superposition ». Toutes ces opérations sont disponibles via le principal menu supérieur Calques > Fusionner les formes, ou via la barre d'outils « Propriétés » (menu du haut Fenêtre > Propriétés).
Attention! Avant de commencer toute opération de fusion formes vectorielles assurez-vous que les calques de ces formes sont sélectionnés dans la barre d'outils « Calques » (activez-la sur F7 ou Fenêtre > Calques).

Une courte vidéo illustrant les opérations de base de « fusion de formes » dans Photoshop.

Changez la couleur, la taille et appliquez des styles

Venons-en maintenant à la partie la plus intéressante. Un vecteur dans Photoshop vous permet de modifier la taille vers le haut et vers le bas sans perte de qualité. Pour cela, sélectionnez les calques souhaités dans la barre d'outils « calques », appuyez sur Ctrl+T (ou Commande+T si vous avez un MAC) et faites glisser les marqueurs du contour sélectionné avec la souris pour ajuster la taille. Pour modifier la taille proportionnellement, vous devez maintenir la touche Maj enfoncée.


Brève vidéo :
1. Redimensionner la forme vectorielle
2. Changez la couleur de remplissage de la forme vectorielle
3. Ajouter du style à la forme vectorielle

Télécharger l'exemple PSD (gratuit)

Pour vous permettre de comprendre plus facilement comment utiliser un vecteur dans Photoshop et voir comment ces outils peuvent être utilisés dans la pratique, je publie un fichier infographique réalisé par mes soins entièrement à l'aide d'outils vectoriels.

Poser une question

Si quelque chose ne fonctionne pas pour vous ou si vous avez des questions, écrivez dans les commentaires et je vous aiderai à le comprendre. Vous pouvez également regarder la vidéo à l'aide d'outils vectoriels.