Bonjour,
 
Je suis tout juste en train de commencer une bannière web pour notre association.
En fait j'ai récupéré vingt photos prises lors de journées de l'assoc'. (locaux, paysages, monuments etc.)
 
La taille de la bannière est 940*198.
J'ai réduit "mathématiquement" les photos pour qu'elles rentrent pile-poil dedans. (taille : 94*99) donc 10*2 photos...
Donc en gros cela va faire une bannière composée de photos.  
 
MAIS je doute du rendu esthétique de cette bannière. Je n'y connais quasi-rien en graphisme...
 
Qu'est ce que je peux faire avec ces photos (et avec the Gimp) pour que cela fasse un chouette effet sur le site/blog?
Je pensais par exemple à un effet de relief entre les différentes photo composant la bannière..
Qu'en pensez vous ?
Auriez vous d'autres idées ?
 
Merci d'avance...  

Si tu as déjà un rendu dispo, présente le qu'on puisse juger.  
 
 
N'oublie pas que c'est bien de faire une bannière originale mais faut que ça colle un minimum avec le reste du site.

Bonjour,
 
Je mettrai la bannière sans effets reliefs ni aucun effet pour avoir des conseils avant de me lancer dans un truc bancal...
En fait c'est pour un site wordpress sans grande prétention...
Pas d'énormes obligations esthétiques mais tout de même faudrait pas que ça fasse tâche dans le décor...
 
Merci.    
 
 
Bonne soirée.

Bonjour les gens,
 

 
Voilà ce que ça donne, avec l'encadrement par défaut de wordpress...
Je n'ai donné strictement aucun effet.
En fait je souhaite que ça fasse sympa, pas classe genre trop gniangnian esthétique, mais pas vulgaire
 
 
- oui je sais c'est mal parti, surtout avec mes connaissances en graphisme    
 
 
 
  Un petit coup de main ?

Donc petite aide requise mais je trouve que le blog est trop "esthétique" joli façon wordpress... Je regarderai pour le personnaliser un peu... Qu'il fasse plus associatif.
 
Si je mets l'adresse ici, on va pas me le pourrir de trolls ?

te pourrir de trolls? non à part te donner des conseils..
 
Sinon tu peux trés bien garder le thème par défaut qui est sobre et bien structuré, c'est le contenu qui devra être travaillé
 
 
Pour ta bannière, si tu aimes les petits carré tu peux t'amuser à faire cela:
http://a.imageshack.us/img831/7316/banhfr.jpg

   
 
C'est beau... Je vais essayer de faire un truc dans ce style...
 
Oui nous avons dans l'idée de changer le thème wordpress on va s'y pencher...
 
Merci !!!  

Un truc que je me demande, amonsterandgirls.
 
Comment fait-on pour écrire des lettres qui ont comme couleur la photo d'arrière plan, comme tu as fait sur cet exemple ?

- tu fais un calque avec un fond noir et de la forme que tu veux
- tu fais un calque text au dessus avec le nom de ton asso
- tu prends l outils selection et tu sélectionnes sur le calque texte le vide autour de ton texte, ensuite tu fais une selection inversé et tu as tout ton texte.
- tu va sur le fond noir et tu fais couper (ou supprimer) et tu as un fond noir style "pochoir" après tu peux mettre n'importe quoi comme photo derriere.

Merci à toi, amonsterandgirls, mais je rame...
 
Je comprends un peu le système des calques.
 
Mais soit les petites photos vignettes apparaissent par dessus le texte si je sélectionne le calque texte pour les coller.
Soit elles sont invisible si je les colle alors que je suis sur le calque "fond", calque en dessous du calque texte...
 
   

Pour faire la même chose tu as besoin de 3 calques.  
 
Le calque du fond, c'est ta mosaïque d'images.  
Le calque du milieu, c'est le bloc noir.
Le calque supérieur, c'est celui avec le texte.
 
 
Dans la fenêtre des calques tu dois faire le combo CTRL + clic gauche sur le calque avec le texte. De cette façon, toutes les lettres sont sélectionnées.  
Ensuite, toujours dans la fenêtre des calques, tu cliques simplement sur le calques du milieu (bloc noir). Tu vérifies que tes lettres sont toujours sélectionnées et tu appuies sur Delete.
Tu n'as plus qu'à effacer ou masquer le calque avec le texte pour voir le résultat.  
 
Note: Tu peux également masquer ce calque juste après avoir sélectionné le contour du texte.  
Note 2 : C'est ainsi sous photoshop. Tu travailles sur Gimp que je connais très peu mais cela ne doit pas être très éloigné.  
 
 
Sinon tu peux aussi avoir ce genre de résultat:  
 

 
 
C'est fait en 1 minute.  
 
Tu as besoin deux calques.  
 
Cette fois, le fond sera le calque avec le texte.  
Le calque supérieur sera la mosaïque de photos.  
 
Tu places ta souris entre les deux calques dans la fenêtre des claques. Tu fais le combo ALT + clic gauche et voilà.  
 
Bonne chance et tiens nous au courant.

yep moi non plus je ne connais pas Gimp.. je ne peux pas trop t'aider avec ce logiciel mais bon ça doit être le même principe que photoshop vu qu'il parait que c'est son équivalent gratuit

Je reprends juste le post de J_D_ mais avec les termes ou manipulation propre au Gimp:

Le calque du fond (le plus en bas) , c'est ta mosaïque d'images.  
Le calque du milieu, c'est le bloc noir.
Le calque supérieur (le plus en haut), c'est celui avec le texte.
 
 
Dans la fenêtre des calques tu clic droit sur le calque avec le texte et tu fais: "texte vers sélection"
Ensuite, toujours dans la fenêtre des calques, tu cliques simplement sur le calques du milieu (bloc noir). Tu vérifies que tes lettres sont toujours sélectionnées et tu appuies sur la touche suppr.
Tu n'as plus qu'à effacer ou masquer le calque avec le texte (clic sur l'oeil à gauche du calque) pour voir le résultat.  
 
Edit: en fait y a pas grand chose qui change

Hello les gens !
 
Merci tout d'abord.
J'ai bien réussi comme vous expliquez, pour avoir l'effet pochoir, mais je bloque sur un point de finition (il me semble) !
C'est sur le rectangle qui entoure le(s) texte(s) comme sur l'exemple proposé par amonsterandgirls.
 
En fait j'ai fait le tout en bleu-vert. Une fois fini le pochoir + le texte en blanc en dessous, je dessine un rectangle avec l'outil de sélection, et je le rempli de vert-bleu.
Soit le remplissage de rectangle efface quasiment tout le texte (il n'en reste que des traces vagues de contour) soit .. je ne sais pas, le fond est déjà bleu-vert...
Enfin bon.   (il y a aussi la non-maitrise du jonglage entre les calques.)
 
Si on pouvait m'expliquer comme à un gamin qui apprendrait à lire...   .....

Au départ tu as un calque avec tes photos
http://marion.arru.free.fr/tuto/manu_/manu__2.jpeg
Ensuite tu créé un nouveau calque (type de remplissage : transparence)
http://marion.arru.free.fr/tuto/manu_/manu__2-1.jpeg
Avec l'outil sélection rectangulaire tu sélectionne la zone que tu souhaite cacher
http://marion.arru.free.fr/tuto/manu_/manu__2-2.jpeg
http://marion.arru.free.fr/tuto/manu_/manu__2-3.jpeg
Tu prend l'outil le pot de peinture, tu choisi ta couleur et tu va remplir ce cadre sélectionné
http://marion.arru.free.fr/tuto/manu_/manu__3-1.jpeg

http://marion.arru.free.fr/tuto/manu_/manu__3.jpeg
http://marion.arru.free.fr/tuto/manu_/manu__4.jpeg
Tu clic sur l'outil texte, tu frappe ton texte, tu choisi la taille police etc... un calque s'est créé automatiquement au dessus de ton "cadre-pochoir"
http://marion.arru.free.fr/tuto/manu_/manu__5.jpeg
Tu clic droit sur le calque du texte et tu choisi "Texte vers sélection"
http://marion.arru.free.fr/tuto/manu_/manu__6.jpeg
Tu clic sur le calque avec ton "cadre-pochoir" (il doit être surligné en bleu dans ta liste des calques) et tu frappe sur la touche Suppr de ton clavier.
http://marion.arru.free.fr/tuto/manu_/manu__7.jpeg
Tu masque ton calque avec le texte en cliquant sur l'oeil à gauche du claque
http://marion.arru.free.fr/tuto/manu_/manu__8.jpeg
 
Et Voilà!
http://marion.arru.free.fr/tuto/manu_/manu__9.jpeg
 

Bon tout d'abord les calques.  
 
C'est très simple.  
 

 
L'exemple ci-dessus représente 3 calques que tu peux simplement comparer à des feuilles de papiers de tailles et de couleurs différentes.
 
La feuille bleue est la plus grande. La feuille verte est moyenne et la rouge est la plus petite.  
Là, elles sont disposées à ce que tu puisses toutes les apercevoir (voir fenêtre des calques à droite).  
Par contre, si je décide de mettre la feuille rouge au milieu des deux autres (fenêtre des calques), il est normal qu'on ne puisse plus la voir.  
 

 
 
Pour déplacer un calque, il suffit de cliquer/glisser le calque à l'aide de la souris.

Ah oui, j'oubliais le principal.  
 
Si c'est vraiment ce type de bannière que tu veux, sache quand même que c'est pas très esthétique.  
Il est possible de faire de très belles choses avec GIMP / Photoshop sans vraiment s'y connaître. Il y a plein de tutoriels gratuits avec vidéo sur le net, tu devrais essayer.  

Merci infiniment à vous deux... de prendre du temps.
 
  Tu aurais quelques liens de tutos correspondant au type de bannière que je souhaite ?    
 
J'ai regardé rapidement y a pleins de liens de forums, de bannières qui vont pas...    
 

Je pense que c'est là que ça a merdé...

 
 
Non j'en ai pas sous la main désolé.

alors le resultat ?

J'arrive...
 
J'ai pas eu pris le temps de m'y pencher, mais dès que j'ai qque chose je reviens vous donner des nouvelles...
Et pour tout dire, je m'attendais pas à autant d'aide sur hfr. (tout flatteur vit aux dépends ..   )
 
édit : je vais sans doute regarder ça cet après-midi.

Au passage, faudra que je change le thème wordpress... On va essayer d'égaler les pages de SAVS et de GEM d'autres régions.
 
La thématique c'est la vie au sein d'un SAVS (service d'aide à la vie sociale-> pour des personnes en situation de handicap, j'en suis)
Donc en gros il y a tout un tas d'activités thérapeutiques, dont nous allons parler dans des sections distinctes sur le blog.
 
Voilà, pour vous dire de quoi ça cause.
 
 

C'est compliqué...
 
J'suis pas fait pour le graphisme.
En fait ce qui me pose problème c'est le rectangle noir (bleu dans mon cas) qui entoure le texte...
 
 
 
---  
 
édit :  
 
Nan ça veut pas... C'est vraiment pas facile...
En plus j'aimerais bien apprendre comment réussir la même image que celle proposée en haut par amonsterandgirls mais ça bloque.
 
Je m'embrouille avec absolument toute la logique des calques. J'ai compris le principe mais je m'embrouille totalement.

Merci tout le monde pour l'aide, quand même, ce sujet de discussion va nous être très utile !
On va pouvoir bosser là-dessus !