Difference between revisions of "Cadre photo Neopixel pour pixel art"

Line 19: Line 19:
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=<translate>1.a - Redimensionner une image en 8x8 pixels</translate>
 
|Step_Title=<translate>1.a - Redimensionner une image en 8x8 pixels</translate>
|Step_Content=<translate>Pour cette étape il existe deux possibilités. Partir d'une image existante et la redimensionner ou bien dessiner une oeuvre originale.
+
|Step_Content=<translate>La première option est de redimensionner une image/photo existante en 8x8 pixel.
 +
 
 +
<br />
 +
 
 +
#Télécharger et installer [https://www.gimp.org/downloads/ GIMP à cette adresse]
 +
#Pour cette exemple j'ai télécharger une image depuis la banque d'image libre de droit [https://pixabay.com 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
 +
{{Info|S'il s'agit d'une série d'image ou de dessin, nommer les fichiers comme suis : "nom1.png, nom2.png, nom3.png, etc."}}{{Warning|S'il n'y a qu'une seule image il est nécéssaire de la nommer "nom1.png"....}}
 +
 
 +
 
  
 
<br /></translate>
 
<br /></translate>
Line 30: Line 45:
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=<translate>1.b - Dessiner un pixel art de 8x8 pixels</translate>
 
|Step_Title=<translate>1.b - Dessiner un pixel art de 8x8 pixels</translate>
|Step_Content=<translate></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_00=Cadre_photo_pour_pixel_art_PIXEL_ART_1_.gif
 
|Step_Picture_01=Cadre_photo_pour_pixel_art_PIXEL_ART_2_.gif
 
|Step_Picture_01=Cadre_photo_pour_pixel_art_PIXEL_ART_2_.gif

Revision as of 15:37, 15 December 2021

Author avatarrizzo.tonino@gmail.com | Last edit 16/12/2021 by Toni2Tech

Cadre photo pour pixel art IMG 3072.jpg
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 ?
Difficulty
Easy
Duration
2 hour(s)
Categories
Art, Decoration, Electronics, House, Play & Hobbies
Cost
10 EUR (€)

Materials

Tools

Step 1 - 1.a - Redimensionner une image en 8x8 pixels

La première option est de redimensionner une image/photo existante en 8x8 pixel.


  1. Télécharger et installer GIMP à cette adresse
  2. Pour cette exemple j'ai télécharger une image depuis la banque d'image libre de droit pixabay.com
  3. Ouvrir l'image en question dans GIMP (ctrl + o)
  4. Redimensionner l'image dans un format carré (Shift + C)
    1. 🚨Cocher l'option "supprimer les pixels découpés"
    2. 🚨Cocher l'option "proportion fixe", avec le ratio 1:1
  5. Changer la taille de l'image. Image►Echelle et taille de l'image
  6. Changer la taille de l'image pour 8px par 8px
  7. Exporter. Fichier►Exporter sous►Choisir PNG►Renommer1.png
S'il s'agit d'une série d'image ou de dessin, nommer les fichiers comme suis : "nom1.png, nom2.png, nom3.png, etc."
S'il n'y a qu'une seule image il est nécéssaire de la nommer "nom1.png"....



Step 2 - 1.b - 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>


Step 3 - Convertir cette image en un code Arduino Grâce


Step 4 - Téléverser le code

Comments

Draft