Comment créer des coins arrondis dans Photoshop. Comment arrondir les bords dans Photoshop – en toute simplicité

Dans ce court article, nous examinerons Un exemple de création d'un cadre « fin » de 1 à 2 pixels d'épaisseur avec des bords arrondis dans Photoshop. Ces cadres (et leurs fragments) sont largement utilisés par les concepteurs et les webmasters lors de la création de mises en page et de modèles de sites Web. Utilisé pour encadrer des articles, des menus, des boutons, etc.

Alors commençons :

1. Créez un nouveau document (menu supérieur "Fichier" - "Nouveau") avec des dimensions, par exemple, 500 x 500 pixels. Contenu de l'arrière-plan : transparent.

2. Allez dans la barre d'outils (située à gauche), sélectionnez l'outil « Marque rectangulaire » (M). Sur notre document nous dessinons une zone rectangulaire. Options de l'outil « Zone rectangulaire » : « Nouvelle sélection », « Plume : 0 px. », « Style : Normal » (Fig. 1).

3. Dans le menu du haut, sélectionnez l'onglet « Sélection » - « Modification » - « Optimiser » (Fig. 2). Prenons par exemple la valeur du rayon, égale à 20 pixels. Cliquez sur "Oui". Nous voyons que les coins de notre rectangle sélectionné ont été arrondis de la valeur sélectionnée (20 pixels) (Fig. 3).

4. Dans le menu supérieur, sélectionnez "Modifier" - "Trait". Définissez les paramètres du trait. Largeur : 2 px. (pour plus de clarté). Prenons un peu de couleur rouge. Dans le même onglet, définissez : « Position par rapport à la bordure : centre (vous pouvez sélectionner les valeurs « intérieur » et « extérieur ») », « Superposition : Mode normal », « Opacité : 100 % », « Enregistrer la transparence ». : vide". Cliquez sur le bouton "Oui" (Fig. 4). Nous supprimons la sélection à l'aide du raccourci clavier « Ctrl + D » et obtenons le cadre dont nous avons besoin, de 2 pixels d'épaisseur en rouge avec des bords arrondis (Fig. 5). Désormais, ses fragments ou le cadre entier peuvent être utilisés pour concevoir n'importe quel modèle, bannière, etc.

Riz. 1	Riz. 2
Riz. 3	Riz. 4
Riz. 5	Riz. 6

Par exemple, et pour une meilleure visualisation, j'ai créé un nouveau calque rempli de blanc, je l'ai déplacé sous le calque avec notre cadre et j'ai créé plusieurs autres cadres similaires avec une épaisseur, des couleurs et des coins arrondis flous (Fig. 6).

Dans cette section de mon site, j'ai décidé de placer cours de photoshop, ce qui peut vous être utile lors de la création d’un design de site Web. Je pense qu'il ne serait pas superflu, de ma part, avant de commencer à apprendre Photoshop, de vous présenter Touches de raccourci Photoshop. En utilisant Touches de raccourci Photoshop, vous faciliterez votre travail et gagnerez du temps. .

Mon premier Cours Photoshop je te dirai comment autour des coins photo.

Lors de la création de sites Web, vous devez souvent résoudre le problème de savoir comment arrondir les coins d'une image ou comment autour des coins photo. Dans cette leçon Photoshop je vais t'apprendre comment autour des coins dessiner photoshop. Celui-ci aussi Cours Photoshop vous permettra autour des coins photos. J'espère que c'est clair pour vous. Après tout, pour Photoshop l'image et la photographie sont toutes identiques. Dans mon travail, j'utilise Adobe Photoshop SC5, version russe. Eh bien, je ne suis pas bon en langues.

La leçon d'aujourd'hui porte sur l'arrondi des coins d'une photo dans Photoshop. Prenons une photo ensemble avec des coins arrondis comme sur ma photo.

1. Mettre en œuvre arrondir les coins dans Photoshop, ouvrir avec Photoshop l'image (photo) dont nous avons besoin. À titre d'exemple, j'ai pris l'une des photographies de mes archives photographiques.

2. Nous amenons les dimensions du dessin aux paramètres dont nous avons besoin. Pour ce faire, appuyez sur ALT+CTRL+I. La fenêtre Taille de l'image s'ouvre. Nous définissons les dimensions dont nous avons besoin. Vous pouvez simplement recadrer l'image à la taille souhaitée.

3. Sélectionnez l'image (CTRL+A) (une ligne pointillée autour du périmètre apparaîtra) et copiez-la (CTRL+C) ; Nous copions la photo afin que l'image originale reste inchangée une fois le processus terminé. arrondir les coins dans Photoshop. Bien que nous puissions travailler sur l'original, lorsque les coins arrondis seront prêts, nous enregistrerons simplement la photo sous une autre image.

4. Ouvrez une nouvelle fenêtre (CTRL+N), définissez les dimensions de l'image requises et cliquez sur « OK ». Veuillez noter que j'ai défini l'arrière-plan sur « transparent ». Vous pouvez immédiatement définir l'arrière-plan sur la couleur dont vous avez besoin ;

5. Collez l'image copiée dans une nouvelle fenêtre (CTRL+V) et créez un nouveau calque (CTRL+SHIFT+N). Dans ce calque, utilisez l'outil Rectangle coins arrondis"Dessinez un rectangle de la taille requise. La couleur du rectangle n'a pas d'importance. L'outil est sélectionné en cliquant sur le bouton droit de la souris. Ou en appuyant simplement sur la touche (U). Nous définissons le rayon de courbure à notre discrétion ( voir la figure ci-dessous);

Si nécessaire, vous pouvez déplacer la forme dessinée à l'aide des flèches du clavier ou à l'aide de la souris tout en maintenant la touche gauche enfoncée. Tout d’abord, n’oubliez pas d’activer « déplacer » sur la barre d’outils (bouton du haut). Vous pouvez également redimensionner chiffres. Pour ce faire, appuyez sur (CTRL+T) et étirez la forme à la taille souhaitée à l'aide de la souris tout en maintenant la touche gauche enfoncée. Si vous souhaitez modifier la taille tout en conservant les proportions, vous devez maintenir la touche MAJ enfoncée et faire glisser le coin de la forme.

6. Accédez au panneau des calques. Tout en maintenant CTRL enfoncé, cliquez avec le bouton gauche sur l'aperçu (image) du calque rectangle. Un contour en pointillés de la forme apparaît.

7. Passez au calque inférieur. Pour ce faire, cliquez sur le côté droit de l'image dans le panneau des calques. Dans notre cas, le calque 1. Le surlignage bleu ira au calque 1.

8. Appuyez sur CTRL+MAJ+I. Une sélection en pointillés apparaîtra le long de la bordure de la partie de l'image située à l'extérieur de notre rectangle ayant coins arrondis.

9. Appuyez sur SUPPR sur le clavier. La partie de l'image qui se trouve en dehors du rectangle sera supprimée.

10. Réactivez le calque rectangle. Supprimez-le en cliquant sur l'icône de la poubelle.

11. Appuyez sur la touche "M" et cliquez avec le bouton gauche n'importe où dans l'image. La sélection a été supprimée. arrondir les coins dans Photoshop prêt. Vous pouvez enregistrer l'image que nous avons reçue par

, dans le format dont nous avons besoin.

Si une telle image doit être utilisée pour créer une conception de site Web, enregistrez-la pour le Web et les appareils (ALT+SHIFT+CTRL+S). coins arrondis 12. Attention ! Si vous avez des images sur les bords avec

Il reste encore des pixels transparents, vous devez effectuer un découpage. Pour ce faire, cliquez sur « Image », sélectionnez « Découpage », dans la fenêtre qui apparaît, définissez les paramètres comme sur ma photo et cliquez sur « Ok ». Le canevas sera redimensionné à la taille de l’image et tous les pixels transparents supplémentaires seront supprimés. Donné cours de photoshop coins arrondis peut être utilisé pour les photographies ovales et de forme. Pour ce faire, à l'étape 5, au lieu du "rectangle avec " sélectionnez l'outil "ellipse", "polygone" ou "forme libre". Ensuite, nous effectuons toutes les mêmes actions que pour obtenir.

arrondir les coins

Cette leçon est assez simple, mais le résultat sera agréable à l'œil : des coins arrondis et soignés de vos photos. Et cela est très facile à réaliser si vous avez une version d'Adobe Photoshop dans votre arsenal et une photo à traiter.

L'arrondi des coins d'une image se déroule en plusieurs étapes :


1. Ouvrez l'image dans Photoshop. Pour ce faire, cliquez sur « Fichier » et « Ouvrir » ou sur le raccourci clavier Ctrl + O.


2. Créez un nouveau calque en cliquant sur Calques, puis sur Nouveau calque.


4. Un panneau de paramètres pour cet outil apparaîtra en haut du programme. Ici, vous pouvez définir le rayon d'angle souhaité, c'est-à-dire vous pouvez augmenter ou diminuer l'arrondi. La valeur par défaut est de 10 pixels. Veuillez noter que pour utiliser l'outil, vous devez avoir activé l'option « Contours », qui se trouve également dans le panneau des paramètres.


5. Sélectionnez l'image entière, en commençant par le coin supérieur gauche et en terminant par le coin inférieur droit.


6. Faites un clic droit sur l'image et sélectionnez l'option « Créer une sélection ». Une ligne de sélection en pointillés apparaîtra.


7. Allez maintenant dans la barre d'outils horizontale et ouvrez l'onglet "Sélection", puis sélectionnez "Inverser".




8. Maintenant, tout est inversé - ce n'est pas l'image elle-même qui est sélectionnée, mais les coins inutiles. Pour les supprimer, appuyez simplement sur la combinaison de touches Ctrl+Suppr de votre clavier.


9. Désélectionnez-le maintenant en appuyant sur Ctrl+D sur votre clavier. Profitez du résultat!


N'oubliez pas de sauvegarder la photo terminée sur votre ordinateur.

Je suis encore en retard ! Eh bien... Eh bien, je publie les cours avec quelques heures de retard, j'espère que ce n'est pas si critique. Aujourd'hui, dans notre leçon, nous parlerons de comment arrondir les bords dans Photoshop. Tout irait bien et la leçon ne différerait pas de celles que vous avez vues sur d'autres sites, mais j'ai moi-même déjà cherché et je sais quelles méthodes ils proposent. Ne les écoutez pas ! Trop ennuyeux, trop long. Je vous propose un moyen de savoir comment coins arrondis dans Photoshop littéralement en quelques clics !

Prenons une photo, au fait, je prends ça sur un bon téléphone. Ce n'est pas une publicité :D
Utilisons la sélection comme dans ma capture d'écran :

Allez dans l'onglet ( Sélectionnez > Modifier > Lisser). Attention! Cela peut être difficile pour certains. Dans certaines versions de Photoshop, il n'y a pas de « Smooth », c'est-à-dire « Optimiser ». Alors ne vous inquiétez pas si vous ne trouvez pas Smooth. C'est la même chose.

Ici, nous avons sélectionné le rayon de courbure.

Maintenant, comme vous pouvez le constater, votre zone de sélection a déjà des coins arrondis.

Il ne reste plus qu'à découper l'image.

Et maintenant. La taille y est définie automatiquement. Et maintenant, nous collons simplement l'image dans un nouveau fichier.

Tout le monde aime les angles droits dans les images. Mais il y a quand même des moments où ces mêmes coins doivent être arrondis. Ensuite, le programme Photoshop vous viendra à nouveau en aide. Dans cet article, nous examinerons l’une des nombreuses façons d’y parvenir. Gardez à l'esprit que ma méthode consiste également à couper un peu l'image sur les bords, c'est une sorte de sacrifice au nom des coins arrondis.

Pour ceux qui aiment plus de clarté, j'ai enregistré un didacticiel vidéo qui peut être visionné à la fin de cette leçon. Commençons donc par arrondir les coins de l'image :

Étape 1

Par défaut, toutes les images ouvertes dans Photoshop deviennent l'image d'arrière-plan. Photoshop nomme ce calque « Arrière-plan » et le bloque également contre toute modification inutile. Ceci nous est indiqué par une petite icône de cadenas.

Pour déverrouiller un tel calque, vous devez double-cliquer dessus. La boîte de dialogue Nouveau calque apparaît. Ne changez rien, cliquez simplement sur OK. Le verrou devrait maintenant disparaître.

Étape 5

Dans le panneau des calques, cliquez sur le tout premier calque avec notre image originale et appuyez sur la combinaison de touches Ctrl+Shift+I. En conséquence, nous devons sélectionner toute la zone en dehors des limites de notre carré. Ça s'appelle. Regardez de plus près ce qui a changé :

Étape 6

Appuyez maintenant sur la combinaison de touches Ctrl+X (modifier - couper) pour supprimer la zone sélectionnée. La sélection devrait disparaître et un fond en damier (transparence) apparaîtra à l'endroit où se trouvait autrefois l'image.

Étape 7

Rendons maintenant notre calque de forme invisible. Pour cela, dans le panneau des calques, cliquez sur l'icône en forme d'œil en face du calque carré. Voici l'image originale avec les coins arrondis.

Étape 8

Exécutez la commande Image - pour que Photoshop supprime tout l'espace supplémentaire autour de l'image. Par conséquent, le mode transparence ne doit être visible que dans les coins.

À l’avenir, pour utiliser une telle image, il faudra la sauvegarder au format PNG ! Dans ce cas, les coins resteront transparents. Sinon, si vous enregistrez, par exemple, au format JPG, les coins deviendront automatiquement sur fond blanc.

Voilà, tout est prêt. L'image aux coins arrondis ressemblera à ceci :

Comment réaliser, par exemple, un seul coin arrondi ?

Très simple. Revenons à l'étape où nous avons dessiné la figure. Étirez-le de manière à ne voir qu'un seul coin arrondi et les trois autres soient cachés à l'extérieur de la toile. Ici, suivez ensuite les instructions décrites ci-dessus. Tout est pareil.

J'espère que les instructions vous ont aidé et que vous pourrez faire quelque chose de cool ! Bonne chance.

Si vous remarquez une erreur dans le texte, sélectionnez-la et appuyez sur Ctrl + Entrée. Merci!