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.

27 décembre 2008

Dessiner une étiquette

Encore un effet que l’on retrouve régulièrement sur le web (2.0 ?) mais qui pourtant est souvent réalisé avec photoshop, et bien moi j’ai décidé en bon défenseur d’Illustrator de vous le proposer avec ce dernier.

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

01

Dessinez un rectangle, puis un second au dessus plus petit qui représente la partie triangulaire que vous avez pu apercevoir dans l’exemple.

02

Ensuite prenez l’outil flèche blanche, et sélectionnez le point en haut à gauche sur le petit rectangle. Et en ne lachant pas votre souris, faites le glisser vers le centre afin d’obtenir un angle plus petit. (les pointillés ne sont la que pour vous montrer, en aucun cas ils n’apparaissent sur votre document)

03

Recommencez l’opération avec le point en haut à droite.

04

Maintenant sélectionnez le grand rectangle et le trapèze, puis cliquez sur le pathfinder « Ajout à la forme » (faites bien attention à ce que vous deux formes se touchent)

05

Puis dessinez un cercle parfait en maintenant la touche Maj, ce cercle doit venir se poser sur le haut de la forme. N’hésitez pas à utiliser l’outil alignement central pour aligner les deux formes.

06

Maintenant sélectionnez la forme rectangulaire et le cercle, puis utilisez le pathfinder « Soustraction de la forme ».

07

Ensuite allez dans Effets>Spécial>Ombre portée. Ramenez les valeurs à 1 mm, n’hésitez pas à cocher la case aperçu et à faire vos propres réglages.

08

Puis sélectionnez votre forme, et appliquez lui un dégradé de -90°, de couleur blanc – noir à 10%.

09

Maintenant reprenez l’outil rectangle, puis dessiner un rectangle qui viendra se poser sur votre étiquette.

10

Appliquez un contour de 0.5 pts, bleu foncé.

11

Puis appliquez un dégradé du bleu clair au bleu foncé, et grâce à l’outil dégradé, dessiner un dégradé en coin.

12

Maintenant copier/coller votre rectangle, prenez l’outil flèche blanche, sélectionnez le point en haut, à droite, et supprimez le, et passez le rectangle en blanc.

13

Placez le reflet par-dessus le rectangle de couleur, ajoutez du texte si vous le désirer. Et ajouter lui une transparence de 25%.

14

Maintenant faites pivoter le tout, à environ -45°, et le tour est joué !

15
Vous pouvez le décliner en différentes couleurs, et avec du texte à l'intérieur.

final
Arthelius

Si vous avez des questions, rendez vous sur le forum.

Posté par arthelius à 17:23 - Tutorial Illustrator - Commentaires [1] - Rétroliens [0] - Permalien [#]
Tags : , , ,


26 décembre 2008

Grille Usée

Grille usée

Un petit tuto simple, pour un effet peu recherché, mais qui nous fais réviser un fonction peu utilisée l’ajout de motif.

Créez un document de 10 x 10 pixels.

01

Créez un nouveau calque.

02

Puis supprimez le calque « arrière plan.

03

Ensuite prenez l’outil sélection rectangle, choisissez une couleur grise, et dessiner une bande de 2 pixels grise à gauche. (Si besoin est utiliser la loupe pour voir ce que vous faites)

04

Refaites de même en bas, sur 2 pixels.

05

Maintenant allez dans Edition>Utiliser comme motif, nommé ce motif « grille » et cliquez sur ok.

06

Ensuite créez un nouveau document de 500 x 500 pixels, appliquez un fond gris (plus clair que celui de votre motif, bien sur).Puis créez un nouveau calque.

07

Allez dans Edition>Remplir, et choisissez dans le menu déroulant votre motif, cliquez sur ok.

08

Voilà votre grille, rendons la un peu plus usée, simplement en vous rendant dans Filtre>Bruit>Ajout de bruit.

09

Mettez 27, et en uniforme et monochromatique.

10

Maintenant prenez l’outil gomme, et choisissez un brush plutôt destructuré, et gommez le bas, selon vos envies.

11

Il suffit juste maintenant de double cliquez sur le calque de la grille et d’ajouter une ombre portée. Au besoin, faites quelques réglages (vous pouvez vous reporter à la photo)

12

Le résultat :

13

Arthelius

Pour toutes vos questions, rendez vous sur le froum.

 

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

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

13 décembre 2008

10 règles pour réussir son site web

312853445fb7816ff20ome7

10 règles pour réussir son site web

Tout créatif est passé par cette case si litigieuse. Comment faire pour réussir son site web ? Si il est assez aisé de réaliser un site web pour un client, grâce au cahier des charges et à la ligne directrice de la société, il en est tout autrement lorsque vous élaborez votre projet pour votre propre site, entre idées farfelus et véritables enjeux commerciaux, voici quelques conseils, précieux ou non, a vous de juger.

1. Etre clair dans sa tête mais aussi envers ses visiteurs

Commencer par bien définir le message que doit véhiculer votre site, et les services que vous offrez. N’hésitez pas à commencer à mettre à plat vos idées sur une bonne vieille feuille de papiers. Ce message doit déjà être clair pour vous si vous voulez avoir une chance qu’il soit clair pour vos visiteurs, qui eux n’iront pas lire dans votre tête ce que vous pensez.

2. Ne pas mettre de côté sa personnalité

Si vous êtes un créatif, c’est que vous avez un style qui vous personnalise, ne perdez cette chose qui fait que vous êtes unique et que vos futurs clients feront appel à vous. N’oubliez pas que la barrière entre originalité et excentricité est très fine.

3. Restez créatif

Restez malgré tout créatif, avoir un site web classique est une chose, mais avoir un site original qui retiendra l’attention des visiteurs et qui vous différenciera des autres est encore mieux.

4. Trouvez un juste milieu

Le texte c’est bien, mais une image c’est mieux. Pourtant trop d’images tuent l’impact que veut véhiculer votre site, attention alors à bien faire attention à la balance entre simplicité et maximum d’informations. Dans le pire des cas, faites attention à bien définir l’emplacement de vos divers éléments, et surtout gardez un certain bon goût.

5. Montrez ce qu’on sait faire

Si vos visiteurs ne peuvent avoir accès, et facilement, à votre portfolio votre site n’aura que peu d’intérêt, ne l’oubliez pas.

6. Ne mettre que le meilleur

N’oubliez pas que le marché est rude, et que seul les meilleurs (ou presque) décrocheront le gros lot, ne montrez donc que le meilleur de vous-même. Oubliez les planches de roughts avec des tâches, ou les travaux réalisés «  à l’arrache », quitte à en mettre moins, ou à réaliser quelques travaux uniquement destinés à votre site web.

7. Restez joignable

Vous avez un joli site, rempli, complet, mais impossible de trouver un formulaire de contact (ne riez pas, j’ai déjà vu ce cas) et bien comment voulez vous que vos futurs clients puissent avoir de plus amples informations sur vous, avec leurs boules de cristal ? Non un formulaire de contact, ou au pire une adresse mail visible, sont un minimum.

8. Une bonne visibilité

Ne négligez pas le référencement et les partenariats, même si cela peu s’avérer laborieux. Petit à petit vous construirez un réseau qui finira bien par payer. Mais soyez patient, Paris ne s’est pas fait en un jour ! Faites attention aussi à vos codes, si vous avez intégré des morceaux de codes dans vos pages.

9. Jouez la transparence

Il n’y a rien de plus désagréable qu’une société ou une personne qui fait tout son possible pour dissimuler ses tarifs ou qui vous font trainer jusqu’au bout avant d’enfin vous les donnez. On aime tous savoir combien va nous couter la moindre prestation. Plus vous serez clair et plus vos clients vous feront confiance, et plus vous paraitrez sérieux. Bien entendu vos tarifs ne sont pas fixes pour autant, dans ce cas rien ne remplace un devis personnalisé.

10. Un site propre et accessible

N’oubliez pas que tout le monde, même vos futur clients ne possèdent pas la même configuration informatique que la votre, et que votre superbe site en flash ne servira à rien si en face la personne n’a pas le flash player. Ça parait évident et pourtant, c’est une erreur difficile à éviter. Tout comme la résolution de votre site. N’hésitez pas à installer plusieurs navigateurs sur votre ordinateur afin de vérifier la compabilité de votre site, ainsi que ses bugs. Malheureusement vous ne pouvez pas être derrière chaque internaute, faites donc de votre mieux, et n’hésitez pas à faire appel à vos connaissances pour votre le résultat de chez eux, et ainsi avoir leur avis.

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.

« Accueil  1