| Accueil | Tutoriels | Forum | Chat | Liens | FAQ | Contact |
Affiché 26523 fois - difficulté : 
Voilà un splash assez courant, une réalisation simple mais plutôt sympathique !
Source : http://www.teknopole.com
Tutorial :
| Créez tout d'abord un document de taille 3*3 pixels, avec un fond transparent. A l'aide de l'outil crayon de taille 1 pixel, tracez une diagonale noire. Faites alors edition > utiliser comme motif, et nommez votre motif comme bon vous semble. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Créez alors un nouveau document de taille 600*500 pixels. Remplissez le fond de gris foncé (#343434) Puis créez un nouveau calque (ctrl + maj + N) et allez dans edition > remplir Choisissez alors le motif que vous venez de définir. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Voici alors ce vous devriez obtenir : | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Placez ensuite un nouveau repère centré horizontalement. Pour cela, faites Affichage > nouveau repère Placez le alors à 300 pixels | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Supprimez alors la partie droite de votre calque rempli du motif. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Dupliquez ce calque (ctrl + J) Puis faites edition > transformation > symétrie axe horizontal | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Créez alors un grand rectangle centré horizontalement. Remplissez le d'une couleur quelconque. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Allez dans edition > transformation manuelle (ctrl + T) Puis étirez votre rectangle verticalement comme sur l'illustration. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Ouvrez alors les options de fusion de ce calque, et ajoutez une ombre portée. Réglez son opacité à 100%, et une provenance d'un angle de 90°. Pour finir, augmentez la taille de l'ombre à 10 pixels. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Ajoutez ensuite une incrustation de couleur, d'un gris très foncé (#131313) | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Ajoutez pour finir avec ces options un contour, d'un gris un peu plus clair (#343434). Diminuez sa taille à 1 pixel. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Voici alors ce que vous devriez avoir : | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Créez ensuite un nouveau calque (ctrl + maj + N) Faites ensuite un petit cercle centré horizontalement. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Allez dans edition > contour, et rajoutez un contour blanc, de taille 3 pixels, à l'intérieur de la sélection. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Rajoutez ensuite votre logo à l'intérieur de ce site. Pour ma part, il ne s'agit que d'un petit motif que j'ai réalisé. | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Ouvrez alors les options de fusion de ce calque, et rajoutez une lueur externe. Modifiez sa couleur à blanc (#ffffff), et laissez les autres réglages intacts | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Voici alors ce que vous devriez avoir : | - Illustration - |
| ---------------------------------------------------------------------------------------- | |
| Pour finir, rajoutez un petit texte "entrer". Pour ma part, j'ai utilisé la police "hooge 05_54" en taille 8 pixels. J'ai également rajoutez une lueur externe comme au calque précédent, et voici mon résultat final : | - Illustration - |
33 commentaires postés sur ce tutorial
----------------------------------------------------------------------------------------
Kikoui le 12/2/2008
Si non, il y a une autre méthode :
Tu met tous les fichiers à la racine de ton site .
----------------------------------------------------------------------------------------
bobmartien le 26/2/2008
Superbe tuto.
Bon on sait pas trop la largeur du rectangle dommage !
Perso j'ai fait 200px de largeur !
Sinon pour finir le "fond" le contour j'ai mis EXTÉRIEUR et ça marché pas donc j'ai mis INTÉRIEUR !
Et ça marche parfait :D
Merci
----------------------------------------------------------------------------------------
Jaylock le 24/3/2008
Merci pour ce tuto, très simple à faire !
----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------
Poster un commentaire :