Graphisme

[Débutant] Commencer Photoshop

Soon — Sat, 04 Jun 2016 08:15:53 GMT

Yo,

Je viens de commencer Photoshop, j'ai lu la première partie du tutoriel sur OpenClasseroom.

Mais je voudrais savoir si vous aviez d'autres bons tutoriels pour bien commencer et apprendre des trucs sur Photoshop !

[Terminé - Concours n°5] Favicon Melinyel

Soulalex — Thu, 15 Oct 2015 14:54:42 GMT

Bonjour,

Comme vous avez pu le constater, j'ai remis l'ancien favicon de Melinyel mais celui-ci se fait vieux. Je vous propose donc au travers d'un concours de créer un nouveau favicon respectant la nouvelle charte graphique de Melinyel. Les deux nuances de rouge utilisées sur Melinyel sont : #9C3030 et #7D2524

Ce favicon devra représenter le "M" de Melinyel comme le précédent.

Ce concours prendra fin le 01/11/2015 à 23h59.

Bonne chance à tous

Les créations :

Par Akimace :

Par Soulalex :

/applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/580626Favicon1.png"/>/applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/729736Favicon2.png"/> /applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/512498Favicon3.png"/>/applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/996081Favicon4.png"/>

[Partage]La meilleur tête de mort de la planète

Eloha — Wed, 04 Feb 2015 18:12:21 GMT

Bonjour !

Aujourd’hui, l'image du jour c'est...

/applications/sslimageproxy/interface/image.php?url=http://www.3dartistonline.com/users/4578/thm1024/1422775962_Virus Final_V2_Snapseed_2000.jpg"/>

...chez @3DArtist.

Elle gère, n'est-ce pas ?

[Motion Design] LI-NING x ASTATICA

Eloha — Tue, 27 Jan 2015 17:47:07 GMT

/applications/sslimageproxy/interface/image.php?url=http://www.jonathan-menet.fr/blog/wp-content/uploads/2015/01/motion-video-LI-NING-ASTATICA_1.jpg" width="600"/>

Coucou, je vous propose de regarder une vidéo d'une sublime qualité créer par le studio Astatica avec le son de Andrea Damiano.

Aller ne tardons pas et regardez moi ça !

http://vimeo.com/112466757

Alors ?

[Typographie] Glamor

Eloha — Wed, 21 Jan 2015 16:35:45 GMT

Coucou

Je vous partage une typographie qui est vraiment très réussite créé par Hendrick Rolandez. Elle est gratuite.

D'autres images disponible à cette adresse : https://www.behance.net/gallery/Glamor-Chic-Modern-Free-Type-Family/11786021

[tuto] Affer Effects

Indiablex — Tue, 20 Jan 2015 18:23:33 GMT

Bonsoir la communauté !

Ce soir je viens proposer un petit tutoriel pour tous ceux qui débutent (comme moi) dans After Effects !

Ce tutoriel à été fait par un de mes professeurs à l'université et a été concu pour les débutants !

N'hésitez pas à dire en commentaire ce que vous souhaiteriez améliorer, changer, rajouter ...

Ce genre de remarque peut lui servir pour le prochain !

Merci à tous, et bon bidouillage

▼▼▼▼

[Partage] Apprendre à dessiner

Eloha — Fri, 09 Jan 2015 18:29:16 GMT

Bonjour,

Je vous présente là, un gros tutoriel, un gros big tuto pour apprendre a dessiner que je conseille beaucoup ! D'une part car l'auteur est un professeur avec un parcours très intéressant et de l'autre car c'est vraiment complet et très très bien expliqué !

Un tutoriel qui à la fin vous donnera les bases pour dessiner et avec de l’expérience fera de vous un pro !

Au début, le tutoriel vous éclairera au niveau des vos idées, "fausses" pour beaucoup, un petit chapitre "détox" en gros.

N'hésitez pas a parcourir le site de MaxRoyo et regardez ses créations donc !

Petite Info : MaxRoyo recherche un éditeur pour vendre cette leçon au format papier.

[Partage] Comprendre la couleur en 4 partie

Eloha — Sat, 03 Jan 2015 15:53:07 GMT

Bonjour,

Je vous propose de comprendre la couleurs grâce à 1 big tuto divisé en 4 parties que voilà :

Partie 1 : http://tierr.fr/comprendre-la-couleur/
Partie 2 :http://tierr.fr/comprendre-la-couleur-2e-partie/
Partie 3 : http://tierr.fr/comprendre-la-couleur-3e-partie/
Partie 4 : http://tierr.fr/comprendre-la-couleur-4e-partie/

Voilà, c'est juste un partage qui j'espère pourrait être utile pour certains.

Je trouve ça très bien expliqué et complet.

[Partage] Palette, la recherche d'image pas couleurs

Eloha — Wed, 31 Dec 2014 17:49:57 GMT

Bonjour,

Votre site web, créations, ou vous recherchez des images pour votre compositing ? Voici un outil qui saura vous plaire : la recherche d'images pas couleurs.

Vous êtes sûr de trouver la bonne image/illustrations dans la bonne ambiance de couleurs. Plutôt sympa, nan ?

NOTE : Toutes les images trouvés proviennent de la banque d'images de shutterstock, donc pour avoir ces images, il faut payer.

Ressources Material Design

Eloha — Wed, 24 Dec 2014 17:04:33 GMT

Bonjour,

Voici quelque ressources pour le Matérial Design :

Interface UI Matérial Design :

Frameworks/BootStrap :

Icônes :

Services Web :

http://www.materialpalette.com/

Ressources pour apprendre :

https://www.youtube.com/watch?v=wtLJPvx7-ys#t=13m51
http://android-developers.blogspot.fr/2014/10/material-design-on-android-checklist.html
http://www.google.com/design/spec/material-design/introduction.html#introduction-goals
/topic/1350-introduction-le-mat%C3%A9rial-design/?do=embed" data-embedcontent="" frameborder="0" src="//melinyel.net/applications/core/interface/js/spacer.png">

Si vous souhaitez rajouter quelques choses, faites le moi savoir !

[Introduction] Le Matérial Design

Eloha — Wed, 26 Nov 2014 13:30:45 GMT

https://www.youtube.com/watch?v=Q8TXgCzxEnw&feature=player_detailpage

Ce que vous venez de voir là, c'est ce qu'on appelle le Matérial Design, le nouveau langage visuel du moment. Créé par Google et sponsorisé en partie pas son nouveau système d'exploitation, Android Lollipop.

Pour cette introduction, nous verrons les objectifs du Matérial Design ainsi que les principes imposé par Google.

Les objectifs

Tout d'abord, Google continu de développer les principes et les spécifiés du Matérial Design.

Donc, le Matérial Design a pour objectif de synthétiser :

l'innovation visuel
les principes classiques d’une bonne conception
les possibilités technologiques et scientifiques

Google a voulu unifier l'expérience entre les différentes tailles des terminaux (n'oubliez pas que concevoir des applis mult-écrans est très importants) ainsi que les différents périphériques. Le matérial design n'est pas seulement basé sur le visuel mais implique le toucher, la voix, la souris et le clavier comme interactions.

Les Principes

Il y 3 principes du matérial design a connaître.

La métaphore

La métaphore est en faite la rationalisation de l'espace ou d'un système en mouvement dans votre maquette. Cela fait référence au fondamentaux de la lumière, la surface, et le mouvement. Ce sont les clés de la façon dont les objets se déplacent, interagissent, et existent dans l'espace. Vous devez donc introduire de la 3D par l’intermédiaire d'ombre par exemple, votre maquette doit montrer au premier coup d’œil que les données sont hiérarchisé pour montrer qu'elles sontt classés.

Accrocher l'utilisateur

Ce que j'entends par là, c'est que le matérial design doit accrocher le visiteur en misant sur l'échelles des éléments, les couleurs, certaines typographies ou d'autres encore pour immerger l'utilisateur dans votre site et lui donner envie de continuer l'expérience. Pour ça, vous devez faire apparaître les actions de bases qui seront immédiatement visible et guider l'utilisateur grâce à des éléments bien placés.

Des animations simples sans rupture

Pour moi, comme pour vous (normalement du moins), j'aime bien avoir une petite animation lorsque j’interagis avec le site. Cela renforce naturellement l'expérience utilisateur.

Tout éléments ne doit pas sortir de nulle part, vous devez faire en sorte que votre nouvelle page, ou l'élément qui vient se rajouter ne doit pas "surgir" de n'importe où, l'animation doit symboliser d'où vient l'information, elle doit indiqué d'où vient le changement, de quelle direction ? Les animations doivent être aussi faites de sortes qu'il n'y est aucune rupture, il faut une transition fluide pour accéder à des information, par exemple, pour prendre simple, le scroll vers le menu.

Un principe de plus pour immerger l'expérience de l'utilisateur.

Le tout réuni, ça donne ça :

Quelque chose de pas clair ? Je vous propose de revoir les 3 principes en interagissant grâce à ce site : http://material.cmiscm.com/.

Si vous ressortez avec l'idée que le matérial design c'est du Flat design ? Ça veut dire que vous aurez pas tout compris. :/

En gros, le matérial design essaye d'imiter le monde réel alors que le flat design non, pas d'ombre, pas de 3D...c'est plat.

Voilà, la rédaction de cette introduction est terminé, j'espère que ça vous aura plus !

Les gadjets de demain imaginé par les designers

Eloha — Fri, 07 Nov 2014 17:49:50 GMT

Salut !

Je vous laisse découvrir les différentes images des différents projets réalisé pour le concours Electrolux Design Lab 2014.

UrbanCone

Un filtre à air qui purifie l'atmosphère.

/applications/sslimageproxy/interface/image.php?url=http://www.01net.com/images/article/640.926850.jpg" title="" width="640"/>

Pure Towel

Nettoie et sèche en quelques secondes votre serviette.

/applications/sslimageproxy/interface/image.php?url=http://www.01net.com/images/article/640.926675.jpg" title="" width="640"/>

Set to mimic

Grâce à un patch en gel apposé sur son front, l'utilisateur pourrait transformer le goût et l'odeur des plats qu'il ingère. (ça me choc un peu moi ^_^ , mais ça peut être utile.) :

/applications/sslimageproxy/interface/image.php?url=http://www.01net.com/images/article/640.926689.jpg" title="" width="640"/>

Lotus

C'est un appareil qui assure la purification générale de l’air.

/applications/sslimageproxy/interface/image.php?url=http://www.01net.com/images/article/640.926643.jpg" title="" width="640"/>

Pete

La machine capable de faire fondre des bouteilles plastiques, de les transformer en polyester et de les imprimer en 3D sous forme de vêtements. (vive le recyclage ! )

/applications/sslimageproxy/interface/image.php?url=http://electroluxdesignlab.com/2014/wp-content/uploads/sites/3/2014/08/PETE.jpg"/>

Pus d'information par ici : http://electroluxdesignlab.com/2014/

[Shop Gratuit] Quatre bannières que je fais pour vous.

Mimi — Sat, 25 Oct 2014 22:04:20 GMT

Chères Melinyiens, Melinyiennes.

Je ne savais pas trop oû posté pour mon Shop, donc je poste ici. Vue que je ne suis que débutante dans le graphisme, je ne vais pas faire payée, car ce ne sont pas non plus de jolies choses, et comme je comprend que certains ne peuvent pas payer, je fais gratuitement.

~~Sa ne vous empêche pas de me faire un don pour ces horribles bannières.~~

- Bannières pour Femmes. (La galanterie les hommes. )

/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414274636-banniere-femme1.png"/>

/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414274637-banniere-femme2.png"/>

/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414312350-touhou.jpg"/>

- Les Hommes (Et la seulement vous les garçons. )

/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414274637-banniere-homme1.png"/>

/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414274636-banniere-homme2.png"/>

/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414312647-ppyeah.jpg"/>

Voilà, vous aimé une bannière ? Je suis gratuite, commandez désormais votre bannière, prête en deux minutes. Voir même 45 Secondes chrono .

[Concours n°4] L'application Melinyel !

Azad — Wed, 14 May 2014 10:43:29 GMT

Bonjour

Suite à une discussion avec le développeur de l'application Melinyel, nous avons remarqués qu'il nous fallait plus que quelques éléments avant de pouvoir sortir une première version béta de l'application : une image.

Oui, ça peut paraître bête, cependant comme vous le savez tous une application Android a besoin d'un icône.

J'ai donc décidé de vous proposer de participer à la conception de cet icône (personnellement, je ferais un icône également).

L'image doit représenter un M.
Soit rouge, comme ceci :

/public/style_images/6_melinyel.png"/>

Soit un M stylisé, avec les teintes du forum (rouge), il faut également un fond (si possible également avec une nuance de rouge/noir)

Le PSD doit être donné, et l'image doit faire (minimum) 512x512.
La taille de l'image n'est importante en soit, mais le format doit être respecté (et assez grande pour être de qualité)

Les récompenses seront :

5 points de réputations.
Et peut-être une citation dans les crédits de l'application.

Le date finale est le 30 mai, 23h59.

Voyons voir qui participera.
Je posterais mon essai dés que j'ai un peu de temps.

[Concours n°3] Sortie de secours !

Droby — Wed, 23 Apr 2014 20:15:25 GMT

Bonjour

Voici un concours un peu plus gros que les précédents. Aujourd'hui le concours se divisera en trois objectifs.

/applications/sslimageproxy/interface/image.php?url=http://img4.hostingpics.net/pics/19202771ss.png"/>

Introduction : Regardez ce panneau sortie de secours ici et imaginez un jeu fait a partir de cette image.

C'est sur ce projet que le concours portera. Le jeu que je code avec un collègue est un runner qui raconte l'histoire du stick man blanc que l'on voit sur l'image qui se retrouve séparé de sa porte et doit donc courir pour la retrouver avant que son monde soit détruit par un méchant stick man des flamme.

Le jeu sera en 2D vu de coté avec un fond statique.

Voici les trois objectifs :

Objectif 1 : Réaliser l'animation de déplacement du stick man blanc (sprite ).

Objectif 2 : Réaliser une petite introduction de lancement. Voir consigne introduction

Objectif 3 : Simuler le déplacement du personnage sur une map.

Consigne pour l'objectif 3

L'introduction sera diviser en quatre scènes.
Rappelle
Scène 1 : La camera se rapproche du panneau sortie de secours

Scène 2 : Le panneau sortie de secours se fissure et se casse en deux. Le stick man est alors séparé de la porte

Scène 3 : Scène montrant un stick man orange (le méchant )

Scène 4 : Notre stick cours pendant quelques seconde avec un fond dynamique
A savoir : Dans cette introduction je raconterai avec une piste audio, l'histoire du héro qui se retrouve séparé de la porte alors qu'il allait l'atteindre et qui doit courir pour la retrouver avant qu'un méchant stick man des flammes vienne ravager son monde.
Phrase que j'utiliserai :
"tu étais si près du but"!" scène 1 à 2
"il te faudra retrouver le sortie de secours avant que ce monde soit submergé par les flammes" scène 4
ps : la dernière image de l'introduction pourra se freez pour intégrer le menu (jouer/credis/option)

Si vous avez des idées ou envie de faire autrement vous avez carte blanche si toutefois on ne sort pas du thème.

N'hésitez pas à me contacter si vous avez des idées/suggestions.

Récompense: Pour chaque objectif vous gagnerez 5 points de réputation et vous ferez officiellement partie de mon équipe de développement, avec la possibilité après le lancement de la V0.1 , de travailler sur la mise en place/choix des niveaux (level designer).

Une fois les premières versions du jeu finalisées, il sera disponible en exclusivité sur Melinyel.

Fin du concours : 20 Mai 2014

[Concours n°2] Tétris !

Azad — Sat, 19 Apr 2014 17:31:33 GMT

Bonjour,

Le dernier concours graphique avait été très satisfaisant, tant par vos participation que par le résultat final.

Aujourd'hui, le concours sera un peu différent car ça ne sera pas une bannière ou un logo, mais plutôt un background !
En effet, un melinyen (Tiphedor) m'a contacté, et il code actuellement un jeu tétris, mais il aimerait avoir un grid pour ça. Alors un grid, qu'est-ce que c'est ?
Et bien le grid en question c'est juste ça :

C'est tout simplement la partie droite de l'écran tétris !
En gros, faites un grid de Tétris (ce qui est juste au dessus) avec :

Un écran pour les scores
Un carrés pour afficher la prochaine pièce.
Les dimensions doivent être 160 (largeur) x 320 (hauteur) !

Cette fois, le concours n'est pas difficile, et sera récompensé par 5 points de réputation.

Fin du concours : dimanche 27/04/2014 à 23h59.

Let's do this !

[Concours n°1] Bannière Melinyel

Azad — Thu, 20 Mar 2014 15:51:47 GMT

Bonjour, voici le premier concours graphique lancé par Melinyel.

Sujet : Faire une bannière en se basant sur le thème de Melinyel (celle-ci ne sera pas forcément utilisée pour le forum).
- Le fond doit être transparent
- La bannière doit-être cohérente avec le thème du forum.
- Le texte doit être "Melinyel" et, si vous le souhaitez, autre chose de votre choix.
- Le PSD doit être fourni.
Récompense : 10 points de réputation.
Date limite : 1 Avril 23h59.

A vos logiciels graphiques !