WKS L'apprentissage du web design et du graphisme pour professionnel

Cr�er un ruban pour son site Internet avec Photoshop

Emma — 2012-02-12T13:48:27Z

Sommaire

Aujourd'hui, dans ce tutoriel nous allons apprendre � cr�er un ruban r�tro, totalement personnalisable, pas � pas.

Pr�-requis : Deux fonts : Homeland et Pacifico.

Temps : 20 minutes Difficult� : Facile Logiciel utilis� : Cr�e sur Adobe Photoshop CS5 R�sultat final :

1. Cr�ation du rectangle

On va cr�er un nouveau document 600px sur 400px.

Donc on va commencer par faire la partie principale (entour�e en vert), pour on prend l'outil rectangle (U) avec les options ci-dessous et on trace notre rectangle.

Maintenant pour tracer les bouts pointus, on v�rifie qu'on est bien sur la forme (voir l'image 1) puis avec l'outil plume on cr�e un nouveau point sur le bord voulu. Ensuite alt+clic sur ce point pour le convertir et en dernier on le d�place en gardant appuy� cmd+maj (ou ctrl+maj)

2. Effet 3D

Pour mettre de la couleur, on commence par une Ombre Port�e, on va mettre un l�ger bruit en utilisant une Ombre Interne, on ajoute un l�ger effet 3D avec l'option Biseautage et Estampage, on rajoute un d�grad� et en dernier un contour pour accentuer l'effet 3D. Pour ajouter ces styles de calques allez dans le menu Calque> Style de calque> puis choisissez le style souhait�. Voici les configurations des styles.

3. Ajout de la couture

Pour rendre ce ruban un peut plus r�aliste, on ajoute des coutures. Pour cela, � l'aide de l'outil texte on fait une ligne de tirets (-) en utilisant la font 'Courier', taille 13 avec un �cart entre les caract�res plus grand, 130 (pour modifier les options des textes utilisez la fen�tre caract�re, pour l'ouvrir allez dans le menu fen�tre> caract�res).

Ensuite, pour mieux l'int�grer dans notre ruban, on baisse l'opacit� � 60% et on ajoute une ombre port�e.

Maintenant pour enlever les parties qui d�passent du ruban on r�cup�re la s�lection du rectangle en faisant cmd+clic (ctrl+clic) sur la forme. Une fois la s�lection r�cup�r�e on clique sur 'masque'.

Pour finir, on duplique le calque (on s�lectionne le calque texte que l'on va faire glisser sur 'nouveau calque'). Ensuite en faisant cmd+T (ctrl+T) on le d�place en bas de notre ruban tout en gardant la touche maj appuy�e.

4. Int�grer du texte

Pour rajouter du texte on prend la police 'Homestead' (disponible ici) et on y applique les r�glages ci-dessous (sans oublier de r�gler le calque en mode incrustation) et d'y ajouter une Ombre Interne.

Et voila, notre premier ruban est pr�s, rendez-vous dans la prochaine �tape pour le second !

5. Le second ruban

Pour cr�er notre deuxi�me ruban, on commence par dupliquer le calque principal, le premier que l'on a cr�e (rappel : pour dupliquer le calque, on s�lectionne le calque que l'on va faire glisser sur l'icone 'nouveau calque'). Ensuite, on va inverser la position des bouts pointus. Pour cela, on change la largeur de 100 � -100 (voir ci-dessous).

Ensuite on d�place notre calque pour cr�er un sensation de retrait, si besoin, on change l'ordre des calques pour qu'il apparaisse en dessous.

Pour raccourcir notre forme, on la s�lectionne puis, en utilisant l'outil plume et en gardant appuy� la touche cmd (ctlr) on glisse notre segment plus pr�s.

Ajoutons une ombre entre les deux parties pour rendre le tout plus r�aliste. Avec l'outil plume, on trace un triangle comme ci-dessous et on place le calque entre les deux parties du ruban.

Maintenant on peut ajouter notre texte, tout en gardant le mode incrustation avec une autre police pour changer. J'ai choisi 'Pacifico' disponible ici.

Et voila, d�j� � la fin du tuto. Voil� mon rendu en rajoutant un fond derri�re, n'h�sitez pas � partager vos avis, suggestions et r�sultats dans les commentaires !

Cr�er une interface graphique pour iPhone App

Wonka — 2012-02-10T14:19:14Z

Sommaire

Gr�ce � ce nouveau tutorial Photoshop vous allez apprendre � cr�er un site Internet pour faire la promotion d'une application iPhone / iPad. Vous apprendrez notamment � cr�er un Layout alliant parfaitement le design actuel de l'internet avec un aspect illustratif (presque cartoon). Parfaitement adapt� pour les applications web et iPhone, ce template pourra parfaitement s'adapter � d'autres th�matiques : portfolio, site �cologique etc.

Pour t�l�charger le fichier source Photoshop de ce template, merci de vous connecter ou de vous cr�er un compte premium.

Dans ce tutoriel, j'ai utilis� le pack Vector Landscape publi� sur Grafpedia.com. J'ai �galement utilis� certaines ic�nes trouv�es sur cette page, ou encore quelques illustrations provenant du site. Ces images ne seront donc pas disponibles dans le fichier psd.

Avant de commencer, voici le r�sultat final de ce tutoriel Photoshop.

Et maintenant il est grand temps de commencer. Je remercie par avance tous ceux qui nous aideront en publiant le lien de cette page sur Twitter, Facebook ou encore StumbleUppon

ETAPE 1 Cr�er un document

Ouvrez Photoshop puis allez dans le menu Fichier> Nouveau et entrez les valeurs : Largeur 1000 et hauteur 1200px.

Appuyez sur le bouton OK. Votre nouvelle image appara�t � l'�cran. V�rifiez que la fen�tre des calques soit bien ouverte (pour l'ouvrir, allez dans le menu Fen�tre> Calques).

Cr�ez un nouveau calque et nommez-le bg_header. Puis modifiez la couleur d'avant plan par ce bleu #3288c3. Enfin utilisez l'outil Rectangle de s�lection (M) pour cr�er une s�lection de 1000x450px, et utilisez l'outil Pot de peinture (G) pour la remplir.

Ajoutez sur ce bloc bleu un d�grad�, pour se faire allez dans le menu Calque> Style de calque> Incrustation de d�grad�.

ETAPE 2 Cr�er le premier menu

Sur le haut du Template sera positionn� un premier menu compos� d'un logo et d'une suite de liens. En dessous du menu se trouvera une ombre. Pour cr�er celle-ci, commencez par cr�er un nouveau calque que vous nommez le shadow. Ensuite, modifiez la couleur d'avant plan par le noir, et s�lectionnez l'outil D�grad� (G) (et dans le s�lectionneur choisissez le d�grad� Premier plan -> Transparent). Enfin sur votre image, cr�ez un d�grad� noir du haut vers le bas (voir l'image ci-dessous).

Pour terminer, ajoutez sur ce calque un masque de fusion afin de cacher les parties gauche et droite. Allez dans le menu Calque> Masque de fusion> Tout faire appara�tre. Puis cr�ez un d�grad� sur la droite et la gauche.

Cr�ez un nouveau calque et nommez-le bg puis utilisez l'outil Rectangle de s�lection (M) pour cr�er une s�lection de 1000 x 40px et remplissez cette s�lection de blanc. Pour terminer, diminuez l'opacit� � 40%.

Ajoutez un masque de fusion sur ce calque, et cachez le haut du menu.

Pour le logo, �crivez le nom de votre site Internet (j'ai utilis� la font Androgyne). Ajoutez sur ce texte trois styles de calques : Ombre port�e, Ombre interne, Incrustation de d�grad�.

Pour terminer le menu, ajoutez sur la droite des liens (font utilis�e Helvetica). Pour le lien actif j'ai simplement cr�� un rectangle arrondi avec le bleu #3d85c1.

Et voici le r�sultat avec le menu termin�.

Cet article a �t� d�plac� sur notre site cousin : Grafpedia, pour lire la suite de ce tutorial Photoshop rendez-vous sur cette page.

Cr�er une interface graphique clean et design avec Photoshop

Wonka — 2011-10-08T18:09:45Z

Sommaire

1 2

Ce tutoriel Photoshop vous d�voile la fa�on de monter un Template, de la cr�ation du document � sa publication en HTML. Il sera utile pour toute personne d�sirant cr�er son site Internet ou pour les webdesigners ayant besoin d'inspiration. En effet, en plus d'expliquer comment r�aliser ce Template, je vous explique comment la coder. Et comme si cela ne suffisait pas, j'ajoute � la fin de ce tutoriel l'ensemble des fichiers sources .psd mais �galement la Template cod�e HTML5 / CSS3. Alors, profitez de ce nouveau tutoriel Photoshop, seulement sur grafpedia.com !

Fiche technique du tutoriel Photoshop :

Logiciel utilis� : Photoshop CS5
Temps : Environ 3 heures
Niveau : Interm�diaire
Fichier � t�l�charger : Fichier Photoshop .psd
Visuel final : voici la Template que vous allez cr�er gr�ce � ce tutoriel.

ETAPE 1 Cr�ation du fichier

La premi�re �tape de ce tutoriel concerne �videmment la cr�ation de votre document Photoshop. Ouvrez votre logiciel Photoshop puis allez dans le menu Fichier> Nouveau. Une nouvelle fen�tre appara�t : entrez le nom de votre fichier, la largeur 1200 pixels, et la hauteur 1500 pixels. Enfin appuyez sur le bouton OK.

ETAPE 2 Cr�ation d'un rep�re

Afin de faciliter la cr�ation d'un Template sur Photoshop je vous invite � utiliser le plus souvent possible les rep�res. Ils aident � cr�er et positionner les diff�rents �l�ments sur la page. Cr�ez un premier rep�re horizontal � 450 pixels du haut de votre image (pour cr�er un rep�re utilisez simplement les r�gles, pour les afficher appuyez sur Ctrl/Cmd + R).

ETAPE 3 Cr�ation du header

Maintenant cr�ez un nouveau calque (menu Calque> Nouveau> Calque) puis nommez- le top. Enfin utilisez l'outil S�lection pour cr�er une s�lection du haut de votre document (en suivant le rep�re cr�� pr�c�demment). Remplissez de noir cette s�lection (en utilisant le pot de peinture).

ETAPE 4 Ajouter un style de calque

Allez maintenant dans le menu Calque> Style de calque> Incrustation de d�grad�. Configurer le d�grad� en suivant cette image.

Et voici le r�sultat :

1 2

Cr�er des boutons bleus avec effet relief sous Photoshop

Wonka — 2011-09-27T17:56:41Z

1 2

Ce nouveau tutoriel pour Photoshop est totalement adapt� � tous les webdesigners d�sirant apprendre une technique simple pour cr�er un bouton design et actuel.

Vous apprendrez comment cr�er ce type de bouton en seulement quelques �tapes mais surtout � d�cliner un graphisme selon plusieurs �tats : bouton normal, inactif, d�sactiv�, hover etc.

Voici la fiche technique de ce tutoriel Photoshop :

Niveau : Interm�diaire
Logiciel utilis� : Photoshop CS4
Temps : 20 minutes
Fichiers disponibles : Source .psd et maquette HTML / CSS
R�sultat final :

ETAPE 1 Cr�er une nouvelle image

Ouvrez votre logiciel Photoshop puis allez dans le menu Fichier> Nouveau et entrez le nom du fichier, sa largeur et sa hauteur. Appuyez enfin sur le bouton OK pour valider la cr�ation de votre nouvelle image.

1 2

Cr�er un effet de bande multicolore avec Photoshop

Wonka — 2011-09-14T09:33:42Z

Sommaire

1 2

Ce tutoriel Photoshop est tr�s facile � r�aliser, il est donc � la port�e des vrais d�butants du logiciel Photoshop.

Vous apprendrez avec ce tutoriel Photoshop CS5 � cr�er un effet de bande color�e qui s'att�nue sur un fond noir. Vous utiliserez notamment le filtre carrelage, ou encore les styles de calques afin de r�aliser cette image.

Fiche technique de ce tutoriel :

Dur�e : 15 minutes
Difficult� : Tr�s facile
Logiciel : Photoshop CS3, Photoshop CS4 et Photoshop CS5
R�sultat final :

Si vous trouvez ce tutoriel int�ressant je vous conseille fortement de visiter ces autres tutoriels Photoshop publi�s sur ce m�me site.

Cr�er un magnifique effet de rosace color�e avec Photoshop

Cr�er une illustration web design color�e avec Photoshop

Cr�er une composition chronos color�e

Cr�er une composition florale color�e

Maintenant, commen�ons la r�alisation de ce tutoriel Photoshop :

ETAPE 1 Cr�er une nouvelle image

Commencez par ouvrir votre logiciel Photoshop, attendez le chargement complet, puis allez dans le menu Fichier > Nouveau. Une nouvelle fen�tre s'ouvre.

Remplissez le nom du fichier, sa largeur 600px, sa hauteur 600px. puis appuyez sur le bouton OK. Votre image s'ouvre.

ETAPE 2 Cr�er une forme

V�rifiez que votre image soit bien sur fond noir, sinon changez la couleur de premier plan par le noir et utilisez le pot de peinture afin de remplir l'arri�re-plan.

Dans mon exemple j'ai utilis� du MARRON afin de dissocier facilement l'arri�re-plan du calque de travail mais dans votre r�alisation utilisez un noir parfait #000000.

Ensuite, s�lectionnez l'outil S�lection en rectangle (M) puis cr�ez une nouvelle s�lection au milieu de votre image. Enfin cr�ez un nouveau calque, pour se faire allez dans le menu Calque> Nouveau> Calque. Pour terminer, utilisez le pot de peinture afin de remplir cette s�lection.

ETAPE 3 Utilisation du filtre carrelage

Maintenant allez dans le menu Calque> Esth�tique> Carrelage.

Puis remplissez les options en suivant les valeurs suivantes :

Un damier appara�t alors dans votre s�lection.

1 2

Cr�er un magnifique effet de texte en eau avec Photoshop

Koolfing — 2011-09-07T07:47:29Z

Sommaire

Dans ce nouveau tutoriel nous allons apprendre � r�aliser un texte donnant l'impression d'avoir �t� trac� avec de l'eau. C'est un tutoriel assez court qui se concentre principalement sur les param�tres de style de calque. Il va vous falloir installer la police � flemishScript BT � que j'ai utilis�, mais le tuto fonctionne avec n'importe quelle autre.

Pour un effet vraiment saisissant choisissez une police plut�t maigre avec des contours arrondis et r�guliers dans leur �paisseur. Evitez les polices avec Serif et privil�giez une police avec des formes li�es et arrondies qui se croisent comme une �criture manuscrite attach�e.

R�sultat final de ce tuto Photoshop :

1. Commencez par pr�parer le fond :

1- La taille du document importe peu, faites juste en sorte qu'il soit plus large que haut. Puis � l'aide du pot de peinture (G) remplissez le fond avec la couleur : #968d8d. Doubles cliquez sur le calque pour ouvrir la fen�tre des styles de calque puis appliquez une incrustation de d�grad� � Noir et Blanc � avec le mode de fusion � densit� couleur - � et une opacit� � 19%. Passez l'�chelle � 150%.

2- Prenez ensuite l'outil texte (T) et �crivez le texte � WKS.FR � avec la police � FlemishScript BT �, en taille 200px. Appliquez lui une couleur noire et abaissez l'opacit� du fond du calque � 0%. Voil� ce que vous devriez avoir avant que l'opacit� ne soit r�gl�e sur 0%.

3- Nous allons maintenant cr�er quelques gouttes d'eau autour du texte pour lui donner un aspect un peu �clabouss�. Cr�ez un nouveau calque est dessinez des formes comme celles du screenshot ci-dessous � l'aide de l'outil Lasso (L). Remplissez vos formes avec du noir et avec l'outil pot de peinture (G).

Maintenant que tous les �l�ments de la sc�ne sont en place, nous allons pouvoir commencer � travailler l'apparence de notre texte.

2. Pr�parons le texte :

4- Ajoutons maintenant une � ombre port�e � � notre texte, toujours dans les param�tres de style de calque. Le texte appara�t, puisqu'il �tait invisible avec ses param�tre d'opacit� de fond � 0%.

5- Donnons lui une couleur. Ajoutez une � incrustation de couleur � toujours dans les styles de calques. Modifiez ses param�tres comme suit. La couleur choisie est tout simplement du blanc. ^^

6- Ajoutez un d�grad� de couleur, toujours dans la fen�tre style de calques.

7- Ajoutons une lueur externe.

Voici ce que devriez avoir sous les yeux pour le moment. Le texte � pris une jolie teinte bleut�e mais n'a pas du tout pour le moment son aspect final. Vous notez aussi que les �claboussures ne sont pour le moment pas visible car leur opacit� de fond est toujours � 0%.

3. Donnons son aspect final au texte :

8- Comme bien souvent pour donner du volume � son texte nous allons jouer sur les effets de biseautage estampage. R�glez donc ce param�tre comme suit. Attention � bien r�gler la courbe de contour brillant comme sur l'image.

9- On d�couvre assez bien la forme de l'eau maintenant, mais on va peaufiner tout �a. Ajoutez une lueur interne avec les r�glages ci apr�s.

10- Vous allez maintenant fermer la fen�tre de style de calque et cliquez droit sur le calque de texte. Copier le style de calque, puis coller le avec un clic droit coller le style de calque, sur le calque de nos �claboussures. Voici ce que vous devriez avoir � cette �tape. L'effet commence � �tre sympas, n'est ce pas ?

4. Peaufinages et rendu final :

11- Dupliquez le calque de texte et mettez le calque dupliqu� en dessous du texte original. Passez son opacit� � 20% puis faites glissez les styles : � ombre port�e �, � lueur externe � et � incrustation de couleur �, dans la corbeille. Ce petit peaufinage donne un aspect moins plastique � l'eau.

12- Ajoutons deux halos (Filtres/Rendu/Halos..) brillants sur le texte pour renforcer son aspect r�flecteur de lumi�re en contraste avec son cot� translucide. R�glez les param�tres des deux halos comme suit et essayez de les positionner au jug� comme sur l'image.

13- Pour finir ajoutez une texture grunge sur le calque de fond. Vous en trouverez des dizaines en tapant � grunge+texture � sur Google. Associez l� � votre calque de fond avec en utilisant la fonction masque d'�cr�tage (clic droit sur le calque puis clic sur masque d'�cr�tage). Appliquez lui un mode de fusion lumi�re tamis�e et une opacit� qui convient. La mienne a une opacit� � 63%.

Voil� ce que vous devriez avoir sous les yeux au final � quelque chose pr�s. Comme d'habitude, n'h�sitez pas � me laisser un petit commentaire si vous avez appr�ci� le tutoriel ou � partager vos cr�ations.

Concours Venez gagner le magazine WebDesign n�31 !

Wonka — 2011-09-06T20:54:35Z

Sommaire

Aujourd'hui c'�tait la rentr�e, et pour f�ter cette nouvelle ann�e scolaire qui commence je vous propose de gagner un magazine sur wks.fr Pour se faire rien de plus simple poster un commentaire sous cet article et attendez quelques jours !

Bonne chance � tous.

Les cadeaux ?

Les gagnants recevront chez eux un exemplaire du magazine WebDesign num�ro 31 sp�cial Application Web.

Les r�gles ?

Vous n'avez pas le droit de poster deux commentaires � la suite avec la m�me adresse email et avec la m�me adresse IP.

Vous devrez remplir le formulaire avec votre pseudonyme, ainsi que votre email (obligatoire). Comme message, vous ferez appel � votre imagination pour expliquer pourquoi vous auriez besoin de ce magazine.

Attention ne participer au concours que si vous �tes sur de vouloir m'envoyer vos coordonn�es compl�te. J'en aurais �videmment besoin pour vous envoyer votre magazine !

Le gagnant et le comptage des commentaires ?

Le gagnant du premier magazine sera celui qui postera le 14i�me !! Alors d�p�chez vous

Un commentaire compt� est un commentaire respectant les r�gles cit�es ci-dessus. Un commentaire qui ne les respecte pas sera tout simplement hors concours.

Allez bonne chance � tous pour ce nouveau concours rapide

Cr�er des boutons avec du relief sous Photoshop

Wonka — 2011-09-01T13:06:03Z

Sommaire

1 2

Si vous observez attentivement les communaut�s de graphistes comme Dribbble ou encore Deviantart, vous aurez tr�s certainement remarqu� les derni�res tendances du webdesign. Les boutons en relief font partie de ces nouveaux styles faisant fureur ces derniers temps (ou alors que j'aime beaucoup : ) C'est tout naturellement que j'ai d�cid� d'en d�cortiquer la cr�ation et d'en faire un tutoriel Photoshop pour wks.fr.

Voici le preview de ce que vous pourrez cr�er une fois le tutoriel Photoshop termin�. Chaque bouton repr�sente un �tat : inactif, normal, hover, actif ; puis la s�rie en trois couleurs : bleu, orange et vert.

Je vous propose �galement d'essayer ce genre de bouton cr�� enti�rement en CSS3 / HTML. Merci � Fran�ois Dusautoir pour avoir relev� le d�fis Cliquez ici.

Fiche technique du tuto webdesign :

Logiciel : Photoshop CS3 / CS5
Temps : Environ 20 minutes
Niveau : Faux d�butant

Si vous appr�ciez les tutoriels webdesign sous Photoshop, je vous invite tout simplement � visiteur la rubrique de tuto webdesign de wks. Vous y trouverez des dizaines de tutoriels pour Photoshop afin de vous aider � cr�er votre site Internet.

Termin� de discuter maintenant, place au tuto Photoshop.

ETAPE 1 Cr�er une nouvelle image

Ouvrez le logiciel Photoshop puis allez dans le menu Fichier> Nouveau. Une nouvelle fen�tre s'ouvre. Entrez le nom de votre fichier, puis la largeur et la hauteur (600px pour les deux). Cliquez sur le bouton Valider.

Votre nouvelle image s'ouvre.

ETAPE 2 Ajouter des rep�res

Afin de cr�er la base du bouton plus facilement, placez quelques rep�res sur votre document. Pour commencer, appuyez simultan�ment sur les touches Ctrl/Cmd + R afin d'afficher les r�gles puis allez dans le menu : Affichage> Nouveau rep�re.

Dans la fen�tre, s�lectionnez � horizontale � puis entrez la valeur de 100px. Appuyez sur le bouton Ok afin de cr�er le nouveau rep�re. Normalement, vous devriez le voir appara�tre en haut de votre document.

Si ce n'est pas le cas, allez dans le menu Affichage> Afficher> Rep�res (ou appuyez sur les touches Ctrl/Cmd + : ).

Cr�ez un autre rep�re horizontal � 137px, puis de nouveaux verticaux, cette fois � 100px puis 235px.

ETAPE 3 Cr�er la base du bouton

Zoomez sur la zone (crois�e des rep�res) puis s�lectionnez l'outil Rectangle arrondi (U). Dans la barre des options, modifiez le rayon � 4 pixels et v�rifiez que l'ic�ne Calque de forme soit bien s�lectionn�.

Enfin, dessinez un rectangle en suivant les rep�res.

1 2

Cr�er un tag incroyable simplement avec Photoshop

Wonka — 2011-08-25T14:00:30Z

Sommaire

1 2

Le style street art m�l� avec du design retro, voil� � quoi je pense quand je regarde cette image. De plus, j'aime particuli�rement les styles faciles � produire sous Photoshop. Pour votre plus grand plaisir, je vous explique ci-dessous, pas � pas, comment r�ussir vous aussi ce genre d'image, en personnalisant le texte : avec votre pr�nom par exemple

En �change, je vous demande une seule chose, si vous appr�ciez cet article, partagez-le avec vos amis sur Facebook, Twitter ou Google+. Merci et bonne lecture.

Fiche Technique du tuto Photoshop :

Temps : 30 minutes environ
Difficult� : Moyen
Ressource : Police de caract�res Arnold 2.1

Autre tuto Photoshop sur wks.fr : si vous aimez cr�er des graff avec Photoshop je vous invite � visiter cet autre article sur le site Art Urbain : Cr�er un graffiti avec photoshop

Sans plus tarder commen�ons le tutoriel tout de suite.

ETAPE 1 Ouvrir Photoshop

Ouvrez votre logiciel Photoshop. Allez dans le menu Fichier> Nouveau (ou appuyez simultan�ment sur les touches Ctrl/Cmd + N). Une nouvelle fen�tre appara�t, entrez alors le nom du fichier ; dans mon exemple : tuto645 puis la largeur : 600 pixels et enfin la hauteur : 350 pixels. Pour terminer, appuyez sur le bouton Valider.

ETAPE 2 Remplir de gris

Votre nouvelle image est maintenant affich�e � l'�cran. Modifiez la couleur d'avant plan par ce gris #373737, puis allez dans le menu Edition> Remplir (ou appuyez sur les touches Maj + F5). Votre image se remplit de gris.

ETAPE 3 Cr�er le texte

Vous allez maintenant cr�er le texte. Pour se faire, s�lectionnez l'outil Texte (t) et v�rifiez que vous poss�dez bien la police de caract�res Arnold 2.1.

Sinon allez sur cette page afin de la t�l�charger. http://www.fontyukle.net/en/Arnold+2.1.ttf

Puis installez le fichier dans le dossier /fonts de votre ordinateur afin de rendre la police disponible sous votre Photoshop (il est parfois n�cessaire de relancer votre logiciel Photoshop).

Au milieu de votre fichier, cr�ez votre texte. Dans l'exemple : Wonka. Modifiez ensuite la taille du premier caract�re � 200px puis les autres � 140. Enfin modifiez la couleur par ce vert : #6ae00e.

1 2

Concours Venez gagner le magazine WebDesign n�27 !

Wonka — 2011-04-08T12:11:04Z

Sommaire

Pour bien commencer le weekend et surtout les vacances qui d�buteront ce soir je vous propose de gagner un magazine Webdesign N�27 ! Pour se faire rien de plus simple poster un commentaire sous cet article et attendez quelques jours !

Bonne chance � tous.

Les cadeaux ?

Les gagnants recevront chez eux un exemplaire du magazine WebDesign num�ro 27 sp�cial HTML / CSS.

Cliquez sur ce lien pour lire tous les d�tails de ce magzine : Num�ro 27 sur la boutique Oracom.

Les r�gles ?

Vous n'avez pas le droit de poster deux commentaires � la suite avec la m�me adresse email et avec la m�me adresse IP.

Attention ne participer au concours que si vous �tes sur de vouloir m'envoyer vos coordonn�es compl�te. J'en aurais �videmment besoin pour vous envoyer votre magazine !

Le gagnant et le comptage des commentaires ?

Le gagnant du premier magazine sera celui qui postera le 14i�me !! Alors d�p�chez vous

Un commentaire compt� est un commentaire respectant les r�gles cit�es ci-dessus. Un commentaire qui ne les respecte pas sera tout simplement hors concours.

Allez bonne chance � tous pour ce nouveau concours rapide