Accueil Tutoriels Glossaire Galeries KitGraphique Blog On the Web

TUTORIAL VIDEO : Créer un rectangle avec angles arrondis et droits

jeudi 13 décembre 2007 par Wonka

Tag associé à ce tutorial

En faisant du webdesign | Charte graphique | Dèbutant | Photoshop | Video

Galerie interne

+ Ajouter une image à la galerie interne

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 :

Fichier source Photoshop :


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

Laisser un commentaire sur ce tutorial

27 messages dans le forum

Créer un rectangle arrondie et carré
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 à ce message
- Créer un rectangle arrondie et carré
  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 à ce message
  - Créer un rectangle arrondie et carré
    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 à ce message
    - Créer un rectangle arrondie et carré
      13 décembre 2007 12:38, par Wonka
      
      Je vais essayer de voir si c’est possible !
      
      Mais je ne promet rien.
      
      Répondre à ce message
Créer un rectangle arrondie et carré
13 décembre 2007 12:56, par valck

Génial le tuto en vidéo ! Vraiment une bonne idée Merci Wonka !
Répondre à ce message
- Créer un rectangle arrondie et carré
  13 décembre 2007 14:14, par Wonka
  
  Mais de rien, et c’est la première d’une longue série
  Répondre à ce message
Créer un rectangle avec angles arrondis et droits
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 à ce message
- Créer un rectangle avec angles arrondis et droits
  13 décembre 2007 22:12, par Wonka
  
  C’est pour toi que j’ai crée ce tutorial
  Répondre à ce message
Créer un rectangle avec angles arrondis et droits
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 à ce message
- Créer un rectangle avec angles arrondis et droits
  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 à ce message
Créer un rectangle avec angles arrondis et droits
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 à ce message
- Créer un rectangle avec angles arrondis et droits
  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 à ce message
  - Créer un rectangle avec angles arrondis et droits
    14 décembre 2007 18:38, par milo13
    
    merci à toi, that’s in the can ! (traduction : c’est dans la boite )
    Répondre à ce message
Créer un rectangle avec angles arrondis et droits
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

Voir en ligne : YeahHh

Répondre à ce message
- Créer un rectangle avec angles arrondis et droits
  15 décembre 2007 22:07, par Wonka
  
  Il y a de très belle choses sur ton site Bravo !
  Répondre à ce message
Créer un rectangle avec angles arrondis et droits
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

Voir en ligne : http://atomeprod.free.fr

Répondre à ce message
Créer un rectangle avec angles arrondis et droits
18 janvier 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 ^_^ !
Voir en ligne : Go Go GO WonkaStudio !

Répondre à ce message
Créer un rectangle avec angles arrondis et droits
25 janvier 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 à ce message
Jonathan
27 janvier 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 à ce message
Créer un rectangle avec angles arrondis et droits
8 mars 13:33

Super génial ! Merci beaucoup !

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

Répondre à ce message
Créer un rectangle avec angles arrondis et droits
17 avril 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 à ce message
- Créer un rectangle avec angles arrondis et droits
  17 avril 09:51, par Wonka
  
  Je suis flatté merci pour ton message !
  Répondre à ce message
Créer un rectangle avec angles arrondis et droits
23 juillet 09:57, par jackie.line

bravo - simple et chouette jackie.line
Répondre à ce message
Créer un rectangle avec angles arrondis et droits
17 octobre 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 à ce message
- Créer un rectangle avec angles arrondis et droits
  17 octobre 17:26, par Wonka
  
  Le problème se situe au niveau des réglages de votre outil sélection ! A vérifier.
  Répondre à ce message
Créer un rectangle avec angles arrondis et droits
22 novembre 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 à ce message
- Créer un rectangle avec angles arrondis et droits
  22 novembre 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 à ce message

WonkaStudio est une plateforme de diffusion d'articles et de cours (e-learning) pour le grand public pour l'apprentissage des méthodes du graphisme 2d et 3d. La communauté WonkaStudio vous propose des cours gratuits ou payants, rédigés ou en vidéos sur : Le graphisme 2d / 3d (webdesign et print) sous photoshop illustrator indesign flash.

© 2005-2007 - WonkaStudio - Tous droits réservés

Tutoriaux - Kit graphique - News Wonka - Contact
Partenaire : Mon Site Gratuit - Tee-shirt Look Zippy - Yatooweb Tutoriaux photoshop - FinalManga - KitGrafik.com - Le Best : templates - Tutoriaux webdesign - Kouaa

Mettre ce site en page de démarrage - Mettre ce site dans les favoris

TUTORIAL VIDEO : Créer un rectangle avec angles arrondis et droits

Galerie interne

Attention votre fichier devra être en format JPG, et son poid inférieur a 200ko !