[Tuto] La boîte (initiation aux formes)

Symon · Grand schtroumpf Messages: 896

Bonjour à tous !

Aujourd'hui nous allons créer une boîte.
Le but est de s'initier à la perspective et à la création de formes personnalisées avec la plume.

Difficulté : 4/10

La boîte

Dans un premier temps sélectionnez l'outil plume (P) et faites 4 points pour tracer un parallélogramme, comme ceci :

Pour ajuster les points d'ancrage, maintenez la touche ctrl enfoncée, vous obtiendrez l'outil flèche blanche. Vous pourrez alors déplacer chaque point pour ajuster sa position.
Faites strictement la même chose pour le côté droit (l'important est de garder le parallélisme).

De la même manière, tracez à la plume un autre parallélogramme en choisissant une couleur plus claire. Nommez le calque "rabat"

Faites la même chose à droite :

Nous allons nous occuper du fond. Toujours avec la plume, créez un triangle isocèle d'une couleur plus foncée (en dessous des autres formes)

Faites la même chose à droite :

Vous pouvez éclaircir la couleur d'un des 2 côtés de la boîte pour accentuer la perspective.

Nous allons créer les ombres :
En dessous des calques "rabat", créez une forme noire à la plume comme ci-dessous et réglez l'opacité à 20%

Procédez de la même manière pour le côté droit :

Tout en dessous, tracez une forme noire comme ceci :

Allez dans le menu Filtre/atténuation/flou gaussien et prenez une valeur entre 6 et 11 pixels :

Réglez l'opacité entre 50 et 70%

Vous pouvez à présent placer des objets dans la boîte.
Voici un exemple de personnalisation :

Vous pouvez aussi appliquer un style de calque pour personnaliser les formes à 100%.
Rendez vous sur ce tuto

FeIZocE · Schtroumpf Messages: 70

Joli tuto, bien expliqué. Pour la perspective, y a quand même plus simple: l'outil rectangle vecto (U). Avec l'outil de sélection directe (A), et en sélectionnant un tracé du parallélogramme, on peut le manipuler facilement sans se torturer les yeux à essayer de rester droit, et sans avoir besoin de repères.

Symon · Grand schtroumpf Messages: 896

Oui, en fait c'était surtout pour apprendre à utiliser la plume qui permet par la suite de créer des formes plus complexes.
Ce tuto va de paire avec celui-ci pour pouvoir créer des icônes.

punch · Schtroumpf paresseux Messages: 2074

Très bien cette boaboite !
on peut y faire la fête dedans ? :haps:

J'ai essayé, mais je n'y arrive pas, c'est l'effet de perspective

Symon · Grand schtroumpf Messages: 896

Si tu as du mal avec la perspective, rien de plus simple, au début tu n'as qu'à faire une capture d'image de ma boîte et il suffit de la mettre en arrière plan.
Tu pourras alors facilement faire les tracés avec les bonnes proportions.

Après tu peux faire pareil avec toutes sortes de formes, google image est ton ami

StoneEyeS · Schtroumpf costaud Messages: 199

cool, justement, j'voulais savoir comment faire une boîte comme la tienne !

txepa · P'tit schtroumpf Messages: 9

merci pour le tuto ...je voulais faire une poubelle (nan nan ta boite ressemble pas à une poubelle

) mais je voulais faire une poubelle zolie.

trève de plaisanteries, énorme tuto

Cybermencool · P'tit schtroumpf Messages: 4

Merci Symon pour ce tuto !

Le résultat chez moi n'est pas top mais c'est déja ça

Allez-y, les critiquess

Symon · Grand schtroumpf Messages: 896

Bienvenue Cybermencool

Ben si elle est déjà pas mal, en fait c'est juste l'arrête du fond qui est trop haute, il faudrait que tu abaisses le coin de 10, voire 20 px.
Un autre détail aussi au centre, le rabat de gauche est légèrement plus haut que le rabat de droite.

Sinon très bon début, la notion de perspective ça vient avec la pratique

Cybermencool · P'tit schtroumpf Messages: 4

un deuxieme essai

StoneEyeS · Schtroumpf costaud Messages: 199

vachement mieux

videl · Schtroumpf Messages: 102

vi avec l'éclairage c'est mieux

Cybermencool · P'tit schtroumpf Messages: 4

merci a tous

mais je vais continuer a la travailler

Cybermencool · P'tit schtroumpf Messages: 4

voilà la version finale

il y a un tout petit peu d'aliasing, pourtant je n'ai pas redimensionné, comment y remédier ? (bien que ce soit tout petit)

Symon · Grand schtroumpf Messages: 896

Nettement mieux, elle est très sympa

Essaye d'agrandir ta boîte (puisque tu l'as faite à la plume

) et ensuite d'aplatir tous les calques (sauf le fond) et de réduire. L'aliasing devrait disparaître.
Parce que si tu redimensionnes une forme vectorielle, le rendu ne changera pas. Par contre, avec un calque pixellisé, tu devrais voir la différence.

Derty Hairy · P'tit schtroumpf Messages: 15

Comment vous faites pour que les arêtes du parallélogramme soient diférentes de la couleur de la boite, si vous voyez ce que je veux dire

Symon · Grand schtroumpf Messages: 896

La façon la plus simple est de créer un trait vertical avec le crayon

(en maintenant la touche Maj enfoncée pour que le trait soit droit)

Camille · P'tit schtroumpf Messages: 18

Alors voilà je débute j'essaie les tutos et voilà ma création à propos de celui-là :

j'attends vos commentaires
merci @+

Bémos · Schtroumpf Messages: 104

Ehh pour un début c'est pas mal du tout, mais réduis l'opacité de l'ombre sous la boîte, ça rend l'incrustation mauvaise

MallORy · Schtroumpf costaud Messages: 314

Hey c'est super Camille !
Moi même je n'arrive même pas à le faire ! Bravo !