ArtBook - le blog des tutoriaux graphiques -

Un blog rempli de tutoriaux gratuits et complets pour apprendre à utiliser Photoshop, Illustrator, Flash et d'autres applications web. Mise à jour très fréquentes.

28 novembre 2008

Fond hyperespace

Fond hyper vitesse

Que vous soyez fan de science fiction ou de forme abstraite ce tuto vraiment très simple est pour vous.

Créez un nouveau document de 500 x 500.

01

Maintenant réinitialisez vos couleurs en appuyant sur la touche D, puis allez dans Filtre>Rendu>Nuages.

02

Puis rendez vous dans Filtre>Pixellisation>Mezzo-tinto, indiquez lignes longues.

03

Ensuite allez dans Filtre>Atténuation>Flou radial, et indiquez la même chose que sur la photo suivante :

04

05

Faites Ctrl+F pour appliquez une seconde fois le même effet, puis appuyez sur Ctrl+J pour dupliquer votre calque, que vous passez en mode éclaircir.

06

Ensuite rendez vous dans Filtre>Déformation>Tourbillon, avec un angle de -160°

07

Il ne vous reste plus qu’a appliquer 2 couleurs différentes sur chacun de vos calques. Vous pouvez pour cela passer par les réglages ou faire un Ctrl+U pour chaque calque et redéfinir des couleurs. Si vous le désirez vous pouvez atténuer le premier calque (celui du fond) avec un léger flou gaussien, ou tout autre filtres. Surtout n’hésitez pas à venir poster vos essais sur le forum.

08

Arthelius

Pour toutes vos questions, rendez vous sur le forum.

Posté par arthelius à 17:06 - Tutorial Photoshop - Commentaires [1] - Rétroliens [0] - Permalien [#]
Tags : , , , ,


03 novembre 2008

Dessiner un marqueur

Dessiner un marqueur


Après le tuto pour créer un crayon voici maintenant un tuto pour dessiner un marqueur, afin de pouvoir surligner les choses les plus importantes.

Après avoir créé un nouveau document, affichez la grille, c’est primordial, Affichage>Afficher la grille.

01

Prenez l’outil plume, et dessiner la même forme que sur la photo suivante. Faites bien attention au quadrillage je n’ai pas chois ces repères au hasard, donc faites attention à reproduire la forme à l’identique. Inversez le blanc et le noir, et supprimer le contour (qui est alors blanc) Suivez bien les lignes de votre grille, et tracez votre forme selon les points que j’ai indiqué sur la photo.

02

Passons au reflet sur la forme, reprenez l’outil plume, et mettez du blanc comme contour sinon vous ne verrez rien, et dessiner la forme.

03

Maintenant appliquez un dégradé blanc vers noir avec un angle de -50°, en retirant le contour blanc, qui vous servait de repère.

04

Prenez l’outil rectangle arrondi, et dessinez une forme comme sur la photo la longueur a peu d’importance, par contre la largeur oui. La forme est noire bien entendu.

5

Prenez l’outil rectangle, et dessinez un éclat de lumière en longueur, celui-ci ne doit pas dépasser de la forme arrondi, et appliquez lui un dégradé blanc et noir avec un angle de -90°, puis rapprochez un peu le petit triangle inversé vers le blanc, afin que la zone noire soit plus importante.

06

Attention voici la partie la plus compliqué de ce tuto, une fois cela fait, le plus dur sera derrière vous.
Reprenez l’outil plume, et redessinez la forme comme sur la photo, c’est ici que le quadrillage devient fort utile. Placez vos points dans l’ordre indiqué sur la photo, faites bien attention de placer vos points de manière symétrique, pour la partie arrondie aidez vous de l’angle du quadrillage.

07

Passez votre forme en noire, et passons au reflet dessus. Prenez l’outil plume et dessinez la même forme que sur la photo qui suit, ne démarrez pas tout à fait à la suite du premier reflet.

08

Maintenant menez cette forme en blanc, puis rendez vous dans Effet>Atténuation>Effet Gaussien, et mettez 10 pixels. Une fois cela fait recliquez sur la forme pour modifiez un peu le blanc et le rendre un peu plus gris.

09

Dessinez un rectangle noire, d’un carré de largeur, et qui dépasse d’un carré en haut et en bas, par rapport à la forme précédente.

10

Ajouter le même reflet que sur la forme arrondi. Un copier/coller simplement puis redimensionnez le

11

Il est temps de dessiner le corps du marqueur, pour cela prenez l’outil rectangle et dessinez une forme aussi large que la petite bande noire que vous venez de faire, pour la longueur, je vous laisse le choix (moi je l’ai fait d’environ 12 gros carrés)

12

Passons à la couleur, il s’agit d’un dégradé bleu, blanc, bleu, blanc (ou bleu très clair) Pour ajouter des godets de couleur, il faut choisir un godet, laissez le doigt appuyé sur la touche Alt et cliquez à côté du premier godet. Maintenant pour modifier sa couleur (attention sur ce coup là, adobe a fait fort !) il faut cliquez sur le godet, puis cliquez sur le carré de la couleur de fond (ici il s’agit du dégradé du coup) la palette de couleur apparait alors et vous pouvez changer votre couleur (si vous ne voyez que du noir cliquez sur les double flèche et choisissez CMJN ou RVB, en fonction de si vous imprimez ou si vous travaillez pour le web)

13

Maintenant copier/coller la forme noire de 1 carreau de largeur avec son reflet et collez le à l’arrière de votre forme en dégradé.

14

Sélectionnez toute vos formes puis faites Ctrl+G pour tout grouper, ensuite allez dans Effet>Spécial>Ombre portée.

15

Il ne reste plus qu’a en faire ce que vous voulez, ajoutez du texte dessus (n’oubliez pas de regrouper la forme dans ce cas) de changer son orientation, de lui ajoutez un reflet ou une bande couleur, voici le mien j’espère que cela vous inspirera.

final

Arthelius

Pour toutes vos questions, merci de les poster sur le forum.

Posté par arthelius à 10:52 - Tutorial Illustrator - Commentaires [9] - Rétroliens [0] - Permalien [#]
Tags : , , , ,

26 octobre 2008

Dessiner une fleur (paquerette)

Dessiner une fleur (paquerette)

Ce n’est pas parce que c’est l’hiver que l’on ne peux pas dessiner de jolis fleurs champêtres. Un tuto vraiment simplissime, qui permet de revenir sur une fonction un peu méconnue : la distorsion.

Ouvrez un nouveau document, puis prenez l’outil étoile (caché derrière l’outil rectangle).

01

Puis faites glissez votre souris, ne la relâchez pas, et appuyez 2 fois sur la flèche « haut » de votre clavier, afin d’ajouté 2 pointes de plus à votre étoile. Relâchez la souris.

02

Maintenant allez, dans Effets>Distorsion et Transformation>Contraction et Dilatation.

03

Indiquez 80%

04

Voici votre fleur, enfin votre première forme. (on peut d’ailleurs voir la forme originale en dessous de votre fleur lorsque vous cliquez dessus)

05

Dupliquez votre forme (Ctrl+C puis Ctrl+V), et assignez lui un angle de 25°, grâce à l’outil rotation.

06

Maintenant sélectionnez la forme du dessus, retirez lui la couleur de contour, et appliquez lui un dégradé radial rose (RVB : 250,210,220) et blanc.

07

Retirez maintenant le contour de la forme du dessus. Maintenant prenez l’outil ellipse, et tout en maintenant la touche Maj enfoncé laissez glisser votre souris pour dessiner un cercle qui représente le cœur de la fleur, bien sur ce cercle sera jaune.

08

Maintenant prenez l’outil filet appliquez du blanc(ou jaune très pale) en haut à gauche dans votre cœur.

09

Mettez votre cœur, sur votre fleur, il ne reste plus qu’a faire un joli fond et à agrémentez le tout selon vos gouts et l’illustration que vous voulez produire. Bien entendu vous pouvez ajouter cette forme à votre bibliothèque.

10

Arthelius

Si vous avez des questions, rendez vous sur le forum.

Posté par arthelius à 15:25 - Tutorial Illustrator - Commentaires [3] - Rétroliens [0] - Permalien [#]
Tags : , , ,

Livre Artbooktuto : 25 Tutoriaux Illustrator

livre


 

Il est enfin là ! Le livre regroupant les 25 meilleurs Tutoriaux du blog !

Vous proposez les meilleurs tutos est un travail assez complexe, c'est pourquoi ce livre est en vente.
Mais afin de ne pas négligez les moins fortunés ou bien pour ceux à qui les ebooks conviennent mieux, je vous le propose sous deux formats.

Un sous forme d'ebook et un autre sous forme de livre en couleurs.

Voici les tutos que vous pourrez retrouver :

01. Triangles
02. Motif
03. Aile
04. Coeur
05. Coeur 3D
06. Couronne de Noël
07. Trèfle
08. Eclat de lumière
09. Néon
10. Nuage
11. Boule Disco
12. Image & Texte
13. Logo Web
14. Texte doré
15. Ruban
16. Echiquier
17. Fleur graphique
18. Rayons
19. Pomme
20. Aquarium
21. Bouteille
22. Brique de construction
23. Spirales 3D
24. Fond de cercles
25. Dessiner d’après une photo

Le livre est tout en couleurs, couverture souple, 101 pages.

Un livre qui conviendra aussi bien aux débutants qu’aux graphistes confirmés, un excellent support que vous pourrez lire à volonté, ou pour offrir à vos amis, parents, ou toute personne qui débute dans le domaine de la communication graphique (scolaire ou en formation)

Plutôt que de faire des demandes de dons j’ai préféré vous donnez quelques choses en contrepartie. Voici donc un excellent moyen de me remercier si jamais mes tutoriaux on pu vous aider.

N'hésitez pas à cliquez sur acheter le livre ou l'ebbok, pour voir un aperçu du livre dans son intégralité.

Prix du livre : 26,84€

Prix de l'ebook : 5€

- Achetez le livre -

- Achetez l’ebook -

Livre vendu par le biais du site lulu.com

Posté par arthelius à 14:37 - Commentaires [0] - Rétroliens [0] - Permalien [#]
Tags : , , ,

16 septembre 2008

Dessiner un crayon

Dessiner un crayon

Voici un petit crayon tout simple pour illustrer vos news et autres post it.

Commençons par créer un nouveau document (web ou imprimer, peu importe) Ensuite prenez l’outil allez dans Affichage>Afficher la grille.

01

Maintenant prenez l’outil rectangle arrondi et tracé à partir d’un segment, un rectangle qui soit assez long, et dont la hauteur touche une ligne horizontal, et soit un chiffre pair (4 carrés me parait pas mal) c’est pour vous aidez pour la suite, lorsque vous dessinerez le rectangle de la pointe.

02

Ensuite Copié/collé votre forme et réduisez la par la largeur afin de dessiner la petite partie métallique qui soutient la gomme. Refaites la même opération pour dessiner la gomme, un peu plus longue que la précédente.

03

Puis prenez l’outil plume, et en partant de la base de votre rectangle, à gauche, la partie arrondi qui touche le sol, puis tracé un trait qui va dessiner la mine entière du crayon. Pour cela placé un premier point en bas, puis un second à environ 7 cases en longueur et 2 en hauteur du premier point, et un dernier qui relie le tout en haut du crayon, et qui soit sur la même ligne verticale que le premier point.

04

Ensuite, copier/coller la pointe que vous venez de faire, puis dessinez avec l’outil rectangle, un rectangle plus grand que votre pointe, puis placez le de façon à couvrir une partie, en laissant la partie la plus fine visible.

05

Maintenant sélectionnez la pointe et votre rectangle, puis faites un Pathfinder>Soustraction de la forme.

06

Il est temps de mettre un peu de couleur a tout ceci. Commençons par le corps en bois. Sélectionnez le et choisissez le dégradé, appliquez lui un angle de -90° et les deux couleurs suivantes :
- bleu : C 10 - M 0 - J 0 - N 0
- bleu foncé : C 70 – M 45 – J 0 – N 0

Sélectionnez le bout métallique, appliquez lui un angle de -90°, et les deux couleurs suivantes ( il est possible de mettre plus de couleurs si vous désirez plus d’effets)
- jaune clair : C 10 – M 0 – J 50 – N 0
- jaune foncé : C 0 – M 10 – J 95 –N 5

Maintenant c’est au tour de la gomme toujours la même chose, angle à -90° et ces 2 couleurs :
- rose clair : C 0 – M 15 – J 0 –N 0
- rose foncé : C 0 – M 65 –J 25 –N 0

Pour la pointe en bois il s’agit d’un angle à 75° avec ces couleurs
- foncé : C 5 – M 0 –J 75 – N 20
- clair : blanc

Enfin la pointe, toujours un angle à 75°, mais cette fois ci le dégradé doit être noir et blanc, une fois cela fait cliquez juste en dessous du dégradé pour ajouté un godet gris, maintenant placez le comme sur la photo qui suit.

07

Passons au reflet, pour cela prenez l’outil rectangle arrondi, appliquez lui une couleur blanche et une transparence de 40%. Placez le en haut.

08

Maintenant sélectionnez le tout, et faites Ctrl+G, puis inclinez votre crayon, et enfin faites Ctrl+C puis Ctrl+V (copier/coller)

09

Passez ce second crayon en noir, faites le pivoter, puis réduisez sa grosseur et sa longueur. Et enfin appliquez lui une transparence de 50%.

10

Voilà votre crayon terminé, vous trouverez aisément des pack de post it, une jolie panoplie ici qui iront parfaitement avec votre joli crayon.

11

Arthelius

Pour toutes vos questions, merci d'utiliser le forum.

Posté par arthelius à 11:27 - Tutorial Illustrator - Commentaires [0] - Rétroliens [0] - Permalien [#]
Tags : , , , , , , ,

27 juillet 2008

Texture rocheuse

Texture rocheuse

Voici un tuto très simple pour créer une texture rocheuse.

Créer un nouveau document de 500x500, puis prenez l’outil pot de peinture et appliquez une jolie couleur grise-beige, moi j’ai utilisé celle-ci : B19C78

1

Maintenant dans la fenêtre des calques, ouvrez les couches, et ajoutez une couche.

2

Puis allez dans Filtre>Rendu>Nuages par différence (avant appuyez sur la touche D pour réinitialiser les couleurs par défaut, faites aussi attention à la tolérance, celle-ci doit être à 0) Le but est d’avoir ce résultat, il est donc possible que vous soyez obligé d’appliquer l’effet 2 fois.

3

Maintenant rendez visibles les autres couches en cliquant sur la case vide, à gauche du nom de votre couche. Cliquez sur la couche RVB

4

Puis allez dans Filtre>Rendu>Eclairage

5

Laissez le type en projecteur
Cliquez en bas sur texture afin de choisir : Alpha
Puis mettez la source de votre lumière en bas à droite.
Et enfin monter le relief à fond, vers montagneux.

6

Voici enfin votre effet, seul soucis cette couleur rouge, pour la retirer rien de plus simple, retourner dans les couches et décochez l’œil de la couche alpha. Et voilà votre effet de roche.

7

Arthelius

Si vous avez des questions rendez vous sur le forum

Posté par arthelius à 21:54 - Tutorial Photoshop - Commentaires [0] - Rétroliens [0] - Permalien [#]
Tags : , , , ,
« Accueil  1