about sites trash

Labs // Pas à pas // Orange


Outils : Photoshop pour les images, Dreamweaver (ou bloc-note) pour la mise en page par css.

A la base, deux images : image 1, image 2

1 2 3 4

1. On prend l'image 1, on enlève le fond avec la gomme magique, on insère un calque de fond orange, et on joue un peu sur les options de fusions: 30% d'opacité avec un mode de fusion "densité de fusion +". On recadre un peu et si on veut, on fait une rotation (Edition > rotation manuelle)

2. Meme opération avec un mode de fusion et une opacité de 10%.

3. Avec l'outil rectangle arrondi (mode pixels de remplissage), on place plusieur cadre sur un nouveau calque, et on sélection la forme des cadres avec l'outil baguette magique. Puis on fait sélection > modifier la sélection > contracter > nombre de pixel voulu (ici, 3) puis effacer la sélection Le cadre est maintenant formé. La forme des cadres ici a nécessité quelques transformations: avec l'outil , de sélection, sélectionnez une partie du calque comme ceci, puis faites le descendre de quelques pixels, de facon à obtenir cela. Il ne reste plus qu'à tracer un trait, remplir éventuelement avec un petit dégradé, et le cadre est fini.
Il n'y a plus qu'à répéter l'opération autant de fois qu'on veut de cadre, et à placer les images 1 et 2.
4. Pour finir, il reste à ajouter le texte et autres éventuelle babiolles, et c'est bon.

Le fond est pret ... il ne reste plus qu'à construire la css qui va avec !


retour - accueil