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 (1h00)
Cours au format pdf
TP Rig et Animation d'une balle (7h00)
TP au format pdf
Fichier blend
Réalisation d'un travelling (2h00)
TP au format pdf
TP Exercices d'animation d'une balle (5h00) + rig et animation d'une raie manta (1h00)
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 pro Développement d'applications graphiques 3D interactives

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

Formation initiation sur Blender 2.79

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 (Fourmi rouge)
TD au format pdf

sources_images.zip
TD Exercice css (Fourmi rouge)
TD au format pdf

TP Site statique
TP 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