Tutoriels

Apprendre les bases sur gimp, inkscape, blender, et html/css

Blender

Blender 2.79b

IUT MMI 2ème année

Cours d'initiation à l'animation
Cours au format pdf
TP Rig et Animation d'une balle
TP au format pdf
Fichier blend
TP Rig et Animation d'une voiture Fiat 509 de Gaston
TP au format pdf
Fichier blend
TP Rig et Skin de gaston lagaffe avec Rigify
TP au format pdf
Fichier Blend
TP Animation cycle de marche de Gaston
TP au format pdf
Fichier Blend
TP noté Rig et Skin d'un personnage Shaolin avec rigify
TP au format pdf
Fichier Blend
TP noté Animation cycle de marche du Shaolin
Enoncé du TP
Fichier Blend

Licence jeu video UDA

TP Modélisation et Textures d'un personnage
Enoncé du TP
Images
TP Rig et Animation d'un personnage
Enoncé du TP

Formation Sainte-Marie

Initiation à blender, les bases
Initiation à Blender / les bases
Cours au format pdf

TP Intégration d'un stylo plume
TP au format pdf
Sources au format zip

Gimp 2.8

Gimp 2.8
TP Utilisation du logiciel Gimp

Enoncé du TP en pdf

TP au format pdfEnoncé du TP

Téléchargez les images sources zippées sur le lien ci-dessous

Ziptp_utilisation_logiciel_gimp.zip
TP Exercices Gimp

Enoncé du TP en pdf

TP au format pdfEnoncé du TP

Téléchargez les images sources zippées sur le lien ci-dessous

Ziptp_exercices_gimp.zip

Inkscape 0.91

Inkscape 0.91
TP Utilisation du logiciel Inkscape

Enoncé du TP en pdf

TP au format pdfEnoncé du TP

Téléchargez les images sources zippées sur le lien ci-dessous

Ziptp_utilisation_logiciel_inkscape.zip
TP Exercices Inkscape

Enoncé du TP en pdf

TP au format pdfEnoncé du TP

Téléchargez les images sources zippées sur le lien ci-dessous

Ziptp_exercices_inkscape.zip

Cours d'intégration web

(html5 / css3 / bootstrap)

htm5 - css3 - bootstrap

IUT MMI html/css

Cours d'intégration web
CM au format pdf

TD Balises et attributs html
TD au format pdf

TP Site statique
TP au format pdf

Formation Sainte Marie

00 Cours html/css (3h00) + Exercices d'initiation (1h00)
Cours au format pdf

Exercices au format pdf

01 Balises et attributs html (4h00)
TD au format pdf

02 Exercices html (4h00)
TP au format pdf

sources_images.zip
03 Base du css (4h00)
En cours de réflection

04 Exercice css (4h00)
TP au format pdf

05 Réalisation d'un design complet (4h00)
TP au format pdf

Sources du tutoriel alsacreation
06 Exercice pratique de création d'un site html/css (4h00)
TD au format pdf

sources_images.zip
07 Examen Construire un site statique (4h00)
Examen au format pdf

Bootstrap

TP Initiation à Bootstrap
TP au format pdf

source_image.zip
TD Création d'un site statique en html / css et bootstrap
TD au format pdf

td_site_statique_bootstrap.zip
TP Création de votre propre site statique en html / css et bootstrap
TP au format pdf

fontawesome.zip

Open Shading Language (OSL)

OSL Open Shading Language
Contrôle d'un cercle shader (OSL)

Avec l'aide de Pierre Alexandre PIARULLI, nous avons créé ce petit script osl pour contrôler un point.

Voici le script

shader disk(
output color Factor = 0.5,
float Var_color = 1.0,
float Intensity = 1.0,
float r = 0.1,
float x = 0.0,
float y = 0.0)

{
//float x_weigth = 0.1;
//float y_weigth = 0.1;
//if(p[0] > x && p[0] < x + x_weigth && p[1] > y && p[1] < y + y_weigth) f = 1.0;
float f = 0.0;
if(((P[0] -x) * (P[0] -x) + (P[1] - y) * (P[1] - y)) - (r * r) < 0) f = 1.0;
float t = Intensity/f;
Factor = color("hsv", Var_color/10, 1, t);
}

Voici le résultat



Sinusoide shader (OSL)

Après un gros travail pour apprendre l'osl, je suis arrivé grâce à Pierre Alexandre PIARULLI à créer cette sinusoide entièrement paramétrable en script node .osl

Voici le script

#include "stdosl.h"

shader pattern(
output color Color = color(0.8),
float Var_color = 1.0,
float Intensity = 0.1,
float Amplitude = 0.8,
float Periode = 0.1,
float X = 0.0,
float Y = 0.0,
point Pos = P)
{
float A = Amplitude;
float T = Periode;

float t = abs(( A * sin ( (1 /(T/2*M_PI)) * (Pos[0] + X) ) + Y) + Pos[1]);
float f = Intensity/t;

Color = color("hsv", Var_color/10, 1, f);
}

Voici le résultat