Tutoriel Vidéo Photoshop : Arrondir les coins d'une image

Voici sûrement le tutoriel vidéo le plus court de Grafikart. Ce tutoriel vous permettra de voir comment arrondir les coins d'une image avec Photoshop et les masques d'écretage...

Ahah je suis sûr que vous êtes trop déçu, vous vous attendiez à une technique trop compliqué de l'espace...


Télécharger la vidéo
(Réservé aux premiums)


Après avoir appris sur Internet quoi de plus normal que de partager à son tour ? Passionné par le web depuis un peu plus de 5 ans maintenant j'aime partager mes compétences et mes découvertes avec les personnes qui ont cette même passion pour le web : Vous.

Vous aimerez aussi

Capture d'écran 3D

Capture d'écran 3D
8m

Dans ce tutoriel vidéo vous apprendrez comment créer une capture...

Utiliser les motifs

Utiliser les motifs
9m

Dans ce tutoriel vidéo vous apprendrez à utiliser les motifs dans...

33 commentaires
Ajouter un commentaire

G.M.A. Il y a 3 mois Répondre

très simple et facile à apprendre, vraiment Grafikart est bon choix))

Paolo Il y a 5 mois Répondre

Super, merci pour le tuto =D !
Je débute et ça m'a bien aidé, sympa^^ !

Ermitano Il y a 8 mois Répondre

Salut !
Super et merci

angebuffy Il y a 11 mois Répondre

bonjour !
d'abord merci pour ton tuto, mais j'ai le même problème que jcholie... comment fait-on pour enlever les coins une fois notre forme arrondie créée ?
merci d'avance pour ceux qui répondront
++

jcholie Il y a 1 an Répondre

Bonjour! Super tutoriel, merci beaucoup. Mais j'ai néanmoins une question supplémentaire. .. .
Je suis novice sur toshop, et une fois que l'on a respecté ton tuto à la lettre, comment peut-on enregistrer la photo en jpg sans qu'il y ai le contour blanc à l'extérieur du rectangle ? Hmmm est ce compréhensible ce que je raconte ??
A bon entendeur! MERCII ! !
Jcholie

Romain Il y a 5 mois - Répondre

J'ignore si c'est encore d'actualité, mais pour ceux qui chercheraient également la réponse : Il n'y a que deux formats qui respectent la transparence : PNG et GIF, tu ne pourras malheureusement pas enregistrer ton image en JPG sans avoir de coins blancs.

Autre précision, masque ou supprime le calque inférieur blanc s'il y en a un (généralement défini comme "arrière-plan" si tu ne l'as pas modifié).

Bazinga Il y a 2 ans Répondre

"C'est tout con hein"

Merci, ça me sera bien utile, enfin j'espère ^^

ericchess Il y a 2 ans Répondre

Excellent, c'est une bonne demonstration de l'utilisation du masque d'écrêtage.
On peut arriver au même résultat en utilisant le même outil (en mode tracé)
Faire sa selection,
Puis convertir le tracé en selection (onglet Tracés dans le pavé calque) et ensuite :
Selection => intervertir puis supprimer

Les deux avantages étant que la zone que l'on selectionne reste visible et que l'on a pas de calque supplémentaire.

En tout cas bravo pour ce site, je sens que je vais beaucoup progresser avec tous ces tutaux de qualité !

dav Il y a 2 ans Répondre

Ouai rien compris, tellement rapide que rien n'est expliqué !

M13 Il y a 2 ans Répondre

Simple mais efficace, je l'ai utilisé pour mon site Merci.

Iguanes Il y a 2 ans Répondre

Effectivement c'est vraiment un petit tutoriel ! ^^

Bons plans Il y a 2 ans Répondre

Parfait c'est exactement le tuto qu'il me fallait.
En fait de mémoire il me semble que j'avais déjà vu une autre technique pour les coins mais j'avais trouvé ça trop compliqué et j'avais lâché l'affaire.
Merci

Dams Il y a 2 ans Répondre

Super sympa ton site, continue comme ça car ça m'aide bcp

diabless6 Il y a 2 ans Répondre

Moi j'aime bien cet accent belge :D

tibeoh Il y a 2 ans

Toulousain !

Grafikart Il y a 2 ans - Répondre

Accent Catalan

Gus Il y a 2 ans Répondre

Tuto impeccable, merci beaucoup !

phil Il y a 2 ans Répondre

Sympa comme tout ce tuto et pas long en plus !
Voila qui va m'être fort utile pour mon futur projet.
C'est bookmarké, merci beaucoup et j'espère qu'il y aura encore d'autres tuto aussi intéressants.

apo Il y a 2 ans Répondre

Merci

Mlle Ness Il y a 2 ans Répondre

merci c'est trop cool

MarcBook Il y a 2 ans Répondre

Je viens de découvrir ton blog ! Et je suis vraiment impréssionné de voir un blog de cette qualité :O

Merci beaucoup pour le tutorial :D

Jutix Il y a 3 ans Répondre

GG !

Ça me réconforte dans ma méthode autiste, à savoir:
Création d'une forme rectangle arrondi > Click droit sur le calque > "Pixelliser le calque" > Outil "baguette magique" à la bourrin > Sélection de la forme rectangle > Click droit sur la selection > "Intervertir la sélection" > Retour sur le calque image > et j'appuie sur effacer =')

Big up !

Econsultant Il y a 3 ans Répondre

Merci !

Encore une chose simple mais qu'il fallait que ca soit expliqué !

Si besoin d'images gratuites pour s'entrainer à arrondir les angles regarder les rubriques Télécharger des images gratuites et libres de droits de la page :
http://telecharger.axiz.fr/utilitaires-logiciels-gratuits.html

LycqN Il y a 3 ans Répondre

Effectivement c'est tout con Hahaha
Merci de l'astuce !

azertytouch Il y a 3 ans Répondre

Super !!! sinon il y a:
- Selectionner l'image
- Selection/ameliorer le contour
!!

Hideki Il y a 3 ans Répondre

Effectivement c'est tout bête mais trés utile ! =)
Merci pour ce petit tuto

wan972 Il y a 3 ans Répondre

Merci pour ce petit tuto, ça peut toujours servir. A retenir ^^

Ravi Il y a 3 ans Répondre

wouaaa trop classe :D merci beaucoup ^^

jmt Il y a 3 ans Répondre

salut super ce tutoriel videos mais je voulais dire aussi pour ce qui n'ont pas photoshop il existe un site qui propose la même chose http://www.roundpic.com/
et merci

doo Il y a 3 ans Répondre

les border-radius pour les arrondis marchent que sous safari,mozilla et toujours pas IE

patounet Il y a 3 ans Répondre

j'adore ! je suis un fan, j'aime bien le ("c'est tout c..") à la fin.
Pour ian, beaucoup de navigateurs ne respectent encore pas le Css2 alors le 3...

ian Il y a 3 ans Répondre

C'est effectivement simple, mais c'est quand même une manip' à connaitre.

@Jass29: il me semble que le css3 ne soit pas encore supporté par tous les navigateurs. La dernière fois que j'ai eu besoin de cadres arrondis, j'ai utilisé un bon plugin jquery, http://www.malsup.com/jquery/corner/

mixnico Il y a 3 ans Répondre

Super tu reviens sur photoshop, mais avec un tutos un peu court :O. J'espère que tu va continué sur ta lancé...

Jasse29 Il y a 3 ans Répondre

Bonjour,

C'est simple, et pourtant il fallait y penser. Quand je pense au temps que j'ai passé pour faire des arrondis !

Par contre pour ce qui est des cadres en xHTML/CSS il existe des balises mais CSS3 ?! Est-ce que quelqu'un sait si cela est valide ? Car je ne l'ai pas souvent vu ce CSS3.

Remus Il y a 3 ans Répondre

Ahhh Graphik art de retour aux sources avec un tutoriel sous Photoshop
simple, rapide et efficace

I'm M e h d i Il y a 3 ans Répondre

Ca fait plusieurs jours que j'attends un tuto et enfin un
mais dommage que ca ne m'aide pas mais sinon c'est un bon
tuto pour les debutants toshop =)

Laisser un commentaire

Si vous avez une question il est conseillé d'utiliser le forum si vous voulez une réponse sûre.