tykay blog - Le vortex à chats

Tuto dessin

pas à pas d'une illustration, d'une page de bande dessinée, ou de nimp.

Fil des billets - Fil des commentaires

mardi, novembre 1 2011

Comment dire à Internet Explorer qu'il est trop vieux

Si vous concevez des sites web et que vous rêvez de ne plus avoir à passer 80% de votre temps à faire des ajustements pour internet Explorer (abrégé IE) qui n'a que faire des standards du web (mais qui se soigne) peut être que voici une solution pour que chacun vive dans un monde meilleur.
En mettant un message d'avertissement concernant uniquement les visiteurs utilisant Internet Explorer avant sa version 7 (sortie le 18 octobre 2006, maintenant en 2011 IE 10 sort sa plateforme de prévisualisation.) pour leur faire comprendre qu'ils feraient bien de le mettre à jour si ils ne veulent pas voir le web n'importe comment (textes superposés, png transparents non pris en charge, positionnement sale, impossibilité de s'armer contre les pubs...) ou risquer des failles de sécurité datant de Mathusalem. C'est un peu comme utiliser un antivirus qui ne connaitrait rien des failles de sécurité depuis 6 ans, rien que ça. Pas de bol pour ceux qui travaillent en entreprise et qui n'ont aucun droit pour faire la mise à jour de IE. Ils devraient dans ce cas en référer à leurs supérieurs et leur faire comprendre qu'il va de l'intérêt de leur entreprise comme de tout un chacun d'utiliser un navigateur MIS A JOUR. Sinon, bonjour les virus et les fuites d'infos confidentielles.


Voici donc le code HTML à copier dans les pages où vous voulez que votre encart spécial IE apparaîsse:

<!--[if lt IE 7]>
      Message pour IE inférieur à IE 7
<![endif]-->

if lt IE 7 signifiant si plus petit (lower than) qu'Internet Explorer 7.
Plus de détails sur les commentaires conditionnels destinés à IE sur ce tuto d'Alsacréations.

Vous pouvez en profiter pour donner la possibilité de télécharger gratuitement d'autres navigateurs qui ont le mérite d'être gratuits, avec des extensions, des options et surtout de la rapidité. Ici j'ai mis Chrome, Firefox, Opera et Safari.
Mettez des images des logos des autres navigateurs dans un dossier decoration/browsers/
à la place de "Message pour IE inférieur à IE 7" j'ai mis ceci sur mon portfolio.

<div class="noticeIE">
<h1>Mettez <a href="http://windows.microsoft.com/fr-FR/internet-explorer/products/ie/home">internet explorer</a> à jour.  </h1>
				<p>Votre navigateur internet date de plus de 5 ans,<br/>il est plus vulnérable aux failles de sécurité, vous risquez des attaques et des virus en utilisant d\'anciennes versions <br/>et aussi de ne pas voir les sites comme ils ont été prévus de le faire car votre navigateur ne respecte pas les standards.<br/>
				Essayez un de ces autres navigateurs plus récents gratuitement !<br/>
				<a href="http://www.google.com/chrome?hl=fr"><img src="decoration/browsers/chrome.png" alt="chrome"/></a>
				<a href="http://www.getfirefox.net/"><img src="decoration/browsers/firefox.png" alt="Firefox"/></a>
				<a href="http://www.opera.com/browser/"><img src="decoration/browsers/opera.png" alt="Opéra"/></a>
				<a href="http://www.apple.com/safari/"><img src="decoration/browsers/safari.png" alt="Safari"/></a><br/>
				
				<a href="http://www.google.com/chrome?hl=fr">Chrome</a>
				<a href="http://www.getfirefox.net/">Firefox</a>
				<a href="http://www.opera.com/browser/">Opéra</a>
				<a href="http://www.apple.com/safari/">Safari</a>
				</p>
</div>

En bonus, des chiffres de visites sur le vortex à chats.

!! visites du tykay blog

Firefox 50,85 %
Internet Explorer 22,53 %
Chrome 15,93 %
Safari 7,97 %
Opera 1,38 %
Mozilla Compatible Agent 0,35 %
Konqueror 0,26 %
Mozilla 0,15 %
Opera Mini 0,15 %
Android Browser 0,14 %

Et si vous vous demandez ce que j'utilise c'est Firefox principalement. Avec un peu de Chrome, d'Opéra, d'Epiphany (i haz some GNU/Linux) et d'IE-tester. Enjoyez les navigateurs qui changent la vie! Même pas cap d'en essayer un autre! *0*

lundi, juillet 25 2011

Tuto pour bloguer avec flemme

Quelques pistes pour s'éviter des tâches répétitives en tant que blogueur d'images et de dessins; Je me suis dit que ça pourrait en intéresser quelques uns.

Si vous ne tripotez pas le php et que ça vous fait peur vous pouvez allumer un cierge avant de voir la suite de ce billet :D Ce tuto n'est pas rempli de code, c'est plus une façon de s'organiser qui évite de copier coller des tas de choses. Chose que je ne fais plus depuis que j'ai écrit ce script en octobre 2008. script qui n'est pas publiable pour le moment,

Cliquez pour voir en plus grand tuto
Par ici pour les autres tutos que j'ai fait

Notez que la fonction scandir() ne fonctionne que sur le même serveur que la page qui l'exécute. Et ouais.

Pour donner une application exploitable sur d'autres plateformes que Dotclear ou des forums il faudrait que je me renseigne sur comment s'organisent blogger ou wordpress. Mais si vous tripotez un peu le php et le JavaScript vous gagnerez un temps fou à voir comment on peut s'éviter de retaper chaque adresse d'image,

Enfin, comme dit le tuto, je suis toute ouïe si vous connaissez des trucs dans ce genre pour bloguer avec plus de flemme :)

vendredi, mars 25 2011

Tuto photo stéréo 3D avec appareil numérique simple

Je me suis lancé dans la photo stéréo avec mon numérique. Idéalement on utilise des appareils photos possédant deux objectifs côte à côte, mais quand on a pas 500 € à claquer là dedans on peut aussi s'amuser à avoir un rendu similaire avec un simple numérique pas cher imotep. L'effet 3D n'apparait que lorsque l'on monte les photos et qu'on fait une gymnastique oculaire en louchant légèrement (+ mise au point) et en se plaçant assez loin de l'écran pour que ça ne soit pas fatiguant. Dans ce tuto j'explique comment faire pour faire ça dans ce tuto imagé. tuto stereoscopie (1)
tuto stereoscopie (2)
tuto stereoscopie (3)
Mon appareil photo est un Sony DSC-W200. Mais ça fonctionne avec n'importe quel numérique qui n'est pas utilisé par un parkinsonien. J'avais demandé a un de me faire des photos mais comme elles étaient infimement floues j'avais beaucoup de mal à faire la mise au point finale.

Comment voir l'effet 3D ?

Notez que certaines personnes ne peuvent physiologiquement pas voir cet effet pour des raisons neurologiques.
Sous windows vous pouvez agrandir votre image au maximum (pour éviter d'être distrait par la barre des tâches ou les autres fenêtres) en lançant un diaporama et en faisant pause avec la barre espace. pour quitter le diaporama c'est le bouton echap. Voilà ce que ça peut donner sur un gâteau en préparation, ne vous fatiguez pas les yeux et prenez une bonne distance d'un mètre, ce qui est normalement une distance plus grande que votre bras tendu: Pour bien arriver à voir la troisième image entre les deux, il faut se placer bien en face du milieu de son écran et ne pas pencher la tête comme Horacio Caine, comme ça c'est plus simple. Ensuite, il faut fixer votre regard sur un élément de l'image centrale.

double bols gateaux500
Si vous n'y arrivez pas du premier coup c'est pas grave, prenez du recul. Si vous savez comment faire varier le flou de votre vue ça va vous aider pas mal \o/. Dans l'exemple suivant ( <- cliquez dessus Bande de moules)
j'ai écarté la distance entre chaque ligne de texte pour montrer comment on interprète cette différence dans l'espace. plus c'est éloigné entre les deux clichés, plus c'est proche de l'observateur dans l'illusion d'image en 3D.
Je réfléchis à comment réaliser des photos panoramiques avec cet effet 3D.

Bref Amusez vous bien.
Et faites moi voir vos merveilles tant qu'on y est *o*

lundi, août 30 2010

Trucs de classeur excel , Open Office

c'est du mangasseEt si je voulais lister mes mangas pour savoir où j'en suis dans mes collections, et à qui j'ai prêté quoi? Ou bien réaliser des statistiques de mes consommations pour savoir à quoi m'abonner et si c'est rentable. Au lycée en filière scientifique j'ai eu UN cours de classeur excel pour réaliser une suite récursive dans un classeur excel, ça m'a permis d'apprendre quelques trucs bien utiles que l'on peut ensuite appliquer à ce qu'on veut.

chopper Open Office.org (140 Mo)

http://fr.openoffice.org/ qui a l'avantage d'être 100% gratuit (Open source multiplateforme) et de pouvoir ouvrir/enregistrer des fichiers de microsoft office. Donc pas seulement excel mais aussi word et les autres.

étendre une formule ou cellule.

classeur excel open office tykayn tuto6
au lieu d'écrire dans chaque cellule les chiffres de 1 à 20, ou les jours de la semaine de Lundi à Dimanche, ou les dates de chaque jour une par une il existe une façon simple de s'éviter de longues heures de tapage: l'extension de formule ou de cellule. cliquez sur le petit carré noir en bas du rectangle entourant la cellule et relachez le click sur une autre cellule et ô miracle, vous avez étendu votre cellule ! ça fonctionne même pour les couleurs que vous aurez pu y mettre. classeur excel open office tykayn tuto7
classeur excel open office tykayn tuto8
classeur excel open office tykayn tuto9
classeur excel open office tykayn tuto10

séparation virtuelle de page.

classeur excel open office tykayn tuto2 classeur excel open office tykayn tuto3 classeur excel open office tykayn tuto1 classeur excel open office tykayn tuto4 pour gagner en lisibilité. Il faut attraper les barres aux abords des ascenseurs et les étirer à la colonne ou à la ligne désirée. ensuite quand vous vous déplacerez vous garderez statique un partie de votre feuille de calcul, trop bien!

plusieurs feuilles

classeur excel open office tykayn tuto5 en bas à gauche de votre classeur de calcul vous pouvez voir 3 feuilles en onglet, cliquez droit dessus et vous pourrez les renommer, supprimer ou en ajouter. Plus vous en mettrez, plus ça sera long à sauvegarder et à ouvrir votre document. et ouais.

format de cellule.

pour pouvoir faire des colonnes pleines d'euros avec des 0 après la virgule, inscrire des numéros de téléphone (format: Nombres > standard > choix du pays) Français (10 numéros), Belges(9 numéros), des chiffres en écriture scientifique, des pourcentages, heureusement qu'il existe des instructions pour faire comprendre à votre classeur que toutes les cellules sélectionnées doivent indiquer un certain format dans leur contenu. click droit > formatage, et choisissez.

formules utiles.

toute formule commence par un signe égal = et est écrite en majuscule (Open office corrige les formules écrites en minuscule et suggère leur mode d'emploi en info bulle quand on les tape). Une formule peut en contenir d'autres comme des poupées russes \o/
SOMME() ou en anglais SUM(), MOYENNE() ou AVERAGE(), JOURS() ou DAYS(), AUJOURDHUI() ou TODAY() sont des fonctions bien utiles.
(Vous pourrez trouver toutes les autres avec leur explication dans le bouton F(x) en haut, à gauche de l'espace pour écrire le contenu des formules.) Si j'ai une colonne qui contient le nombre de volumes de chaque série de mangasses que j'ai, au lieu de compter chaque cellule en faisant une formule valant =A5 + A6 + A7 + A8 + A9 + A10... j'ai juste à écrire =SOMME(A5:A10) dans la cellule où je veux connaître le résultat.
Si j'ai la date à laquelle j'ai prêté quelques volumes d'une certaine série de mangasse dans la cellule D12, je peux savoir depuis combien de jours ce chacal ne me les a pas rendus en réalisant une fonction =JOURS(AUJOURDHUI();D12).

Formatage conditionnel

Je pourrais aussi décider de colorier en fond rouge les séries prêtées depuis plus de 30 jours grâce à un formatage conditionnel. Pour en mettre en place un il faut sélectionner les cellules donnant le résultat de la fonction, puis aller dans le menu du haut intitulé format puis Formatage conditionnel... . Choisir que la valeur soit supérieure à 30, et lui donner un style. classeur excel open office tykayn tuto12
classeur excel open office tykayn tuto11


et wouala!

verrou de référence.

Comme à la bataille navale, les cellules sont définies chacune par une lettre pour la colonne et un chiffre pour la ligne(mais aussi par un nom de feuille si besoin). Placer un dollar dans l'adresse de cellule indique un verrou de référence.
Par exemple dans ma colonne A j'ai marqué les lettres de A à Z une par une dans chacune de mes cellules. Dans la colonne B je voudrais que les cellule soient égales à la cellule à côté. J'écris donc dans la cellule B1 ceci =A1 , et ça me donne la même valeur pour A1 et B1. Là ça n'a pas grand intérêt mais vous trouverez des applications plus intéressantes. Si j'étends ma fonction de B1 sur le reste de la colonne, les deux auront le même contenu.
un $ avant l'indicateur de colonne vérouillera la colonne, et pour la ligne ça vérouillera la ligne, et la marmotte met le papier d'alu dans le chocolat ce qui est mal. Et donc, mettre deux dollars ne vous rendra pas moins riche mais donnera un référent qui ne bouge pas quand vous étendez la fonction.
voici donc quelques possibilités pour se référer à la cellule A1. $A$1 $A1 A$1 A1
si dans ma case B1 j'écris =$A$1 et que je l'étends à ma colonne B , miracle, ma colonne B sera remplie de ce qui est uniquement dans la cellule A1.
utile quand on veut étendre une formule sans faire bouger tous les référents.

Tri des données

sélectionnez la plage de données, menu Données , Tri, choisissez la colonne où la ligne déterminant le tri, le type croissant ou décroissant du tri et zou, c'est trié! ainsi vous pourrez savoir quelles sont les séries terminées en les triant par la colonne remplie de 1 si la série est finie, ou encore trier par nom des personnes qui vous empruntent vos volumes, ou à qui vous en empruntez pour savoir qui est le plus un squatteur et lui décerner une médaille.
Il existe des moyens encore plus pratiques pour trier les données en posant un sélecteur - groupeur de données mais je sais pas comment on fait :D

référence d'une autre feuilles.

pour plus de lisibilité vous pouvez ranger dans une feuille et dans une autre du même classeur des données qui auront à interagir entre elles. pour référer une cellule à une autre il suffit de commencer par un = (signe égal) comme pour toute fonction et de cliquer sur l'autre feuille, puis sur l'autre cellule ou série de cellule si besoin, et d'appuyer sur entrée. par exemple je veux référer la cellule A1 sur ma feuille PremiereFeuille, ça s'écrira PremiereFeuille.A1

Wala, maintenant vous avez assez de puissance pour créer votre liste de mangasses et savoir à qui vous avez prêté quoi! \O/

youpi wahou.Excel m'a servi à apprendre mes verbes irréguliers d'English en remplissant des cellules cachées et vérifiant ce qu j'entrais(je ne saurais pas refaire la bidouille pour choisir une ligne au hasard et demander à vérifier une égalité sur une autre feuille ou un autre fichier... ah ptêtre que si en fait), ça sert aussi à organiser des schémas de base de données, à faire des plannings, à catégoriser des articles pour un fanzine CULturel, à travailler en équipe... c'est fou ce qu'on peut y trouver comme applications.
Si vous avez des conseils du genre je suis preneur :)

jeudi, mars 18 2010

Marbres de Rome

Ouais c'est plus rebelle de pas faire un vrai compte rendu de mon premier vouayaaaage à Rome. Allez les dessineux et modeleurs 3D ces photos de marbres de Rome et du vatican sont en libre service à condition que vous mentionnez kékpart que vous les avez trouvé sur le tykay blog, youpi!

vendredi, novembre 27 2009

[tuto] Perspective par mesure

Jusqu'ici mes tutos de perspective partaient du principe que pour faire un dessin on dispose les éléments sans mesures exactes parce que pour montrer ce qu'on veut (pour faciliter la narration et mettre en valeur les éléments qu'on veut) on se permet des licenses poétiques.Donc pour cette fois on va pas faire comme ça et on va se prendre pour des arCHItectes. qui prennent des mesures.

Ensuite on appliquera ça à la fameuse chambre d'hôtel dans l'autre tuto de perspective et sa télévision qui reflétait le lit.Pour faire une perspective avec des objets aux mesures correctes, on va devoir prévoir dans notre feuille un espace qui comportera le dessin final, et une marge suffisamment large pour disposer nos objets autour du dessin. Regardons maintenant le schéma ci-dessus avec ses 6 figues.
!!! Construire un repère de perspective. figure 1)Ceci représente le début de notre repère, qui se trouvera sur notre feuille dans notre espace dédié à notre illustration finale.On remarque que ce repère est constitué de deux lignes horizontales: la plus haute ligne représente la ligne d'horizon, la plus basse la ligne de terre qui sera la limite de notre illustration(on ne dessinera pas notre illu en dessous de cette ligne) et une ligne verticale, la ligne de visée qui est l'orientation de notre point de vue / caméra / appareil photo qui est sensé percevoir l'image de l'espace, et cette image est notre illustration.Pour vous situer l'horizon, c'est la ligne formée par la projection des deux points de votre vision sur un plan parallèle au sol supportant votre point de vue. (vous êtes bien avancés hein).Bon en fait c'est la hauteur de vos yeux au loin. Ensuite la ligne verticale doit être perpendiculaire aux deux autres lignes horizontales. tout ce qui est juste en face de vous se trouve sur cette ligne.La ligne de visée (verticale) coupe la ligne de terre en un point qu'on nommera T. La distance entre le bas de la ligne de visée en dessous de T doit être égale à la distance entre le point de vue et l'espace observé, relativement aux dimensions des objets que l'on voudra représenter bien sûr. de La fin de cette ligne de visée se nommera V comme Vue et va nous servir à placer les points de fuite ensuite. Si von veut dessiner un cube/bâtiment/nain de jardin/symbole phallique/incroyable Hulk de 20 mètres de haut on ne va pas prendre une feuille de 20 mètres de haut, on va déterminer une échelle. si on doit se trouver a 50 mètres de notre sujet on va dire que 10cm sur notre feuille valent 50 mètres. à coup de produit en croix on trouve que notre cube de 20 mètres fera donc 4cm de côté.Voilà, on va pouvoir commencer.
figure 2) Pour comprendre comment ça fonctionne on va dessiner un simple carré en perspective.Le carré c'est bien, parce qu'ensuite quand on voudra dessiner des formes plus complexes, il suffira de les mettre en boîte et de les découper en carré.Donc, vous vous rappellez que toutes les lignes parallèles convergent vers un même point de fuite; que c'est pareil pour les plans parallèles (parce qu'ils sont constitués de lignes parallèles), parfait.Avant de savoir comment placer ces points de fuite, observons donc les lignes du carré et ses diagonales.Ses côtés sont parallèles 2 à 2, ils fuiront donc vers un point pour 2 côtés parallèles.Ses côtés font tous la même longueur, ce qui va nous permettre de constater les déformations de la perspective une fois qu'on l'aura dessiné.Les diagonales se croisent au centre du carré, elles pointent vers des points de fuite différents des autres segments du carré car elles n'ont pas la même direction.En prenant pour repère notre ligne de vue (qui est verticale dans le repère) on peut déterminer l'angle formé par une ligne et une autre grâce à un point d'intersection (qui formera la pointe de l'angle) et un rapporteur.On va donc prendre les angles que forment les traits de la forme que l'on veut dessiner, et les comparer à la ligne de vue, au niveau du point de vue (tout en bas), afin de trouver les angles dont on a besoin.Les angles que l'ont trouvera seront entre -180° et 180°. à gauche de la verticale on dira qu'ils sont négatifs, et à droite positifs. Mais une fois que vous serez habitués à prendre les directions vous n'aurez que faire des valeurs des angles. Pour le moment on mesure:Les traits verticaux formeront des angles de 0° (ou 180°, ou encore -180° si vous voulez, ça ne change rien à la direction qui est à ne pas confondre avec le sens d'une droite) car les deux traits sont superposés.Les traits horizontaux formeront un angle droit de 90° (ou -90°) avec la verticale.Les diagonales formeront un angle de 45° et -45°.Maintenant que vous connaissez les angles, les foints de fuite que vous cherchez se trouvent à l'intersection de la ligne d'horizon et des droites orientées par vos angles mesurés qui partent du point de vue.Tirez donc des traits qui partent du point de vue dans les angles de -45°, 0°, 45°, et 90° et vous trouverez les points de fuite sur la ligne d'horion.Il n'y a pas d'intersection entre les droites parallèles, on considèrera alors que la direction de 90° donnera des points de fuite à l'infini sur les côtés de la ligne d'horizon. Et ouais.On a nos points de fuite donc. Il ne reste plus qu'a savoir où dessiner notre carré.(Par la suite pour gagner en clareté vous pouvez éviter de dessiner les lignes de directions et juste marquer les points de fuite sur la ligne d'horizon) figure 3)Pour que ça reste simple, on va placer la base (le segment AB) de notre carré sur la ligne de terre, au centre de le ligne de vue. On a donc de part et d'autre de la ligne de vue, la même longueur.La direction de ce premier segment est de 90° , on la représente donc qui tend vers cette direction, horizontale.Les deux points formant le segment de la base de ce carré sont orientés à 0°, donc à relier au point de fuite de 0° qui se trouve juste en face du point de vue. L'intersection entre la ligne de vue et l'horizon.On a donc maintenant un triangle, le dernier côté de notre carré se trouve quelque part entre la ligne de terre et l'horizon, dans ce triangle.
figure 4 et 5)Pour trouver l'autre horizontale du carré, on va utiliser ses diagonales (orientées à 45° et -45°). Comme vous le remarquez, les diagonales, si on les prolonge, coupent chaque point du carré.Donc hop, on prend la base du carré et on trace les diagonales grâce aux points des angles dont on a besoin. figure 6) Nos diagonales coupent le triangle qu'on avait avant, et ô miracle, on peut enfin dessiner le dernier segment horizontal de notre carré.Youpi, on a notre carré!Et si on veut dessiner un carré qui n'est pas tout droit?Ce qu'il y a à retenir c'est que dessiner en perspective est un jeu où il faut trouver des intersections entre plusieurs droites symbolisant des directions.On mesure, on trace depuis le point de vue, on trouve les points de fuite, et c'est parti.Et si on veut dessiner un carré ailleurs qu'à partir de la ligne de terre?On fait un repère de notre espace à dessiner vu du dessus comme pour notre carré (ben oui, il était vu du dessus). Puis on va imaginer un rectangle entre le point de vue et notre objet afin de pouvoir situer l'objet au loin de la même manière qu'on trouve la dernière ligne du carré dans l'exemple ci-dessus (attention à l'angle des diagonales qui n'est plus de 45° pour un rectangle).Avec quelques essais ça va vous paraître super facile.!!!Exemple de la chambre d'hôtel Ceci vient compléter ce tuto de perspective sur les refletsLes schémas suivants reprennent les explications ci-dessus avec moins de détails.

On sait dessiner les formes à plat, pour les surélever on va devoir représenter des objets dans des tailles relatives au repère, les projeter sur la ligne de terre, puis les faire tendre vers les points de fuite correspondant à leur direction. Ce qui explique pourquoi on avait besoin d'une marge simpson tout autour de notre espace de dessin.



Vouala vouala un schéma plein de lignes, pour qu'il devienne lisible on peut dessiner en mettant une feuille par dessus comme si c'était un papier calque, vvoyez.!!! Quelques trucs bizarresVoici des jeux sur la distance de vue.
Voici enfin l'illustration que devrait donner tout ceci.
Vouala: dessiner en perspective est un jeu où il faut trouver des intersections entre plusieurs droites symbolisant des directions.On mesure, on trace depuis le point de vue, on trouve les points de fuite, et c'est parti.Enjoy! :)

vendredi, octobre 9 2009

[tuto] comment dessiner un espace refleté?

Comment dessiner un espace refleté ? Voici le rapide tuto qui va vous y aider, youpi !
Quelques notions de perspective vous aideront grandement.

1/5 : connaître l'espace à dessiner


Avant de commencer à dessiner, il faut avoir une idée précise de l’espace que l’on veut dessiner, et le schématiser en donnant une cohérence de proportion entre les objets.

2/5 : choisir le point de vue et ses limites

Le dessin englobera une partie de la pièce, mais de quelle hauteur et à quel endroit ? J’ai choisi de placer le point de vue en rouge.
J’ai noté en orange les limites de ce que mon dessin doit montrer, et colorié en vert ce qui sera visible. A l’aide de traits oranges à l’intérieur des zones vertes j’ai projeté les zones d’ombre qui me permettront de donner de la cohérence dans mon dessin final, au niveau des proportions des objets. Normalement je ne verrais pas le mur derrière la télé, et je ne verrais pas le bas du meuble sur lequel elle est posée, car ce bas de meuble est caché par le lit. Ça permet de se corriger quand on dessinera ce que voit le point de vue choisi, le dessin final.

3/5 : construire les reflets schématiques


Un miroir renvoie tout droit des rayons qui lui arrivent parallèlement à la normale de sa surface.
Si on pose une équerre sur un miroir de façon à ce qu’un seul côté droit de l’équerre ne touche sa surface, l’autre côté droit de l’angle formera la normale à la surface du miroir. Laissons de côté que N.sinus(i1)=N.sinus(i2), et on va utiliser tout simplement une équerre.
Prenons la surface réflectrice (la vitre de la télé dans le cas présent), et utilisons là comme axe de symétrie pour dessiner un espace virtuel. Cet espace virtuel placera les ojbets refletés.
Et pareil dans les vues de profil



4/5 : induire la partie visible du reflet

Faire une déduction ou une induction ? En fait ça sera une induction, tout comme on se trompe sur ce que font les détectives, ils ne déduisent pas, ils induisent des faits à partir de traces ou d’objets. « il y a une empreinte, dont il y avait quelqu’un qui est passé par ici », et pas l’inverse dediou !
Bref, ici on fait comme si le point de vue était une source de lumière ponctuelle et on dégage les zones d’ombre, que le point de vue ne verra pas, et qu’on aura pas à dessiner.
Là, on voit que le reflet ne montre pas le lit jusqu’aux coussins, donc on aura pas à les dessiner. Cette opération de repérage de la partie visible du reflet doit aussi être effectuée dans les vues de profil, à la verticale.

5/5 : dessiner le tout


En oubliant pas que dans le reflet, c’est le côté opposé à celui que verrait le point de vue directement. Pensez aux maid café où les clients voient les serveuses décemment de là où ils sont assis, mais le sol réflecteur leur montre le dessous des choses. maid kawai
Oui, j’ai le chic de donner des exemples faciles à retenir. Et non, je n'ai pas de photo illustrant parfaitement mes dires, ni de dessin du point de vue :D
Maintenant vous pourrez même dessiner des reflets de reflets dans une pièce \o/// Construisez votre perspective en considérant que la fuyante du lit refleté ne sera pas la même que celle du lit original, parce que la vitre de la télé n’est pas parralèle au lit, et y’a pu qu’a !

J'espère que ça vous servira, auquel cas je veux bien voir ce que vous en avez fait, Enjoy !

vendredi, août 21 2009

[tuto] Comment écrire un bon scénario

Oyez oyez scénaristes de tout poils,
si vous voulez vous améliorer voici quelques conseils que j’ai retenu de mes cours de scénario et d’écriture-narration pendant les 2 dernières années, avec quelques ajouts personnels.
On peut écrire une très bonne histoire sans suivre ces conseils, mais ils sont bons à savoir, de même que l’anatomie est utile à connaître même si on ne dessine pas dans un style réaliste.

Pré requis

-->Vous voulez écrire une nouvelle histoire.
--> Ou bien, vous voulez remanier une histoire que vous avez déjà écrite.
Dans ce 2e cas, il faut vous attaquer à une histoire dont vous n’aurez pas peur de faire de gros changements. Nous allons voir comment et pourquoi faire de gros changements améliorera considérablement la qualité de vos histoires.

Conditions d’écriture

De bonnes conditions pour l’écriture peuvent être une ambiance sonore ou visuelle qui vous conviennent. Pas besoin de matériel de pointe, un papier et un crayon suffisent, toutefois, le crayon peut s’effacer facilement contre votre gré. Pensez donc à toujours sur vous avoir un calepin de poche et un mini stylo qui ne bave pas, des fois que vous ayez une idée géniale en dehors de votre domicile.
On admet qu’il n’y a pas d’endroit qui ne peut pas vous apporter de bonnes idées.
L’inspiration n’est pas à mendier mais à provoquer soi même.
Pour se lancer à l’écriture n’exigez rien de ce que vous allez écrire. Marquez simplement ce qui vous passe par la tête, même si c’est « chapeau, cacahuète, cailloux rouges ». Vous ferez le tri plus tard. Commencez à écrire dans cet état d’esprit.

Une fois que vous êtes échauffés ou que vous avez rédigé quelques courts essais pas forcément finis, pensez à une histoire que vous auriez envie d’écrire.
Quelques idées jetées comme elles vous viennent sur un papier vous aideront à voir l’ensemble (c’est un brainstorming, une tempête de cerveau).
Réfléchissez au support sur lequel sera raconté votre histoire, car vous n’allez pas rédiger de la même façon une pièce de théâtre qu’un film, un roman, ou une BD.

Repérer un mauvais scénario

Il y a une question simple à se poser pour se lancer dans l’écriture d’une histoire qui vous plaira : « qu’est-ce que j’ai envie de voir ? ».
Quand on cherche à écrire des scénarii, il est bon de regarder comment sont construits ceux de films où d’ouvrages très divers, même les mauvais pour comprendre pourquoi ils le sont, afin de savoir ce qui est à éviter. Il est difficile de repérer les tournures scénaristiques qui constituent des histoires qui nous sont arrivées personnellement dans la vraie vie. Toute histoire peut se résumer en une ou deux lignes narrant le fil principal (en omettant toutes les trames de second plan). Une histoire trop complexe échappera aux lecteurs. Essayez de faire un pitch de vos histoires, c’est un excellent exercice pour voir si vous avez une idée claire de ce que vous voulez faire, et si c’est facile à comprendre.

Explications intra textuelles

Ce qui fait que vous allez préférer raconter une partie d’une histoire en de longs passages plutôt qu’en un petit texte explicatif (ce qui peut être utile aussi), c’est ce que vous décidez de communiquer au lecteur/ spectateur. Certains aspects de votre histoire n’ont pas besoin d’être expliqués. (« mais pourquoi les zombies veulent manger nos cerveaux et pas ceux des brebis du charcutier? » ce n’est pas forcément le propos de votre récit, il vaut mieux donc ne pas l’évoquer.) Ne vous perdez pas dans l’explication détaillée et logique de l’origine de chaque point de votre histoire, au risque de faire ressembler votre production à une démonstration qui n’en finit pas. Même si vous voulez faire de la vulgarisation scientifique, stockez les aspects facultatifs d’explications que vous voulez absolument placer en annexe ou supprimez les de la diffusion. Pensez aux lecteurs. On peut toujours améliorer un scénario, alors il faut savoir décider d’un moment où ne plus y toucher.

Personnages

Un mauvais personnage n’apporte rien à l’histoire.
Si vous pouvez en supprimer un de votre récit sans que ça n’en change la trajectoire, alors il vaut mieux l’enlever.
Un bon personnage doit avoir permettre une identification, il doit alors avoir quelque chose d’humain, même si il n’en a pas l’apparence. Un personnage qui serait méchant sans aucune raison a peu de chances d’être crédible. Plus vos personnages seront définis (vous connaissez leur vie de A à Z, leur métier, leur famille, leurs goûts, leur tempéraments, leurs apparences, leur niveau de langage…) plus ils seront vivants. Tout n’a pas besoin d’être révélé au lecteur, mais que vous sachiez ces choses rendra crédible leur comportement général, leurs habitudes, leurs tics…
Utiliser des archétypes (rôle familial, statut social…) ou interpréter des histoires que tout le monde connaît peut vous permettre de faire passer plus facilement des aspects qui vous sont propres. Vouloir raconter des histoires 100% originales n’est pratiqué que depuis l’invention du roman (où l’on se raconte soi même) il y a environ deux siècles.
Mettre des personnages très différents au même endroit (Laurel et Hardi, Harry Potter et Béatrix Potter :D) entraîne de bonnes dynamiques scénaristiques. « Comme si on déplaçait des billes sur un disque qui tiendrait en équilibre par le centre, le disque bascule»
Jouer d’un trio de personnages principaux permet une mise en mouvement très facile.
Utiliser les 7 péchés capitaux est aussi un très bon moteur d’histoires.
L’amour sans désir sexuel, jalousie ou convoitise (etc) est un ralentisseur d’action.

Si vous écrivez pour le théâtre, faites les se déplacer sur la scène tant que possible et utilisez la gestuelle pour communiquer. Un déséquilibre crée naturellement une dynamique qui facilite le suivi du spectateur et le maintient alerte à ce qu’il voit.
Et tant que les personnages sont intéressants, il peut leur arriver n’importe quoi , l’histoire sera intéressante.

Dialogue

Si votre histoire présente des dialogues en film ou en BD, faites en sorte qu’ils ne soient pas descriptifs de l’image qui les accompagnent. (« je me promène allégrement dans le pré avec un panier à la main et je chante lalalaaaa » + image redondante ) Si vous ne pouvez pas faire comprendre ce qui se passe dans une scène ou une case de BD sans passer par un personnage qui dit ce qu’il passe, c’est que votre image de BD ou votre scène de film est mal construite.
Dans la vraie vie on ne parle pas tout le temps, et un silence bien mesuré en dit parfois plus long qu’une description, utilisez les silences avec soin.
Ne confondez pas le silence et les points de suspension. Dans un BD, une bulle remplie de points de suspension encombre l'image et risque de faire zapper la case par vos lecteurs. C'est donc une pratique à éviter.

Scènes

Chaque élément qui ne fait pas avancer votre histoire ou qui ne sied pas à l’ambiance que vous voulez décrire doit être supprimé.
Concernant les descriptions, arrangez vous pour que le lecteur ait des images pour nourrir son imaginaire et prenez garde à organiser vos mots pour qu’ils ne mènent pas à des contresens visuels (quand on lit « il fait noir comme une nuit sans lune », on a tous en tête l’image de la lune, ce qui est contraire au « noir » que l’on veut décrire), des répétitions agaçantes (répéter « horrible » par exemple, finit par rendre la situation plus ridicule qu’autre chose, donc FAIL. décrivez plutôt votre idée de l’horreur )ou des vides descriptifs (« une lumière froide » ne décrit pas comment c’est froid, employez des adjectifs ou des descriptions caractéristiques de couleur ou de matière pour étoffer vos images).
Ne négligez pas un seul des cinq sens.

Aspect syntaxique du récit

Pour ce qui est des scénarii diffusés sans images, une fois que vous avez écrit votre texte sur ordinateur, reprenez le et organisez le en paragraphes et alinéas pour distinguer le déroulement de vos idées. Pour rendre agréable la lecture « Aérez vos pages ».
Corrigez vos fautes d’orthographe, d’accords et de syntaxe.
Word souligne les fautes et fournit des synonymes avec un clic droit sur un mot, si vous avez le dico des synonymes installé, vous pouvez aussi en trouver sur le net. (En Anglais on dit « Thesaurus ») Déplacez des propositions, bref « essayez ».
Gardez en tête que c’est en forgeant qu’on devient forgeron.
Enfin, rappelez vous de cette phrase : « qu’est-ce que j’ai envie de voir ? ».

Vocabulaire

Enrichissez votre vocabulaire de synonymes, de mots de plus de trois syllabes, d’étymologies, de visites hasardeuses dans un dictionnaire. Apprenez à enrichir votre vocabulaire pour pouvoir diversifier vos personnages et sachez remplacer des formules pauvres de sens comme « il y a » par des verbes appropriés (exister, trouver, voir, mener, apercevoir, être, …). Dialectes, accents, langues, âge.
Ne placez pas plus d’un « et » dans une même phrase, servez vous des virgules, de points virgules, puis d’autres liaisons « mais , où, et, donc, or, ni, car ; premièrement, d’ailleurs, d’abord, dès lors, ensuite, enfin ». Si vous rédigez des poèmes ou des chansons, vous aurez aussi besoin de notions de scénario. Faites le moins possible de rime en « é » ou de remplissage de vers avec des mots comme « vraiment », ou « très ».
Aussi, si vous aimez la Science Fiction ou la Fantasy, ne noyez pas le lecteur dans des mots tarabiscotés pour désigner des objets ou des choses qui ont déjà un nom dans le monde réel(en Français par exemple). Vous pouvez en utiliser, mais limitez vous au minimum utile, si vous cherchez l'exotisme, placez le non pas dans les noms mais dans les descriptions.


N’hésitez pas à faire des remarques où à donner en lien des textes que vous aurez rédigé après la lecture de ce didacticiel.
Vous pouvez aussi en publier sur !Q le forum culturel. Pour vous faire connaître , recevoir des critiques avisées, proposer des collaborations avec des kunautes, les membres de !Q.
Bons scénarii à vous tous, j’espère que ça vous sera utile. :)

Présenter un projet BD de façon pro à un éditeur

Vous êtes dessinateur, scénariste, ou les deux.
Vous avez un projet de BD qui n‘est pas forcément très avancé
et vous voulez le faire publier pour devenir riche et ou célèbre. Mon cours de narration avec Thomas Gunzig (réalisateur de film, scénariste et écrivain Belge) m‘a appris ceci:
Voici quelques points que vous DEVEZ avoir à présenter à un éditeur, et dans cet ordre:

  • Un Pich.
    Non, pas celle là.
    Un bon Pïch doit raconter en une phrase ou deux le fil directeur de votre histoire du début à la fin. Pas de surprise pour votre éditeur, vous devez le spoiler.
    Votre Pich ne raconte pas comment vous voulez raconter votre histoire, gardez ça pour les notes d‘intention.
    Le plus difficile est de résoudre à très peu de mots une histoire qui peut être longue. Cependant, si vous ne pouvez pas dégager le cheminement de votre histoire, aucun lecteur ne le pourra non plus.
    Par exemple, le film des 7 Samouraïs raconte:
    7 Samourais se réunissent pour la dernière bataille de leur vie et s‘organisent pour protéger un village de paysans, menacés par une meute de voleurs de récolte, dans un Japon médiéval.
    Le Pich est l‘épuration la plus radicale de votre histoire.
    Si supprimer un élément de votre histoire ne change absolument rien dans ce que vous voulez faire passer, alors cet élément est inutile et il est préférable de s‘en passer.
  • Des notes d‘intention.
  • Vous trouverez en vous demandant tout simplement: „Qu‘est-ce que j‘ai, moi, envie de voir“.
    Recherchez le pich avant les notes d‘intention, sinon votre histoire ressemblera à une démonstration. à moins de vouloir démontrer quelque chose ça risque de paraître très mécanique.
    Cette partie concerne les thèmes abordés par votre histoire et tout ce qui répond à la question „comment“ dans le traîtement de votre histoire.
    Comment vous ne êtes arrivés à vouloir raconter cette histoire, vos inspirations. Montrez les au lieu de les cacher. être clair avec vos intentions vous facilitera la tâche pour mener a terme votre projet.
    Les tons que vous voulez donner. (thriller, humour, romance, érotisme, situationisme, polar, science fiction, space opéra…)
    Vos intentions de traitement graphique, (réaliste ou pas) la ou les techniques que vous allez utiliser (couleur, gris, peinture, feutre, photographie…)

  • Quelques travaux.
  • Sketches, documentation photo, références, plans préparatoires, story boards.

  • Une scène décrite précisément.
  • C‘est une partie de scénario écrit. Vous pouvez y associer des croquis ou des dessins finis.
    Dans cette scène il doit être montré une ambiance propre à votre histoire. Ne choisissez pas une scène trop descriptive, Il faut qu‘il se passe quelque chose, une partie de la trame narrative doit être mise en place.

    Vos dossiers sont aussi présentables en format PDF.

    Sur ce, amusez vous bien :)

mercredi, mai 27 2009

Tuto: scripts toshop, facile et bon pour les flemmards

Les scripts de photoshop je m'en sers pour

redimensionner DES TAS D'IMAGES au format de largeur de mon blog.
Aussi pour faire des miniatures, ou des pages de BD pas trop grandes, ou encore pour assigner à un bouton de fonction (F1 F2 F3... F12) une action qui n'a pas de raccourci prédéfini.

En gros ça permet de se simplifier la vie et de s'épargner des actions rébarbatives.
On verra dans ce tuto comment faire le script de redimentionnement d'une image à 500 pixels de large et le traitement par dossier.

Script de redimension

Dans la fenêtre des Actions qui se trouve pas loin de la fenêtre des historiques, créez un nouveau dossier avec le bouton 1 que j'ai marqué en bleu dans cette image.
Maintenant, créez le nouveau script en cliquant sur le bouton 2.
Choisissez lui un pti nom, une touche de raccourci parmi les 12 touches F en haut de votre clavier dans la liste déroulante si vous voulez.(avec shift / ctrl en plus en option). J'ai choisi F8. La couleur c'est juste pour retrouver votre script dans votre dossier si vous en faites plein.

Lire la suite...

dimanche, décembre 28 2008

[tuto] Perspective - version Démerdez-vous.

Après avoir longuement regardé ces feuilles... (en lien ci dessous)

page1/2
page2/2


...que j'ai fait avant de commencer les autres tutos de perspective vous en saurez autant que moi sur la perspective, rien que ça *0* c'est le plan ISD (ils se démerdent, vous savez, le même plan pour retirer le pétrole de sur les plages *-*)

dimanche, décembre 7 2008

[pas à pas] (l'aire de )repos après l'amour


Un des thèmes de l'atelier !Q MSN de ce week end était "le repos après l'amour", j'en ai donc profité pour essayer mes crayons aquarelles, mon feutre noir fin pour CD et mon pinceau à réservoir d'eau.
Donc voici un pas z'a pas rapide:

Lire la suite...

mercredi, octobre 22 2008

Tuto: Comment trouver un point de fuite?


Si vous voulez dessiner des décors ça peut vous servir.


Comme toujours, les points de fuite dépendent de votre propre position d'observation. Peu importe où vous regardez, les points de fuite se trouvent en fonction de la position spatiale du point entre vos deux yeux.
Donc voilà le truc:
vous voulez dessiner la pièce dans laquelle vous êtes assis par terre avec votre carnet à dessin et votre crayon.

Lire la suite...

samedi, septembre 20 2008

[tuto] Organisation BD





Voici comment quelqu'un d'assez flemmard et maniaque (lol) comme moi, s'organise pour en faire le moins possible durant la réalisation d'une BD sans que ce soit brouillion.
Dessineux flemmards ce tuto d'organisation des BD (one shot en 1 chapitre ou long récit surtout) est pour vous.

(Ce tutoriel a été remis en ligne suite à la demande de Tony2chopper, merci de m'y avoir fait penser ;) )

Lire la suite...

mardi, septembre 16 2008

Tuto: recette de pain

à l'occasion de mon naniverssaire je vais vous filer une recette de cuisine nécessitant une heure et demie mais seulement dix réelles minutes de travail.

Ingrédients et ustensiles:


  • 0.3 Litres d'eau froide ou tiède ( = une tasse)
  • 500 grammes de farine (ici avec céréales )
  • 5grammes de levure de pâtissier (donc un demi sachet. de levure, pas un demi sachet de pâtissier bande de n00bs!)
  • 1 ptite cuillère de sel fin
  • du beurre

Lire la suite...

mardi, juin 3 2008

Tuto Perspective - un point de fuite et décroissance des intervalles

Commencons par le début:

un seul point de fuite à considérer.



Avec l'invention de la photographie vers 1800 , on a commencé à apprivoiser au mieux la perspective et ses points de fuite.

Un point de fuite c'est quoi?

Lire la suite...

samedi, avril 19 2008

Perspective: introduction et vocabulaire

Introduction à la 3D

Ce tutoriel est le résultat de mes observations, vous pouvez très bien ne pas être d'accord avec moi. ;)

La perspective est partout dans chaque chose que l'on regarde, dans les décors et les personnages, dans les bâtiments, les animaux, les poils de moquette, du macrocosme au microcosme.
Comment ça marche la perspective ?

Lire la suite...

mercredi, avril 9 2008

[tuto] Cours d'Antomie

Parce que c'est pas le tout d'avoir un style mangasse ou que sais-je, il faut avoir des bases faites sur du RÉEL è_é
(et aussi parce qu les exams sont dans moins d'un mois, hiii ça passe vite!)

Voici les scans des cours d'anatomie en BD1 à l'école saint luc de Bruxelles, axé uniquement sur l'ostéologie, l'année de BD2 concernera la myologie (les muscles).



Vous allez y voir tous les os du squelette humain, leurs proportions, des scémas simplifiés, un vrai cours de dessin *o* (sauf que je commenterai pas plus que ça les schémas, faudra vous débrouiller pour les comprendre.)

Lire la suite...

dimanche, février 24 2008

[tuto] - colo et mise en forme de strips de blog

C
Voici un tuto pas à pas, expliquant comment je colorie mes strips au pécé.
Plein de raccourcis clavier notés en gras, paskeu c'est bien pratique de les connaître (le premier qui me parle de touche pomme ou de mac je lui chante une berceuse).
Il convient d'avoir un clavier disponible à sa main gauche et une tablette ou une souris à sa main droite (ou inversement).

Lire la suite...

mercredi, octobre 24 2007

Tuto - serviette de bain

Encore une histoire vraie v.v

- page 1 de 2