Comment crée un Logo et un avatar en Flat Disign

Scott'

Premium
Inscription
21 Juillet 2014
Messages
732
Réactions
371
Points
14 426
Bonsoir les gens aujourd'hui j'ai envie de poster un simple tutoriel , trés facile mes il faut simplement connaitre quelle que petite chose est c'est bon ,

la video :

Pour commencer , nous ouvrons photoshop , puis nous prenons des couleur de Flat design :
1456016527-couleurs-flat.jpg

Puis nous colorons le fond avec l'outil pot de peinture puis , on sélectionne le calque de fond puis nous appliquons la couleur dessus
1456020048-screenshot-12.png

Jusqu'à là, c'est facile,,

1 - vous allez crée un nouveau calque est puis faire une forme de rond parfait avec l'outil ellipse
1456020064-screenshot-13.png

,ensuite on remplis le rond avec une couleur plus clair avec l'outil pot de peinture ,
1456020044-screenshot-11.png
1456020073-screenshot-14.png


2 - ensuite vous crée ou importer votre logo, c'est assez simple, dans la vidéo, vous allez voir la façon de crée un logo le plus facilement possible,
3 - ensuite vous importer tout les fichiez sauf le logo dans un dossier (on peut apercevoir la souris sur le logo Dossiers)

4 - ensuite nous allons faire la manip , crée une copie du logo est coller le , a chaque copier-coller faites (flèche du bas et flèche de droite) a chaque copié coller ne l'oubliez pas ,fait le jusqu'a que le logo fini par sortir du rond, ensuite vous obtiendrez
1456020074-screenshot-15.png

1456020073-screenshot-16.png

5 - ensuite fait Ctrl+Alt+A pour sélectionnez tous les calques , ensuite en descende tout en bas sur les dossiers de départ, tout en maintenant Ctrl appuyé sur le dossier principal est le calque du logo
1456020068-screenshot-17.png

Ensuite fusionner tout les calques sélectionnés entre eux en faisant clic gauche - fusionnez les calques , nous allons appelez se calque X pour la suite

6 - , ensuite modifiez la couleur en noir avec l'outil pot de peinture, ensuite faites clic gauche sur X , option de fusion, allez dans opacité est la modifiez a 50%
1456020074-screenshot-18.png
,

7 - prenez X est mettez le devant le calque rond du départ est puis faites Alt en maintenant enfoncée avec clic droit dessus , enfoncée avec clic droit desus
1456020066-screenshot-19.png


Ensuite copiez la couleur avec la pipette est coller le sur le fond, vous allez obtenir ceci
1456020068-screenshot-20.png

.


le logo est techniquement fini , mais pour obtenir ceci
1456020074-screenshot-21.png


il faut aller dans option de fusion est remplir, ces caractère :
1456020074-screenshot-22.png


Tutoriel est fini , j'espère que vous avez aimé , Voilà comment crée un logo simple en flat design
N'hésiter surtout pas a me poser des question ou des technique, même des petit cours ça ne me dérange en aucun cas .

Un exemple final

1456019878-sans-titre-5.png
 
Dernière édition:

Neziixs'

Membre
Inscription
24 Février 2016
Messages
39
Réactions
18
Points
81
Le Flat Design c'est L'art de faire une image plate ( Flat = Plat en Anglais) Or, ton image contient des ombrages . LE but du Flat Design c'est d'etre minimaliste.
 

JImmy.

La vie se résume à rien au final du compte.
Premium
Inscription
30 Mai 2014
Messages
1 905
Réactions
437
Points
3 503
Temps que ça a un bon rendu sur photoshop ou illustrator les personne , sent foute impeut.
Je vais test cela merci de ton Tutoriel tout d'abord.
Le rendu et très beau au final :)
 

Sxcret

Art Director
Premium
Inscription
27 Avril 2016
Messages
288
Réactions
178
Points
9 391
C'est sympa mais ce n'est pas réellement du flat design, le flatteur design puret ne doit pas avoir d'ombres et encore moins de dégradés pour se coller avec le fond, on peut considérer ton tuto comme du séminaire flat design. Mais ça peut plaire à certains mais si tu en levais le bord du logo en dégradé, floue, cela collerait mieux dans le style flatteur design ;)
 
Haut