Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2637 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Conseils bannière pour une assoc' d'aide sociale. (encore !)

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Conseils bannière pour une assoc' d'aide sociale. (encore !)

n°1112588
manu__
Posté le 27-08-2010 à 12:59:17  profilanswer
 

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...  :jap:

mood
Publicité
Posté le 27-08-2010 à 12:59:17  profilanswer
 

n°1112589
J_D_
Posté le 27-08-2010 à 13:08:00  profilanswer
 

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.


---------------
DTC la 3ème étoile !
n°1112619
manu__
Posté le 27-08-2010 à 19:16:47  profilanswer
 

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.  :jap:  
 
 
Bonne soirée.

n°1112738
manu__
Posté le 29-08-2010 à 15:58:58  profilanswer
 

Bonjour les gens,
 
http://img153.imageshack.us/img153/1184/banfrx.jpg
 
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  :sweat:  
 
 
 
 :bounce: Un petit coup de main ?

n°1112739
manu__
Posté le 29-08-2010 à 16:00:44  profilanswer
 

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 ?


Message édité par manu__ le 29-08-2010 à 16:01:07
n°1112765
manu__
Posté le 29-08-2010 à 22:58:06  profilanswer
 

:bounce:

n°1112821
Profil sup​primé
Posté le 30-08-2010 à 18:36:25  answer
 

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

n°1112829
manu__
Posté le 30-08-2010 à 21:56:47  profilanswer
 


 :ouch:  
 
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 !!!  :)


Message édité par manu__ le 30-08-2010 à 21:57:05
n°1112830
manu__
Posté le 30-08-2010 à 22:00:22  profilanswer
 

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 ?


Message édité par manu__ le 30-08-2010 à 22:00:45
n°1112834
Profil sup​primé
Posté le 31-08-2010 à 01:02:39  answer
 

- 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.

mood
Publicité
Posté le 31-08-2010 à 01:02:39  profilanswer
 

n°1112946
manu__
Posté le 01-09-2010 à 09:14:37  profilanswer
 

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...
 
 :sweat:  

n°1112986
J_D_
Posté le 01-09-2010 à 13:49:28  profilanswer
 

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:  
 
http://img84.imageshack.us/img84/1290/banfrx.png
 
 
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.


Message édité par J_D_ le 01-09-2010 à 13:56:40

---------------
DTC la 3ème étoile !
n°1112987
Profil sup​primé
Posté le 01-09-2010 à 13:53:54  answer
 

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 :/

n°1113002
Chipo
Posté le 01-09-2010 à 17:23:56  profilanswer
 

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 ;)


Message édité par Chipo le 01-09-2010 à 17:24:35
n°1113061
manu__
Posté le 02-09-2010 à 16:36:14  profilanswer
 

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.  :sweat: (il y a aussi la non-maitrise du jonglage entre les calques.)
 
Si on pouvait m'expliquer comme à un gamin qui apprendrait à lire...  :D .....


Message édité par manu__ le 02-09-2010 à 16:38:03
n°1113064
Chipo
Posté le 02-09-2010 à 17:33:11  profilanswer
 

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
 

n°1113065
J_D_
Posté le 02-09-2010 à 17:33:12  profilanswer
 

Bon tout d'abord les calques.  
 
C'est très simple.  
 
http://img191.imageshack.us/img191/7844/calques.png
 
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.  
 
http://img442.imageshack.us/img442/1438/calques2.png
 
 
Pour déplacer un calque, il suffit de cliquer/glisser le calque à l'aide de la souris.


Message édité par J_D_ le 02-09-2010 à 17:41:06

---------------
DTC la 3ème étoile !
n°1113067
J_D_
Posté le 02-09-2010 à 17:40:44  profilanswer
 

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.  ;)


---------------
DTC la 3ème étoile !
n°1113075
manu__
Posté le 02-09-2010 à 19:16:47  profilanswer
 

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

n°1113076
manu__
Posté le 02-09-2010 à 19:18:16  profilanswer
 

Chipo a écrit :


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.
 


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

n°1113082
J_D_
Posté le 02-09-2010 à 20:04:52  profilanswer
 

manu__ a écrit :

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


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


---------------
DTC la 3ème étoile !
n°1113211
Profil sup​primé
Posté le 05-09-2010 à 23:52:43  answer
 

alors le resultat ?

n°1113226
manu__
Posté le 06-09-2010 à 08:51:58  profilanswer
 

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 ..  :D )
 
édit : je vais sans doute regarder ça cet après-midi.


Message édité par manu__ le 06-09-2010 à 09:01:47
n°1113227
manu__
Posté le 06-09-2010 à 09:00:02  profilanswer
 

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.
 
 ;)

n°1114591
manu__
Posté le 25-09-2010 à 11:02:12  profilanswer
 

C'est compliqué... :/
 
J'suis pas fait pour le graphisme. :D
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.


Message édité par manu__ le 25-09-2010 à 11:10:01
n°1114837
manu__
Posté le 30-09-2010 à 11:28:53  profilanswer
 

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 !
 
 :jap:

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Conseils bannière pour une assoc' d'aide sociale. (encore !)

 

Sujets relatifs
Aide à la capture d'un fichier flashDemande d'aide création bannière pour site web
Besoin aide rapport de stageBesoin d'aide pour créer des design SVP
Aide design site ArchitectureBesoin d'aide pour particules, thinking particles ou autres méthodes
conseils pour sortie numérique (type cromalin)Aide logo
Aide pour couche alpha qui n'apparaît pas 
Plus de sujets relatifs à : Conseils bannière pour une assoc' d'aide sociale. (encore !)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR