Skip to content

Graphisme

60 Topics 582 Posts

<p><i>« La qualité de n’importe quel projet créatif se mesure selon les goûts de la personne responsable ».</i></p><p></p><p>

  • John Gruber</p>

This category can be followed from the open social web via the handle [email protected]

Subcategories


  • 16 89
    16 Topics
    89 Posts
    AnaeriaA
    <p>Je vais faire une série de tutoriaux sur le logiciel de modélisation 3d Studio Max d’Autodesk.</p><p>Je l’utilise dans la version 2013, les versions supérieures n’ont rien de très différentes pour ce qui est des bases.</p><p> </p><p>Chaque tutoriel sera accompagné d'une vidéo qui l'illustrera.</p><p> </p><p>Autre précision, mon interface est en anglais, ce qui est beaucoup plus pratique pour échanger avec d’autres infographistes du monde.</p><p>Donc, les indications que je donnerai sur les menus seront en anglais. Pour ceux qui ne maitriserait pas la langue de Shakespeare, votre ami Google ne doit pas être très loin et pourra vous orienter quand la capture d’écran ne suffira pas.</p><p> </p><p>Tout au long de ses quelques tutoriaux, nous allons aborder un certain nombre notions fondamentales de la modélisation 3D, pour s’y retrouver en début de chaque tutoriel, les notions abordées seront rappelées.</p><p> </p><p><span style="font-size:18px;">Notions abordées : <strong>interface logiciel, modélisation polygonale, matériau, texture, rendu, éclairage</strong></span></p><p><span style="font-size:18px;">Durée : <strong>15 minutes</strong></span></p><p><span style="font-size:18px;">Temps de rendu (approximatif) : <strong>20 secondes</strong></span></p><p><span style="font-size:18px;">Vidéo : <a href="https://www.youtube.com/watch?v=R3oF8ornnww" rel="external nofollow">https://www.youtube.com/watch?v=R3oF8ornnww</a></span></p><p> </p><p>https://www.youtube.com/watch?v=R3oF8ornnww</p><p></p><p><strong><span style="font-size:24px;">Préparer et configurer 3D Studio Max</span></strong></p><p>Commençons par prendre en main le logiciel et le configurer.</p><p> </p><p>Dans le menu <strong>Customize</strong>, choisissez « <strong>Units Setup</strong> ». C’est outil vous permettra de définir les unités de travail de la modélisation. Il est important lorsque l’on travaille sur plusieurs fichiers et d’autant plus en équipe de définir une unité et de la conserver.</p><p> </p><p>Dans l’encart <strong>Dispay Unit Scale</strong>, cocher <strong>Metric</strong> et choisissez <strong>Centimeters</strong>. Désormais, toutes les dimensions seront affichées en centimètres.</p><p> </p><p>Une dernière petite chose pour terminer la préparation, afficher les quatre vues de modélisation.</p><p>Pour cela, observez en bas à gauche de la vue principale. A gauche du curseur d’animation, il y a une petite flèche qui déploie un sélecteur de disposition des vues. De préférence, choisissez celle qui propose les 4 vues homogènes.</p><p> </p><p>Voilà, tout est prêt !</p><p></p><p><strong><span style="font-size:24px;">Les outils de base</span></strong></p><p>Nous allons maintenant voir comment utiliser un ensemble de fonctionnalités de base. Se repérer dans les menus, outils et options demande de comprendre comment sont organisées les différentes zones du logiciel.</p><p> </p><p><a class="attach-link" href="/assets/uploads/ips/monthly_08_2014/post-63-0-84713700-1409249782.jpg"><img alt="post-63-0-84713700-1409249782_thumb.jpg" src="/assets/uploads/ips/monthly_08_2014/post-63-0-84713700-1409249782_thumb.jpg" width="100"/></a></p><p></p><p><strong><span style="font-size:18px;">Naviguer dans les vues</span></strong></p><p>La navigation se contrôle depuis la zone base.</p><p> </p><p>En bas des vues, se trouve la barre d’animation. Elle permet de lire et sélectionner une fenêtre précise de l’animation en cours.</p><p> </p><p>En dessous, se situe une large zone d’information comportant deux champs. Le premier donne des informations sur la sélection en cours, l’autre indique quel est l’outil de manipulation actuellement activé.</p><p> </p><p>A droite du premier champ se trouve trois autres champs (X, Y et Z). Ces champs sont importants, ils vont servir à lire et éditer précisément les dimensions et les positions des objets.</p><p> </p><p>Encore à droite se trouve les outils de contrôle de l’animation. Ces outils ne seront pas abordés ici.</p><p> </p><p>Enfin, complètement à droite, les 8 derniers boutons servent à naviguer dans les vues de modélisation. Les 4 du haut servent à contrôler le zoom et le focus des vues, ceux du bas contrôlent l’orientation et la position de la vue.</p><p> </p><p>Dans les faits, le zoom peut se contrôler avec la molette et la position avec un clic molette maintenu. Pour l’orientation, chaque vue dispose d’un sélecteur en haut à droite.</p><p> </p><p>De manière générale, un clic droit désélectionne l’outil en cours d’utilisation. Cette règle est valable pour tous les outils du logiciel (lors qu’aucun outil n’est actif le clic droit affiche un menu d’option).</p><p></p><p><strong><span style="font-size:18px;">Le menu d’édition</span></strong></p><p>A droite des vues de modélisation se trouve un ensemble d’onglets permettant respectivement de créer, modifier, hiérarchiser et animer les objets. Chacun de ces onglets à son fonctionnement propre.</p><p> </p><p>Dans les premiers cours, nous allons nous contenter d’utiliser les onglets de création et de modification.</p><p> </p><p><strong><span style="font-size:18px;">La barre d’action</span></strong></p><p>Au-dessus des vues de modélisation se trouve la barre d’action. Elle contient tous les outils généraux permettant d’agir sur les objets : sélection, position, rotation, liaisons, … Également, cette barre contient des accès aux différents éditeurs, dont l’éditeur de matériaux, ainsi qu’un accès au rendu.</p><p> </p><p>Les principales actions à retenir pour l’instant sont : la sélection, le déplacement, la rotation, l’échelle. Ensuite, l’accès à l’éditeur de matériaux et les paramètres de rendu.</p><p> </p><p><strong><span style="font-size:24px;">Préparer une scène</span></strong></p><p> </p><p>Nous allons commencer par préparer la scène.</p><p> </p><p>Dans l’onglet <strong>Create</strong>, sélectionnez <strong>Geometry</strong>, puis <strong>Standard primitives</strong> dans le menu sélection juste en dessous. Dans <strong>Object type</strong> choisissez <strong>Plane</strong>.</p><p>Nous allons pouvoir dessiner un plan. Dans la vue de dessus (titrée <strong>Top</strong>), tracer un plan. Dans la partie Création de droite, vous pouvez voir dans la section <strong>Parameters</strong> que les valeurs ont été affectées pour l’objet en cours de sélection.</p><p> </p><p>Donnez une longueur et une largeur de <strong><em>200cm</em></strong> au plan (<strong>Width</strong> & <strong>Height</strong>). Puis, changer le nombre de segments à <em><strong>1</strong></em> dans les deux dimensions.</p><p> </p><p>Sélectionnez l’outil de déplacement dans la barre d’action. Vous pouvez alors voir la position du plan dans la zone d’information en bas dans les champs X, Y et Z.</p><p> </p><p>Nous allons nous assurer que le plan est centré sur la scène et donc positionnez le plan en <em><strong>0, 0, 0</strong></em> directement en éditant les valeurs.</p><p> </p><p>Sélectionnez la vue en perspective et appuyer sur <strong>F4</strong>. Cela va changer le mode de rendu de la vue, elle passera en mode « <strong>Shaded + Edged Faces</strong> ». Cela va nous permettre de voir le contour des faces des objets dans cette vue.</p><p> </p><p>Dans le menu <strong>Randering</strong>, sélectionnez<strong> Render Setup</strong>, ou ouvrez directement <strong>Render Setup</strong> à partir de la barre d’action.</p><p> </p><p>Dans l’onglet <strong>Common</strong>, puis dans l’encart<strong> Output Size</strong> changer la valeur <strong>Custom</strong> pour <strong>HDTV (vidéo)</strong>. Enfin, sélectionnez une des 4 tailles de droite en fonction des performances de votre machine. Cela va définir la taille de l’image finale du rendu.</p><p> </p><p>Tout en bas de la fenêtre du <strong>Render Setup</strong>, trouvez le paramètre <strong>View</strong> et sélectionnez <strong>Quad 4 – Perspective</strong> et activez le cadenas à côté. Ainsi, le rendu se fera toujours sur la vue en perspective, peu importe la vue active.</p><p> </p><p>Fermez la fenêtre de configuration du rendu et retournez sur la vue en perspective.</p><p> </p><p>Cliquez sur <strong>[Perspective]</strong> pour ouvrir un menu d’options. Activez <strong>Show Safe Frames</strong>. Votre vue en perspective s’est adapté à la configuration du rendu.</p><p> </p><p>Voilà, nous avons fini de tout préparer, nous pouvons commencer à modéliser.</p><p> </p><p><strong><span style="font-size:24px;">La modélisation polygonale : un verre</span></strong></p><p> </p><p>Sélectionnez la vue de dessus (<strong>Top</strong>).</p><p>Créez un cylindre avec les propriétés suivantes :</p><p><strong>Radius :<em> 5cm</em></strong></p><p><strong>Height : <em>15cm</em></strong></p><p><strong>Height segments :<em> 1</em></strong></p><p><strong>Cap segments :<em> 3</em></strong></p><p><strong>Sides : <em>32</em></strong></p><p>Positionnez-le en <em><strong>0,0,0</strong></em></p><p> </p><p>Appliquez le modificateur <strong>Editer Poly</strong></p><p>Activer la vue par vertex</p><p> </p><p>Pour pouvoir sélectionner confortablement :</p><ul><li>Faîtes un cadre autour de la zone à sélectionner</li><li>Utilisez Ctrl + cadre pour ajouter des éléments à votre sélection</li><li>Utilisez Alt + cadre pour retirer des éléments</li></ul>Sélectionnez les vertex au centre du haut du verre, puis les baisser pour crée un trou<p> </p><p>Utilisez l’outil de mise à l’échelle pour crée une épaisseur de verre plus fine</p><p> </p><p>Sélectionnez le second cercle de vertex et créer une épaisseur fine</p><p> </p><p>Resserrez la base</p><p> </p><p><strong><span style="font-size:24px;">Textures et matériaux : le damier et le verre</span></strong></p><p> </p><p>Ouvrez l’éditeur de matériaux</p><p> </p><p>Dans la section de gauche <strong>Materials</strong>, ouvrez <strong>Standard</strong>, puis double cliquez sur <strong>Standard</strong>. Un matériau est ajouté à l’éditeur.</p><p> </p><p>Dans l’éditeur, sélectionnez le matériau (double clic). Dans le panneau de droite, ouvrez <strong>Maps</strong> et cliquez sur le <strong>None</strong> à côté de <strong>Diffuse color</strong>. Ouvrez <strong>Maps</strong>, puis <strong>Standard</strong> et sélectionnez</p><p><strong>Checker</strong> (double clic).</p><p> </p><p>Petit plus, en sélectionnant le <strong>Ckecker</strong> dans l’éditeur vous pouvez éditer ses couleurs dans le panneau de droite.</p><p> </p><p>Vérifiez que le plan est bien sélectionné dans la vue 3D et appliquer le matériau.</p><p> </p><p>Toujours sur le plan, ajouter un modificateur <strong>UVW Map</strong></p><p> </p><p>Dans <strong>Parameters</strong>, section <strong>Mapping</strong>, cochez <strong>Planar</strong>.</p><p><strong>Length</strong> et <strong>width</strong> à <em><strong>20cm</strong></em>.</p><p><strong>U Tile</strong>, <strong>V Tile</strong> et <strong>W Tile</strong> à <strong><em>50</em>.</strong></p><p>Et décochez <strong>Real-World Map Size</strong></p><p> </p><p>Retournez dans l’éditeur de matériaux, dans le panneau de gauche, ouvrez <strong>Materials</strong>, puis <strong>Mental Ray</strong> et ajouter <strong>Arch & Design</strong>.</p><p>Sélectionnez-le et dans la section <strong>Template</strong>, choisissez <strong>Glass (physical)</strong></p><p>Appliquez le matériau, sur le verre.</p><p> </p><p>Nous pouvons faire un rendu de test pour vérifier que tout se passe bien.</p><p> </p><p><strong><span style="font-size:24px;">Rendu et environnement</span></strong></p><p> </p><p>Pour terminer en beauté, nous allons rajouter une lumière à la scène.</p><p> </p><p>Dans <strong>Create</strong>, sélectionnez <strong>Light</strong>, et choisissez <strong>Standard</strong>. Enfin ajouter une lumière <strong>Target Spot</strong>.</p><p> </p><p>Placer la lumière de manière à ce qu’elle éclaire le verre (ou tout autre effet que vous voulez réaliser).</p><p> </p><p>Avant le rendu final, nous allons encore configurer le <strong>Renderer</strong>.</p><p> </p><p>Dans l’onglet <strong>Indirect Illumination</strong>, section <strong>Final Gather</strong>, activez <strong>Enable Final Gather</strong>. Puis, mettez <strong>Diffuse Bounces</strong> à <em><strong>1</strong></em>.</p><p> </p><p>Et voilà, rendu final !</p><p> </p><p><a class="attach-link" href="/assets/uploads/ips/monthly_08_2014/post-63-0-92961900-1409249784.jpg"><img alt="post-63-0-92961900-1409249784_thumb.jpg" src="/assets/uploads/ips/monthly_08_2014/post-63-0-92961900-1409249784_thumb.jpg" width="100"/></a></p>
  • 14 Topics
    224 Posts
    KyubeyK
    <p>Salut,</p><p>en fait en naviguant sur le forum j'ai pu constater le fait qu'il y avait bel & bien une catégorie graphisme (bien qu'elle soit vachement bien cachée) donc je vous donne l'occasion de vous proposer mes dessins, je n'ai pas un niveau exceptionnelle (voir je ne sais même pas si on peut dire que j'ai un niveau) mais je suis débutant & je dessine à des intervalles totalement irréguliers & aléatoire, je vais donc vous partager mes dessins par ordre chronologique (du tout premier que j'ai fait dans ma vie jusqu'à actuellement) :</p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;">On commence par mon <strong>tout premier dessin fait dans ma vie (</strong>oui oui MA VIE, enfin après si on compte le collège évidemment que j'ai dessiné mais ce n'était pas par souhait de le faire c'est que j'étais obligé quoi donc on va dire que ça ne compte pas :lol:  ) :<img alt="czaGI3e.png" src="https://i.imgur.com/czaGI3e.png" style="margin:auto;vertical-align:top;padding:10px 0px;float:none;"/><br style="margin:0px;"/> <br style="margin:0px;"/>(J'ai censuré une partie du message car il contenait mon nom de famille)<br style="margin:0px;"/>Traduction du texte pour les curieux :<br style="margin:0px;"/>Arekkusu [censored]<br style="margin:0px;"/>(Alex [censuré] )<br style="margin:0px;"/> <br style="margin:0px;"/>Saisho no byōga<br style="margin:0px;"/>(Premier dessin)</p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"> </p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><strong>Second dessin</strong> :</p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><img alt="FjazFe6.png" src="https://i.imgur.com/FjazFe6.png" style="margin:auto;vertical-align:top;padding:10px 0px;float:none;"/></p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;">(il est détruit par la qualité de ma caméra et la lumière mais bon )</p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"> </p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><strong>Troisième dessin</strong> :</p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><img alt="JfFUvKT.png" src="https://i.imgur.com/JfFUvKT.png" style="margin:auto;vertical-align:top;padding:10px 0px;float:none;"/></p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"> </p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"> </p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><strong>Quatrième dessin</strong> :</p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><img alt="gwf7v5k.png" src="https://i.imgur.com/gwf7v5k.png" style="margin:auto;vertical-align:top;padding:10px 0px;float:none;"/></p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"> </p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><strong>Cinquième dessin</strong> (ici était la première fois que je faisais des dessins avec ma tablette graphique je ne savais pas quel logiciel utiliser donc je sais que ce dessin est un peu dégueulasse mais bon je n'ai pas encore trouvé les bons outils :') ):</p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><img alt="NMZAyDw.png" src="https://i.imgur.com/NMZAyDw.png" style="margin:auto;vertical-align:top;padding:10px 0px;float:none;"/></p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><strong>Sixième dessin </strong>(Premier test de adobe illustrator (dessin vectoriel) j'ai bien galéré & finalement j'ai arrêté le dessin vectoriel):</p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><img alt="yuuki" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img15.hostingpics.net/pics/172351yuuki.png" style="margin:auto;vertical-align:top;padding:10px 0px;float:none;"/></p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"> </p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><strong>Septième dessin</strong> (fait avec gimp, gimp est peut-être le meilleur logiciel de dessin que j'ai vu, je peux faire "mon gribouillage" (dessin en forme de schéma pour les chipoteurs) en toute tranquillité, enfin au jour d'aujourd'hui j'utilise gimp pour l'étape schématique de mes dessins) :</p><p style="margin:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><img alt="hMDDsZj.png" src="https://i.imgur.com/hMDDsZj.png" style="margin:auto;vertical-align:top;padding:10px 0px;float:none;"/><strong>Version colorisée</strong>(j'ai utilisé paint tool sai pour vectoriser tout cela & ainsi le coloriser, c'était la première fois que je coloriais sur mon ordinateur) :</p><p style="margin-top:0px;margin-right:0px;margin-left:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"><img alt="WxxvDFA.png" src="https://i.imgur.com/WxxvDFA.png" style="margin:auto;vertical-align:top;padding:10px 0px;float:none;"/></p><p style="margin-top:0px;margin-right:0px;margin-left:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;"> </p><p style="margin-top:0px;margin-right:0px;margin-left:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;">Voilà, et depuis je n'ai plus dessiné (ça doit faire un mois) mais je compte bientôt en refaire il faut juste que je trouve l'inspiration.</p><p style="margin-top:0px;margin-right:0px;margin-left:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;">J'aimerai bien avoir vos avis vis-à-vis de mes dessins & mon évolution dans le monde du dessin.</p><p style="margin-top:0px;margin-right:0px;margin-left:0px;color:rgb(78,78,78);font-family:Lato, sans-serif;font-size:medium;line-height:22.3999996185303px;">Merci à vous  </p><p> </p>
  • 11 Topics
    119 Posts
    R
    <p>Bonjour les Melinyens ! </p> <p> </p> <p>Je m'adresse a vous car j'ai besoin de talents...  </p> <p> </p> <p>J'aurais besoin d'une bannière dans ce genre-ci: </p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_11_2014/post-253-0-42370400-1417284568.png"><img alt="post-253-0-42370400-1417284568_thumb.png" src="/assets/uploads/ips/monthly_11_2014/post-253-0-42370400-1417284568_thumb.png" width="100"/></a></p> <p> </p> <p>Avec écris dessus: NyCream</p> <p>dans les tons bleu. </p> <p> </p> <p>Merci d'avance !  </p>
  • 2 6
    2 Topics
    6 Posts
    E
    <p>Bonjour, vous voulez savoir comment se déroule les étape d'un graphiste pour l'élaboration d'un logo ou d'un interface graphique ? Voilà une infographie qui vous expliques ces différents étapes :</p> <p></p><p><img alt="methodologie-travail-graphiste_1.jpg" height="1181" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://www.jonathan-menet.fr/blog/wp-content/uploads/2015/01/methodologie-travail-graphiste_1.jpg" width="600"/></p> <p> </p> <p>Et un diaporama en bonus que je vous laisse découvrir :</p> <p> </p> <p><a href="http://www.slideshare.net/IrynaNezhynska/designers-guide-tostartupweekend" rel="external nofollow">http://www.slideshare.net/IrynaNezhynska/designers-guide-tostartupweekend</a></p> <p> </p> <p>Un grand merci à <a href="https://www.behance.net/eirena" rel="external nofollow">Iryna Nezhynska</a> pour ses réalisations !</p> <p> </p>
  • [Débutant] Commencer Photoshop

    2
    0 Votes
    2 Posts
    3k Views
    S
    <p> Yo, </p> <p>   </p> <p> Je viens de commencer Photoshop, j'ai lu la première partie du tutoriel sur OpenClasseroom. </p> <p> Mais je voudrais savoir si vous aviez d'autres bons tutoriels pour bien commencer et apprendre des trucs sur Photoshop ! </p>
  • [Terminé - Concours n°5] Favicon Melinyel

    Locked
    7
    0 Votes
    7 Posts
    7k Views
    SoulalexS
    <p>Bonjour,</p><p> </p><p>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 <strong>respectant la nouvelle charte graphique de Melinyel</strong>. Les deux nuances de rouge utilisées sur Melinyel sont :<strong> #9C3030 et #7D2524</strong></p><p>Ce favicon devra représenter le "M" de Melinyel comme le précédent.</p><p><a class="attach-link" href="/assets/uploads/ips/monthly_2015_10/6_melinyel.png.a18a8a44cc0d5b517e8cbca7558606fb.png"><img alt="6_melinyel.thumb.png.42e9bc7a1869eebdf28" class="ipsImage ipsImage_thumbnailed" src="/assets/uploads/ips/monthly_2015_10/6_melinyel.thumb.png.42e9bc7a1869eebdf28e50d19a3dc607.png" width="77"/></a></p><p> </p><p><strong>Ce concours prendra fin le 01/11/2015 à 23h59.</strong></p><p> </p><p><span style="font-size:18px;">Bonne chance à tous </span></p><p></p><hr/><p><strong>Les créations :</strong></p><p> </p><p>Par Akimace :</p><p><img alt="axbGQ92.png" class="ipsImage" src="https://i.imgur.com/axbGQ92.png"/></p><p> </p><p><em>Par Soulalex :</em></p><p><img alt="580626Favicon1.png" class="ipsImage" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/580626Favicon1.png"/><img alt="729736Favicon2.png" class="ipsImage" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/729736Favicon2.png"/>  <img alt="512498Favicon3.png" class="ipsImage" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/512498Favicon3.png"/><img alt="996081Favicon4.png" class="ipsImage" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img11.hostingpics.net/pics/996081Favicon4.png"/></p>
  • [Partage] Apprendre à dessiner

    7
    0 Votes
    7 Posts
    8k Views
    E
    <p>Bonjour,</p> <p> </p> <p>Je vous présente là, <a href="http://maxroyo.com/apprendre-a-dessiner/" rel="external nofollow">un gros tutoriel</a>, un gros big tuto pour <strong>apprendre a dessiner</strong> 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é !</p> <p>Un tutoriel qui à la fin vous donnera les bases pour dessiner et avec de l’expérience fera de vous un pro ! </p> <p>Au début, le tutoriel vous éclairera au niveau des vos idées, "fausses" pour beaucoup, un petit chapitre "détox" en gros. </p> <p> </p> <p>N'hésitez pas a parcourir le site de <a href="http://maxroyo.com/" rel="external nofollow">MaxRoyo</a> et regardez ses créations donc ! </p> <p> </p> <p>Petite Info : MaxRoyo recherche un éditeur pour vendre cette leçon au format papier.</p>
  • [Partage] Palette, la recherche d'image pas couleurs

    8
    0 Votes
    8 Posts
    3k Views
    E
    <p>Bonjour,</p> <p style="text-align:center;"> </p> <p>Votre site web, créations, ou vous recherchez des images pour votre compositing ? Voici un outil qui saura vous plaire :<a href="http://www.shutterstock.com/labs/palette/?image_type=photo&amp;keyword=&amp;pl=trucsetastuces-fruocw&amp;cr=pb" rel="external nofollow"> </a><a href="http://www.shutterstock.com/labs/spectrum/?q=forest&amp;hue=3&amp;sort_method=balanced" rel="external nofollow">la recherche d'images pas couleurs</a>.</p> <p>Vous êtes sûr de trouver la bonne image/illustrations dans la bonne ambiance de couleurs. Plutôt sympa, nan ?</p> <p> </p> <p>NOTE : Toutes les images trouvés proviennent de la banque d'images de shutterstock, donc pour avoir ces images, il faut payer.</p>
  • [Partage]La meilleur tête de mort de la planète

    4
    0 Votes
    4 Posts
    3k Views
    E
    <p>Bonjour !</p> <p> </p> <p>Aujourd’hui, l'image du jour c'est...</p> <p> </p> <p style="text-align:center;"><img alt="1422775962_Virus%20Final_V2_Snapseed_200" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://www.3dartistonline.com/users/4578/thm1024/1422775962_Virus Final_V2_Snapseed_2000.jpg"/></p> <p> </p> <p>...chez <a href="https://twitter.com/3DArtist" rel="external nofollow">@3DArtist</a>.</p> <p>Elle gère, n'est-ce pas ? </p>
  • [Motion Design] LI-NING x ASTATICA

    1
    0 Votes
    1 Posts
    1k Views
    E
    <p><img alt="motion-video-LI-NING-ASTATICA_1.jpg" height="347" src="<base_url>/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"/></p> <p></p><p>Coucou, je vous propose de regarder une vidéo d'une sublime qualité créer par le studio <a href="http://www.astatica.com/" rel="external nofollow">Astatica</a> avec le son de<a href="http://www.andreadamiano.tv/NISSAN-INFINITI-Instinct" rel="external nofollow"> Andrea Damiano.</a></p> <p>Aller ne tardons pas et regardez moi ça !</p> <p> </p> <p style="text-align:center;">http://vimeo.com/112466757</p> <p style="text-align:center;"> </p> <p>Alors ? </p>
  • [tuto] Affer Effects

    5
    0 Votes
    5 Posts
    2k Views
    I
    <p style="text-align:center;">Bonsoir la communauté !</p> <p style="text-align:center;"> </p> <p style="text-align:center;">Ce soir je viens proposer un petit tutoriel pour tous ceux qui débutent (comme moi) dans After Effects !</p> <p style="text-align:center;">Ce tutoriel à été fait par un de mes professeurs à l'université et a été concu pour les débutants !</p> <p style="text-align:center;"> </p> <p style="text-align:center;">N'hésitez pas à dire en commentaire ce que vous souhaiteriez améliorer, changer, rajouter ...</p> <p style="text-align:center;">Ce genre de remarque peut lui servir pour le prochain !</p> <p style="text-align:center;"> </p> <p style="text-align:center;">Merci à tous, et bon bidouillage </p> <p style="text-align:center;"> </p> <p style="text-align:center;">▼▼▼▼</p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p><div class="ipsEmbeddedVideo" contenteditable="false"><div><iframe allowfullscreen="true" data-embed-src="https://www.youtube.com/embed/wFHF6kWuoz4?feature=oembed" frameborder="0" height="344" src="//melinyel.net/applications/core/interface/js/spacer.png" width="459"></iframe></div></div>
  • [Typographie] Glamor

    3
    0 Votes
    3 Posts
    2k Views
    E
    <p style="text-align:center;"><img alt="dribbble_cover_glamor_1x.png" src="https://d13yacurqjgara.cloudfront.net/users/153616/screenshots/1290571/dribbble_cover_glamor_1x.png"/></p> <p>Coucou </p> <p>Je vous partage une typographie qui est vraiment très réussite créé par Hendrick Rolandez. Elle est gratuite.</p> <p><img alt="5a6c8e97019f7d4c527a92b92aec16f4.png" height="600" src="https://m1.behance.net/rendition/modules/84895059/disp/5a6c8e97019f7d4c527a92b92aec16f4.png" width="600"/></p> <p><img alt="78dca3f9aa31962c3fa0c8e3b5955a1d.png" height="600" src="https://m1.behance.net/rendition/modules/84895061/disp/78dca3f9aa31962c3fa0c8e3b5955a1d.png" width="600"/></p> <p> </p> <p><img alt="df437b707f4b2cd77e17ed5fcc9a1447.png" height="600" src="https://m1.behance.net/rendition/modules/84896741/disp/df437b707f4b2cd77e17ed5fcc9a1447.png" width="600"/></p> <p> </p> <p><img alt="50038b53e6f29b38044994143a8e4407.png" height="600" src="https://m1.behance.net/rendition/modules/84902045/disp/50038b53e6f29b38044994143a8e4407.png" width="600"/></p> <p><img alt="2be182615bca514807c9994697bea937.png" height="794" src="https://m1.behance.net/rendition/modules/84908001/disp/2be182615bca514807c9994697bea937.png" width="600"/></p> <p><img alt="1ea1a086290e19367fc1992a1064116e.png" height="805" src="https://m1.behance.net/rendition/modules/84910813/disp/1ea1a086290e19367fc1992a1064116e.png" width="600"/></p> <p><img alt="3757bc5605dd7ed3be14192e81b6c745.png" height="707" src="https://m1.behance.net/rendition/modules/84911773/disp/3757bc5605dd7ed3be14192e81b6c745.png" width="600"/></p> <p> </p> <p>D'autres images disponible à cette adresse : <a href="https://www.behance.net/gallery/Glamor-Chic-Modern-Free-Type-Family/11786021" rel="external nofollow">https://www.behance.net/gallery/Glamor-Chic-Modern-Free-Type-Family/11786021</a></p>
  • [Partage] Comprendre la couleur en 4 partie

    2
    0 Votes
    2 Posts
    2k Views
    E
    <p>Bonjour,</p> <p> </p> <p>Je vous propose de comprendre la couleurs grâce à 1 big tuto divisé en 4 parties que voilà :</p> <p> </p> <ul><li>Partie 1 : <a href="http://tierr.fr/comprendre-la-couleur/" rel="external nofollow">http://tierr.fr/comprendre-la-couleur/</a> </li><li>Partie 2 :<a href="http://tierr.fr/comprendre-la-couleur-2e-partie/" rel="external nofollow">http://tierr.fr/comprendre-la-couleur-2e-partie/</a></li> <li>Partie 3 : <a href="http://tierr.fr/comprendre-la-couleur-3e-partie/" rel="external nofollow">http://tierr.fr/comprendre-la-couleur-3e-partie/</a></li> <li>Partie 4 : <a href="http://tierr.fr/comprendre-la-couleur-4e-partie/" rel="external nofollow">http://tierr.fr/comprendre-la-couleur-4e-partie/</a></li> </ul><p>Voilà, c'est juste un partage qui j'espère pourrait être utile pour certains. </p> <p>Je trouve ça très bien expliqué et complet. </p>
  • [Introduction] Le Matérial Design

    7
    0 Votes
    7 Posts
    5k Views
    E
    <p style="text-align:center;">https://www.youtube.com/watch?v=Q8TXgCzxEnw&amp;feature=player_detailpage</p> <p></p><p>Ce que vous venez de voir là, c'est ce qu'on appelle le<b> Matérial Design</b>, le nouveau langage visuel du moment. Créé par <b>Google</b> et sponsorisé en partie pas son nouveau système d'exploitation, Android Lollipop.</p> <p> </p> <p>Pour cette introduction, nous verrons les objectifs du <b>Matérial Design</b> ainsi que les <b>principes</b> imposé par <b>Google</b>.</p> <p> </p> <p>Les objectifs</p> <p> </p> <p>Tout d'abord, Google continu de développer les principes et les spécifiés du Matérial Design.</p> <p>Donc, le Matérial Design a pour objectif de synthétiser :</p> <ul><li> <p>l'innovation visuel</p> </li><li> <p>les principes classiques d’une bonne conception</p> </li> <li> <p>les possibilités technologiques et scientifiques</p> </li> </ul><p><b>Google</b> 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 <b>matérial design</b> n'est pas seulement basé sur le visuel mais implique le toucher, la voix, la souris et le clavier comme interactions.</p> <p> </p> <p>Les Principes</p> <p> </p> <p>Il y 3 principes du <b>matérial design</b> a connaître.</p> <p> </p> <p style="text-align:center;"> </p> <p> </p> <p><img alt="a6quXLO.png?1" src="https://i.imgur.com/a6quXLO.png?1"/></p> <p></p><p><span style="font-size:18px;"><b>La métaphore </b></span></p> <p> </p> <p><span style="font-weight:normal;">La métaphore est en faite </span><span style="font-weight:normal;">la </span><b>rationalisation de l'espace ou d'un système en mouvement dans votre maquette</b><span style="font-weight:normal;">. </span><span style="font-weight:normal;">Cela fait référence au </span>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<strong> hiérarchisé </strong>pour montrer qu'elles sontt <strong>classés</strong>.</p> <p></p><p><img alt="PpENW6v.png?1" src="https://i.imgur.com/PpENW6v.png?1"/></p> <p> </p> <p style="text-align:right;"><br/>  </p> <p><strong><span style="font-size:18px;">Accrocher l'utilisateur</span></strong></p> <p style="text-align:right;"><br/>  </p> <p>Ce que j'entends par là, c'est que le <b>matérial design </b>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. </p> <p> </p> <p><img alt="OLOnGCX.png?1" src="https://i.imgur.com/OLOnGCX.png?1"/>  <img alt="ZZy2FMC.png?1" src="https://i.imgur.com/ZZy2FMC.png?1"/></p> <p></p><p><span style="font-size:18px;"><strong>Des animations simples sans rupture</strong></span></p> <p></p><p style="font-weight:normal;"><em><span>Pour moi, comme pour vous (normalement du moins), j'aime bien avoir une petite animation lorsque j’interagis a</span><span>vec le site. Cela renforce naturellement l'expérience utilisateur.</span></em></p> <p style="font-weight:normal;"> </p> <p style="font-weight:normal;">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.</p> <p style="font-weight:normal;">Un principe de plus pour immerger l'expérience de l'utilisateur.</p> <p style="font-weight:normal;"> </p> <p style="font-weight:normal;">Le tout réuni, ça donne ça :</p> <p style="font-weight:normal;"> </p> <p style="font-weight:normal;text-align:center;"><img alt="task.gif" src="https://d13yacurqjgara.cloudfront.net/users/30252/screenshots/1864125/task.gif"/></p> <p style="font-weight:normal;"> </p> <p style="font-weight:normal;">Quelque chose de pas clair ? Je vous propose de revoir les 3 principes en interagissant grâce à ce site : <a href="http://material.cmiscm.com/" rel="external nofollow">http://material.cmiscm.com/</a>.</p> <p style="font-weight:normal;text-align:center;"> </p> <p><span>Si vous ressortez avec l'idée que le <strong>matérial</strong> <strong>design </strong>c'est du </span><i><span>Flat design</span></i><span> ? </span>Ça veut dire que vous aurez pas tout compris. :/</p> <p>En gros, le matérial design essaye d'imiter le monde réel alors que le <em>flat design</em> non, pas d'ombre, pas de 3D...c'est plat.</p> <p></p><p style="text-align:center;">Voilà, la rédaction de cette introduction est terminé, j'espère que ça vous aura plus ! </p>
  • Ressources Material Design

    2
    0 Votes
    2 Posts
    2k Views
    E
    <p>Bonjour, </p> <p> </p> <p>Voici quelque ressources pour le Matérial Design :</p> <p> </p> <p><span style="font-family:arial, helvetica, sans-serif;"><span style="font-size:18px;"> Interface UI Matérial Design :</span></span></p> <p> </p> <ul><li><a href="https://ui8.net/product/material-ui-kit?rel=material" rel="external nofollow">https://ui8.net/product/material-ui-kit?rel=material</a> </li><li><a href="http://theultralinx.com/2014/11/material-design-ui-kit-free-download.html" rel="external nofollow">http://theultralinx.com/2014/11/material-design-ui-kit-free-download.html</a></li> <li><a href="https://www.infinum.co/the-capsized-eight/articles/android-lollipop-material-design-ui-kit-for-sketch" rel="external nofollow">https://www.infinum.co/the-capsized-eight/articles/android-lollipop-material-design-ui-kit-for-sketch</a></li> </ul><p> </p> <p><span style="font-size:18px;"> Frameworks/BootStrap :</span></p> <p> </p> <ul><li><a href="http://dogfalo.github.io/materialize/" rel="external nofollow">http://dogfalo.github.io/materialize/</a> </li><li><a href="http://material-ui.com/" rel="external nofollow">http://material-ui.com/</a></li> <li><a href="https://fezvrasta.github.io/bootstrap-material-design/" rel="external nofollow">https://fezvrasta.github.io/bootstrap-material-design/</a></li> <li><a href="http://ui.lumapps.com/" rel="external nofollow">http://ui.lumapps.com/</a></li> </ul><p> </p> <p> <span style="font-size:18px;">Icônes :</span></p> <p> </p> <ul><li><a href="https://dribbble.com/shots/1617724-Material-Design-Icon-Templates" rel="external nofollow">https://dribbble.com/shots/1617724-Material-Design-Icon-Templates</a> </li><li><a href="https://github.com/google/material-design-icons/releases/tag/1.0.0" rel="external nofollow">https://github.com/google/material-design-icons/releases/tag/1.0.0</a></li> <li><a href="http://zavoloklom.github.io/material-design-iconic-font/" rel="external nofollow">http://zavoloklom.github.io/material-design-iconic-font/</a></li> </ul><p> </p> <p><span style="font-size:18px;"> Services Web :</span></p> <p> </p> <ul><li><a href="http://www.materialpalette.com/" rel="external nofollow">http://www.materialpalette.com/</a> </li></ul><p> </p> <p> <span style="font-size:18px;">Ressources pour apprendre :</span></p> <p> </p> <ul><li><a href="https://www.youtube.com/watch?v=wtLJPvx7-ys#t=13m51" rel="external nofollow">https://www.youtube.com/watch?v=wtLJPvx7-ys#t=13m51</a> </li><li><a href="http://android-developers.blogspot.fr/2014/10/material-design-on-android-checklist.html" rel="external nofollow">http://android-developers.blogspot.fr/2014/10/material-design-on-android-checklist.html</a></li> <li><a href="http://www.google.com/design/spec/material-design/introduction.html#introduction-goals" rel="external nofollow">http://www.google.com/design/spec/material-design/introduction.html#introduction-goals</a></li> <li><iframe data-embed-src="<base_url>/topic/1350-introduction-le-mat%C3%A9rial-design/?do=embed" data-embedcontent="" frameborder="0" src="//melinyel.net/applications/core/interface/js/spacer.png"></iframe></li> </ul><p></p><p>Si vous souhaitez rajouter quelques choses, faites le moi savoir ! </p>
  • Les gadjets de demain imaginé par les designers

    4
    0 Votes
    4 Posts
    3k Views
    E
    <p style="text-align:center;"><img alt="B1rd9WgCIAEiKCa.png" height="512" src="https://pbs.twimg.com/media/B1rd9WgCIAEiKCa.png" width="1024"/></p> <p></p><p>Salut !</p> <p> </p> <p>Je vous laisse découvrir les différentes images des différents projets réalisé pour le concours <a href="http://electroluxdesignlab.com/2014/" rel="external nofollow">Electrolux Design Lab 2014</a>.</p> <p> </p> <p><span style="font-size:24px;">UrbanCone</span></p> <p style="text-align:center;"> </p> <p>Un filtre à air qui purifie l'atmosphère.</p> <p> </p> <p><img alt="640.926850.jpg" height="361" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://www.01net.com/images/article/640.926850.jpg" title="" width="640"/></p> <p> </p> <p><span style="font-size:24px;">Pure Towel</span></p> <p>Nettoie et sèche en quelques secondes votre serviette.</p> <p> </p> <p><img alt="640.926675.jpg" height="480" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://www.01net.com/images/article/640.926675.jpg" title="" width="640"/></p> <p> </p> <p><span style="font-size:24px;">Set to mimic</span></p> <p>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.) :</p> <p> </p> <p><img alt="640.926689.jpg" height="349" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://www.01net.com/images/article/640.926689.jpg" title="" width="640"/></p> <p> </p> <p style="text-align:center;"><strong><span style="font-size:24px;">Lotus</span></strong></p> <p>C'est un appareil qui assure la purification générale de l’air.</p> <p> </p> <p><img alt="640.926643.jpg" height="361" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://www.01net.com/images/article/640.926643.jpg" title="" width="640"/></p> <p></p><p style="text-align:center;"><strong><span style="font-size:24px;">Pete</span></strong></p> <p>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 ! )</p> <p> </p> <p><img alt="PETE.jpg" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://electroluxdesignlab.com/2014/wp-content/uploads/sites/3/2014/08/PETE.jpg"/></p> <p> </p> <p>Pus d'information par ici : <a href="http://electroluxdesignlab.com/2014/" rel="external nofollow">http://electroluxdesignlab.com/2014/</a> </p>
  • [Shop Gratuit] Quatre bannières que je fais pour vous.

    7
    0 Votes
    7 Posts
    4k Views
    MimiM
    <p>Chères Melinyiens, Melinyiennes.</p> <p> </p> <p>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. </p> <p> </p> <p><span style="font-size:12px;"><em><strike>Sa ne vous empêche pas de me faire un don pour ces horribles bannières.  </strike></em></span></p> <p></p><p><strong><span style="font-size:12px;"><i>- Bannières pour <span style="color:#ee82ee;">Femmes</span>. (La galanterie les hommes. )</i></span></strong></p> <p> </p> <p><img alt="1414274636-banniere-femme1.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414274636-banniere-femme1.png"/></p> <p> </p> <p><img alt="1414274637-banniere-femme2.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414274637-banniere-femme2.png"/></p> <p> </p> <p><img alt="1414312350-touhou.jpg" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414312350-touhou.jpg"/></p> <p> </p> <p><span style="font-size:12px;"><i>- Les <span style="color:#0000ff;">Hommes</span> (Et la seulement vous les garçons. </i></span><i>)</i></p> <p> </p> <p><img alt="1414274637-banniere-homme1.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414274637-banniere-homme1.png"/></p> <p> </p> <p><img alt="1414274636-banniere-homme2.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414274636-banniere-homme2.png"/></p> <p> </p> <p><img alt="1414312647-ppyeah.jpg" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/43/1414312647-ppyeah.jpg"/></p> <p> </p> <p><strong>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  </strong><strong> .</strong></p>
  • [Concours n°4] L'application Melinyel !

    31
    0 Votes
    31 Posts
    10k Views
    AzadA
    <p>Bonjour</p><p> </p><p>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 : <strong>une image</strong>. </p><p>Oui, ça peut paraître bête, cependant comme vous le savez tous une application Android a besoin d'un icône.</p><p>J'ai donc décidé de vous proposer de participer à la conception de cet icône (personnellement, je ferais un icône également).<br/><br/><strong>L'image doit représenter un M.</strong><br/>Soit rouge, comme ceci :</p><p><img alt="6_melinyel.png" src="<base_url>/public/style_images/6_melinyel.png"/></p><p></p><p>Soit un M stylisé, avec les teintes du forum (rouge), il faut également un fond (si possible également avec une nuance de rouge/noir)</p><p> </p><p><strong>Le PSD doit être donné</strong>, et l'image doit faire (minimum) <strong>512x512</strong>.<br/>La taille de l'image n'est importante en soit, mais le format doit être respecté (et assez grande pour être de qualité)</p><p> </p><p><strong>Les récompenses seront :</strong></p><ul><li><strong>5 points de réputations.</strong></li><li><strong>Et peut-être une citation dans les crédits de l'application.</strong></li></ul><p> </p><p>Le date finale est le <strong>30 mai, 23h59</strong>.</p><p></p><p>Voyons voir qui participera. <br/>Je posterais mon essai dés que j'ai un peu de temps.</p>
  • [Concours n°3] Sortie de secours !

    Locked
    11
    0 Votes
    11 Posts
    5k Views
    D
    <p>Bonjour</p><p>Voici un concours un peu plus gros que les précédents. Aujourd'hui le concours se divisera en trois objectifs.</p><p style="margin-left:240px;"><img alt="19202771ss.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img4.hostingpics.net/pics/19202771ss.png"/></p><p> </p><p><strong><strong>Introduction</strong> :</strong> Regardez ce panneau sortie de secours <strong><a href="http://www.hostingpics.net/viewer.php?id=19202771ss.png" rel="external nofollow">ici</a> </strong>et imaginez un jeu fait a partir de cette image. </p><p>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.  </p><p>Le jeu sera en 2D vu de coté avec un fond statique. </p><p> </p><p>Voici les trois objectifs :</p><p></p><ul><li><strong><strong>Objectif 1</strong></strong> : Réaliser l'animation de déplacement du stick man blanc (sprite ). </li></ul><p></p><ul><li><strong><strong>Objectif 2</strong></strong> : Réaliser une petite introduction de lancement. <em>Voir consigne introduction<em><em></em></em></em></li></ul><p><em><em><em></em></em></em></p><ul><li><em><em><em><strong>Objectif 3</strong> : Simuler le déplacement du personnage sur une map.</em></em></em></li></ul><p><em><em><em></em></em></em></p><p>Consigne pour l'objectif 3 </p><p></p><blockquote class="ipsStyle_spoiler" data-ipsspoiler=""><p>L'introduction sera diviser en quatre scènes.</p><strong><a href="http://www.hostingpics.net/viewer.php?id=19202771ss.png" rel="external nofollow">Rappelle</a></strong><ul><li>Scène 1 : La camera se rapproche du panneau sortie de secours</li></ul><p> </p><ul><li>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</li></ul><p> </p><ul><li>Scène 3 : Scène montrant un stick man orange (le méchant )</li></ul><p> </p><ul><li>Scène 4 : Notre stick cours pendant quelques seconde avec un fond dynamique</li></ul><p><span style="color:rgb(40,40,40);font-family:Helvetica, helvetica, arial, sans-serif;">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.</span><br/><span style="color:rgb(40,40,40);font-family:Helvetica, helvetica, arial, sans-serif;">Phrase que j'utiliserai :</span><br/><span style="color:rgb(40,40,40);font-family:Helvetica, helvetica, arial, sans-serif;">"tu étais si près du but"!" scène 1 à 2</span></p><p><span style="color:rgb(40,40,40);font-family:Helvetica, helvetica, arial, sans-serif;">"il te faudra retrouver le sortie de secours avant que ce monde soit submergé par les flammes" scène 4 </span><br/><span>ps : la dernière image de l'introduction pourra se freez pour intégrer le menu (jouer/credis/option) </span></p><p> </p><p>Si vous avez des idées ou envie de faire autrement vous avez carte blanche si toutefois on ne sort pas du thème.</p><p></p></blockquote><p> </p><p><strong>N'hésitez pas à me contacter si vous avez des idées/suggestions.</strong></p><p> </p><p><strong><strong>Récompense</strong></strong><strong>: </strong>Pour chaque objectif vous gagnerez <span style="color:rgb(255,0,0);">5 points de réputation </span>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).</p><p> </p><p>Une fois les premières versions du jeu finalisées, il sera disponible en exclusivité sur Melinyel.</p><p> </p><p><span style="font-size:18px;">Fin du concours : 20 Mai 2014</span></p>
  • [Concours n°2] Tétris !

    Locked
    19
    0 Votes
    19 Posts
    6k Views
    AzadA
    <p>Bonjour,</p><p> </p><p>Le dernier concours graphique avait été très satisfaisant, tant par vos participation que par le résultat final. </p><p> </p><p>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 !<br/>En effet, un melinyen (Tiphedor) m'a contacté, et il code actuellement un jeu tétris, mais il aimerait avoir un <strong>grid </strong>pour ça. Alors un grid, qu'est-ce que c'est ?<br/>Et bien le grid en question c'est juste ça :</p><p> </p><p style="text-align:center;"><img alt="SP94j9Z.jpg?1" src="https://i.imgur.com/SP94j9Z.jpg?1"/></p><p></p><p>C'est tout simplement la partie droite de l'écran tétris !<br/>En gros, faites un grid de Tétris (ce qui est juste au dessus) avec :</p><p> </p><ul><li><strong>Un écran pour les scores</strong></li><li><strong>Un carrés pour afficher la prochaine pièce.</strong></li><li><strong>Les dimensions doivent être <span style="color:#ff8c00;">160 </span>(largeur) x <span style="color:#ff8c00;">320 </span>(hauteur) !</strong></li></ul><p> </p><p>Cette fois, le concours n'est pas difficile, et sera récompensé par <strong><span style="color:#008000;">5 points de réputation</span></strong>. </p><p> </p><p><strong>Fin du concours :</strong> dimanche 27/04/2014 à 23h59.</p><p> </p><p>Let's do this !</p>
  • [Concours n°1] Bannière Melinyel

    Locked
    24
    0 Votes
    24 Posts
    8k Views
    AzadA
    <p>Bonjour, voici le premier concours graphique lancé par Melinyel. <br/> </p><ul><li><strong>Sujet :</strong> 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).<br/>- Le fond doit être transparent<br/>- La bannière doit-être cohérente avec le thème du forum.<br/>- Le texte doit être "Melinyel" et, si vous le souhaitez, autre chose de votre choix.<br/>- Le PSD doit être fourni.<br/> </li><li><strong>Récompense :</strong> 10 points de réputation. <br/> </li><li>Date limite : 1 Avril 23h59.</li></ul><p>A vos logiciels graphiques !</p>