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

<div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Bonjour,</span></div> <div style="text-align:center;"> </div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Aujourd'hui je décide de faire un tutoriel assez complet pour mieux vous expliquer les bases du <span style="color:#be3c3a;"><strong>WebDesign/Graphisme</strong></span> et de vous aider à vous lancer sur divers logiciels de PAO mais je vais parler plus précisement des deux logiciels les plus importants <strong>"Adobe Photoshop" & "Adobe Illustrator".</strong></span></div> <div style="text-align:center;"> </div> <div style="text-align:center;"><span style="font-size:24px;"><span style="color:#be3c3a;"><strong><span style="font-family:tahoma, geneva, sans-serif;">1- WebDesign ? Quesako ??</span></strong></span></span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Le WebDesign comme vous pouvez le lire par vous même c'est la conception de l'interface web</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Je m'explique mieux, avant de developper n'importe quel site il faut d'abord avoir fait la maquette et c'est le WebDesigner qui va s'en occuper il va constituer une maquette complète du site web en image.</span></div> <div style="text-align:center;">C'est grace aux WebDesigners que tous les sites où vous naviguer actuellement ont un design exceptionnel, chaque sites web ont leurs structure personnelle.</div> <div style="text-align:center;"> </div> <div style="text-align:center;"><span style="color:#be3c3a;"><span style="font-size:24px;"><strong><span style="font-family:tahoma, geneva, sans-serif;">2- L'organisations des calques</span></strong></span></span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Déjà pour travailler je pense que le plus important a mes yeux c'est <strong>l'organisation des calques, s'ils sont mélangés et pas renommer il est impossible de travailler.</strong></span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">C'est pour cela que je vous conseille de les organisaient en créant des "groupes" sur photoshop ou bien "calques" sur illustrator.</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Vous pouvez y voir un exemple d'une maquette que j'ai réaliser y'a quelques jours: <a href="http://imageswl.fr/i/BEABIHJHCFM" rel="external nofollow">http://imageswl.fr/i/BEABIHJHCFM</a></span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">L'entête sera le haut du site (souvent appeler la bannière) > Le menu seras tous les textes où ont y place tes onglets comme "Accueil, Contact, Nos services, ..." le pied sera le bas du site (souvent appeler footer) > Puis après tout ce qui est expertise est autre ce sont les différents emplacements de divers widget.</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Le plus important seras donc de faire un dossier où calque avec <strong>Entête > Menu > Pied</strong> c'est le strict minimum.</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Si ce point et acquis alors vous pourrez travailler plus simplement et organiser.</span></div> <div style="text-align:center;"> </div> <div style="text-align:center;"><span style="color:#be3c3a;"><span style="font-size:24px;"><strong><span style="font-family:tahoma, geneva, sans-serif;">3- Les couleurs</span></strong></span></span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Il est aussi très important dès le début de votre maquette de choisir la bonne couleur, il en existe des millions c'est pour cela qu'il faut une couleur qui donne envie à l'oeil, donc surtout éviter les couleurs <strike>fluo (flash)</strike> et rester dans la simplicité.</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Pour cela je vais vous donner mon pack de nuancier spécialement pour le web, dedans il y a 68 palettes de nuancier toutes différentes.</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;"><em>Aperçu des nuanciers:</em> <a href="http://imageswl.fr/i/BEABIIAJHCM" rel="external nofollow">http://imageswl.fr/i/BEABIIAJHCM</a></span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;"><em>Lien de téléchargement:</em> <a href="http://ge.tt/2EJrowi1/v/0" rel="external nofollow">http://ge.tt/2EJrowi1/v/0</a></span></div> <div style="text-align:center;"> </div> <div style="text-align:center;"><span style="color:#be3c3a;"><span style="font-size:24px;"><strong>4- Les ressources graphique</strong></span></span></div> <div style="text-align:center;"><strong><span style="font-family:tahoma, geneva, sans-serif;">Débutant ? Ce n'est plus un souci maintenant nous pouvons créer un design très professionnel sans savoir trop utiliser les logiciels de PAO !</span></strong></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Mais comment ? Alors donc il existe des sites de "Ressources". C'est quoi sa ?</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Des sites qui regroupent des tonnes de .psd ou .ai ou dedans y ai intégrer des menus, icons, enfin vraiment de tout qui est déjà fait, quelques modifications vous le mettez sur votre calque a vous il sa s'intègre parfaitement.</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Voici un exemple de ressource: <a href="http://imageswl.fr/i/BEABIHJHJJM" rel="external nofollow">http://imageswl.fr/i/BEABIHJHJJM</a></span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Tous les différents modules comme le "Slider" "Top games" etc ... sont tous modifiables comme si c'était vous qui l'avait enregistrer en .psd pour le modifier au cas où.</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Il y a des UI KIT 100% gratuit qui traînent sur le net, en gros des UI KIT sont des éléments comme je t'ai montrer sur la screen mais pour les sites web car sur les sites de ressources tu as vraiment de tout.</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Voici des exemples:</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.365psd.com (Ils rajoutent une ressource tout les jours il est déjà très bien remplis, je l’utilise très souvent c'est le mieux pour moi)</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.igraphisme.com</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.facegfx.com</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.smashfreakz.com/category/resources</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.ui-cloud.com/free-ui-elements</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.webuikits.com</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.freebiesbug.com/psd-freebies</span></div> <div style="text-align:center;"> </div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;"><span style="font-size:24px;"><span style="color:#be3c3a;"><strong>5- Les sources d'inspirations</strong></span></span></span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Il y a des tonnes de sources d'inspirations sur le web ce n'est pas ce qu'il manque, heureusement que ce genre de sites est la pour nous quand ont a plus d'idées pour un concept on va faire un tour sur ces sites puis quelques minutes après on est repartis pour quelques heures de créations.</span></div> <div style="text-align:center;"><strong><span style="font-family:tahoma, geneva, sans-serif;">Voici des exemples:</span></strong></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.webdesign-inspiration.com (Celui que je trouve le plus complet que j'utilise très souvent)</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.themeforest.net</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.siteinspire.com</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.dossierdesign.com</span></div> <div style="text-align:center;"> </div> <div style="text-align:center;"><strong><span style="font-family:tahoma, geneva, sans-serif;">J'allais oublier voici une liste de 200 sites indispensables pour un Graphiste:</span></strong></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">www.dubostbenoit.com/influences</span></div> <div style="text-align:center;"> </div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Voilà j'espère que je vous aurais bien aider, et que maintenant vous êtes prêt pour votre première maquette !</span></div> <div style="text-align:center;"><span style="font-family:tahoma, geneva, sans-serif;">Je tiens aussi à m'excuser des fautes que j'ai pu faire mais l'orthographe, la conjugaison c'est pas mon truc.</span></div> <div style="text-align:center;"> </div> <div><em><span style="color:#be3c3a;"><span style="font-family:tahoma, geneva, sans-serif;"> Tutoriel entièrement rédiger par Swan merci de respecter mon travail et de ne pas redistribuer ce tutoriel sans mon autorisation - 2014.</span></span></em></div>

<p>Bonjour à tous,<br/> Je vous ai fais un petit tuto rapidement sur after effect CS3 (32bits) mais les dernières versions ont plus ou moins la même interface donc ça devrait aller. <br/><br/> (Faut que je crie la prochaine fois et peut-être éviter l'improvisation xD)</p> <p> </p><div class="ipsEmbeddedVideo" contenteditable="false"><div><iframe allowfullscreen="true" data-embed-src="https://www.youtube.com/embed/jTY6v8fQJpc?feature=oembed" frameborder="0" height="270" src="//melinyel.net/applications/core/interface/js/spacer.png" width="480"></iframe></div></div><br/><br/> Bon visionnage à tous.

<p style="margin:0px 0px 0px 0px;"><span style="font-size:14px;"><em><u><strong>Bien le bonjour à vous tous !</strong></u></em></span></p> <p style="margin:0px 0px 0px 0px;"> </p> <p style="margin:0px 0px 0px 0px;">Aujourd’hui je vous présente le tutoriel pour la réalisation de l’effet RVB, c’est l'effet donné de regarder un film 3D sans lunette 3D.</p> <p style="margin:0px 0px 0px 0px;">Commençons vite !</p> <p style="margin:0px 0px 0px 0px;">Tout d’abord, il vous faudra Photoshop, je vous conseille du CS5 / CS6 / CC.</p> <p style="margin:0px 0px 0px 0px;">Ouvrez l’image que vous désirez !</p> <p style="margin:0px 0px 0px 0px;">Je prends la bannière Melinyel personnellement ! </p> <p><img alt="6be993cb5c66ea84282740528d3148ed.png" src="https://i.gyazo.com/6be993cb5c66ea84282740528d3148ed.png"/></p> <p></p><p style="margin:0px 0px 0px 0px;">Maintenant, dupliqué votre calque.</p> <p style="margin:0px 0px 0px 0px;">Pour sa : allez sur la barre de calque :</p> <p><img alt="67570d1ee24ffb50b57e703265cd792b.png" src="https://i.gyazo.com/67570d1ee24ffb50b57e703265cd792b.png"/></p> <p> </p> <p>Puis sélectionnait le calque comme sur l’image et faite dessus clique droit, dupliquez le calque.</p> <p><img alt="3a8e87cd8f402989d156e4a324f11fde.png" src="https://i.gyazo.com/3a8e87cd8f402989d156e4a324f11fde.png"/></p> <p> </p> <p style="margin:0px 0px 0px 0px;">Puis sélectionner la copie de votre image, faite clique droit et option de fusion.</p> <p><img alt="9c54471f48a40aa5277d05943ef963cb.png" src="https://i.gyazo.com/9c54471f48a40aa5277d05943ef963cb.png"/></p> <p></p><p style="margin:0px 0px 0px 0px;">Vous arrivez sur l’accueil de l’option de fusion.</p> <p style="margin:0px 0px 0px 0px;">Décoché le V et le B, puis faite OK.</p> <p><img alt="9818bfb378fddac1e3f63f01817b8fd3.png" src="https://i.gyazo.com/9818bfb378fddac1e3f63f01817b8fd3.png"/></p> <p></p><p style="margin:0px 0px 0px 0px;">Maintenant faite contrôle T ( Windows) et commande T ( Mac) pour pouvoir déplacer le calque ! </p> <p style="margin:0px 0px 0px 0px;">Je vous conseille un coup en haut, puis un à droite ou d’autre côtés à vous de voir !</p> <p style="margin:0px 0px 0px 0px;">Vous voilà avec votre effet RVB fait !</p> <p style="margin:0px 0px 0px 0px;"> </p> <p style="margin:0px 0px 0px 0px;"><em><u>Résultat :</u></em></p> <p><img alt="f6757906d650f8242ffdcc3995ef5cb5.png" src="https://i.gyazo.com/f6757906d650f8242ffdcc3995ef5cb5.png"/></p> <p></p><p style="margin:0px 0px 0px 0px;">J’espère que ce tutoriel vous aura plu ! </p> <p style="margin:0px 0px 0px 0px;"> </p> <p style="margin:0px 0px 0px 0px;"><em><u>Cordialement</u></em>, <strong>Egzylium</strong>.</p>

<p style="margin:0px 0px 0px 0px;"><span style="font-size:14px;"><strong><em>Bien le bonjour à vous tous !</em></strong></span></p> <p style="margin:0px 0px 0px 0px;"> </p> <p style="margin:0px 0px 0px 0px;">Aujourd’hui je vous propose un tutoriel pour <em><u>modéliser un engrenage</u></em> sur cinéma 4D !</p> <p style="margin:0px 0px 0px 0px;">Je m’excuse d’avance des <u><em>fautes d’orthographe</em></u> ainsi que de mes fautes causées suite à la vidéo.</p> <p style="margin:0px 0px 0px 0px;">Il n’y aura pas d’édition écrite, ce sera le seul tutoriel posté en vidéo.</p> <p style="margin:0px 0px 0px 0px;"><strong>Bon visionnage !</strong></p> <p style="margin:0px 0px 0px 0px;"> </p> <p style="margin:0px 0px 0px 0px;"> </p><div class="ipsEmbeddedVideo" contenteditable="false"><div><iframe allowfullscreen="true" data-embed-src="https://www.youtube.com/embed/YUmFFEHJV_U?feature=oembed" frameborder="0" height="270" src="//melinyel.net/applications/core/interface/js/spacer.png" width="480"></iframe></div></div> <p style="margin:0px 0px 0px 0px;"> </p> <p style="margin:0px 0px 0px 0px;"><em><u>Cordialement</u></em>, <strong>Egzylium</strong>.</p>

<p>Bonjour,</p><p>Aujourd'hui je vais vous présenter un pluging pour photoshop qui m'a toujours été très utile pour faire des template web (par exemple), ce pluging est gratuit et simple d'utilisation j'avais pas envie de faire plein de capture donc j'ai fais une vidéo mais bon mon pc a buggé un peu donc j'ai fais un truc vite fait ^-^</p><p></p><p style="text-align:center;"></p><p>https://www.youtube.com/watch?v=0EH5aaQuGmU</p>Bon graphisme et bonne programmation à tous,<p>Cordialement,</p><p>Mars073.</p>

<p style="text-align:center;"><span style="color:#ff0000;"><strong>[DÉSOLER DES FAUTES, CE TUTORIELS MA DONNER MAL AU CRÂNE, JE L'AI CORRIGERAIS PLUS TARD !]</strong></span></p> <p> </p> <p><u><em>Bien le bonjour à vous tous !</em></u></p> <p> Aujourd'hui, je vais vous présenter un tutoriel demandé par un membre de <span style="color:#b22222;"><strong>Melinyel </strong></span>!<br/> Il s'agit de la méthode pour créer des signatures !<br/> Commençons de suite.</p> <p><strong><u>Il vous faudra :</u></strong><br/> Photoshop ( de préférence vue que le tutoriel se passe dessus) !<br/> Un GFX Packs ( Sois un graphics Pack) !<br/> Une CC ( Color Correction) !<br/> Un cerveau ! rigole<br/><br/> Commencez par ouvrir photoshop, ou, votre logiciel de graphisme !<br/> Créer une nouvelle image de 450 en largeur et 150 en hauteur !<br/><img alt="aeea1c2cbfb918ea4b8ede16d1189a22.png" src="https://i.gyazo.com/aeea1c2cbfb918ea4b8ede16d1189a22.png"/><br/><br/> Faite deux bandes noires sur le dessus et le dessous !<br/> Pour cela, allez dans la barre d'outils et sélectionné " Outils Sélection Rectangle " !<br/><img alt="b7f8f722b8f5e4d0c8d808133622e306.png" src="https://i.gyazo.com/b7f8f722b8f5e4d0c8d808133622e306.png"/><br/><br/> Ensuite glissé sur le calque la sélection que vous voulais !<br/><img alt="fe11f29587f1ab63ae7f624307e8acd3.png" src="https://i.gyazo.com/fe11f29587f1ab63ae7f624307e8acd3.png"/><br/><br/> Puis sélectionnez l'outils pot de peinture !<br/><img alt="70a0fbfa68e46b8164455ce8b1863c9e.png" src="https://i.gyazo.com/70a0fbfa68e46b8164455ce8b1863c9e.png"/><br/><br/> Cliquez dans la zone sélectionné !<br/> Voilà tu a ta bande noir !<br/> Maintenant, duplique le calque !<br/> Hein ? Comment ? Tu va dans la barre de calque et tu fais comme dans le tutoriel pour l'effet RVB !<br/> Tu t'en souviens pas ? Bon… ok.<br/><img alt="5a3d04e59571aba0bc5bd6dab3cf3f39.png" src="https://i.gyazo.com/5a3d04e59571aba0bc5bd6dab3cf3f39.png"/><br/><br/> Tu a dupliqué ton calque ? Bah maintenant, faut le déplacé en bas.<br/> Utilise tes flèches directionnels pour le placé en bas.<br/> Comme sa :<br/><img alt="5cd37bff7ab20245ce282a6666b1af78.png" src="https://i.gyazo.com/5cd37bff7ab20245ce282a6666b1af78.png"/><br/><br/> Maintenant, prenons un render qui va avec un fond !<br/> Cherchons les deux sur internet !<br/> Le fond = Google Image / Wallbase<br/> Le render = Render graphique<br/><br/> Pour le fond je prend :<br/><br/><a href="http://www.wall321.com/thumbnails/detail/20120411/jungle world of warcraft 1600x1200 wallpaper_www.wallpaperto.com_74.jpg" rel="external nofollow">http://www.wall321.com/thumbnails/detail/20120411/jungle world of warcraft 1600x1200 wallpaper_www.wallpaperto.com_74.jpg</a><br/><br/> Pour le render :<br/><br/><a href="http://www.renders-graphiques.fr/galerie/World-of-Warcraft-35/World-Of-Warcraft-97228.htm" rel="external nofollow">http://www.renders-graphiques.fr/galerie/World-of-Warcraft-35/World-Of-Warcraft-97228.htm</a><br/><br/><br/> Copié l'image en faisant clique droit puis copier l'image.<br/><img alt="1398790255-capture-d-ecran-2014-04-29-a-" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://image.noelshack.com/fichiers/2014/18/1398790255-capture-d-ecran-2014-04-29-a-18-50-27.png"/></p> <p> Puis collez la en faisant CMD + V ( Mac )  ou Contrôle + V ( Windows ) sur le calque !<br/> Puis rétrécissez ou élargissez le en faisant CMD + T ( Mac ) ou Contrôle + T ( Windows ).<br/> N'oubliez surtout pas de le faire glissé sous les deux barres noirs dans les calques !<br/><img alt="3e3f0ea4e5bcfadefc9a682c94f21800.png" src="https://i.gyazo.com/3e3f0ea4e5bcfadefc9a682c94f21800.png"/><br/><br/> Ensuite, dans vos dossiers, faite glissé le render que vous avez récemment enregistré !<br/> Modifié la taille du render, et, positionné comme vous voulez !<br/><img alt="b328b73bbf09c46f19d1a2586939aede.png" src="https://i.gyazo.com/b328b73bbf09c46f19d1a2586939aede.png"/><br/><br/> Ensuite, télécharger ce pack ( qui est le miens ), puis double cliqué dessus :<br/><br/><a href="http://www.mediafire.com/download/nu5dbs6e0fo5uaf/EgzyPack1.psd" rel="external nofollow">http://www.mediafire.com/download/nu5dbs6e0fo5uaf/EgzyPack1.psd</a> ( 150Mb je crois ). <br/><br/> Une fois ouvert :<br/><img alt="ec177a3b295b24cba3fac7d7e9953b19.png" src="https://i.gyazo.com/ec177a3b295b24cba3fac7d7e9953b19.png"/><br/><br/> Ensuite, faite glissé le groupe CC by Nake sur votre signature !<br/><img alt="9930e946b64c9ad555156ea4690789ff.png" src="https://i.gyazo.com/9930e946b64c9ad555156ea4690789ff.png"/></p> <p> Ensuite, développer le groupe CC by Nake <3, supprimé le calque COLOR et mettez l'opacité du groupe CC by Nake a 60% !<br/><img alt="a28268e3af1beace849caddce836d572.png" src="https://i.gyazo.com/a28268e3af1beace849caddce836d572.png"/><br/><br/> Passons au texte !<br/> Créer un nouveau texte avec l'outils Texte gngblbl<br/><img alt="7420f80a037e5be45607a4fe4f5a4aa5.png" src="https://i.gyazo.com/7420f80a037e5be45607a4fe4f5a4aa5.png"/><br/><br/> Cliqué sur la signature et écrivez ce que vous voulez !<br/> N'oubliez pas de mettre le calque de votre texte en dessous de tout le groupe de la CC !<br/> Placez votre texte ou vous souhaite en faisant CMD + T ( Mac ) ou Contrôle + T ( Windows ).<br/><img alt="69f0cc73bd813fb70ddbf2f61228d91a.png" src="https://i.gyazo.com/69f0cc73bd813fb70ddbf2f61228d91a.png"/><br/><br/> Ensuite faite clique droit sur le texte et option de fusion<br/><img alt="9c54471f48a40aa5277d05943ef963cb.png" src="https://i.gyazo.com/9c54471f48a40aa5277d05943ef963cb.png"/><br/><br/> Et configuré comme ceci :<br/><br/><img alt="01c6c85f558c3d6dc90c173e70a86afd.png" src="https://i.gyazo.com/01c6c85f558c3d6dc90c173e70a86afd.png"/><br/><img alt="ad65f2fc5b38044164e2c964e82a5a62.png" src="https://i.gyazo.com/ad65f2fc5b38044164e2c964e82a5a62.png"/><br/><br/> Si vous voulez mettre une couleur :<br/><br/><img alt="b9c3b6e15542a4eea9e2c3f0c0951a37.png" src="https://i.gyazo.com/b9c3b6e15542a4eea9e2c3f0c0951a37.png"/><br/> Choisissez vos couleurs !<br/><br/> Ensuite pour le reste, je vous laisse explorés le Graphics Packs et ouvrir les dossiers, y faire glissez des textures sur votre image, baissez l'opacité, gommé etc…<br/> Le reste ce fais a votre goût !<br/><br/><u><strong>CONSEIL : FAITE CMD + U OU CONTROLE + U SUR LE TEXTE POUR CHANGEZ SA COULEUR !</strong></u><br/><br/> Voilà !<br/> Un assez gros tutoriel !<br/><br/><em><u>Cordialement</u></em>, <span style="color:#800000;"><strong>Egzylium</strong></span>.</p>

<p>Je vous propose un guid<span style="font-size:14px;">e pour suivre comment a été dessinée la couverture de mon roman : Le Monde des Lunes – Crépuscule 1.</span></p> <p><span style="font-size:14px;">Logiciel : <strong>Photoshop CS5/6</strong></span></p> <p><span style="font-size:14px;">Niveau : <span style="color:#ff8c00;"><strong>Intermédiaire</strong></span></span></p> <p>Matériel conseillé : <strong>Tablette graphique</strong>, un écran HD</p> <p>Notions utilisées dans Photoshop :</p> <ul><li><span style="font-size:12px;">Calques</span> </li><li><span style="font-size:12px;">Calques dynamiques</span></li> <li><span style="font-size:12px;">Calques liés</span></li> <li><span style="font-size:12px;">Mode de fusion</span></li> <li><span style="font-size:12px;">Masque</span></li> <li><span style="font-size:12px;">Brush</span></li> </ul><p> </p> <p>Voici donc l’image que nous allons décortiquer :</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-40568700-1398070349.jpg"><img alt="post-63-0-40568700-1398070349_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-40568700-1398070349_thumb.jpg" width="65"/></a></p> <p> </p> <p>Préparer une image de <strong>11,1cm</strong> sur <strong>17cm</strong> avec une résolution de <strong>300ppp. </strong>Le mode de couleur est classique : RVB 8bits/couche.</p> <p>Pour pouvoir s’organiser assez facilement dans ce guide, je recommande de regrouper les calques dans dossiers consacrés à chaque partie (un dossier « Ciel », un dossier « Mer », etc…).</p> <p> </p> <p><span style="color:#800000;"><em><strong>Attention :</strong> ce guide ne vous expliquera pas comment vous servir de Photoshop.</em></span></p> <p></p><p><span style="font-size:24px;"><strong>1. Le ciel</strong></span></p> <p> </p> <p>Pour commencer : une couleur de fond.<br/> Ajouter un calque de couleur unie avec la couleur : <strong>#4b90ca</strong></p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-83714400-1398070026.jpg"><img alt="post-63-0-83714400-1398070026_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-83714400-1398070026_thumb.jpg" width="65"/></a></p> <p> </p> <p>A présent, le but est d’amener une première gestion de la lumière qui va délimiter les espaces. Pour cela, ajouter un calque <strong>Dégradé</strong> lié au calque précédent. Le dégradé est de couleur noire (<strong>#000000</strong>), son opacité va de <strong>100%</strong> à <strong>0%</strong>. Choisir le mode de fusion <strong>Lumière vive</strong>.</p> <p>Répéter la même opération en créant cette fois un calque blanc (<strong>#ffffff</strong>), avec une opacité allant de <strong>0%</strong> à <strong>100%</strong>. Pour ce dernier calque mettre une échelle de <strong>50%</strong>.</p> <p>Il ne reste qu’à délimiter l’espace de notre ciel, pour cela ajouter un masque aux deux dégradés que la partie basse de l’image.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-34640800-1398070027.jpg"><img alt="post-63-0-34640800-1398070027_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-34640800-1398070027_thumb.jpg" width="65"/></a></p> <p> </p> <p>Avec un horizon de délimiter, nous pouvons ajouter le soleil.</p> <p>Dans un calque, utiliser l’outil <strong>Dégradé</strong> pour créer le halo lumineux un point de pinceau classique en dureté <strong>0</strong> pour le cœur.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-56924000-1398070027.jpg"><img alt="post-63-0-56924000-1398070027_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-56924000-1398070027_thumb.jpg" width="65"/></a></p> <p> </p> <p>Dernière étape pour la partie « ciel » : les nuages.</p> <p>Les nuages sont dessiner à la tablette avec un pinceau éponge. La transparence et la diffusion sont réglées sur la pression du stylet. La dynamique de la forme est activée pour offrir une légère variation du motif.</p> <p>Enfin, rajouter de l’ombre aux nuages. Pour cela, créer un nouveau calque, le lier au calque des nuages. Ajouter un effet d’incrustation couleur noire (<strong>#000000</strong>) sur le calque. Dans ce calque dessiner légèrement du noir sur le haut des nuages.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-84702000-1398070027.jpg"><img alt="post-63-0-84702000-1398070027_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-84702000-1398070027_thumb.jpg" width="65"/></a></p> <p></p><p><span style="font-size:24px;"><strong>2. La mer</strong></span></p> <p> </p> <p>Commencer par crée un calque de couleur unie avec la couleur : <strong>#38494d</strong>. Puis le masque pour correspondre à l’inverse du ciel. Appliquer le même masque sur tout le dossier de la mer.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-08745800-1398070028.jpg"><img alt="post-63-0-08745800-1398070028_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-08745800-1398070028_thumb.jpg" width="65"/></a></p> <p> </p> <p>Comme pour le ciel, nous allons appliquer un effet pour rendre une impression de profondeur sur la mer. Reprendre les mêmes paramètres que pour le calque dégradé blanc du ciel. Choisir le mode de fusion <strong>Incrustation</strong>, et lier ce calque à celui de la couleur de la mer.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-54135600-1398070028.jpg"><img alt="post-63-0-54135600-1398070028_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-54135600-1398070028_thumb.jpg" width="65"/></a></p> <p> </p> <p>Ensuite, ajouter une texture de vagues (voir le fichier joint en dessous). Ajouter un effet d’incrustation en dégradé : de la couleur <strong>#ffffff</strong> vers <strong>#404040</strong> à opacité de <strong>100%</strong>, angle de <strong>0°</strong>, style <strong>Réfléchi</strong>, échelle de <strong>34%</strong>, opacité de <strong>58%</strong> et mode de fusion <strong>Densité couleur +</strong>.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-97085600-1398070028.jpg"><img alt="post-63-0-97085600-1398070028_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-97085600-1398070028_thumb.jpg" width="65"/></a></p> <p> </p> <p>Rendre les vagues plus lumineuses. Pour cela, ajouter un calque <strong>Courbes</strong>. Sur la courbe <strong>RVB</strong>, rehausser la sortie du noir de <strong>0</strong> jusqu’à <strong>74</strong>.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-36018900-1398070029.jpg"><img alt="post-63-0-36018900-1398070029_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-36018900-1398070029_thumb.jpg" width="65"/></a></p> <p> </p> <p>Maintenant, nous allons ajouter la réflexion du soleil sur la mer. Nous allons réaliser cette étape en deux parties. La couleur des dessins utilisées pour les deux étapes est : <strong>#fffdc5</strong>.</p> <p>En premier, dessiner un rayon long et fin. Pour cela, dessiner un triangle très allongé, la base faisant environ 20% de la largeur du soleil et la base centrée sur le soleil. Utiliser l’outil doigt pour flouter le bas du rayon. Enfin avec la gomme effacer progressivement la fin du rayon. Utiliser le mode de fusion <strong>Incrustation</strong> sur ce calque.</p> <p>En second lieu, effectuer la même procédure sur un nouveau calque en dessinant un triangle ayant pour base 80-85% de la largeur du soleil et se terminant à mi-course avec la fin du rayon.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-76176400-1398070029.jpg"><img alt="post-63-0-76176400-1398070029_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-76176400-1398070029_thumb.jpg" width="65"/></a></p> <p> </p> <p>Next, corriger la couleur de la mer en ajoutant un calque <strong>Filtre photo </strong>avec pour filtre <strong>Bleu </strong>profond et une densité de <strong>30%</strong>.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-37553400-1398070030.jpg"><img alt="post-63-0-37553400-1398070030_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-37553400-1398070030_thumb.jpg" width="65"/></a></p> <p> </p> <p>Dernière étape pour la mer, améliorer l’horizon. Dans un nouveau dossier en dehors du dossier de la mer (pour ne pas que le masque s’applique sur celui-ci), ajouter un calque <strong>Dégradé</strong>. Le dégradé est paramétré comme suit : départ en noir (<strong>#000000</strong>) à la position <strong>75%</strong> et fin en blanc (<strong>#ffffff</strong>) en position <strong>100%</strong>, opacité à <strong>100%</strong>. Style de dégradé : <strong>Réfléchi</strong>, échelle <strong>10%</strong>, <strong>Inversé</strong>, angle de <strong>90°</strong>. Appliquer le mode de fusion <strong>Densité couleur –</strong> sur le calque et un fond à <strong>36%</strong>.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-52764900-1398070120.jpg"><img alt="post-63-0-52764900-1398070120_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-52764900-1398070120_thumb.jpg" width="65"/></a></p> <p></p><p><span style="font-size:24px;"><strong>3. Le sol</strong></span></p> <p> </p> <p>Pour débuter le sol, dessiner grossièrement en couleur verte (<strong>#1f3119</strong>) la zone qui sera recouverte par le sol. De préférence utiliser un pinceau non lise pour créer une bordure un peu brouillée.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-09174400-1398070121.jpg"><img alt="post-63-0-09174400-1398070121_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-09174400-1398070121_thumb.jpg" width="65"/></a></p> <p> </p> <p>Ensuite, à l’aide de brushs d’herbes et sur un nouveau calque, dessiner de l’herbe par-dessus le sol. Faire plusieurs passages avec des couleurs différentes <strong>#1f3119</strong>, <strong>#584632,</strong> <strong>#242015</strong>.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-79531600-1398070121.jpg"><img alt="post-63-0-79531600-1398070121_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-79531600-1398070121_thumb.jpg" width="65"/></a></p> <p> </p> <p>Dernière étape pour le sol, régler la lumière pour l’herbe.</p> <p>Pour cela, créer un calque <strong>Dégradé</strong> lier au calque de l’herbe paramétré comme suit : de <strong>#16120b</strong> à la position <strong>0%</strong> et à opacité de <strong>100%</strong>, jusqu’à <strong>#52472f</strong> à la position <strong>100%</strong> et à opacité de <strong>0%</strong>. Style <strong>Linéaire</strong>, angle de <strong>68°</strong> et échelle de <strong>25%</strong>. Appliquer le mode de fusion <strong>Incrustation</strong>.</p> <p>Enfin, créer un nouveau calque. Appliquer un <strong>Filtre > Rendu > Nuages</strong> avec les couleurs noir et blanc dans le sélecteur de couleur. Appliquer un nouveau filtre : <strong>Filtre > Atténuation > Flou radial</strong>. Indiquer une valeur de <strong>50</strong>, mode <strong>Zoom</strong> et une qualité <strong>Supérieur</strong>. Lier ce calque à celui de l’herbe. Appliquer le mode de fusion <strong>Densité couleur -</strong>. Pour affiner le résultat, crée un masque sur ce calque et atténuer la partie peu éclairée de l’herbe.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-33787300-1398070122.jpg"><img alt="post-63-0-33787300-1398070122_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-33787300-1398070122_thumb.jpg" width="65"/></a></p> <p></p><p><span style="font-size:24px;"><strong>4. Le personnage</strong></span></p> <p> </p> <p>Ça y est ! On attaque le lourd ! Je vais diviser cette partie en deux, le corps du personnage et son équipement. Je conseille de faire de même dans les dossiers de calques de Photoshop.</p> <p>Comme vous vous en douter il y a pas mal de choses que je ne vais pas pouvoir expliquer comment c’est fait. Tout simplement parce-que c’est dessiner et que je n’aurais le temps d’aborder ces sujets dans ce tutoriel (peut-être un autre tuto consacré au dessin de personnages ? Parce-que oui : ça s’apprends).</p> <p>Néanmoins, cette partie reste intéressante pour ceux qui ne savent pas du tout dessiner.</p> <p> </p> <p><span style="font-size:18px;"><strong>4.1. Le corps</strong></span></p> <p> </p> <p>Les dessins sont fait en niveaux de gris uniquement, la couleur sera ajouter par la suite.</p> <p>En premier, dessiner la cape du personnage pour placer l’ensemble du corps et des éléments (membres, tête, orientation, équipement).</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-99458500-1398070122.jpg"><img alt="post-63-0-99458500-1398070122_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-99458500-1398070122_thumb.jpg" width="65"/></a></p> <p> </p> <p>Ajouter le pied et le bras droit du personnage</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-66782900-1398070123.jpg"><img alt="post-63-0-66782900-1398070123_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-66782900-1398070123_thumb.jpg" width="65"/></a></p> <p> </p> <p>Dessiner la tête, donc dans notre la chevelure du perso.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-17280400-1398070124.jpg"><img alt="post-63-0-17280400-1398070124_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-17280400-1398070124_thumb.jpg" width="65"/></a></p> <p> </p> <p>Ajuster la luminosité de la cape pour qu’elle corresponde à l’éclairage de la scène. Faire cela avec un calque lié sur lequel on dessine la correction.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-65830600-1398070124.jpg"><img alt="post-63-0-65830600-1398070124_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-65830600-1398070124_thumb.jpg" width="65"/></a></p> <p> </p> <p>Par le même procédé, donner une texture et une coiffure au personnage.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-16405800-1398070125.jpg"><img alt="post-63-0-16405800-1398070125_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-16405800-1398070125_thumb.jpg" width="65"/></a></p> <p> </p> <p>Notre personnage à les cheveux très cuivré, donc nous allons les colorer. Ajouter un calque <strong>Courbe de transfert de dégradé</strong> lié au calque des cheveux. Le dégradé va de la couleur <strong>#000000</strong> à la couleur <strong>#be220d</strong>.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-70524500-1398070125.jpg"><img alt="post-63-0-70524500-1398070125_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-70524500-1398070125_thumb.jpg" width="65"/></a></p> <p> </p> <p>Et voilà, plus qu’à ajuster l’éclairage des cheveux. Sur un calque lié en mode de fusion <strong>Incrustation</strong>, dessiner les zones de lumières et d’ombres. Les zones blanches du calques seront légèrement « irradiée » et donnerons un effet de reflets et de brillance dans les cheveux.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-40560800-1398070234.jpg"><img alt="post-63-0-40560800-1398070234_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-40560800-1398070234_thumb.jpg" width="65"/></a></p> <p> </p> <p><span style="font-size:18px;"><strong>4.2. L’équipement</strong></span></p> <p> </p> <p>Il y a 3 équipements à dessiner, une épée, un carquois et un arc.</p> <p>En premier lieu l’élément le plus en dessous, l’épée. Dessiner à la tablette l’épée et ajouter quelques effets de lumières aux extrémités.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-90817600-1398070234.jpg"><img alt="post-63-0-90817600-1398070234_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-90817600-1398070234_thumb.jpg" width="65"/></a></p> <p> </p> <p>De même pour le carquois, le schématiser avec quelques flèches dans un nouveau calque.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-60177900-1398070235.jpg"><img alt="post-63-0-60177900-1398070235_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-60177900-1398070235_thumb.jpg" width="65"/></a></p> <p> </p> <p>Dernier élément, l’arc. Le dessiner dans un calque propre.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-10557400-1398070236.jpg"><img alt="post-63-0-10557400-1398070236_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-10557400-1398070236_thumb.jpg" width="65"/></a></p> <p> </p> <p>Accentuer le relief de l’arc, pour un meilleur rendu, le corps doit être clairement plus épais que la corde.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-73545700-1398070236.jpg"><img alt="post-63-0-73545700-1398070236_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-73545700-1398070236_thumb.jpg" width="65"/></a></p> <p> </p> <p>Désormais, nous allons pouvoir finir d’ajuster la luminosité sur l’équipement. Commencer par l’épée.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-24281800-1398070237.jpg"><img alt="post-63-0-24281800-1398070237_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-24281800-1398070237_thumb.jpg" width="65"/></a></p> <p> </p> <p>Pour finir l’épée, ajouter deux saphirs incrusté.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-75745200-1398070237.jpg"><img alt="post-63-0-75745200-1398070237_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-75745200-1398070237_thumb.jpg" width="65"/></a></p> <p> </p> <p>Ensuite, à l’aide d’un calque lié dans le mode de fusion <strong>Densité linéaire +,</strong> fond à <strong>37%</strong> : incruster une texture boisée au carquois (une simple image de bois contre-plaqué fait l’affaire).</p> <p>Plus qu’à ajuster la lumière sur le carquois toujours avec les mêmes méthodes. Incruster du blanc et du noir sur un calque lié.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-24251800-1398070238.jpg"><img alt="post-63-0-24251800-1398070238_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-24251800-1398070238_thumb.jpg" width="65"/></a></p> <p> </p> <p>Nous avons presque fini la lumière du personnage. Il ne reste plus que l’arc, toujours avec les mêmes techniques.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-75651700-1398070238.jpg"><img alt="post-63-0-75651700-1398070238_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-75651700-1398070238_thumb.jpg" width="65"/></a></p> <p> </p> <p>Toute dernière étape pour le personnage, améliorer son intégration dans le paysage. Pour cela, ajouter un masque au dossier du personnage. Masquer la partie basse du personnage avec le même brush utilisé pour l’herbe.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-45801900-1398070239.jpg"><img alt="post-63-0-45801900-1398070239_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-45801900-1398070239_thumb.jpg" width="65"/></a></p> <p></p><p><span style="font-size:24px;"><strong>5. Les effets</strong></span></p> <p> </p> <p>Nous en avons fini avec le dessin. Il reste à ajouter les derniers effets sur l’ensemble de l’image.</p> <p>En premier lieu, redéfinir la colorimétrie. Ajouter un calque <strong>Courbe de transfert dégradé</strong> avec le dégradé suivant : en position <strong>0%</strong> la couleur <strong>#0d0d0d</strong>, à <strong>30%</strong> : <strong>#5e221b</strong>, à <strong>55%</strong> : <strong>#ea7f30</strong>, à <strong>80%</strong> : <strong>#f5cf59</strong> et enfin à <strong>100%</strong> la couleur <strong>#ffffff</strong>.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-86744100-1398070347.jpg"><img alt="post-63-0-86744100-1398070347_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-86744100-1398070347_thumb.jpg" width="65"/></a></p> <p> </p> <p>Ensuite, ajouter la luminosité et le rendu de couleur. Ajouter un nouveau calque <strong>Courbe de transfert dégradé</strong>, avec comme paramètre le dégradé noir et blanc par défaut. Choisir le mode de fusion <strong>Luminosité</strong>.</p> <p>Puis ajouter un calque <strong>Courbes</strong>. Sur la courbe <strong>RVB</strong>, rehausser légèrement la sortie des tons sombres.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-35185200-1398070348.jpg"><img alt="post-63-0-35185200-1398070348_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-35185200-1398070348_thumb.jpg" width="65"/></a></p> <p> </p> <p>Pour terminer, réaliser un effet de vignettage sur l’image. Pour cela, ajouter un calque en mode de fusion Incrustation à opacité de 50%. Assombrir le haut et le bas de l’image.</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-81646100-1398070348.jpg"><img alt="post-63-0-81646100-1398070348_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-81646100-1398070348_thumb.jpg" width="65"/></a></p> <p></p><p><span style="font-size:24px;"><strong>6. Rendu final</strong></span></p> <p> </p> <p>Et voilà le résultat final. Si certains d’entre vous s’amusent à reproduire cette image, je suis assez curieuse de voir ce que ça donne !</p> <p> </p> <p><a class="attach-link" href="/assets/uploads/ips/monthly_04_2014/post-63-0-67257000-1398070536.jpg"><img alt="post-63-0-67257000-1398070536_thumb.jpg" src="/assets/uploads/ips/monthly_04_2014/post-63-0-67257000-1398070536_thumb.jpg" width="65"/></a></p>

<p>Bonjour à tous,<br/> aujourd'hui je vais vous expliquer comment reproduire en papier un objet 3d dans le mode réel, ça semble un peu dépassé maintenant avec les imprimantes 3d... mais bon ça m’amusait beaucoup quand j'étais petit, j'ai donc des têtes d'elfe, de gnome, des objets, répique d'équipement, qui traîne chez moi, quand le terme "cosplay en carton" devient réel^-^<br/><br/> donc dans ce tutoriel vous allons utilisé:<br/> -un logiciel de modélisation 3d: Google SketchUp (vous pouvez aussi utiliser C4D, Blender, Maya, 3ds Max, etc)<br/> -le logiciel qui va faire le travaille à notre place tousse: <a href="http://www.tamasoft.co.jp/pepakura-en/" rel="external nofollow">Peparuka Designer 3</a><br/> -une imprimante ..<br/><br/> Commençons par la modélisation, vous pouvez aussi prendre un model déjà fait, mais je vous conseille d'essayer de le simplifier.<br/><br/> Donc j'ai vite fait une boîte avec 2 coins écrasés:<br/><img alt="schet_1-4502cfc.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img106.xooimage.com/files/9/e/a/schet_1-4502cfc.png"/><br/><br/> Je l'exporte (Fichier > Exporter > Modèle 3D...):<br/><img alt="schet_2-4502d2d.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img105.xooimage.com/files/d/3/a/schet_2-4502d2d.png"/><br/><br/> Personnellement je l'exporte en Collada (*.dae), P.3 accepte aussi les extensions: *.6kt, *.6ks, *.obj, *.dxf, *.mqo, *.3ds, *.lwo, *.stl, *.kmzet *.kml.<br/><img alt="schet_3-4502d36.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img106.xooimage.com/files/3/9/9/schet_3-4502d36.png"/><br/><br/> Pepakura 3:<br/><img alt="pepa_01-4502e71.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img104.xooimage.com/files/3/f/6/pepa_01-4502e71.png"/><br/> compréhension rapide:<br/><img alt="pepa_02-4502ef4.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img101.xooimage.com/files/1/1/a/pepa_02-4502ef4.png"/><br/><br/> Importer le fichier (File > Open), vous choisissez votre fichier:<br/><a href="http://img101.xooimage.com/files/7/5/3/pepa_03-4502f64.png" rel="external nofollow">]http://img101.xooimage.com/files/7/5/3/pepa_03-4502f64.png]</a><br/><br/> selon votre format d'exportation vous avez les textures directement ou non dans mon cas je n'en ai pas<br/><img alt="pepa_04-4502fa8.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img101.xooimage.com/files/4/d/1/pepa_04-4502fa8.png"/><br/> donc Settings > Texture Settings... :<br/><img alt="pepa_05-450308c.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img105.xooimage.com/files/7/c/9/pepa_05-450308c.png"/><br/><br/> vous sélectionnez le nom de la texture, puis cliquez sur le bouton "Specify Texture Image..." vous choisissez votre fichier image qui correspond à la texture et c'est bon:<br/><img alt="pepa_06-450301f.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img105.xooimage.com/files/c/4/8/pepa_06-450301f.png"/><br/><img alt="pepa_08-4503143.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img105.xooimage.com/files/f/8/c/pepa_08-4503143.png"/><br/><br/> Dans ce que j'ai appelé "les boutons d'accès rapide", cliquez sur le bouton "Unfold" et mettez le en auto:<br/><img alt="pepa_07-45030f2.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img103.xooimage.com/files/5/2/3/pepa_07-45030f2.png"/><br/><img alt="pepa_10-4503247.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img102.xooimage.com/files/2/5/c/pepa_10-4503247.png"/><br/><br/> File > Print...<br/><br/> Vous pouvez utiliser la molette de la souris pour zoomer/dézoomer, maintenir le clique-droit bouger le curseur pour vous déplacer, je vous laisse découvrir les options que propose le programme, meilleur moyen d'apprendre c'est de chipoter <br/><br/> Rendu: Cliquez-dessus:<br/><a href="http://img103.xooimage.com/files/0/2/9/3d-45033a0.png" rel="external nofollow"><img alt="3d-45033a0.png" src="<base_url>/applications/sslimageproxy/interface/image.php?url=http://img103.xooimage.com/files/0/2/9/3d-45033a0.png"/></a><br/><br/> Bon collage à tous ..<br/> Cordialement,<br/> Mars073</p>

<p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:'trebuchet ms', helvetica, sans-serif;"><span style="font-size:18px;"><strong>Créer un effet texte incrusté via photoshop !</strong></span></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:'trebuchet ms', helvetica, sans-serif;"><strong>Ouvrir un nouveau document</strong></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:'trebuchet ms', helvetica, sans-serif;">La taille n'est pas importante pour le tutoriel suivant, tout dépend de votre création.</span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:'trebuchet ms', helvetica, sans-serif;">Personnellement, je vais prendre 500x250, avec un fond <strong>#a3a2a2.</strong></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"></p><p></p><blockquote class="ipsStyle_spoiler" data-ipsspoiler=""> <div style="margin:0px;color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> <div style="margin:0px;"> <div style="margin:0px;"> <p><span><img alt="1JFk9IL.png" src="https://i.imgur.com/1JFk9IL.png"/></span></p> </div> </div> </div> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"></p></blockquote>

<p><img alt="X401jVV.png" src="https://i.imgur.com/X401jVV.png"/></p> <p> </p> <p>Un blason peut servir pour représenter une équipe, un clan ou encore une simple personne. </p> <p>Ce tutoriel vous apprendra à créer un blason de style moderne, les couleurs seront de vos choix, vous n'êtes pas obligé de prendre les mêmes que les miennes.</p> <p> </p> <p><span style="font-size:18px;"><strong>I - Sur le web</strong></span></p> <p> </p> <p><span style="font-size:12px;"><span style="font-size:14px;">Ouvrez ce site en cliquant sur ce lien : </span></span><a href="http://aexion.free.fr/shields.csh" rel="external nofollow">http://aexion.free.fr/shields.csh</a></p> <p>Faites un clique-droit n'importe où sur la page, puis cliquez sur "enregistrer sous..."</p> <p>Enregistrez ce fichier quelque part où vous le retrouverez facilement !</p> <p> </p> <p>GARDEZ LA MÊME EXTENSION - en .csh</p> <p> </p> <p><strong><span style="font-size:18px;">II - Sur Photoshop</span></strong></p> <p> </p> <p>Ouvrez votre Photoshop et cliquez sur l'outils "formes personnalisées".</p> <p>Ensuite vous disposez d'une option "Charger des formes".</p> <p>Cliquez dessus, puis localisez votre fichier et ouvrez-le.</p> <p>Vos blasons apparaissent dans les formes personnalisées, libre à vous de les modifier, les mettre sur vos créations...</p> <p> </p> <p>Voici un petit aperçu de ce que je viens de faire en même pas 2 minutes, grâce aux blasons.</p> <p>(duplication du blason pour un effet 3D, changement de couleur et taille, dégradé dans les options du calques...)</p> <p> </p> <p><img alt="aaQfgCO.png" src="https://i.imgur.com/aaQfgCO.png"/></p>

<p>Un site de graphisme qui propose beaucoup de choses, notamment des tutoriels pour Photoshop, The Gimp, Illustrator, Maya, Blender, Image Ready, PaintShopPro, et 3D Studio Max.</p> <p> </p> <p>C'est surtout des bases, rien de bien incroyable, mais j'en ai trouvé certains pas mals, alors allez voir : </p> <p><a href="http://www.crystalxp.net/tuto/fr.htm" rel="external nofollow">http://www.crystalxp.net/tuto/fr.htm</a></p>

<p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-size:18px;"><strong>Modifier l'exposition de votre photographie sur Photoshop</strong></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;">Pour commencer, ouvrez la photo puis déverrouiller le calque de la photo, pour ceci double-cliquez sur le petit verrou, puis dupliquer ce calque. Masquez ensuite le calque d'arrière plan (L'image de base non-dupliquée).</p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><img alt="OuebBJO.png" src="https://i.imgur.com/OuebBJO.png"/><img alt="BJZbS8o.png" src="https://i.imgur.com/BJZbS8o.png"/></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-size:18px;"><strong>Modification manuelle</strong></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p><span>Pour corriger manuellement votre photo ouvrez les paramètres "Niveaux" avec CTRL + L </span><span>et déplacez le curseur de droite vers la gauche pour corriger la sous-exposition, et de gauche vers la droite pour corriger la surexposition. </span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><img alt="yHvxZCl.png" src="https://i.imgur.com/yHvxZCl.png"/></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;">Dès que le changement vous convient, il ne vous reste plus qu'à cliquer sur OK.</p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-size:18px;"><strong>Modification automatique</strong></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;">Cette technique est plus simple, mais moi précise en terme de choix de niveaux.</p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;">Allez dans le menu/image/réglages ou alors un raccourcis beaucoup plus rapide à l'aide du clavier <strong>CTRL + L,</strong> à la suite de ça vous allez voir apparaître une fenêtre pour régler le niveau de l'image et cliquer sur <strong>"Auto"</strong>.</p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><img alt="nNlhq2b.png" src="https://i.imgur.com/nNlhq2b.png"/></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;">N'hésitez pas à poster vos résultats, en montrant les deux images, de base, puis modifiée.</p>

<p><strong>Raccourcis clavier sur Photoshop </strong></p> <p> </p> <p><span style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><img alt="folder.gif" src="http://moodle.utc.fr/pix/f/folder.gif"/></span><span style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"> </span><span style="font-size:10.5pt;color:rgb(40,40,40);font-family:arial, sans-serif;">Raccourcis Fichier :</span></p> <p><span style="font-size:10.5pt;color:rgb(40,40,40);font-family:arial, sans-serif;"></span></p><p></p><blockquote class="ipsStyle_spoiler" data-ipsspoiler=""> <p><span style="font-size:10pt;color:rgb(40,40,40);font-family:arial, sans-serif;">Ctrl-S ------------->sauver</span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:arial, sans-serif;"><span style="font-size:10pt;">Ctrl-N----------------nouveau document</span></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:arial, sans-serif;"><span style="font-size:10pt;">Ctrl-W----------------fermer fichier</span></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:arial, sans-serif;"><span style="font-size:10pt;">Ctrl-Q-----------------quitter</span></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:arial, sans-serif;"><span style="font-size:10pt;">Ctrl-O----------------ouvrir un fichier</span></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:arial, sans-serif;"><span style="font-size:10pt;">Ctrl-Shift-Alt-S -----sauver pour web</span></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:arial, sans-serif;"><span style="font-size:10pt;">Ctrl-Alt-S ------------sauver une copie</span></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:arial, sans-serif;"><span style="font-size:10pt;">Ctrl-Alt-O------------ouvrir en tant que</span></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:arial, sans-serif;"><span style="font-size:10pt;">Ctrl-P----------------imprimer</span></span></p> <p style="color:rgb(40,40,40);font-family:Ubuntu, helvetica, arial, sans-serif;font-size:13px;"><span style="font-family:arial, sans-serif;"><span style="font-size:10pt;">Ctrl-Shift-P----------format d'impression</span></span></p> <p><span style="font-size:10.5pt;color:rgb(40,40,40);font-family:arial, sans-serif;"></span></p></blockquote>

<p style="text-align:center;">Ah que coucou tout le monde!</p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;">Alors comme il n'y a pas encore énormément de tutos de graphisme je me suis dit qu'il fallait y remédier. Donc aujourd'hui je vais vous apprendre (ou vous faire revoir selon les personnes) à faire un GIF animé.</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><span style="font-size:14px;"><em>GIF: Le <b>Graphics Interchange Format</b> (littéralement « format d'échange d'images »), plus connu sous l'acronyme <b>GIF</b> [<span style="font-family:'DejaVu Sans', 'Doulos SIL', 'Lucida Grande', 'Segoe UI', 'Arial Unicode MS', 'Adobe Pi Std', 'Lucida Sans Unicode', 'Chrysanthi Unicode', Code2000, Gentium, GentiumAlt, 'TITUS Cyberbit Basic', 'Bitstream Vera Sans', 'Bitstream Cyberbit', 'Hiragino Kaku Gothic Pro', 'Matrix Unicode', sans-serif;">ʒif</span>] (« jif », selon son créateur), est un format d'image numérique couramment utilisé sur la Toile.</em></span></p> <p style="text-align:center;"> </p> <p style="text-align:center;">Comme je suis particulièrement flemmarde je vais reprendre le GIF animé de ma signature, et donc vous montrer pas à pas comment la refaire avec Photofiltre et Unfreez. (Vous verrez plus tard fleurir la version Gimp d'un GIF animé ainsi que la version Photoshop, histoire de le faire avec un peu tout)</p> <p style="text-align:center;"> </p> <p style="text-align:center;">Tout d'abord il faut savoir qu'une image format GIF ne peut pas être "lisse" comme une image vectorielle, en gros si vous avez une image trop "nette" trop "parfaite" attendez vous à voir sa version GIF beaucoup plus pixelisée.</p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;"><u><strong>Etape 1</strong></u>: Choisir une image que l'on souhaiterai animer</p> <p style="text-align:center;">Ici je vais prendre mon petit diable que je vais coller sur une nouvelle page photofiltre</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><img alt="nlx1.png" src="https://imagizer.imageshack.us/v2/374x189q90/21/nlx1.png"/></p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;"><u><strong>Etape 2</strong></u>: Choisir un texte à mettre en dessous (ou non, au choix), en ce qui me concerne j'ai choisi "Tyne is watching you. Always." Je l'ai donc écrit juste en dessous, comme ceci:</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><img alt="97y.gif" src="https://imagizer.imageshack.us/a/img855/7852/97y.gif"/></p> <p style="text-align:center;"> </p> <p style="text-align:center;"><strong><u>Etape 3</u></strong>: Décomposer le GIF animé (la partie la plus longue et la plus <strike><span style="font-size:12px;">chiante</span></strike> pénible, surtout quand vous avez décidé, comme moi de faire un effet "J'écris un texte" <strong><u>ET</u></strong> que vous utilisez Photofiltre qui ne gère pas les calques) Il faut 1 image par lettre, plus les points... Donc 25 images.</p> <p style="text-align:center;">Alors c'est très simple vous allez dupliquer votre image "finale" 25 fois (ctrl + U) et vous allez effacer 1 lettre ou 1 point à chaque image. Ensuite vous allez <strong>enregistrer</strong> tout en format <strong>GIF</strong> (sinon ça n'a aucun intérêt) ça à chaque étape comme ceci:</p> <p style="text-align:center;"><img alt="1xc.gif" src="https://imagizer.imageshack.us/a/img27/1413/1xc.gif"/></p> <p style="text-align:center;"><img alt="1f2.gif" src="https://imagizer.imageshack.us/a/img35/1912/1f2.gif"/></p> <p style="text-align:center;"><img alt="xigz.gif" src="https://imagizer.imageshack.us/a/img703/6964/xigz.gif"/></p> <p style="text-align:center;"> </p> <p style="text-align:center;">Pour rajouter un petit "plus" dans l'animation j'ai décidé de donner un effet miroir à mon diable pour faire comme si il dansait toute les deux lettres. Pour cela je sélectionne mon diable très près:</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><img alt="vgrq.png" src="https://imagizer.imageshack.us/v2/500x300q90/31/vgrq.png"/></p> <p style="text-align:center;"> </p> <p style="text-align:center;">Puis je clique sur :</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><img alt="fua2.png" src="https://imagizer.imageshack.us/v2/100x100q90/819/fua2.png"/></p> <p style="text-align:center;"> </p> <p style="text-align:center;">Et ça me donne:</p> <p style="text-align:center;"><img alt="swxg.png" src="https://imagizer.imageshack.us/v2/374x221q90/854/swxg.png"/></p> <p style="text-align:center;">(vous noterez le "faux raccord" car comme je viens de le re-modifier en live le diable est de nouveau dans sa position originale.)</p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;"><strong><u>Etape 4</u></strong>: Une fois les 25 images terminées cela nous donne un dossier bien rempli. On peut alors ouvrir Unfreez qui se présente de cette manière:</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><img alt="iw66.png" src="https://imagizer.imageshack.us/v2/364x245q90/401/iw66.png"/></p> <p style="text-align:center;"> </p> <p style="text-align:center;">Ensuite c'est très simple, on dépose en glissant les images que l'on veut assembler (dans l'ordre) et on choisit le Frame delay! J'ai choisi 30cs. (à vous de tester ce qui vous convient le mieux)</p> <p style="text-align:center;"> </p> <p style="text-align:center;"><img alt="dcjr.png" src="https://imagizer.imageshack.us/v2/364x245q90/842/dcjr.png"/></p> <p style="text-align:center;"> </p> <p style="text-align:center;"> </p> <p style="text-align:center;"><strong><u>Etape 5</u></strong>: Cliquez sur "Make Animated GIF" et admirez le résultat! </p> <p style="text-align:center;"> </p> <p style="text-align:center;">Voilà le tuto est terminé, alors certes il est plus long que si on l'avait fait avec Gimp ou Photoshop mais j'aime bien bosser sur mes classiques de temps en temps... Et surtout je n'ai pas encore remis Photoshop sur mon PC, ni Gimp...XD</p> <p style="text-align:center;"> </p> <p style="text-align:center;">Si un jour vous testez ou si vous avez déjà testé, montrez le moi! Et si vous avez des questions n'hésitez pas non plus.</p>

<p>Bonjour,</p> <p> </p> <p>Pour cette soirée, je vous partage, Mattrunks, un site web pour vous guider dans l'apprentissage le motion design.</p> <div> </div> <div> </div> <div><img alt="visu-mac.png" src="https://mattrunks.com/img/visu-mac.png"/></div> <div> </div> <div>Vous apprendrez à vous servir d'After Effects et Cinema 4D.</div> <div>J'ai vu quelques tutos, c'est vraiment pas mal !</div> <div>Pour ce qui débute, commencez par...le commencement :</div> <div>- sur After effects : <a href="https://mattrunks.com/fr/debutant/after-effects" rel="external nofollow">https://mattrunks.com/fr/debutant/after-effects</a></div> <div>- sur Cinema 4D : <a href="https://mattrunks.com/fr/debutant/cinema-4d" rel="external nofollow">https://mattrunks.com/fr/debutant/cinema-4d</a></div> <div>Il y a aussi des tutos payant pour que le créateur de tous ces tutos gagne sa vie.</div> <div> </div> <div> </div> <div>Voilà, voilà </div> <div>En espérant que vous avoir fait découvrir quelque chose. </div>