Créer un rectangle avec angles arrondis et droits

J’ai reçu plusieurs mails pour me demander ce petit effet ! Il me permet de tester en même temps la vidéo dans le tutorial. Il s’agit donc de créer un bloc pour un website, avec des cotés arrondis et à angles droits.

En fait le principe est de le créer comme ceci :

Tutorial vidéo :

WonkaStudio - Video tutorial 231 IMG/flv/tutorial131_wks.flv

Fichier source Photoshop :

Photoshop - 372.6 ko
Fichier source Photoshop
clic pour télécharger le fichier source utilisé dans ce tutorial 232

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

    Questions et commentaires, Il y a 31 messages de forum.

    Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

    • 13 décembre 2007 10:51, par LinKin

      Petit tuto bien sympa rien à redire dessus.

      Par contre chez moi la video est toute petite et je peut pas la mettre en grand ecran pour bien voir, c’est normal ou bien c’est moi qui fait pas ce qu’il faut ?

      Merci.

      Répondre
      • 13 décembre 2007 12:01, par Wonka

        Merci, par contre oui la vidéo ne peux pas s’afficher dans un format plus grand que ce qui affiché ! Trouve tu cela vraiment trop petit pour une lisibilité correct ?

        Répondre
        • 13 décembre 2007 12:11, par coyote

          une video un peu plus grande et c’est le bonheur merci pour tes super tutos !

          Répondre
          • 13 décembre 2007 12:38, par Wonka

            Je vais essayer de voir si c’est possible !

            Mais je ne promet rien.

            Répondre
    • 13 décembre 2007 12:56, par valck

      Génial le tuto en vidéo ! Vraiment une bonne idée ;) Merci Wonka !

      Répondre
      • 13 décembre 2007 14:14, par Wonka

        Mais de rien, et c’est la première d’une longue série ;)

        Répondre
    • 13 décembre 2007 18:21, par TotoDesign

      Merci Wonka ! C’est exactement ce que je souhaitais dans l’email que je t’ai envoyé ! Merci encore ! PS : une video plus grande serais super !

      Répondre
      • 13 décembre 2007 22:12, par Wonka

        C’est pour toi que j’ai crée ce tutorial ;)

        Répondre
    • 13 décembre 2007 22:53, par tilou

      Salut à toi Juste pour te dire en passant que tu fais un sacré boulot avec tous les tutos que tu nous proposes !!! aucun problème pour les réaliser. Par contre je suis une nostalique des tutos « écrits » ;) surtout avec tes explications Je comprends que cela doit être plus pratique pour toi de les faire en vidéo. Bien expliqué également mais un poil trop petit Alors bonne continuation à toi ! et encore Félicitations

      Répondre
      • 14 décembre 2007 12:32, par Wonka

        Ne t’en fais donc pas ;) Il y aura des tutoriaux vidéos mais encore plus de tutos écris !

        Rien ne remplace effectivement les différentes étapes d’un tuto écris :p

        merci pour ton message !

        Répondre
    • 14 décembre 2007 08:47, par milo13

      Excellent tutoriel Wonka, comme d’habitude ;)

      Si je peux me permettre une remarque, ta vidéo est bien faite, mais elle me semble un peu petite. La lisibilité en souffre. Mis à part cela, ton initiative est géniale et je t’en félicite !!!

      Répondre
      • 14 décembre 2007 12:34, par Wonka

        Voici une vidéos deux fois plus grande pour les yeux qui ne veulent pas se fatiguer ;)

        Est ce bon maintenant ?

        Répondre
        • 14 décembre 2007 18:38, par milo13

          merci à toi, that’s in the can ! (traduction : c’est dans la boite )

          Répondre
        • 5 mai 2010 14:52, par bilal57

          salut a toi wonka wonka !! beau boulot. j’ai reproduit ton rectangle impec merci encore c’est ce que je voulais. juste une question est-il possible de diffusé des informations articles ou photos directement dessus. a ’laide d’un code html. ou une autre solution pleaz. je vais poster mon rectangle. a+

          Voir en ligne : bilal-mouslim

          Répondre
    • 15 décembre 2007 12:53, par maxime

      Woua enfin les tutos videos ;)NOuS sur atomeprod.free.fr on ne fait que des tutos en videos :) Je te remercie pour ce bon tuto !

      Ciao

      Répondre
      • 15 décembre 2007 22:07, par Wonka

        Il y a de très belle choses sur ton site ;) Bravo !

        Répondre
    • 16 décembre 2007 11:12, par maxime

      Et bien merci,venant de toi ça me touche :D

      Mais je suis le seul qui touche à photoshop sur le site :S, les autres touchent plus à After Effetcs. Mais bon jvais esssayer d’inover un peu :)

      Répondre
    • 18 janvier 2008 18:53, par Yoh ko

      j’adore les tutoriaux de ce site ^o^ Mr.Wonka grace a vous en quelque mois j’ai tellement progréssé sur Photoshop que des fois je trouve sa Hallucinant.Merci encore pour les supers tutoriaux ^_^ !

      Répondre
    • 25 janvier 2008 19:05, par MØG

      Tu utilise quel logiciel pour la capture d’ecran en video ? Camtasia, Captivate2, snagit 8 ? ou encore un autre ...

      Répondre
    • 27 janvier 2008 16:04, par Jonathan

      Merci pour tout ces renseignement, cela fait un bout de temps que je vien sur ce site pour me perfectionner ( tant bien que mal :) ) sur photoshop. la demonstration vidéo est trés trés instructive, merci.

      Répondre
    • 8 mars 2008 13:33

      Super génial ! Merci beaucoup ! :)

      J’ai beaucoup appris sur ce site grâce aux tutoriels !

      Répondre
    • 17 avril 2008 03:12

      Et moi qui m’imaginais que c’était compliqué...je me suis compliqué la vie à essayer des trucs alambiqués alors qu’en fait c’est si simple O_O Merci à toi pour ce tuto, tes explications sont très claires, de plus tu as une belle voix, ce qui ne gâche rien !

      Répondre
      • 17 avril 2008 09:51, par Wonka

        Je suis flatté ;) merci pour ton message !

        Répondre
    • 23 juillet 2008 09:57, par jackie.line

      bravo - simple et chouette jackie.line

      Répondre
    • 17 octobre 2008 15:43

      Bonjour,

      j’ai suivie ce tuto qui est très bien fait , par contre j’ai un soucie il m’est impossible de tracer l’outil rectangle afin d’en faire une sélection sur le coin arrondi , j’ai un message d’avertissement qui m’indique « aucun pixel n’est sélectionné a plus de 50%. le contour de la sélection ne sera pas visible » .....voila le message d’erreur......je peux vous dire que je sélectionne le bon calque , j’ai vraiment suivie pas a pas le tuto... !!!

      Merci pour votre aide !!!!

      Répondre
      • 17 octobre 2008 17:26, par Wonka

        Le problème se situe au niveau des réglages de votre outil sélection ! A vérifier.

        Répondre
    • 22 novembre 2008 12:09, par cheep

      Ben je ne peux que suivre la masse en te remerciant pour ton travail. Mes soucis à moi sont que quand je trace le rectangle (coins arrondis) il ne se créer pas automatiquement en un nouveau calque et que la pixelisation n’est pas accessible (en gris) Mais je cherche... Merci et bonne continuation

      Répondre
      • 22 novembre 2008 20:13, par Wonka

        C’est que l’outil doit être en tracé ou en pixel de remplissage, il faut que l’icône calque de forme soit enclenché, voir les trois petites icônes dans la barre d’outil horizontale en haut de ton écran juste en dessous de fichier edition image ...

        Bonne chance et merci pour votre commentaire ;)

        Répondre
    • 9 juin 2009 12:21, par solitude2110

      MERCI !!! Depuis le temps que je me casse les « dents » avec la gomme pour arrondir mes angles... Je vais enfin pouvoir faire cela de manière propre et parfaite ! Merci mille fois

      Répondre
    • 14 avril 2010 15:46, par pascal_22

      Bonjour Exactement ce que je cherchais ! Merci. Par contre, il me manque un petit détail, j’ai beau écouté et réécouté mais je ne trouve pas.

      Pour faire le contour, on contracte a 2 pixel, puis on intervertis et ... c’est la que je ne comprends pas !! Tu parle de supprimé mais je ne trouve pas !! Est-ce que vous pouvez m’aider !

      Merci

      Pascal_22

      Répondre

    Laissez un commentaire

    Remplissez correctement le formulaire puis appuyez sur Validez.