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.

08 janvier 2009

Effet étiquette en feutrine

Effet étiquette en feutrine

Voici un petit effet amusant pour vos illustrations enfantines ou pour les scrapbookeuses qui utiliseraient Illustrator (je ne sais pas si elles sont nombreuses ?)

Créer un nouveau document, puis prenez l’outil texte.

01

Tapez votre texte (prenez une polie assez arrondie), et rendez vous dans Texte>Vectoriser.

02

Maintenant ouvrez le menu des contours.  Il est possible que votre texte devenu une forme, n’est pas de contours, dans ce cas, ajoutez lui juste une couleur de contours.

03

Le but maintenant est de réussir le même style que sur la photo qui suit. Je dis cela car selon la police ou la taille de votre texte vous ne devrez pas indiqué le même genre de réglages. Pour ma part le contours fait 0.5 pt, et les pointillés 1 pt.

04

Copiez/collez votre texte, puis retirer les pointillés de votre texte en décochant la case dans le menu contours. Puis indiquez 3 pts (selon vos polices et taille, bien entendu). Pour ce qui est de la couleur  cliquez sur le nuancier puis sur la couleur rose, et ensuite sur le guide des couleurs. Cela a pour but de vous proposez toute une palette de nuance à partir de la couleur rose. Choisissez la seconde case en partant de la droite.

05

Maintenant retourner sur les contours et mettez des extrémités arrondies, puis des sommets arrondies.

06

Refaites un simple Ctrl+V, et cette fois ci mettez un contours de 5 pts, vous pouvez directement ajouté les sommets et extrémités arrondies. Et dans le nuancier choisissez la couleur beige.

07

Maintenant il suffit plus que tout juxtaposés. N’oubliez pas de changer les ordres avant de les placer les uns sur les autres. Le beige en arrière plan, le rose dessus, et enfin le texte en points.

08

Et voici le résultat sur du jean :

09

Arthelius

Si vous avez la moindre question, rendez vous sur le forum.



10 décembre 2008

Cercle graphique

Cercle graphique

Voici une astuce toute simple si vous cherchez à créer des cercles un peu originaux pour vos créations.

Dans votre nouveau, vous allez prendre l’outil texte, et tapez la lettre S en taille 72 pts, avec la typographie A charming font, si vous ne l’avez pas, vous pouvez la trouvez ici.

01

Maintenant sélectionnez votre lettre et allez dans Texte>Vectoriser le texte.

02

Puis faites glisser votre lettre fraîchement vectorisée dans la fenêtre des « formes »

03

Dans la nouvelle fenêtre qui vient de s’ouvrir choisissez « nouvelle forme de motif » et ensuite dans la fenêtre qui s’ouvre, en bas dans colorisation, choisissez « Teintes », puis cliquez sur ok.

04

Maintenant prenez l’outil ellipse, et tracez un joli cercle bien rond, en restant appuyez sur la touche Maj lorsque vous faites glissez votre souris. Puis cliquez sur la petite série de S dans la fenêtre des formes (n’oubliez pas de supprimer la couleur de fond pour que votre motif puisse apparaitre).

05

Vous pouvez bien entendu changer la couleur de votre cercle grâce à la couleur de contours. Vous pouvez aussi choisir d’autres formes ou typo. Voici un échantillon.

06

Arthelius

Si vous avez des questions ou que vous désirez nous montrer vos trouvailles, n'hésitez pas le forum est là pour ça.

09 novembre 2008

Photo dans objet 3D

Image dans objet 3D

Afin de changer un peu des éternelles photos à plat, voici un tuto simpliste pour donner un peu plus de vie à vos photos.

Ouvrez un nouveau document. Puis aller dans Fichier>Importer.

01

Choisissez une image dans votre disque dur, et décochez la case lien, puis faites ok.

02

Voici votre image sur votre plan de travail, maintenant ouvrez la fenêtre des symboles, et faites glisser votre photo à l’intérieur, choisissez comme style « graphique », indiqué le nom que vous désirez.

03

Maintenant prenez l’outil étoile (derrière l’outil rectangle) puis dessinez une jolie étoile à 5 branches.

04

Puis rendez vous dans Effet>3D>Extrusion et Biseautage.

05

Ensuite, cliquez sur placage, et dans le menu déroulant en haut à gauche, choisissez votre image (symbole) et cliquez sur ok.

06

Vous voilà revenu sur la fenêtre précédente, maintenant, cachez la case aperçu, puis orienter le cube selon vos envies. Dans les biseaux choisissez Corniche ou complexe2, n’hésitez pas à changer un peu l’ombrage grâce à la boule, afin de mettre un peu plus de lumière. Puis cliquez sur ok.

07

Voici votre image dans un objet 3D, vous pouvez bien entendu changer la couleur.

08

Vous pouvez appliquer ce genre d’idées avec un cube par exemple.

09

Arthelius

Si vous avez des questions rendez vous sur le forum.

Posté par arthelius à 11:03 - Tutorial Illustrator - 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 : , , , ,

01 novembre 2008

[tuto vidéo] reflet 2.0

Voici un second tuto vidéo qui reprend cette fois ci le tuto du reflet 2.0, tuto assez ancien mais toujours d'actualité.


Reflet 2.0

Arthelius
 

Posté par arthelius à 00:13 - Tutorial Illustrator - Commentaires [2] - Rétroliens [0] - Permalien [#]
Tags : , , ,

30 octobre 2008

News : les tutos en vidéo !

artb

Après un modeste sondage, voici qu'arrive à l'essai les tutos en vidéo.
Pour ce premier essai surement plus que discutable, j'ai choisi de refaire le tuto des spirales.
Il n'y a pas de bulles contextuelles ou de commentaires, j'attends la aussi vos avis.

J'attends donc toute vos critiques ou demandes de tutos en vidéo, n'hésitez surtout pas.

Tuto Spirale 3D - Illustrator -


J'en profite pour vous dire que j'ai ajouté un groupe sur dailymotion, tutos vidéo, si vous êtes donc auteurs de tutos en vidéo, je vous invite à me rejoindre, afin de proposer le maximum de tutos vidéo et ainsi former une vraie communauté la plus complète possible pour aider le maximum de gens.

Posté par arthelius à 17:10 - Tutorial Illustrator - Commentaires [0] - 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 : , , , , , , ,
« Accueil  1