07 décembre 2009
Effets aérien ou bulles
Effet aerien
En cette période hivernale et triste, je vous propose un tuto pour égayer vos photos et leur donner un côté vaporeux.
Ouvrez votre photo, moi j’ai choisi cette charmante jeune fille.
Maintenant créez un nouveau calque.
Remplissez le de blanc
Ensuite sélectionnez l’outil gomme, ouvrez les paramètres et choisissez une forme dure sans bord en dégradé avec environ 50 pt en diamètre. Ensuite dans l’opacité choisissez 25%.
Puis dessinez différents cercles sur votre calque blanc, afin de faire apparaitre la photo qui se trouve en dessous, n’en mettez pas trop, et ne les collez pas trop non plus, nous pourrons toujours revenir dessus par la suite.
Maintenant passez l’opacité en 50%. Et redessinez d’autres cercles.
Agrandissez votre cercle, et réduisez l’opacité à 25%, et redessinez encore des cercles.
Répétez les étapes jusqu’à obtenir le résultat escompté. Toujours en grossissant la taille de votre gomme et en jonglant entre les opacités. N’oubliez de ne laissez que peu de zones blanches sur les parties importante de votre photo.
Et voici votre image avec un joli effet bulleux !
20 septembre 2009
Avoir une line bien propre
Récupérer une line propre
Vous désirez coloriser votre dessin sur ordinateur, mais une fois votre dessin scanné vous voudriez garder la line bien propre, pour cela rien de plus simple suivez ce tuto.
Vous voici avec votre dessin fraichement scanné. Allez dans Sélection>Tout sélectionner. Puis appuyez sur Ctrl+C ou Edition>Copier.
Ensuite créer un nouveau calque vide, cliquez dessus et appuyez sur la touche « Q ». Cela aura pour effet de passer en mode alpha.
Maintenant appuyez sur Ctrl+V, afin de coller votre dessin sur ce calque vide, si tout va bien celui-ci apparaitre en rouge.
Appuyez de nouveau sur la touche « Q », le dessin redevient noir et une sélection s’est créée.
Ensuite allez dans Sélection>Intervertir, afin de sélectionner le blanc qui se trouve tout autour.
Puis allez dans Edition>Remplir, et cliquez sur ok.
Vous n’avez plus désélectionné votre boulot, et appréciez votre line toute propre.
L'illustration qui a servi a ce tuto a été réalisé par Vianney Carvalho, son blog ici
Arthelius
28 août 2009
Elaboration d'un logo
Voici un petit tuto sur l'élaboration d'un logo dont je suis l'auteur, pour lire ce tuto cliquez ici
15 mars 2009
Artstutos
Artstutos est le pendant artistique de Artbooktuto. Artstutos est un annuaire de tutoriaux artistiques traditionnels.
Vous retrouverez donc des tutos pour le dessin, la peinture, la sculpture, l'origami et bien d'autres arts.
N'hésitez pas à passer sur le site et à proposer vos tutos.
A bientôt
20 février 2009
10 CMS à découvri
Le temps ou créer un site dynamique demandait une formation de plusieurs années, et ou l’HTML faisait loi est révolu, grâce notamment aux CMS. J’entends déjà certains me dire « c’est quoi un CMS ? » CMS qui veut dire Content Management Systems en Anglais, ce qui nous donne en français : Système de gestion de contenu, nous permet de créer des sites en PHP (donc dynamique) et de les gérer avec une facilité incroyable.
Il existe de nombreux CMS, bien entendu je ne les ai pas
tous essayés, étant donné qu’il faut à chaque fois pas mal de temps pour
comprendre leur fonctionnement. Personnellement j’utilise Joomla pour les sites
et Wordpress, qui est plus un CMS pour blog, d’ailleurs c’est avec cette
utilisation que je m’en sers.
Mais ne voulant pas être têtu, je vous propose une petite liste de CMS
(surement pas complète) ou vous n’aurez pas mon avis car je ne les connais pas,
mais au moins un début de piste.
Pour le reste je vous laisse avec notre ami Google et l'image que vous avez pu voir au début de cet article.
Arthelius
03 février 2009
10 conseils pour réussir son webdesign
10 conseils pour réussir son webdesign
1. Savoir améliorer sans tout vouloir réinventer
Vouloir un site original est une chose tout à fait normal, mais l’originalité à un prix, celle de ne pas être toujours accessible à tous. N’oubliez pas que « normalement » votre site sera visité par toutes sortes de personnes, et que celui-ci doit être accessible à la plupart.
De nos jours internet propose de nombreux outils déjà fortement complets utiles, à vous de les utiliser au mieux et de pourquoi pas les améliorer.
2. Harmonie
Il n’y a rien de pire qu’un site ou il y a
un nombre incalculables de couleurs ou de polices. Cela créé un sentiment de
bazar et désinvolture. Limité vous à 3 couleurs, et au même nombre de polices
de caractères. Cela ne vous empêche d’utiliser toutes les nuances d’une couleur
et de jouer sur un camaïeu plutôt que plusieurs couleurs très différentes.
N’oubliez pas aussi la symbolique des couleurs en fonction du sujet abordé sur
votre site.
3. Garder sa personnalité
Les effets de mode font souvent venir beaucoup de visiteurs sur les sites, mais ces derniers sont changeant. Et en un rien de temps votre site deviens ringard, et surtout sans personnalité. Plutôt que de suivre les modes, garder votre style qui fait ce que vous êtes, et surtout qui vous permet de vous démarquer des autres. Reconnaissable au premier coup d’œil.
4. Pensez au contenu avant tout
Un joli site c’est très bien, mais un très
joli vide c’est peu agréable. Le contenu est aussi important que le visuel, et
si vous désirez avoir régulièrement des visiteurs celui-ci deviens même
indispensable. Sans oublier que google déteste les sites statiques ou le
contenu ne change jamais. Le contenu est donc important pour l’intérêt que vous
porteront vos visiteurs , mais aussi pour votre référencement, un point à ne
négligez sous aucun prétexte.
Autre point, pensez à ce qu’il y aura dans votre site, son sujet avant de
commencer votre webdesign car celui-ci doit refléter le thème principal, sinon
le visiteur sera vite perdu.
5. Ne pas réaliser un site pour les dernières versions des navigateurs
Vous venez d’installer la dernière version de votre navigateur préféré, et avez testé votre site sur celui-ci, et bonheur celui-ci passe à merveille. Mais voilà, dites vous que tout vos futurs visiteurs n’utilisent pas le même navigateur que vous, et pire encore, pas tous la même version, et histoire de compliquer la chose certaines personnes utilisent encore une résolution d’écran de 800x600 par exemple. Alors bien entendu vous ne pourrez jamais satisfaire tout le monde. Mais la moindre des choses est au moins de tester son site sur les navigateurs les plus courants. Voici les plus courants : Mozilla Firefox, Internet explorer, Opera, safari, Google Chrome.
6. Faire le bon choix de support technique
C’est joli un site en flash, mais si sa structure ressemble fortement à un site statique en HTML, cela n’a que peu d’intérêt. Pensez pratique avant toute chose. Un site de présentation peut être en flash aucun soucis, un site statique en HTML, un site dynamique en PHP. Et votre site ne sera que mieux référencé et logique.
7. Etre clair et précis
Eviter de noyer le poisson ou de faire un site avec des bannières en flash partout, allez droit au but et vos visiteurs vous en seront reconnaissants.
8. Se poser des questions
Posez vous el maximum de questions avant d’entamer votre travail. Quel est la cible du site ? Que quoi vais-je parler ? Quel est el but ? Vais-je faire des mises à jour régulièrement ?
Autant de questions que vous devrez vous poser avant de faire quoi que ce soit.
9. L’espace c’est le luxe
N’entassez pas vos informations sur un carré de 100pixels, ne faites pas non plus des articles de 1500 lignes. Mettez de l’espace dans votre site, faites le léger, et la navigation n’en sera que plus aisé.
10. Avoir un site accessible
Faites en sorte que tout le monde puisse comprendre votre site, les habitués du thème de votre site comme les nouveaux, il n’y a rien de plus désagréable pour un novice qui veut apprendre que de se sentir délaisser et larguer.
31 janvier 2009
Livre qui s'ouvre et se ferme
Livre qui s’ouvre et se ferme
Je vous propose aujourd’hui de réaliser un livre au style ancien, ou vous pourrez présenter vos travaux ou photos, le tout dans un livre qui s’ouvre. Comme vous pouvez le voir sur mon site d’illustration à cette adresse : www.vianney.fr/illustrations
Pour réaliser ce tuto nous aurons besoin, d’une bibliothèque
de sons que l’on trouvait exclusivement dans flash 8, vous pourrez la
télécharger ici (ensuite installer la dans C:/Programmes (ou program
files)/Adobe/Flash CS3/ )
Et il nous faudra ensuite les différentes images de l’animation que j’ai au
préalable transformé sous Photoshop (je suis bon avec vous lol), télécharger le
ici.
Nous avons maintenant en mains, tous les outils nécessaires. Ouvrez un nouveau, et importer toutes les images de l’archive dans votre bibliothèque.
Ensuite la méthode va être simple, il va juste falloir
mettre les différentes toutes les 5 images.
Commençons par la page de gauche et de droite. Faites glisser la page de droite
sur la scène. Coller la en bas, à droite.
En faisant ceci, nous allons gagner du temps pour la suite, et surtout cette page sera toujours au bon endroit. Maintenant d’un simple clic droit, insérer une image-clé toutes les 5 images. Et cela jusqu’à la 95 images.
Maintenant il va juste falloir insérer les différentes
images de l’animation toutes les 5 images. Je vous explique pour la première,
et vous donnerai juste la liste ensuite. La page de gauche doit être supprimé
sur toutes les images jusqu’à l’image 90. Il suffit de faire glisser les images
sur la scène.
* image 5 = page_gauche02
* images 10 = page_gauche03
* image 15 = page_gauche04
* image 20 = page_gauche05
* image 25 = 05
* images 30 = 04
* images 35 = 03
* images 40 = 02
* images 45 = 01
Nous voici à la moitié de l’animation, pour le reste c’est la même chose mais à l’envers, on repart de 02 jusqu’à page_gauche01.
Votre livre est terminé mais afin de rendre l’animation plus réaliste nous allons simplement ajouter le bruit des pages qui tournent. Pour cela ajouter un nouveau calque.
Ensuite rendez vous dans Fenêtre>Bibliothèque commune>Sons.
Maintenant choisissez le son book drops et faites le glisser sur votre scène, ajouter une image clé en 50 et reglissez le son book drops.
Il reste une petite touche finale, rendre l’animation un peu plus fluide, pour cela rien de plus simple double cliquez sur la cadence (voir photo), et passez la en 28 images/secondes.
J’ai essayé d’être le plus clair possible, mais les tutos
pour flash sont les plus compliqués à écrire mais aussi à comprendre, je
pensais donc refaire ce tuto mais en vidéo en fonction des demandes, si vous
désirez donc avoir ce tuto en vidéo laissez moi un petit commentaire.
De plus je pensais le complété avec un second tuto sur les pages qui tournent
avec un simple clic, de même si vous désirez voir ce tuto faites le moi savoir.
Arthelius
Si vous la moindre question, merci de la poser sur le forum (enregistrement obligatoire)
27 janvier 2009
Nouveau site : ArtsTutos
Après les tutos pour les logiciels, je m'attaque aux tutos artistiques.
Enfin pas tout seul.
Ce site vous propose de nouveaux tutoriaux dans de nombreuses
disciplines artistiques.
Et cela dans le total respect des auteurs, puisque chaque tuto renvoie sur sa page d'origine.
Si vous désirez ajouter vos tutos, rien de plus simple, il suffit
de cliquer sur le lien qui se trouve en haut sur le site.
Bonne visite, et souhaitons bonne chance à ce site qui est une
première sur le web francophone.
Le site
16 janvier 2009
Pack Textures papiers avec motifs
ça faisait longtemps que je ne vous avais pas proposé un petit pack de texture, et bien la chose est réparé avec ce pack.
Nombre de textures : 5
Taille : 2500 x 3500 pixels
09 janvier 2009
[tuto vidéo] Dessiner une paquerette
Voilà le retour des tutos en vidéo. J'ai pris en compte vos très importantes remarques, et j'ai donc changer de logiciel pour pouvoir enfin vous proposez quelque chose de lisible.
Voilà le résultat, dites moi ce que vous en pensez.