Traducir el blog

How to Paint in Excel

Virtual artworks

No need to use specialized software to create Digital art, with programs like Paint or Excel you can be an artist, as discussed in this article.

The first time a computer was used to paint was before 1959 in a military center with a computer that cost $238 million to the Cold War budget, within the SAGE: Semi-Automatic Ground Environment project created by MIT and IBM.

An anonymous military artist (no surprise) managed to paint in a 19" graphic display, programming it with punch cards, a vector drawing of a silver screen pinup scantily dressed, copied from a 1956 calendar. You can read the complete story here.

The Never-Before-Told Story of the World's First Computer Art (It's a Sexy Pin-Up)



In this image generated with my paint program in Excel, which can be downloaded below, the original image is in black and white, as you might expect, and the flesh and bone one was from the calendar that was copied.

Today anyone with vector programs can create art on a computer or in the cloud or even create art objects and characters in 3D environments within a virtual world as Second Life, for example.

What is more difficult is to find artists who use programs like Paint or Excel to create his artworks, but there are people painting on them. For example those which can be seen on this page.  Digital Art Made with Excel Spreadsheets

A retired Japanese artist has made some drawings using AutoShapes included in Excel that can be downloaded from these links:
http://www.moug.net/img/campaign/2006/a1.zip
http://www.moug.net/img/campaign/2006/a2.zip
(8 art prints can be downloaded fully painted in Excel, just by changing the file name to download: a1.zip to a8.zip)

How to paint with Excel

The initial idea is to use each cell in Excel as a pixel of the image and change its color to create a drawing. The problem is you have to scroll through and select each of the cells you want to change its fill color as explained by Microsoft to highlight cells.

Another way is to give values ​​to cells that represent a color and create rules of conditional formatting to change their color depending on their values​​, which is laborious and does not leave a lot of artistic freedom.

The solution came to me when I read this interesting and excellent blog: Option Explicit VBA


Cursor Rollover o Mouseover effect

When the mouse moves over the cells can not produce any effect, you must select a cell to change its properties.

This has totally changed since Jordan Goldmeier published on April 9th, in 2011, an article in his original blog allowing to change cell properties moving the mouse cursor over them.

OPTION EXPLICIT VBA Blog - Rollover Effect

He had the idea participating in the blog of our beloved Chandoo, Excel guru, who published two articles with which you can learn this awesome technique effect:
Chandoo.org - Beam Me Up Scotty – Excel Hyperlinks
Chandoo.org - Interactive Dashboard in Excel using Hyperlinks

Program to paint in Excel

Based on Rollover or Mouseover effect I designed and developed a Painter in Excel as a digital drawing block inspired by the program Paint from Windows but slightly more limited, to create pixelated images in bitmap format known as bitmap, raster graphic images or contones (continuous tones), in which is stored the color of each cell in Excel, as a bit or pixel being represented by a cell in a particular row and column of the worksheet.

This program contains two sheets, Pintor (Painter) to draw and Idiomas​​ (Languages) with the translations of the texts into English and Spanish, as usual in my blog templates.

The Painter sheet zoom is preset to 200% to make it easier to edit images, requiring lower it to 50% to get the correct size of the pixels in the bitmaps generated with this program.

In the image area named Lienzo (Painting) the column width is 0.17 and the row height is 2, so that the cells are squares with sides of 0.05 cms.

Several sections have been defined to handle this drawing and painting program:
  • Zoom - To change the zoom of the image with 3 buttons: Zoom in, Zoom out and 200% default zoom. At all times is shown the zoom and you can edit the name of the image that will be the file name when saving the image.
  • Show or hide - You can show or hide the horizontal and vertical rulers, the cell formulas, image grid, the titles of the rows and columns of the sheet, the status bar and horizontal scroll bar and vertical and the worksheets.
  • Screen- To switch to full screen.
  • Clipboard - Allows you to copy and paste selected ranges of the image and save the image or selection to a file in four popular image formats: BMP, GIF, JPG or PNG.
  • Image - To select or clear all. A box shows the coordinates of the cell that mouse hover is above and, if you select this box (appearing "Fill color with solid"), will be fill continuous brush and block rectangles.
  • Forms - To choose the way in which three possible drawing. Brush drawing a freehand line (continuous or discontinuous) that draws solid lines from one point to another; Blocks draws rectangles, filled or not depending on being marked as "Fill color with solid".
  • Colors - To change the color of the brushes exchanging two colors: Color 1, activated with the left mouse button, Color 2, activated with the right mouse button. After selecting one of the two colors, you can change its color with the rainbow-like mosaic of the right or the button to "Edit Colors" that opens the window to choose the background color fill format cells. You can not choose fill effects and frame styles and colors.
  • Button to change language - It is painted in yellow and you can switch between English and Spanish texts of this painter.

Rollover or Mouseover function

When you move the cursor over the painter, in the Imagen section appears this dynamic text:

Row=136 / Column=111


with row and column that the mouse cursor rollover, is when the called Rollover or Mouseover effect, because the function that causes it is running because the cell that contains a call is passed within a HYPERLINK function to the MouseOver function:



This function controls that it is called once only for each cell rolloved and if Pincel (Brush) is selected to draw freehand. If the line is continuous the function calls the PintarRayas subroutine, which fills the cells for which no effect is activated mouseover, and if the line is discontinuous changes the color of a single cell with the PintarCelda subroutine.

When not enabled cell filling, always reported point or cell that is passing the mouse over it.

Painter Download

Download the template for free, with macros visibles and worksheets not password protected, this images painter from this link and enable macros to use it:

Pintor_PW10.zip 

Download the zip file and run the Pintor_PW10.xlsm file to see the Mouseover effect moving and the full colors palette painting. With the Pintor_PW10.xls file, executed in compatibility mode in Excel 2007 and 2010, you can see this effect but does not save the full colors palette. It is tested on Excel 2007 and 2010 versions, so I can not ensure it works in Excel 2003 or Excel 2013.

Como pintar con Excel

Obras de arte virtuales

No hace falta usar programas especializados para crear arte digital, con programas como Paint o Excel se puede ser un artista, como veremos en este artículo.

La primera vez que se uso un ordenador para pintar fue antes de 1959 en un centro militar con un ordenador que costó 238 millones de dólares al presupuesto de la Guerra Fría, dentro del proyecto SAGE: Semi-Automatic Ground Environment, creado por el MIT e IBM.

Un artista militar anónimo (no es de extrañar) logró pintar en un display gráfico de 19", programándolo con tarjetas perforadas, un dibujo vectorial de una chica pin-up ligerica de ropa, copiada de un calendario de 1956.  La historia completa puedes leerla aquí.

The Never-Before-Told Story of the World's First Computer Art (It's a Sexy Pin-Up)




En esta imagen generada con mi programa para pintar en Excel, que puedes descargar más abajo, la imagen original está en blanco y negro, como puedes suponer, y la de carne y hueso era la del calendario del que se copió.

Hoy en día cualquiera que disponga de programas vectoriales puede crear arte en un ordenador o en la nube o incluso crear objetos y personajes artísticos en escenarios creados en 3D dentro del mundo virtual Second Life, por ejemplo.

Lo que ya es más difícil es encontrar artistas que usen programas como Paint o Excel para realizar sus obras de arte, pero haberlos, haylos.  Por ejemplo los que se pueden ver en esta página.  Creando obras de arte con Excel y Paint

Un jubilado japonés ha realizado unos dibujos artísticos con el uso de las autoformas incluidas en Excel que se pueden descargar en estos enlaces:
http://www.moug.net/img/campaign/2006/a1.zip
http://www.moug.net/img/campaign/2006/a2.zip

(Se pueden bajar 8 cuadros artísticos totalmente pintados en Excel, con sólo cambiar el nombre del fichero a descargar: a1.zip a a8.zip)

Como pintar con Excel

La ídea inicial es usar cada celda de Excel como un pixel de la imagen y cambiar su color para crear un dibujo.  El problema es que hay que desplazarse y seleccionar cada una de las celdas a las que se quiera cambiar su color de relleno como explican los de Microsoft para Resaltar celdas aquí.

Otra forma es dar valores a las celdas que representen un color y crear reglas de formato condicional para cambiar su color dependiendo de sus valores, lo que es muy laborioso y no deja mucha libertad artística.

La solución llegó cuando leí este interesante y excelente artículo en el blog Option Explicit VBA:

Efecto cursor Rollover o Mouseover

Cuando el ratón se desplaza por encima de las celdas no se produce ningún efecto, hay que seleccionar una celda para poder cambiar sus propiedades.

Esto ha cambiado desde que Jordan Goldmeier publicó el 9 de abril de 2011 un artículo en su blog original que permitía cambiar propiedades de celdas pasando el cursor por encima de ellas.

OPTION EXPLICIT VBA Blog - Efecto Rollover

El tuvo la idea participando en el blog de nuestro admirado Chandoo, gurú de Excel, que publicó dos artículos con los que se puede aprender esta técnica:
Chandoo.org - Beam Me Up Scotty – Excel Hyperlinks
Chandoo.org - Interactive Dashboard in Excel using Hyperlinks

Programa para pintar en Excel

Basado en el efecto Rollover o Mouseover he diseñado y desarrollado un Pintor en Excel, como un bloc de dibujo digital inspirado en el programa Paint de Windows pero un poco más limitado, para crear imágenes pixeladas en un mapa de bits, conocido como formato bitmap, rasterizado o calcado, en el que se almacena el color de cada celda en Excel, siendo un bit o pixel representado por una celda en una determinada fila y columna de la hoja de cálculo.

Este programa contiene dos hojas, Pintor para dibujar e Idiomas con las traducciones de los textos al inglés y al español, como es habitual en las plantillas de este blog.

El zoom de la hoja Pintor está preseleccionado al 200% para que sea más fácil editar las imágenes, siendo necesario bajarlo al 50% para obtener el tamaño correcto de los pixeles en los bitmaps generados con este programa.

En la zona de la imagen, nombrada Lienzo, el ancho de las columnas es de 0,17 y el alto de las filas es de 2, con lo que las celdas son cuadradas de 0,05 cms. de lado.

Se han definido varias secciones para manejar este programa de dibujo y pintura:
  • Zoom - Para modificar el zoom de la imagen con 3 botones: Acercar, Alejar y el zoom por defecto del 200%.  En todo momento se muestra el valor del zoom y se puede editar el nombre de la imagen que será el nombre del fichero cuando se guarde la imagen.
  • Mostrar u ocultar - Se pueden mostrar u ocultar las reglas vertical y horizontal, las fórmulas de las celdas, la cuadrícula de la imagen, los títulos de las filas y columnas de la hoja, la barra de estado y las barras de desplazamiento horizontal y vertical y las hojas del libro.
  • Pantalla - Para conmutar a pantalla completa.
  • Portapapeles - Permite copiar y pegar rangos seleccionados de la imagen y guardar la imagen o la selección en un fichero en 4 formatos de imagen: BMP, GIF, JPG o PNG.
  • Imagen - Para seleccionar o borrar todo.  En un recuadro se muestran las coordenadas de la celda por la que pasa el cursor por encima y, si se selecciona ese recuadro (apareciendo "Rellenar con color sólido"), hará que la forma Pincel sea continua y la forma Bloques rellene los rectángulos de color.
  • Formas - Para elegir la forma con la que dibujar entre tres posibles. Pincel que dibuja una línea a mano alzada (continua o discontinua); Líneas que dibuja líneas continuas de un punto a otro; Bloques que dibuja rectángulos, rellenos o no dependiendo de que se esté marcando como "Rellenar con color sólido".
  • Colores - Para cambiar el color de los pinceles intercambiando dos colores: Color 1, activado con el botón izquierdo del ratón; Color 2, activado con el botón derecho del ratón.  Una vez seleccionado uno de los dos colores, se puede cambiar su color con el mosaico del tipo arco iris de su derecha o con el botón para "Editar colores" que abre la ventana para elegir el color de fondo de relleno del formato de celdas.  No se pueden elegir efectos de relleno ni estilos ni colores de trama.
  • Botón para cambiar de idioma - Está pintado en fondo amarillo y se puede cambiar entre el inglés y el español los textos de este pintor.


Función Rollover o Mouseover

Cuando se mueve el cursor por el lienzo de la imagen y aparece en la sección Imagen el texto dinámico:

Fila=136 / Columna=111


con la fila y la columna por la que pasa por encima el ratón, es cuando se produce el denominado efecto Rollover o Mouseover, porque se está ejecutando la función que lo provoca debido a que la celda por la que se pasa contiene una llamada dentro de una función HIPERVINCULO a la función MouseOver:



En esta función se controla que solo se llame una vez por cada paso por encima de una celda y que se ha seleccionado la forma Pincel para dibujar a mano alzada.  Si el trazo es continuo se llama a la rutina PintarRayas, que rellena las celdas para las que no se ha activado el efecto mouseover, y si el trazo es discontinuo se cambia el color de una única celda con la rutina PintarCelda.

Cuando no está activado el relleno de las celdas siempre se informa del punto o celda por la que está pasando el ratón por encima.

Descarga del Pintor

Descarga la plantilla totalmente gratuita, con las macros visibles y las hojas protegidas sin contraseña, de este Pintor de Imágenes desde este enlace y habilita las macros para usarlo:
(Descarga desde Google Drive o Microsoft OneDrive)

Pintor_PW10.zip 


Descarga el fichero comprimido y ejecuta el fichero Pintor_PW10.xlsm para ver en movimiento el efecto Mouseover y la paleta completa de colores. El fichero Pintor_PW10.xls ejecutado en modo de compatibilidad en Excel 2007 y 2010 permite ver ese efecto pero no guarda la paleta completa de colores. Está probado en las versiones de Excel 2007 y 2010, por lo que no puedo asegurar que funcione en Excel 2003 ni en Excel 2013.

How to generate a chess diagram in Excel

Background

On the web you can find many chess diagrams generators, the majority hanging on the cloud, with which you can generate a graphical image of diagram or an importable format on a blog or web page, placing the pieces on the board or by editing the English FEN notation.

What I have not found so far is a chess diagram generator with the following characteristics:
  1. Display chess pieces with graphic symbols made of universal Unicode characters.
  2. Change the type of pieces from 4 character fonts: Calibri, Times New Roman, Arial Unicode MS or Meiryo UI (Windows 7 and 8).
  3. Edit the Spanish FEN notation or English, and the ability to add more languages with the knowledge of a little bit of Excel formulas and macros.
  4. Choose the chessboard color and borders.
  5. Rotate both the chessboard and the black and white pieces.
  6. Save diagrams in several image formats (GIF, PNG, JPG), in HTML or Excel XLS format.
  7. Rotate and scale up or down the diagram graphic chart.
  8. Save and retrieve diagrams copied.
  9. Designing the generator fully in Excel.
  10. Being able to be disconnected from the Web or the cloud to edit, copy, store, retrieve and view diagrams.
So I plan to design a chess diagram generator that includes all the above features. You can see its graphical user interface in the image below:



Downloading the Chess Diagram Generator

Download the template for free, with visible macros and protected sheets without password, of this chess diagram generator from this link and don't forget to enable macros to use it:

ChessDiagram_PW10.zip 


Programming the diagram generator

This complete chess diagram generator is fully built in Excel with formulas and macros, that must be enabled to run, with a single image to copy and a single graphic object to save the diagram, in the "Diagram" sheet.

Customizing the diagrams

You can choose the type of chess pieces from four different fonts (see sheet "Fonts"): Calibri, Times New Roman, Arial Unicode MS or Meiryo UI (Windows 7 and 8).

You can change the color of the chessboard (see sheet "Boards") and their borders, up to three panels symbols (see sheet "Symbols"), show or hide the coordinates and flip or rotate the chessboard.

Generating diagrams

Figurines of chess pieces and symbols of the diagram are copied from the the symbols panel to the chessboard and moved to their position in the diagram, being fully editable on the chessboard and also you can use symbols that aren't on the symbols panel, for lowercase letters, by example.

First panel of symbols and chess pieces with the "Times New Roman" font:

FEN notation

You can create a diagram editing the FEN notation of a new position. At all times you can see the FEN notation of the pieces placement on the chessboard, from white's perspective. In the sheet "FEN" calculations are made to show FEN notation and to place the chess pieces when editing a new FEN pieces placement.

Initial placement of chess pieces:
  • English FEN: rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQK­BNR
  • Spanish FEN: tcadract/pppppppp/8/8/8/8/PPPPPPPP/TCADRACT

Copying and restoring diagrams

You can create an image by copying the chessboard only (PIE - 8x8 squares) or by the coordinates and the next move either black or white (IMG - 10x10 squares) or by the diagram description (INF) or by FEN format position with the placement of the pieces (FEN) or with the black pieces rotated 180 degrees (ROT - 10x10 squares), see sheet "Rotate". The graphic chart can be rotated to the right or left and expand or decrease the zoom.

Each time you copy the chess diagram, are stored pieces, symbols and their position on the chessboard, white face (☺) or black face (☻) with the following movement, and the diagram description in the sheet "History".  At any time you can restore and view one of the diagrams copied.

Exporting chess diagrams

Chess diagrams can be saved in several image formats (GIF, PNG, JPG), in the web HTML format (HTM) and in Excel sheets (XLS). Any part of the diagram can be copied to a Word document for example, as it is built by Excel cells with universal Unicode characters.

This chess diagrams generator is published in English and Spanish (see sheet "Languages") and it is easy to include more languages.



If it has helped you for something, I appreciate you tell me in a comment and, if it not help you, would be interesting tell me why.

Como generar un diagrama de ajedrez en Excel

🔝To translate this blog post to your language, select it in the top left Google box.


Antecedentes

En la web se pueden encontrar muchos generadores de diagramas de ajedrez, la mayoría colgados en la nube, con los que se puede generar una imagen gráfica del diagrama o un formato importable en un blog o página web, colocando las piezas en el tablero o editando la notación FEN inglesa.

Lo que no he encontrado hasta ahora es un generador de diagramas de ajedrez con las siguientes características:

  1. Visualizar las piezas del ajedrez con los símbolos gráficos de los caracteres Unicode universales.
  2. Cambiar el tipo de piezas entre 4 fuentes de caracteres: Calibri, Times New Roman, Arial Unicode MS o Meiryo UI (en Windows 7 y 8).
  3. Editar la notación FEN española o inglesa, pudiendo añadir más idiomas con saber un poco de Excel.
  4. Escoger el color y los bordes del tablero.
  5. Rotar tanto el tablero como las piezas blancas y negras.
  6. Guardar los diagramas con varios formatos de imagen (GIF, PNG, JPG), en formato HTML o en formato XLS de Excel.
  7. Rotar y ampliar o disminuir los diagramas.
  8. Guardar y recuperar diagramas copiados.
  9. Diseñar el generador completamente en Excel.
  10. Poder estar desconectado de la Web o de la Nube para editar, copiar, guardar, recuperar y ver los diagramas.

Por eso me he propuesto diseñar un generador de diagramas de ajedrez que incluya todas las características anteriores. Puedes ver su interfaz gráfico de usuario en la siguiente imagen:


Descarga del generador

Descarga el generador de diagramas de ajedrez gratuitamente, con las macros visibles y las hojas protegidas sin contraseña, desde este enlace y habilita las macros para usarlo.

Descarga el fichero desde el icono (Google Drive) o desde el enlace (Microsoft OneDrive):

ChessDiagram_PW10.zip 


Programación del generador de diagramas

Este completo generador de diagramas de ajedrez está totalmente construido en Excel con fórmulas y macros, que se deben habilitar para que funcione, y con una única imagen para copiar los diagramas y un único objeto gráfico para guardarlos, en la hoja 'Diagram'.


Personalización de los diagramas

Se puede elegir el tipo de piezas de ajedrez entre cuatro fuentes distintas (ver hoja 'Fonts'): Calibri, Times New Roman, Arial Unicode MS o Meiryo UI (en Windows 7 y 8).

Se puede cambiar el color del tablero (ver hoja 'Boards') y sus bordes, hasta tres paneles de símbolos (ver hoja 'Symbols'), mostrar u ocultar las coordenadas y voltear o girar el tablero de ajedrez.


Generación de los diagramas

Las figuras de las piezas de ajedrez y los símbolos del diagrama se copian desde el panel de símbolos al tablero y se mueven a su posición en el diagrama, siendo totalmente editables en el tablero, pudiendo usar símbolos que no aparecen en el panel, como por ejemplo letras minúsculas.

Primer panel de símbolos y piezas de ajedrez con fuente "Times New Roman":


Notación FEN

Se puede crear un diagrama editando la notación FEN de una posición nueva. En todo momento se puede ver la notación FEN de las piezas colocadas en el tablero.

En la hoja 'FEN' se hacen los cálculos para mostrar la notación FEN y para colocar las piezas del ajedrez al editar una nueva posición FEN.

Colocación inicial de las piezas de ajedrez:

  • En notación FEN inglesa: rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQK­BNR
  • En notación FEN española: tcadract/pppppppp/8/8/8/8/PPPPPPPP/TCADRACT


Copia y recuperación de los diagramas

Se puede crear una imagen copiando el tablero solamente (PIE - 8x8 casillas) o con las coordenadas y el siguiente movimiento de blancas o negras (IMG - 10x10 casillas) o con la descripción del diagrama (INF) o con la posición en formato FEN con la colocación de las piezas (FEN) o con las piezas negras giradas 180 grados (ROT - 10x10 casillas), ver hoja 'Rotate'. La imagen del diagrama se puede rotar a la derecha o izquierda y ampliar o disminuir su zoom.

Cada vez que se copia el diagrama de ajedrez, se guardan las piezas, los símbolos y su posición en el tablero, la cara blanca (☺) o la cara negra (☻) con el siguiente movimiento y la descripción del diagrama en la hoja 'History'.  En cualquier momento se puede recuperar y ver uno de los diagramas copiados.


Exportar diagramas de ajedrez

Los diagramas de ajedrez se pueden guardar en varios formatos de imagen (GIF, PNG, JPG), en formato HTML web (HTM) y en hojas Excel (XLS). Cualquier parte del diagrama se puede copiar a un documento Word por ejemplo, al estar formado por celdas en Excel con caracteres Unicode universales.

Este generador de diagramas de ajedrez se publica en inglés y en español (ver hoja 'Languages') y es fácil incluir más idiomas.


Si te ha servido para algo, agradeceré que me lo digas en un comentario y si no es lo que buscas, sería interesante que me digas por qué.

Mi lista de blogs