| Ligne 26 : | Ligne 26 : | ||
}} | }} | ||
{{Tuto Step | {{Tuto Step | ||
| − | |Step_Title=<translate> | + | |Step_Title=<translate>Dessiner un pixel art de 8x8 pixels</translate> |
| + | |Step_Content=<translate>Salut | ||
| + | |||
| + | <br /> | ||
| + | |||
| + | <iframe width="560" height="315" src="https://www.youtube.com/embed/AOJzHwhvWnQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></translate> | ||
| + | |Step_Picture_00=Cadre_photo_pour_pixel_art_PIXEL_ART_1_.gif | ||
| + | |Step_Picture_01=Cadre_photo_pour_pixel_art_PIXEL_ART_2_.gif | ||
| + | |Step_Picture_02=Cadre_photo_pour_pixel_art_PIXEL_ART_3_.gif | ||
| + | }} | ||
| + | {{Tuto Step | ||
| + | |Step_Title=<translate>ALTERNATIVE : Redimensionner une image en 8x8 pixels</translate> | ||
|Step_Content=<translate>La première option est de redimensionner une image/photo existante en 8x8 pixel. | |Step_Content=<translate>La première option est de redimensionner une image/photo existante en 8x8 pixel. | ||
| Ligne 50 : | Ligne 61 : | ||
|Step_Picture_03=Cadre_photo_pour_pixel_art_crop_and_convert_4_.gif | |Step_Picture_03=Cadre_photo_pour_pixel_art_crop_and_convert_4_.gif | ||
|Step_Picture_04=Cadre_photo_pour_pixel_art_crop_and_convert_5_.gif | |Step_Picture_04=Cadre_photo_pour_pixel_art_crop_and_convert_5_.gif | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
}} | }} | ||
{{Tuto Step | {{Tuto Step | ||
Version du 15 décembre 2021 à 14:40
Il s'agit d'un petit cadre photo, tout à fait ordinaire vue de l'extérieur, mais abritant en son sein une matrice de LED capable d'afficher de petits dessins en Pixel art.
Le cadre est recouvert d'une feuille de papier, ce qui lui donne un rendu organique et "naturel" à la manière du e-paper.
Très simple à utiliser et esthétique, cet objet est également adapté à un usage en atelier, ou les participant pourront dans un premier temps apprendre à faire de petite oeuvre en pixel art sur GIMP puis les afficher chez eux ou sur leur bureau grâce à ce cadre ?
Difficulté
Facile
Durée
2 heure(s)
Catégories
Art, Décoration, Électronique, Maison, Jeux & Loisirs
Coût
10 EUR (€)
Sommaire
- 1 Étape 1 - Raccorder la matrice à l'arduino
- 2 Étape 2 - Intégrer la matrice au cadre photo
- 3 Étape 3 - Dessiner un pixel art de 8x8 pixels
- 4 Étape 4 - ALTERNATIVE : Redimensionner une image en 8x8 pixels
- 5 Étape 5 - Convertir cette image en un code Arduino Grâce
- 6 Étape 6 - Téléverser le code
- 7 Commentaires
Matériaux
Outils
Étape 1 - Raccorder la matrice à l'arduino
Étape 2 - Intégrer la matrice au cadre photo
Étape 3 - Dessiner un pixel art de 8x8 pixels
Salut
<iframe width="560" height="315" src="https://www.youtube.com/embed/AOJzHwhvWnQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Étape 4 - ALTERNATIVE : Redimensionner une image en 8x8 pixels
La première option est de redimensionner une image/photo existante en 8x8 pixel.
- Télécharger et installer GIMP à cette adresse
- Pour cette exemple j'ai télécharger une image depuis la banque d'image libre de droit pixabay.com
- Ouvrir l'image en question dans GIMP (ctrl + o)
- Redimensionner l'image dans un format carré (Shift + C)
- 🚨Cocher l'option "supprimer les pixels découpés"
- 🚨Cocher l'option "proportion fixe", avec le ratio 1:1
- Changer la taille de l'image. Image►Echelle et taille de l'image
- Changer la taille de l'image pour 8px par 8px
- Exporter. Fichier►Exporter sous►Choisir PNG►Renommer1.png
Étape 5 - Convertir cette image en un code Arduino Grâce
Étape 6 - Téléverser le code
Draft
Français
English
Deutsch
Español
Italiano
Português