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.
05 octobre 2008
Vous êtes graphiste, alors il est temps de vous faire de l’argent !
Vous êtes graphiste, alors il est temps de vous faire de l’argent !
Voici un article qui a pour but de référencer les différents sites ou concours rémunérés qui circulent sur le web, et qui vous permettront si ce n’est de vous faire de l’argent, au moins de vous constituer un book et de comparer vos créations à d’autres.
Bacarte.
Bacarte vous propose de créer des visuels pour des jeux de cartes, si jamais
votre visuel est sélectionné après avoir été proposé aux votes des internautes,
vous gagnerez la somme de 250€ ainsi qu’un jeu de cartes à l’effigie de votre
création.
Condition de soumission : juste une inscription sur le site.
Lafraise
Lafraise est un site marchand de tee shirts vraiment unique. Il vous propose d’imprimer
une série limitée de 500 exemplaires, si jamais vous êtes le gagnant de leur
concours permanent, ainsi que la jolie somme de 1000€.
Condition de soumission : simple inscription sur le site
Main-Gauche
Main-Gauche est aussi une boutique de tee shirts. En ce moment il propose un
concours d’affiche, mais sinon en temps normal il propose eux aussi un concours
de visuel de tee shirt. Par contre ici, je ne connais pas le montant à gagner
puisqu’il est juste indiqué « gagner jusqu’à 2000€ »
Condition de soumission : par mail
Titude
Titude est une boutique de badges, on vous propose de soumettre votre visuel
aux votes des internautes, vous ne deviendrez pas riche grâce à eux, puisque le
gain n’est que 5 badges de votre choix, mais c’est toujours amusant.
Condition de soumission : par mail
E-adhesive
E-adhesive propose des concours permanents sur plusieurs thèmes : planche
de surf, skate, décords muraux etc. Rien à gagner sir ce n’est le droit que
votre visuel soit mit en vente et un pourcentage sur les ventes.
Condition de soumission : par mail
Wilogo
Wilogo, la on est dans le lourd, puisqu’il s’agit d’une entreprise qui propose
aux entreprises déjà installés ou en cours de création de créer leur logo. Pour
cela le cahier des charges est publié, ensuite les graphistes ont quelques
jours pour proposer leur visuel. Le chef d’entreprise choisira son logo parmi
les différentes propositions. A gagner de jolis somme d’argent. Une bonne façon
de comparer son travail à celui des autres.
Bien que l’idée de concours ou chaque graphiste propose son travail pour qu’au final un seul ne soit choisi, peut être discutable (quelque part c’est un non respect du travail des autres participants pour les organisateurs) Il peut être intéressant de faire quelque concours pour se faire la main.
Si jamais vous connaissez d’autres sites proposants des concours dites le moi dans un commentaire afin que je mette à jour cette liste, merci à vous.
14 juillet 2008
1 an !
Artbooktuto a 1 an !
Après plus de 100 posts, voici le premier anniversaire du blog. Un an de tutos, un an de commentaires, et encore plus d'idées dan la tête.
Je remercie les très nombreux visiteurs qui chaque jour font vivre ce blog, sans eux et leurs commentaires d'encouragements, j'aurai depuis longtemps abandonné. Continuez donc à abreuver le blog de vos commentaires, de mon côté je vous prépare quelques surprises.
Et n'oubliez pas le forum est toujours la !
Encore merci ^^
02 juillet 2008
6 bonnes raisons de faire des esquisses
Un bon graphiste, graphiste, illustrateur ou tout autre métier de la communivation, se doit de savoir dessiner avant même de savoir se servir d'un ordinateur et de ses logiciels.
Voici 5 exemples qui je l'espère vous fera prendre conscience de l'importance des esquisses.
1)Les logos
Avant de vous élancez avec Illustrator directement, prenez une simple feuille et un crayon de papiers ou stylo.Vous voici devant votre feuille vierge. Dans une des marges, à gauche ou à droite, marquer les mots en rapport avec l'activité de la société, de l'association ou ayant un quelconque rapport avec le logo.
Maintenant pensez en terme de couleurs. Si vous faites un logo pour une société de réfrigérateur vous n'allez pas utiliser du rouge, sauf pour servir de contraste franc. Une fois les couleurs en tête commencer à dessiner quelques croquis, sans vraiment réfléchir, tout d'abord pour vous échauffez, et ensuite pour faire jaillir les idées. Ne gommez rien, ne perdez pas de temps, et lachez vous !
Lorsque vous aurez réaliser un bonne vingtaine, voir plus (même beaucoup plus) d'essais, faites un tri et retirer ceux qui sont le moins en rapport ou ceux que vous trouvez les plus mauvais. Mais ne les jettez pas, car vous allez quand même vous en servir, ce n'est pas rare que le client choisisse comme logo une de vos plus mauvaises idées, c'est un commercial, vous êtes un créatif, si il savait choisir et le faire il ne ferait pas appel à vous, ne l'oubliez pas !
Une fois ceci fait vous pouvez enfin commencer à travailler sous Illustrator, n'hésite pas à refaire aux propres vos meilleures idées pour les scanner afin de vous aider lors de la réalisation sur ordinateur.
En suivant cette méthode, vous gagnerez beaucoup de temps.
Voici maintenant une planche du créateur Karley Barrett, qui illustre mes propos.
2)Conception
Les produits les plus connus et les plus célèbres commencent leur conception sur papiers, avant même d'être un produit et d'être conçu sur des logiciels de DAO. Le moindre détail coute une petite fortune à produire, et représente en amont des heures de conception graphique. La encore l'étape esquisse est indispensable, comme voir dans l'exemple qui suit.
3)Composition
L'esquisse permet également de mieux définir la mise en place des différents éléments, avant même de passer sur votre ordinateur. Vous pourrez ainsi, à partir d'esquisse plus ou moins détaillés, ou même de simple icone placés vos éléments. Ne négligez donc pas cette étape lors de vos compositions, vous gagnerez alors beaucoup de temps.
4)Webdesign pas épargné
Bien que le webdesign passe exclusivement par les logiciels de PAO, une esquisse générale du design de votre site, est un plus indéniable. Prenez alors une feuille de crayon et un crayon et commencez à disposer vos différents éléments sur votre page. N'hésitez pas à dessiner plusieurs essais différents sur la même feuille, la taille importe peu, afin de pouvoir comparer vos essais le plus simplement possible. Je n'ai jamais réalisé de webdesign sans faire au préalable une esquisse, et cela n'a jamais été inutile. Vous gagnerez du temps et de nombreux tracas en moins, même si devez adapter un simple template.
5)Gagnez du temps avec vos clients
Avant même de montrer vos réalisations sur ordinateur à vos clients, n'hésitez pas à leur montrer vos esquisses, ainsi les idées qui leur plairont le moins seront evincés dès le départ, avant même que vous n'ayez commencer à y consacrer plus de temps. De plus cela montrera à vos clients l'avancée de votre travail, étapa par étape, cela le rassurera puisque vous mettrez moins de temps à lui montrer quelques esquisses qu'à lui montrer un produit fini. De plus votre client sentira que son avis compte, et cela peu apporter beaucoup dans la communication entre deux personnes.
6)Rien ne se perd
Ne jetez pas vos croquis, car il arrivera bien un jour ou l'inspiration viendra à manquer. C'est alors le moment de ressortir vos croquis que vous aviez entassé dans un coin. Une idée qui pouvait alors paraitre inadapté à un projet antérieur peu très bien convenir à un autre projet. Rien ne se perd, tout se transforme ! De plus il peut être intéressant de faire figurer vos croquis parmi vos réalisations terminé dans votre portfolio, cela montre les recherches que vous avez effectués en amont. Certains recruteurs n'attachent d'importance qu'à ces croquis.
Vous l'aurez donc compris, l'esquisse est une étape importante du processus créatif, si celui ci peu paraitre désuet aux yeux de certains ou une perte de temps pour d'autres, ils s'avèrent plus qu'essentiel afin de gagner du temps et de peaufiner ses travaux afin de produire votre produit final. Et n'oubliez pas, soyez créatifs !
L'inspiration et les photos proviennent d'un article américain dont j'ai malheureusement perdu le lien.
09 mai 2008
Tarifs des créatifs
Voici une grille tarifaire indicative tiré du très bon magazine Créanum. Les prix sont H.T
Si jamais vous n'arrivez pas à bien voir les tarifs cliquez sur l'image.
26 février 2008
5 règles pour reconnaitre un mauvais client
5 règles pour identifier un mauvais client
Cet article est tiré du blog américain FreelanceSwitch, que j’ai traduit et réécris pour ce blog.
Un mauvais client c’est une perte de temps et souvent d’argent pour palliez à ce soucis, et le prévenir voici quelques règles pour cerner ces mauvais clients.
1. 1. Votre client demande beaucoup de réponses ou d’entretien avant de commencer.
Vous avez pourtant été clair dans votre documentation, aussi bien sur les délais que le prix et les autres modalités, mais pourtant votre client vous envoi moults mails avec souvent les mêmes questions, ou vous téléphone plusieurs fois inutilement avant de commencer à travailler. Vous êtes en face d’un client qui va chipoter donc qui sera mauvais payeur. Attention à ne pas confondre avec quelqu’un de précis, mais les différences se voient sans soucis entre ces deux genre de client.
2. 2.Votre client apporte un second intervenant dans le contrat.
Vous aviez tout prévu avec votre client mais voici que ce dernier vous impose un nouvel interlocuteur à la dernière minute. Il vous certifie que celui-ci n’interviendra en rien, mais très vite vous allez vous rendre compte que celui justement intervient en tout. Il n’y a pas vraiment de raison à ça, mais si le second interlocuteur intervient en cours de route celui-ci ne sera jamais satisfait.
3. 3.Votre client ne se pas compte de votre travail.
Vous aviez vu avec lui pour le prix et vous étiez d’accord, mais voilà qu’il vous demande plusieurs choses en plus, bien sur vous ne vous sentez pas trop en mesure de refuser mais voilà ces « petits » plus prennent comme tous les petits plus beaucoup de temps, et votre client ne s’en rend pas compte et n’est pas vraiment apte à mettre la main à la poche pour vous dédommagez.
4. 4.Le projet change sans cesse.
Vous vous étiez bien mis d’accord, mais voilà el projet initial ne ressemble plus du tout au projet que vous allez lui livrer car celui-ci n’a eu cesse de changer en cours de route. C’est mauvais signe.
5. 5.Votre client ne comprend pas ce qu’il vous demande de faire.
On est bien d’accord que si un client vous demande de le faire c’est qu’il ne sait pas le faire lui-même, certes mais il y a des limites à tout. Surtout si celui-ci ne comprend pas la démarche finale ou son propre logo (ça se voit déjà) Si celui ne comprend pas trop ce qu’il vous demande, alors dans ce cas il ne doit pas sans cesse revenir sur ce que vous faites et vous faire confiance, car au final c’est vous le professionnel.
16 janvier 2008
Le Pixel Art
Le Pixel Art existe depuis très longtemps, en
fait celui ci a fait son apparition avec les premiers jeux vidéo pour
sa version moderne. Space Invaders en tête (le premier jeu vidéo est
même SpaceWar mais bon)
Pourtant le pixel existe depuis plus
longtemps sont origine remonte aux romains qui lorsqu'il fait faisaient
leurs mosaiques définissaient la taille des carreaux, qui étaient
carrés, en pixel, basse ou haute résolution.
Les jeux vidéo des
années 90, pour en revenir à eux, proposaient d'excellents graphismes
en 2D, soit en pixel art, isométrique ou non. Isométrique voulant dire
simulant un effet de 3D.
Puis la 3D est apparu et le pixel art
à disparu, pour revenir de nos jours (enfin il y a quelques temsp
maintenant) avec les jeux sur téléphones portables ou certaines jeux
vidéo sur DS.
L'art du pixel art est donc de dessiner les
éléments pixel par pixel, ce qui représente une masse de travail
important, mais un qualité de détail très symapthique. Le pixel art est
plus une manière de faire qu'un style.
Le net a démocratiser le
Pixel Art, de par la prise de conscience de l'existance de cet art.
Masi c'est surtout l'arrivée des jeux online fait en flash, la plupart
du temps et de façon légère, qui ont ramené cette mode, la possibilité
de fire son avatar perso assez facilement a aussi aidé au retour du
pixel art.
Si vous vous intéressez à l'art mais aussi au dessin je vous conseil vivement de vous renseignez sur cet art.
Si cela vous dit je peux vous proposer une série de tutos pour faire du pixel art. ^^
23 décembre 2007
Petit glossaire typographique
La typographie a connu un essor soudain avec l'émergence de la PAO, pourtant les règles de bases n'ont pas changés, et sont restés les même ou presque depuis la découverte de l'imprimerie.
Voici un petit glossaire des termes les plus employés en typographie.
Le corps
C'est la taille du caractère, mesuré en points. Il existe d'ailleurs des règles spécifiques pour mesurer la taille d'un caractère. Lataille est toujours mesuré à partir d'une lettre ventru comme le O.
L'interlignage
C'est l'espace se trouvant entre les différentes lignes de texte. Celle ci peut être modifié sur els différnets logiciel de mise en page comme Indesign ou Xpress.
L'approche
Cela représente l'espade entre deux lettres, celui ci peut aussi être modifié même si cela est peu conseillé, car la lisibilité en pati très souvent. L'approche est différente selon la police ou typo employé.
Police (de caractère)
C'est le style graphique appliqué à vos caractères. Il existe un nombre incalculable de polices. Tout ordinateur a un certain ombre de police préinstallé dans son système, mais il est bien entendu possible d'en ajouter d'autres. Chaque police possède sa taille propre, deux polices différentes n'auront pas des caractères de la même taille.
La police standard de windows fut (et est encore) le Times New Roman, alors que sur Mac il s'agit de l'Helvetica, il s'agit quasiment de la même police mais avec un nom différent.
Chasse
Cela représente le largeur de la lettre, elle varie d'un signe à l'autre, et d'une police à un autre.
L'empatements ou serif
Il s'agit des petits pattes de terminaisons des lettres, les polices sans serif comme l'arial ne possède pas d'empatements. Ces empatments servent à lier les lettres entre elles.
Une étude à démontrer que les lecteurs retenaient mieux l'information si la police était avec serif comme le Times New Roman.