La Galerie d'Art de Coucouee

Hello Coucouee, je vois que tu as gardé le même pseudo ici!!^^lol
Sympa ta galerie.
J'aime bien la créa de Noël, j'adore la typo et le fond!!

*Dépoussière*

Merci tyty (Titine si je ne m'abuse)

Pas le temps de faire citation plus musique, pour la simple raison que j'ai un gros DST demain, et que je ne l'ai pas encore révisé ^^'





Bon, c'est pas du grand art, mais j'ai peu de temps ces temps-ci .
Je compte m'essayer à un nouveau style très prochainement.

Pour la typo, pas de commentaire, j'ai toujours été nul pour ça de toute façon :p

Ce n'est pas Titine, mais bien Tytia, et c'était déjà ce pseudo sur c2lar ^^

Pour tes typo, attends que j'ai un peu de temps et je vais faire quelques tuto sur mes techniques ^^

Une Dsi pour le dessin et photoshop pour le reste, ça donne ça

Spoiler:

Actuellement, j'essaye de faire un espèce d'header pour mon TPE (sorte d'exposé noté et comptant comme note pour le bac), je galère
Déjà, j'ai du renderiser tout, et en plus découper les frites, je vous dit pas...

Voici la "maquette" =>
Je vais sûrement faire un fondu entre fond du site/header




Je galère :3

Je vais te dire ce que j'ai déjà dis ailleurs, sans un petit bout d'ombre, les frittes jouent les filles de l'air ^^

Généralement, quand il y a beaucoup d'éléments je crée deux nouveau calques et j'applique une image sur celui tout au dessus.
Je ferme tout ce qui était en dessous de mes deux nouveaux calques (Généralement en en les regroupant dans un groupe "back up").
Je me mets sur le calque vierge et je récupère la sélection du calque du dessus, je remplis en noir cette sélection.
Dé-sélection, flou gaussien et opacité (Généralement une ombre proche c'est dans les 70%).
Je décale mon claque avec la touche "bas" directionnelle du clavier.
Parfois, mais pas toujours, un "ctrl T" et une petite déformation verticale du calque sont nécessaires.

Le but est d'avoir une ombre légère à la base de tes éléments.

Ce n'est jamais parfait, donc on utilise à ce moment l'outil gomme pour tout ce qui est en trop.

Beaucoup d'explication, mais la manip prend 10 secondes, et ça change tout sur ta créa. ^^

Oui il manque une petite ombre.
Sympa ta technique Aman, je fais pas comme ça moi!!lol, en fait je fais vraiment au plus simple, je double mon calque, le deuxième je lui met une ombre porté à 70/75 % et ensuite je gomme le surplus (le calque sans ombre est dessous) c'est peut-être pas la meilleur!lol j'essayerais la tienne la prochaine fois!
En tout cas Coucouee, à part ça, ça gère, ça m'a donné faim!!! Ah si, le gobelet de café, j'ai l'impression qu'il est déformé, non? je sais pas, j'ai l'impression que c'est pas symétrique \_/, enfin c'est peut-être un effet d'optique, et puis je suis fatigué!!lol Du coup je suis allé chercher l'original, et bah ça doit être un effet d'optique!!!mdr c'est l'objectif, l'ombre de l'autre gobelet et la distance, qui doit me faire cette effet... enfin bref!

Spoiler:

TPE toute petite entreprise... je dirais pas ça de mac DO hihihi... ok je sors =>

sinon quel est le thème exact de ton TPE ...? ça m'aiderais a comprendre et a mieux pouvoir t'aider !!!

-Contraintes et libertés
-McDonald's
-"Vivre les publicités de McDonald's au quotidien, contrainte ou liberté?"

Je crois que je vais demander de l'aide aux whosgraphiens :3




Je note pour moi-même=>

Remplacer Mc Café en gobelet MacDo.... OK
Donner + effet de multitude pour nourriture
+ effet frites
Changer écriture
Changer hamburger.... OK
Changer cadre, remplacer par un cadre stylé

En fait on voudrait faire des bandes à droite et à gauche comme ici et une bannière un peu comme ici, sauf que les frites qui s'échappent vont sur la barre de menu...


Edit: Je tiens mon plan!

Voilà où j'en suis:




Pour le cadre, je coince, quelqu'un peut m'aider?
Aman?
Lermite?
Les gens de ?

Edit: Tout est bon, sauf le cadre et la typo (ce n'est pas l'image que vous voyez là-haut)

alors :
- la fumé est trop plate je trouve essaye de la faire monté
- contrainte est peu lisible
essaye de faire vraiment un header juste pour le titre ou met le même fond de couleur que pour menu ça fera un rappel
sinon c'est très bien pour le reste

2 bannières ont été retenues:

Spoiler:

Je développerais la bannière finale.

Edit:

Finalement, c'est ça=>

Il nous faut encore réaliser bien le cadre

Salut,

Désolé, je voulais répondre plus tôt, mais j'avais à faire.
Alors déjà, la typo sur la dernière proposition est très belle, on y croit, sauf pour le reflet.. ^^
Par contre, les frittes ressemblent à une image toute plate. et on ne sait pas où elles sont posées ou pas posées.

-Pourquoi le reflet ne va pas?
Simplement parce que tu ne tiens pas compte du reste de ton image, les frittes, qui indiquent une autre perspective.
Sinon, sans les frittes le reflet est super hein ^^

***

Maintenant je vais t'engueuler, tu n'as pas bien suivis mes conseils pour les ombres, tu as oublié la partie où je te dis qu'il faut gommer et/ou déformer l'ombre.
L'ombre que tu as faite sur tes deux première propositions n'est valable que pour un objet "collé contre un mur", pas "posé sur un support".

J'ai fais quelques recherches google:

-Sur le site officiel, ils ont fait comme je t'ai expliqué, et ont juste redimensionnés l'ombre dans la verticale (Aplatie), regardes http://www.mcdonalds.fr/products/1

-Autre exemple ici http://mcdonaldshours.net/tag/mcdonalds-menu-prices/ (L'image "Delicious start right here".)
Ils ont gommé la partie supérieur de toutes les ombres, en ne conservant que la base.

***

La mise en page et les effets de texte et cadre.

Chez Macdo des cadres c'est rare, mais parfois il a de la mise en page:



Simple mais efficace.

-Regardes un truc ici:
http://www.grumo.fr/decouverte/top-10-des-menu-mcdonalds-etrangers
L'image du Mega Teriyaki, il y a une sorte de hallo lumineux en arrière plan qui met le sandwiche en valeur.

-Quand ils font de la typo:

http://philadelphia.grubstreet.com/2007/05/mcdonalds_menu_items_from_arou.html

Très simple à réaliser et l'effet est garanti.
Si tu veux que je te dise comment faire ça, pas de soucis. ^^

***

En résumé, je trouves que tu taff bien, mais tu dois être plus attentif aux détails.
Pour le reste que je t'ai montré, tu n'es bien sûr, pas tenu de t'en inspirer mais comme tu le vois, un petit grain de folie, quelque chose de moins statique identifie aussi la charte graphique de la marque.

Je ne sais pas si ça va t'aider, je le souhaite en tout cas, bonne chance pour la suite ^^

EDIT:

Je n'avais pas fais gaffe...



Les frittes sont en lévitation avec une ombre magique...
La base des frittes et celle du gobelet indique que même avec une ombre, les frittes ne sont pas posée au même niveau que le gobelet.

Si tu veux mon avis, tu peux te passer du café pour aérer et poser les frite et le sandwiche en étant attentif à la base, puis seulement poser le gobelet en tenant compte du reste, au centre.

Ouah, je ne m'attendais pas à une chose aussi... Complète

Je te remercie beaucoup Aman' pour tout ce que tu as écrit, j'en prend bien compte.

Et j'avoue que la typo "néon" m'intéresse beaucoup, j'aimerais beaucoup apprendre comment faire ça. Pour "contrainte et liberté"


Merci beaucoup pour tout ce que tu fais.

Le Who's graph se spécialise dans ce domaine, tout ce qui n'est pas "signature", qui tend vers le graphisme "professionnel".
Donc à chaque fois qu'un membre s'y tente, il est impératif qu'on s'implique.

Notes qu'en fait, un système de professeurs est en discutions, et qu'il inclut des passage "d'instruction" directement dans les galeries des membres.

J'attaque pour un petit tuto pour toi tout à l'heure, tu verras, ça ne dépasse pas le stade des "petites astuces".

waaaaaaa très bien géré ton argumentation Aman, je suis fière de toi, je sais pas comment tu fais a gérer ton temps, avec le portail, mes travaux, mon boulot, ma femme et la vie quotidienne je galère.
Donc rien que pour ça bravo
donc j'aurais pas dit mieux
si ce n'est que j'opterais plus pour un sandwich que pour des frites tu met un big mac de suite on sait que c'est du Mac Do alors que des frittes moins.

j'aime bien cette image qui peut être sympa ...

Cette image est sous copyright (Même si il n'est pas directement sur l'image ^^).


La typo: (Plus facile à faire qu'à expliquer)
Il y a deux méthodes, une rapide et une longue, pas plus difficile l'une que l'autre, mais la seconde demande plus de temps de réalisation et le résultat est bien entendu, meilleurs.

Avant toute chose, il faut avoir la bonne typo.
Je n'ai pas cherché à avoir la même que sur l'exemple, mais pour "coller au style", une Vinyl stickons ou comme moi, une Turkey sandwich simple à trouver sur dafont fait parfaitement l'affaire.

-->Phase 1, cette partie est pareille pour les deux méthodes:

-Crées ton document en bien plus grand que nécessaire, tu évites les rendus trop pixelisés comme ça.
-Écris ton texte (Moi dans mon exemple j'ai transformé la typo pour m'amuser), dans la couleur de ton choix.

-Sur ton texte, appliques les effets suivant:

~Satin
Une teinte un peu plus foncée que celle de base de ta typo.
Produit.
50% opacité.
Angle 19
Distance 11
Taille 14

~Incrustation en dégradé
Un dégradé simple en deux couleurs, en partant de celle utilisée pour le "satin", vers une plus foncée dans la même teinte.
Opacité 35/40% à toi de voir.

~Contour
6 pixels (Soyons fou) enfin, faut que ce soit large.
Couleur #211812 ou dans le genre.

***

-Dupliques ton calque typo.

-crées un groupe sous les deux calques typo et places un des deux dans ce groupe, il faut que le groupe soit sous ta base de typo (Je te conseille de renommer en base typo, le calque qui reste au dessus, hors du groupe, pour t'y retrouver.)

-Dans ce groupe, place toi sur le calque typo et tout en gardant la touche "Alt" appuyée, appuies simultanément, 1 fois sur la touche flèche bas, puis une fois sur la touche flèche gauche.
Répètes l'opération une dizaine de fois, bas, gauche, bas, gauche, bas, gauche, ect... toujours en gardant la touche Alt enfoncée.

cliques maintenant sur le groupe pour déplacer l'ensemble de ces nouveaux calques et déplace le de façon à ce qu'on ne voient plus que la couleur du contour, le résultat donne une fausse impression de 3D.


Comme tu peux le voir, je n'ai pas parfaitement aligné mon groupe, je ne cherche pas un résultat géométriquement parfait.

Ne reste que le "Néon", c'est là que les méthodes convergent:

--> Phase 2, méthode rapide.

-Nouveau calque, nommes le "Néon".

Pour créer le tracé du néon, on va simplement faire un "Ctrl clic-gauche" sur le calque de texte "base" pour récupérer la sélection.

-Appuies sur (M) pour être sur l'outil "sélection", fais un "clic droit" sur le texte et choisis "Convertir en tracé".
On ne veux pas un résultat parfait, donc une tolérance 2 pixels suffira.

-(B) pour aller sur les brushs, brosse douce, 5 à 10 pixels selon la taille de ton travail (Moi je bosse en 800 pixels de large là, j'ai mis 7).

-En bas à droite de ton écran, tu as la fenêtre à onglet "Calques / Couche / Tracés", tu dois te mettre sur l'onglet "Tracé" tout en t'assurant bien être encore sur l'outil brush.

-Il y a plusieurs petits bouton de forme ronde en bas de cet onlget, tu n'as accès qu'aux trois de gauche, cliques sur le second "Contour du tracé avec la forme".

-Reviens sur calque, donnes un coup sur la touche "echap" pour virer le tracé.

--> Phase 2, méthode plus précise

Il faut maitriser l'outil Plume pour ça.
Je ne vais pas te faire un tuto "plume" maintenant, mais si tu maîtrises la plume, guides toi avec les screens que j'ai fais:


Je te conseille de bosser dans un groupe et de faire un nouveau calque pour chaque section de néon.
Une fois les tracés terminés, il suffit de dupliquer le groupe, celui du dessous, tu le rends invisible, c'est ton back up en cas de souci, celui du dessus, tu fais clic droit sur le groupe et choisis "Fusionner le groupe".
Pour obtenir le tracé la méthode est la même qu'expliqué précédemment.

--> Phase 3

-Dupliques ton calque néon, renomme celui du bas en "reflet néon" et déplaces tes calques de façon à donner l'illusion "Néon" recherchée.
Aides toi de l'image de référence si besoin.

-Le claque reflet néon, passe le juste en "incrustation".
NOTE: Il est nécessaire de déformer un peu le calque "Ctrl T" pour un meilleur rendu.

-Appliques les effets suivant au calque "néon":

~Biseautage (tout par défaut sauf la taille que tu mets à 0)
~Biseautage / Contour À 100 %

Je te conseille de mettre l'angle à 90 degrés dans l'onglet biseau, en laissant coché "éclairage global".

Ne te restes plus qu'à chipoter pour les détails, moi j'ai rajouté des traits avec un petit biseau pour faire les "attaches", et quelques coups de brush doux noir sur un calque entre les néons et typo base pour les imperfections.

Pour le reste des finitions, je balance le tout dans un groupe, excepté le fond que je vire.
2 nouveaux calques, sur celui du dessus, appliquer une image.
Se placer sur celui de dessous et récupérer la sélection du calque supérieur (C'est pour ça qu'on a récupéré l'image), remplir au noir

Je duplique 3 fois (Pour avoir 4 calque d'ombres.
Je passe celui du dessus au dessus de tout et je le rend invisible pour l'instant.
Mes calques ombre d'en dessous, passer à 50% opa et flou gaussien entre 2 et 3.
Je les décale un par un, le premier, un peu, le second, un peu plus et le troisième encore plus.

Je viens sur le calque ombre tout au dessus, je le décale en diagonale d'une bonne dizaine de pixels, je récupère à nouveau la sélection, et je delete tout ce qui est dans la sélection, je déselectionne. et j’aligne mon calque ombre à nouveau avec le calque texte, seule quelques extrémité restent couvertes maintenant.
50% opa et 2/3 pixels flou gaussien.

J'ai fini.



Désolé pour les fautes, mais c'était assez long et j'ai fais vite que tu puisse en profiter rapidement.

Super tuto, merci d'avoir pris le temps de nous le faire! justement je veux changer le style de mon blog trop classique et lui donner un côté vintage avec un titre lumineux, genre néon ou ampoule, ça fait class'!!

Dans ce groupe, place toi sur le calque typo et tout en gardant la touche "Alt" appuyée, appuies simultanément, 1 fois sur la touche flèche bas, puis une fois sur la touche flèche gauche.

Ne serais-ce pas flèche haut puis flèche droite? Ça me semble plus logique non? Enfin, je peux me tromper ♫


Mais MERCI!

Aman', puis-je "copier" l'idée des bandes rouges sur les côtés de ton site pour mon site TPE? (on ne sait jamais)

Edit: Pour faire comme cela=>

Spoiler:

NEW! (sans aucuns tutos, ça dépasse largement les espérances)

Coucouee a écrit:Dans ce groupe, place toi sur le calque typo et tout en gardant la touche "Alt" appuyée, appuies simultanément, 1 fois sur la touche flèche bas, puis une fois sur la touche flèche gauche.

Ne serais-ce pas flèche haut puis flèche droite? Ça me semble plus logique non? Enfin, je peux me tromper ♫


Mais MERCI!

Aman', puis-je "copier" l'idée des bandes rouges sur les côtés de ton site pour mon site TPE? (on ne sait jamais)

Edit: Pour faire comme cela=>

Spoiler:

Pour ta remarque, ben oui, ça commençait à faire long comme pavé, et je me suis trompé ^^
Pour ton TPE, prends ce que tu veux, fais toi plaisir ^^
Par contre, ça fait un peu "pauvre" en contenu maintenant, si tu veux mon avis, on passe d'un menu complet à un paquet de frittes, t'as plus de budget? ^^

C'est les gens de mon groupe qui ont préférés mettre juste des frites ^^'

"T'as plus de budget? "

J'adore ton dernier kit!!! très beau! bravo!

idem le dernier kit est très jolie, belle image, belle couleur, juste déçut de la typo du haut qui je trouve ne vas pas avec la signature

Merci

Pour répondre à Lermite, j'ai un nombre de typos assez limités, et je n'en ai pas trouvé une qui correspondait, faut que j'en ajoute ♫

J'aime beaucoup ton kit
technique simple mais qui fait un rendu super félicitations