Gérez votre site :

52 647 Webmasters - 773 087 Membres INSCRIPTION - Mot de passe oublié ?

Discussion du forum

News

Vous êtes sur la discussion [Tuto] Une bannière en 10 étape !

Ouvert [Tuto] Une bannière en 10 étape !
de Yoshi-Green (life-and-co - créé le 29 aout 2011 à 12h 24
10 reponses - 934 vues
modifié il y a 11 ans
Bonjour .

Vus que je ne sait que faire , pourquoi ne pas se rendre utile ? Et bien c'est se que j'ai l'intention de faire .
J'espère que vous passerez un bon moment en compagnie de ce tutoriel !

▬▬▬▬▬▬▬▬▬▬▬▬Matériel à prévoir▬▬▬▬▬▬▬▬

Logiciel : Photofiltre
Souris/tablette graphique : Peut-importe
Site :
- Dafont (Site de téléchargement de police d'écriture)
- Google image (Il vous faudra passer par là ... ;) )

Niveau : Débutant
Tutoriel avec image : Oui .

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

1. Si tu n'as pas photofiltre envoie moi un Mp , je te donnerais le lien de téléchargement .

2. Vas sur google puis tape "Dafont" , télécharge la police "Appleberry" . Ouvre le fichier une fois le téléchargement terminé , 2 fichiers s'ouvre , prend celui du bas :
http://bildberg.eu/PAUbw9tZ.jpg

(Et ne le ferme pas sinon tu n'auras plus la police d'installer sur le logiciel ) .

3. Quand tu as ouvert photofiltre , ouvre une nouvelle feuille .

► http://bildberg.eu/Ohn8EiKj.jpg

4. Les feuilles peuvent être personnalisables . Tu peux choisir un fond particulier , changer la couleur ... Mais surtout ce qui va nous servir avant tout c'est sa taille !

Description "bannière" :
Une bannière est un logo qu'on met en haut de page du site , il peut aussi servir à exprimé l'objectif du site .

On peut donc en en déduire qu'une bannière peut prendre pratiquement n'importe quelle taille mais il y'a bien-sûr une taille minimum et maximum .

Les tailles les plus utilisés sont souvent comprise entre :
800x200 et 800x300 ainsi que 700x300 .

J'ai décider aujourd'hui de mettre , 800x300 en "pixels" .

http://bildberg.eu/6KuSzZGK.jpg

5. Notre thème sera le chat . ;)
Pour le fond nous allons utiliser le "dégradé" .

Qui se situe ici : http://bildberg.eu/lNEC4TRJ.jpg
Pour le dégradé j'ai choisis 2 couleurs qui virent vers le rose et le violet . Pour la direction j'ai mis "haut/bas" .
Et l'opacité pour les 2 couleurs j'ai mis "100%" .

http://bildberg.eu/UTK0BlhS.jpg

Ensuite pour voir se que sa donne j'ai fais "aperçu" .
Sa me convient donc , je garde ce dégradé .

6. Pour exprimé le thème du site sur la bannière je vais y mettre un chat . Que je vais dessiné moi même ou que je vais prendre sur internet .


Image 1 : http://www.naturephoto-cz.eu/pic/ceteri/chat-sylvestre-sauvage-20766.jpg

(Prenez alors la méthode 1)

----------------------------------

Image 2 :
http://www.123gifs.biz/clipart/chat/06.gif

(Prenez alors la méthode 2)

----------------------------------


Méthode 1 : Copier l'image puis aller dans "Edition", "Coller en tant qu'image" .
http://bildberg.eu/U59ao2wJ.jpg

Sélectionner une forme , moi j'ai choisis "coins arrondis" .
Puis avec cette forme sélectionnez la partie essentiel de l'image .

http://bildberg.eu/Iwu8z6Ia.jpg

Edition , puis Détourage optimisé .

http://bildberg.eu/VFzewec8.jpg

Choisissez la tolérance , je l'ai mise à "6" , puis "horizontal" et enfin "Contour progressif" , une fois finis faîtes "Ok" .

http://bildberg.eu/mLtWgozj.jpg

Prenez votre bannière et faîtes "coller" , puis ajuster la taille de l'image comme vous le souhaitez .
Cela devrait donner ceci :

http://bildberg.eu/xirn0iWN.jpg


Méthode 2 : Prochainement ...

7. Va dans "Texte" , puis dans police et cherche "AppleBerry" tape le texte et règle la taille .

http://bildberg.eu/cItFrzSw.jpg

Fait "Transformer en sélection" . L'écriture apparaîtra avec des pointillés . Laisse l'écriture tel quel et retourne dans dégradé . Règle tout , l'opacité , les couleurs , la direction ... Va dans "Filtre" / "Esthétique" / "Contour progressif" .

http://bildberg.eu/cixtsbl5.jpg

Puis fait comme j'ai fais sur l'image :

http://bildberg.eu/l8OKWUa6.jpg

Ensuite fait pareil Filtre / Esthétique / Ombre portée .

http://bildberg.eu/YjQUjHd7.jpg

8. Sélectionner la bannière entière clique droit , puis "contour et remplissage" .

http://bildberg.eu/eo8Dxgom.jpg

9. Tape google , va dans image et tape encore une fois "brush fleur" . Sélectionne ta bannière puis copie le brush , va dans Edition / Collage spéciale / Masque .

http://bildberg.eu/cDQmOIa3.jpg

10 . Et voilà comment apprendre à faire une simple bannière en 10 étape ! Amusez-vous avec photofiltre ! ;)

Aperçu finale :
http://bildberg.eu/s2m4ny9b.jpg


Bonne journée ! Smiley

Tutoriel réalisé par Yoshi-green .
Voici les réponses de cette discussion : (page 1/1)

le 29 aout 2011 à 12h 37 (il y a 12 ans)
En ligne *~ςค๓เllє~* (mon-dragon
super tuto, ca va aider beaucoup de monde ^^
le 29 aout 2011 à 12h 46 (il y a 12 ans)
En ligne Yoshi-Green (life-and-co
Merci ! Je me suis lancé et sa m'appris plusieurs jours .. ^^
Mais bon , pour un résultat plutôt pas mal !
le 14 mars 2012 à 19h 33 (il y a 12 ans)
En ligne Chaly [Modératrice] (webi-presse
UP Smiley

Je remonte ce topic, il est bien fait Smiley
le 15 mars 2012 à 18h 25 (il y a 12 ans)
En ligne ♥ Candy mimi ♥ (candy-kawaii
Je remonte :p
le 16 mars 2012 à 15h 43 (il y a 12 ans)
En ligne Yoshi-Green (life-and-co
Je vous remercie ... ^^
le 8 avril 2012 à 21h 36 (il y a 12 ans)
En ligne Girly (dollz-girly-land
Oua ! Avec Peint on peux faire des bannière mais pas aussi belle que cela !
le 26 mai 2012 à 16h 38 (il y a 12 ans)
En ligne ƒѕ ƒℓу ιηтσ тнє ∂αякηєѕѕ (pokemon-version-marron
Tu peux faire un tuto mais avec gimp?
le 13 juin 2012 à 17h 33 (il y a 12 ans)
En ligne Schwαяz-Fℓσweя (guerre-des-clanschats
Up !! Ce topic est génial !!!
le 21 juin 2012 à 21h 04 (il y a 12 ans)
En ligne Griotte ♣ (graphisme-folie
Se tuto marche aussi avec Gimp ?
le 8 mai 2013 à 11h 54 (il y a 11 ans)
En ligne -papillion-ville- (papillion-ville
Merci beaucoup :D Le tuto est super!!
Encore Merci!!!!!!
Poster un message
Veuillez vous connecter pour poster sur le forum.

Webidev | v2.10.0 | © Webidev 2007 - 2024 | Contact