15 mai 2008
Couronne d'étoiles 3D
Couronne d’étoiles 3D
Tout le monde connaît le drapeau Européen, enfin je pense, je vous propose avec ce tuto de voir comment aligner les étoiles sur un cercle et pour finir lui donné un rendu 3D, un peu plus moderne.
Ouvrez un nouveau document, puis prenez l’outil étoile caché derrière l’outil rectangle. Retirez la couleur de contour et mettez la couleur de votre choix pour le fond. Dessinez une étoile la plus droite possible (ces étoiles ont 5 branches, si jamais vous en avez plus ou moins appuyez sur la flèche au dessus ou en dessous de votre clavier, sur le pavé de 4 flèches)
Faites un copier/coller (Ctrl+ C puis Ctrl +V) afin d’avoir en tout 3 étoiles.
Maintenant dessiner un rectangle passant au centre de l’étoile de droite, puis de même pour celle de droite, celui-ci doit les recouvrir entièrement.
Sélectionnez l’étoile de gauche avec le rectangle. Puis allez dans Pathfinder, puis cliquez sur soustraction de la forme. Faites de même avec l’étoile de droite et son rectangle.
Ouvrez la fenêtre des formes (si vous ne l’avez pas à droite allez dans Fenêtre>Formes) puis sélectionnez l’ensemble de vos formes puis faites un glisser déposer dans la fenêtre des formes.
Une fenêtre s’ouvre alors, choisissez Nouvelle forme de motif.
Vous arrivez sur une second fenêtre, appelé votre forme étoile, puis en bas dans coloration choisissez dans le menu déroulant Teintes.
Vous pouvez désormais supprimer vos 3 étoiles de base. Dessinez maintenant une ellipse, en maintenant la touche Maj enfoncée lorsque vous faites glisser votre souris. Ne mettez aucune couleur de fond. Maintenant il suffit juste de cliquer sur votre motif étoilés dans la palette des formes. Si jamais vos étoiles vous paraissent trop grosses double cliquer sur votre forme dans la fenêtre qui lui correspond et mettez dans le champ échelle un pourcentage moins important.
En ayant choisi Teintes tout à l’heure, vous pouvez désormais changer la couleur de vos étoiles simplement en changeant de couleur de contour.
Il ne reste plus que la dernière touche, l’effet 3D. Allez dans Effet 3D>Extrusion et biseautages, une nouvelle fenêtre s’ouvre.
D’ici vous pouvez régler la profondeur des étoiles en mettant la valeur désirée dans points, mais aussi régler leurs inclinaisons avec le cube, n’oubliez pas de cocher la case aperçu pour voir el résultat avant de valider. Et voilà vos étoiles !
Arthelius
Si vous avez la moindre question, n'hésitez pas à la poser sur le forum.
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.
06 mai 2008
Réaliser une illustration style Patapon
Réaliser une illustration style Patapon
Patapon est un petit jeu sortit sur PSP au design simpliste mais diablement réussi. Le but de ce tuto, bien que s’appuyant sur une illustration déjà existante, a pour but de vous montrer qu’il est possible avec un peu d’imagination de créer tout un univers original et graphique. Que le voyage commence.
Voici l’image de départ, faites un clic droit « enregistrer l’image sous »
Ouvrez votre nouveau document à imprimer. Puis importer l’image que vous venez de télécharger, en faisant Fichier>Importer, puis sélectionner votre image sur votre disque dur.
Maintenant allez dans vos calques et verrouillez-le. Maintenant faites un nouveau calque appelé fond.
Sur ce calque dessinez un carré de la taille du fond, et appliquez lui un dégradé, avec le petit carré situé en dessous du contour et de la couleur de fond. Appliquez à ce dégradé un angle de 90°, et les couleurs suivantes :
Pour le clair (en bas) 0 – 15 -45 -0 (en CMJN)
Pour le foncé (en haut) 0 – 53 -92 -0 (en CMJN)
Maintenant verrouillez le calque, puis cliquez sur l’œil pour le rendre invisible, et créez un nouveau calque. Nommez ce calque décors.
Commencez par dessiner la colline avec l’outil plume.
Passons maintenant aux arbres, Commencez par prendre l’outil
ellipse, puis dessiner les différents arbres. Pour la couleur il s’agit de celle-ci
toujours en CMJN : 9 -60 -96 -0
A ce stade de la création j’ai passé le 1er calque (modèle à 50% d’opacité,
avec un double clic dessus)
Passons aux branches, pour cela prenez l’outil plume et assignez lui un bout arrondi, et une épaisseur de 2 pts.
Il est temps maintenant de passer aux petites herbes. Pour cela dessiner les avec l’outil plume toujours, une fois votre forme et sa couleur défini, faites plusieurs copier/coller que vous devrez remettre à l’échelle selon le cas.
Il est temps de passer aux Patapons. Verrouillez le calque décors et créer un nouveau calque, nommez bien entendu patapon.
Si vous avez bien regardé vous avez du remarquer, qu’ils
sont tous quasiment identique si ce n’est leurs bras qui tiennent souvent des
éléments différents et leur œil. Nous allons donc dessiner un patapon type, qu’il
suffira ensuite d’ajuster.
Prenez l’outil ellipse, puis dessiner le premier cercle noir, puis un second
cercle blanc et un autre noir plus petit.
Maintenant nous allons, dessiner les plumes, toujours avec l’outil plume, dessiner les 3 plumes et la base de leur couvre chef. Une fois cela fait sélectionner l’ensemble et faites Ctrl+G pour tout grouper.
Pour les mains il s’agit d’un trait courbé dessiné avec la plume, sur lequel vient se greffer une petite boule. Pour les pieds, ce sont deux simples traits. Utilisez autant que possible le copier/coller, vous éviterez ainsi les différences de taille et vous gagnerez du temps. Pour les patapon de droite, utilisez les l’outil miroir. Pour les patapon qui ferme à moitié l’œil, il suffit juste de dessiner une paupière avec la plume par-dessus.
Il ne reste plus qu’à dessiner les différentes armes avec l’outil plume.
Pour les oiseaux c’est très simple il suffit de créer un seul et de copier/coller.
Passer maintenant aux nuages, toujours l’outil plume, et avec une transparence de 50%.
Il suffit ensuite de rendre tous les calques visibles, et de corriger les quelques erreurs.
Arthelius
Si vous avez des questions ou des suggestions rendez vous sur le forum.
04 avril 2008
Mini Lecteur MP3
Mini lecteur MP3
Fichier source : minilecteur
Fichier exemple : minilecteur
Tuto proposé par X-bead sur le forum, puis photographié et écrit par Arthelius.
Nous allons voir comment faire un mini lecteur MP3, qui lira qu’une seule musique. Idéal pour mettre un extrait de musique sur un site. Ceci a pour but de voir comment faire un mini lecteur MP3, avant de voir comment faire un lecteur plus gros et complet dans un futur tuto.
Attention ! Ce tuto est fait en actionscript 2.0
Ouvrez un nouveau document en AS 2.0
Puis cliquez sur Fenêtre>Bibliothèque commune>Boutons
Vous trouverez à l’intérieur des boutons déjà tout fait, vous pouvez aussi faire un bouton vous-même grâce au précédent tuto.
Une nouvelle fenêtre s’ouvre, double cliquez sur le dossier « playback flat » cliquez sur flat blue play et faites glisser votre boutons dans la scène.
Faites un clic droit sur votre bouton, et cliquez sur actions, et la collez le code suivant (l’adresse est une adresse d’exemple, vous pouvez très bien prendre un autre fichier MP3 trouvez sur le net, elui ci se lira directement à partir du site, je vous conseil donc de l’héberger sur votre site pour éviter le vol de bande passante) :
on (press) {
mySound = new Sound();
mySound.loadSound("http://error.view.free.fr/musiques/the_do.mp3",true);
loaded = mySound.getBytesLoaded();
total = mySound.getBytesTotal();
}
Et voici votre mini lecteur MP3. Si vous désirez mettre un bouton stop, choisissez le fichier flat blue stop, que vous glisserez sur la scène et auquel vous apposerez ce code AS 2.0
on (press){
stopAllSounds();
}
Il ne vous reste plus qu’a mettre votre document à la bonne échelle et d’habiller tout ceci.
Fichier exemple : minilecteur
Arthelius
Si vous avez des questions le forum est là pour ça. ^^
31 mars 2008
Faire un bouton
Faire un bouton
Fichier source : bouton
Exemple : bouton
Si vous désirez mettre la moindre interactivité sur vos documents flash, vous devrez obligatoirement passer par des boutons. C’est primordial dans Flash, car les boutons peuvent avoir des fonctionnalités ActionScript que les simples dessins vectoriels ne peuvent avoir.
Créez un nouveau document. Puis allez dans Insertion>Nouveau Symbole
Nommez le « bouton » choisissez bouton entre les trois choix et cliquez sur « OK »
Votre scène a changé ainsi que votre timeline, vous êtes maintenant dans votre bouton. Les 4 images de la timeline correspondent aux 4 états de votre bouton : Haut, lorsqu’il est présent sans être activé, Dessus, lorsque la souris passe dessus, Abaissé, lorsque celui-ci a été cliqué, et enfin cliqué pour définir la zone cliquable.
Prenez l’outil de dessin, ellipse ou rectangle à votre convenance, puis allez dans la couleur de contour pour la supprimer puis mettez la couleur que vous désirez pour la couleur de remplissage.
Puis dessinez une forme sur la scène, une fois cela fait, cliquez sur l’image dessus puis d’un clic droit ajouter une image clé, faites de même pour l’image abaissé. Voici votre bouton de fait.
Maintenant, prenez l’outil flèche noire, sélectionner votre forme puis l’image dessus et changez la couleur de fond, puis faites de même pour l’image abaissé. Votre bouton comporte maintenant 3 couleurs selon l’image sur laquelle vous cliquez.
Cliquez sur séquence en dessous de la timeline pour revenir sur votre scène.
Si votre bibliothèque est bien ouverte, vous devriez voir votre bouton à l’intérieur, cliquez dessus et faites le glisser jusqu'à votre scène.
Faites un Ctrl+Entrée pour voir le fruit de vos efforts. Vous pouvez bien entendu ajouter du texte ou des effets à chaque état de votre bouton sans soucis. Petit conseil, essayez au maximum de bien faire votre bouton sur votre première image afin que les copies qui suivent soit le plus conforme possible et qu’il n’y est pas de soucis de décalage.
Exemple : bouton
Arthelius
Si vous avez des questions ou des suggestions rendez vous sur le forum.
11 mars 2008
Dessiner un cube
Dessiner un cube
Si vous avez déjà tenté de dessiner un cube à la main dans Illustrator, vous devez savoir combien il est difficile d’arriver à le faire droit. Aujourd’hui je vous montre une technique toute simple pour faire des cubes qui pourront vous servir pour vos icones web.
Ouvrez un nouveau document. Prenez l’outil rectangle et dessinez un carré, en maintenant la touche Maj appuyé.
Allez dans Effets>3D>Extrusion et biseautage, puis indiquez ces paramètres, attention en fonction de la taille de votre carré votre serez peut être obligé d’ajouter de la profondeur, donc n’oubliez pas de cliquer sur aperçu avant pour être sur du résultat avant de valider.
Voilà votre joli cube.
Maintenant Décomposez votre forme. Pour cela allez dans Objet>Décomposer l’aspect, puis faites Ctrl+Maj+G pour dégrouper le tout.
Maintenant sélectionnez à l’aide de la flèche blanche votre deux parties du bas. Puis allez dans Pathfinder et cliquez sur fusion.
Et appliquez leur un joli dégradé bleu clair-bleu foncé grâce à l’outil dégradé. N’oubliez pas de sélectionnez le dégradé en bas en dessous du fond et contour.
Faites de même avec la partie du haut.
Maintenant sélectionnez l’ensemble de votre carré, copiez le, et collez le (ctrl+C puis Ctrl+V) Agrandissez le un peu en maintenant la touche Maj, puis mettez lui une transparence de 50%.
Et voici votre icone web
Reste plus qu'a fignoler, si vous avez des questions n'hésitez pas le forum est la pour ça.
Arthelius
03 mars 2008
Faire un échiquier
Faire un échiquier
Vous avez surement déjà du avoir à faire un dallage ou une répétition de motif, et vous avez donc du chercher une méthode pour rendre la tâche plus rapide ou plus sur. Vous avez peut être trouvé la solution, ou pas. Pour tout cela aujourd’hui je propose ce petit tuto simple, certes mais diablement efficace !
Sur votre nouveau document, prenez l’outil rectangle, et en maintenant la touche Maj dessinez un joli rectangle. Faites attention ce rectangle représente la taille qu’aura votre échiquier final, faites le donc assez grand.
Allez dans objet>Tracé>Tableau
Mettez 8 en colonnes et en lignes, faites attention à bien mettre 0 en gouttières par contre.
Voilà votre échiquier de créer. Chaque case est sélectionnable séparément. Je vous conseil de maintenir la touche Maj enfoncé, une fois tous vos carrés sélectionnés (1 sur 2) appliqué votre couleur noire.
Vous avez votre échiquier mais il est possible de faire encore quelques retouches pour l’améliorer. Vous pouvez très bien l’incliné grâce à l’outil Déformation, puis réduire sa taille, pour lui donner un effet de relief. Et par la suite ajoutez des pions (voir tuto sur la Révolution)
Vous pouvez aussi grâce aux tableaux créer un rubik’s cube.
Arthelius
Si vosu avez des questions ou des suggestions rendez vous sur le forum.
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.
21 février 2008
Cadre Photo
Cadre Photo
Vous pouvez présenter vos photos de manière classique ou bien de manière un peu plus originale. Aujourd’hui je vous propose un tuto tout simple mais qui peut servir pour pas mal de choses.
Ouvrez votre photo, dans les calques convertissez votre arrière plan en calque. Ajoutez aussi un fond de couleur pour pouvoir voir votre bord blanc.
Faites Ctrl+T réduisez la taille de votre photo et faites lui faire une rotation. Pour cela mettez vous à un angle attendez de voir al double flèche, et laissez votre doigt appuyé en faisant glisser votre image.
Maintenant allez ans Edition>Contour. Double cliquez sur la couleur pour mettre du blanc, mettez ensuite une valeur de 10px en contour. Laissez le reste comme tel. Et faites Ok.
Voici votre contour blanc. On va maintenant faire un petit effet. On pourrait très bien passé par les styles de calques et mettre une ombre portée mais celle-ci sera assez dure, mais on va utiliser une autre méthode plus travaillée.
Dupliquez votre calque, et faites CTtrl+U, cliquez sur redéfinir et descendez la luminosité à fond afin que votre image soit bien noire.
Maintenant allez dans Filtres>Atténuation>Flou Gaussien et réglez la sur 5px.
Maintenant allez dans l’opacité de votre calque et mettez 75%, et passez votre calque en dessous.
Voilà le résultat, votre photo avec son ombre en dégradé.
Arthelius
Si vous avez des questions ou des suggestions rendez vous sur le forum.
15 février 2008
Gardez vos polices
Les polices restent visibles
Vous avez surement déjà du avoir ce soucis, vous ouvrez un document flash mais il manque les polices. Avec ce tuto nous allons voir comment faire pour que vos polices soient visibles de tous.
Dans votre document, faites un clic droit dans la bibliothèque, en faisant attention a ce que votre souris ne se trouve sur aucun élément. Sélectionnez Nouvelle police.
Entrez un nom pour désigner votre police, puis sélectionnez votre police dans le menu déroulant. Cochez ou non les cases du style de votre police. Puis cliquez sur Ok.
Votre police est maintenant un élément de votre bibliothèque.
Arthelius
Si vous avez des questions ou des suggestions rendez vous sur le forum.