Fondos de pantalla

Crear wallpapers de lenguajes de programación con WordArt y palabras reservadas del lenguaje

Anteriormente he expuesto algunos wallpapers, imágenes o fondos de pantalla para programadores. Se tratan de unas imágenes que tienen el nombre del lenguaje formado por las palabras reservadas del mismo; o bueno, formado por casi todas las palabras reservadas y funciones.

He creado todos esos fondos de pantalla de programación con la herramienta online WordArt, disponible aquí, y para poner el tema me he basado en el tema monokai, uno de mis temas favoritos a la hora de programar.

Lo que explicaré aquí es cómo es el proceso de creación, la selección de colores y la importación CSV para que todo sea más fácil.

Los colores

El fondo debe ser el color negro, o mejor dicho, el #272822. De ahí, las palabras reservadas van intercambiando los siguientes colores:

  • #F92672
  • #66D9EF
  • #A6E22E
  • #FD971F

Para ir intercambiando esos colores veremos el programa que hice, eso lo dejo más abajo.

La creación y selección del fondo

Nota: debes crear una cuenta y todas esas cosas, el proceso es gratuito.

Luego de eso vamos a WordArt y seleccionamos Create:

 

Para agregar la palabra vamos al apartado Shapes y seleccionamos Add text:

Seleccionar agregar texto

Ahí escribimos la palabra (en este caso es del lenguaje de programación Rust) y seleccionamos Add to shapes:

Agregar shape

Por cierto, al agregar la palabra podíamos seleccionar otra fuente o estilo pero yo lo deje como estaba. Más tarde, para configurar el fondo vamos a Style y seleccionamos el color en Background color.

Seleccionar color de fondo

Recordemos que el color es 272822 y queda así:

Aplicar color de fondo

Hacemos click en Apply y luego de eso volvemos a Words (lo que está arriba de Shapes) y vamos a importar la lista CSV.

Creación de la lista CSV

Este programa online acepta una lista de palabras en formato CSV, podemos configurar el color, el peso y otras cosas que se ven detalladamente aquí.

Voy a concentrarme únicamente en la palabra, el peso (que sería 1 en todos los casos para que se repartan igual), el color y la fuente. El programa que he creado acepta una lista de palabras separadas por un salto de línea y automáticamente crea el CSV.

Dicho programa puede usarse aquí. Es sencillo, aquí un ejemplo de uso:

Usar programa que convierte a CSV

Seleccionamos la fuente, pegamos o escribimos las palabras separadas por un salto de línea y luego hacemos click en Generar. Lo generado lo copiamos y volvemos a WordArt, ahí en Words seleccionamos Import:

Importar palabras

En la ventana que salga pegamos lo anteriormente copiado y dejamos las opciones como se ven a continuación:

Configuraciones para importar CSV

Hacemos click en Import words. Finalmente hacemos click en Visualize y ya está:

Visualizar imagen creada

Por cierto, si no nos gusta el orden de las palabras, podemos hacer click en Visualize varias veces para que se ordenen de manera distinta.

Resultado final y cómo descargar

Puedes guardar haciendo click en Save y así siempre podrás ver tu creación.

Una vez que la imagen haya quedado, puedes seleccionar Download > Standard PNG (o si puedes pagar un plan premium selecciona lo que quieras)

Descargar imagen creada de Wordart

Aquí el resultado final del lenguaje de programación Rust:

Rust creado con WordArt

Esta fue una pequeña introducción, pero ciertamente podemos crear miles de cosas con esta herramienta; a mí me pareció fabuloso que tuviera una forma de importar a través de CSV.

Te invito a ver las imágenes que he creado haciendo click aquí.

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Entradas recientes

Imprimir PDF con Bot de Telegram

La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…

4 horas hace

Enviar mensaje con bot de Telegram usando JavaScript (lado del cliente)

Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…

20 horas hace

PHP: incrustar imagen en base64

El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…

21 horas hace

Plugin ESC POS – Actualización 3.4.0: imprimir HTML

El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…

2 días hace

JavaScript (lado del cliente): leer pixeles de imagen

En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…

1 semana hace

PHP y JavaScript: llenar select con AJAX

Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…

1 semana hace

Esta web usa cookies.