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.

21 décembre 2008

Créer des nuages

Créer des nuages

Un petit effet féérique, utilisable et modulable à volonté.

Ouvrez un nouveau document standard, 500 x 500 pixels, fond blanc en RVB, 72 dpi. Bien entendu vous pouvez modifiés les paramètres par la suite.

01

Mettez un fond noir sur votre document.

02

Maintenant cliquez sur l’outil pinceau puis sur « activer/désactiver la palette Formes »

03

Puis modifiez les paramètres comme sur les photos qui suivent.

04

04bis

04bis2

04bis4

Maintenant, faites passer la couleur blanche devant, puis prenez l’outil pinceau, avec une taille de 25, et cliquez sur votre document noir, afin de dessinez de jolis nuages. Vous pouvez aussi modifier un peu la taille, pour avoir des effets différents (attention car plus vous montez et plus c’est flou)

05

Arthelius

Si vous avez des questions, n'hésitez pas à utiliser le forum

Posté par arthelius à 13:35 - Tutorial Photoshop - Commentaires [0] - Rétroliens [0] - Permalien [#]
Tags : , , , ,


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.

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 : , , , ,

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 octobre 2008

Avis aux internautes !

art

Ce n'est pas souvent que je me permet de prendre la parole, mais j'ai aujourd'hui une bonne raison de le faire.
Car j'ai reçu il y a quelques heures, un mail pour me demander de refaire le tuto du CV en flash en vidéo.

Jusqu'alors on ne m'avait encore jamais demandé ce genre de chose. Et je ne m'étais pas non plus posé la question.

N'étant pas équipé, j'ai du momentanément refuser de le faire. Puis la question m'a quelque peu travailler.

Je souhaiterai donc savoir si vous seriez intéressé par des tutos en vidéo ?

Si vous faites déjà des tutos vidéos ou des prises de vues quels genres de logiciels me conseilleriez vous ?

Je profite de ce post peu habituelle, pour avoir un autre avis sur une autre question qui me turlupine depuis quelques jours (voir +) faut il faire muter ce blog vers un blog wordpress avec le design et toutes les fonctionnalités qui vont avec ?

Je remercie d'avance tous ceux qui me répondront. Et qui ainsi participeront activement à l'activité de ce blog en le rendant ainsi encore plus fonctionnel.

Merci à tous les visiteurs qui chaque jour venez plus nombreux.

A bientôt

Posté par arthelius à 23:30 - Commentaires [8] - Rétroliens [0] - Permalien [#]
Tags : , , , , , ,

14 août 2008

Images défilantes

Fond défilant

Fichier exemple

Un joli effet images défilantes pour ce tuto très simple.

Créez un nouveau document de 700x550.

01

Nous allons maintenant faire un fond en dégradé afin d’égayer le tout. Pour cela prenez l’outil rectangle, supprimer la couleur de contours et dans la couleur de fond sélectionner le dégradé bleu. Puis dessinez un rectangle de la taille de votre scène.

02

Maintenant dans la fenêtre des couleurs à droite, ajoutez un godet au dégradé et sélectionnez un bleu, puis dans le godet central mettez du blanc et dans le troisième ajouter le même bleu que dans le premier.  Changez le dégradé radial en linéaire.

03

Maintenant prenez l’outil transformation libre, et tournez votre rectangle à 90° afin que votre dégradé soit à l’horizontal, grâce au petit cercle qui se dessinera une fois que votre souris sera dans l’un des coins. Ensuite il suffit d’ajuster le fond à la scène.

04

Maintenant allez dans Fichier>Importer>Dans la bibliothèque, choisissez 5 images de votre disque dur et cliquez sur ok.

05

Voici vos images dans la bibliothèque.

06

Créez un nouveau calque ou vous allez déposer vos images nommez images.

06bis

Avec un glissé déposé, faites glissé vos 5 images, ne cliquez sur rien et profitez en pour mettre toutes vos images à la même taille (en largeur seulement). Pour cela indiquez 250 dans les propriétés la case L, vérifiez bien que le petit verrou qui se trouve à côté soit coché afin que l’image soit homothétique.

07

Maintenant alignez vos images, et grâce à l’alignement ajuster l’espace entre vos images et alignez les bien au centre.

08

Maintenant d’un clic droit transformer vos 5 images en un clip (convertir en symbole), donnez lui comme nom diapo, et centrez le bien.

09

Maintenant disposer votre clip à la droite de votre scène, en dehors du dégradé bleu.

10

Maintenant ajouter une image clé à la 100ième image, et cela sur les 2 calques.

11

Allez sur la 100ième image du calque images, et déplacez votre clip, en le mettant à l’extrême gauche du dégradé.

12

Maintenant ajouter une interpolation de mouvement. Et le tour est joué.

13

Il ne reste plus qu’à améliorer un peu le tout en ralentissant un peu la cadence et en ajouter une ombre portée sur le clip par exemple. Il est aussi possible de faire défiler les images dans la hauteur, ou en diagonale.

Arthelius

Si vosu avez des questions rendez vous sur le forum

Posté par arthelius à 12:04 - Tutorial Flash - Commentaires [7] - 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