7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Pixel Art

Crea Pixeles Artísticos con una paleta limitada en 10 pasos con Photoshop

Scroll to top
Read Time: 8 mins

Spanish (Español) translation by CYC (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial, te mostraré cómo crear iconos inspirados en 8 bits con una paleta limitada, en Adobe Photoshop. Sin embargo, ¡podrías crearlos fácilmente en MS Paint!

1. Icono en arte lineal

Paso 1

Estaremos trabajando en Adobe Photoshop CC 2014 (aunque en la mayoría de las versiones o incluso MS Paint funcionarán maravillosamente también). Crea un nuevo documento. Mi obra final (ambos conjuntos de iconos) midió 113 por 13 pixeles.

  1. Utilizando la Herramienta Lápiz (B) con el tamaño del pincel establecido en 1 pixel, Zoom (Z) en 1600%, o así, y dibuja 3 pixeles a 1 pixel en ambos lados, en diagonal, en la siguiente fila hacia abajo.
  2. Dibuja 7 pixeles en la línea siguiente.
  3. Para el cuello de la botella, dibuja 3 pixeles en forma de 'v' apuntando hacia adentro.
  4. Para la mayor parte de la botella, dibuja 4 pixeles en una sola columna a cada lado. Para la franja en la botella, dibuja 7 pixeles entre las dos columnas.
  5. La fila final consta de 7 pixeles que se cruzan, permitiendo que los dos lados se encuentren.
Bottle lineart pixel iconBottle lineart pixel iconBottle lineart pixel icon

Paso 2

Para el arte lineal de la espada, dividiremos el proceso en dos pasos:

  1. Comienza en la punta de la espada con 3 pixeles hacia arriba y 2 pixeles a la derecha. A partir de aquí vamos a trabajar en diagonal en dos filas, 14 pixeles cada uno.
  2. Dibuja 3 pixeles que suban a la derecha de la primera línea diagonal. Dibuja 3 pixeles que van a la derecha en la fila por encima del final de la segunda línea diagonal.
  3. Forma una V en el centro de la espada con 3 pixeles. Dibuja 2 pixeles a la derecha yendo de derecha a izquierda hacia arriba.
  4. Continúa por el lado izquierdo con 3 pixeles hacia la izquierda y 1 hacia abajo. Continúa a la derecha con 3 pixeles hacia abajo y 1 pixel hacia la izquierda.
First half of sword pixel lineartFirst half of sword pixel lineartFirst half of sword pixel lineart

Paso 3

Terminemos la guardia y la empuñadura de la espada con los siguientes pasos:

  1. Comienza en el centro de la espada y dibuja 9 pixeles que van diagonalmente de la izquierda a la derecha. Coloca 1 pixel entre los dos primeros en la línea diagonal y 1 pixel entre los dos últimos con el fin de asegurar los puntos superiores de la espada de la guardia. Conecta la nueva línea diagonal a la izquierda y a la derecha con 2 pixeles, en diagonal, yendo de derecha a izquierda.
  2. El mango de la espada se forma formando unas V's concéntricas, trabajando en diagonal. Esto suma 7 columnas en total.
  3. Desde la punta del mango, dibuja 1 pixel a la derecha del mango seguido de 3 pixeles hacia abajo. Este es el comienzo de la cadena que cuelga fuera de la manija. Dibuja 2 pixeles, en diagonal, comenzando en el centro de la línea vertical que acabas de dibujar.
  4. Para completar la cadena, dibuja 3 V's en sucesión que consta de 3 pixeles colocados diagonalmente cada uno.
Second half of sword pixel line artSecond half of sword pixel line artSecond half of sword pixel line art

Paso 4

El icono final de arte lineal es bastante simple.

  1. Dibuja 10 pixeles horizontalmente en una sola fila. Dibuja 2 pixeles en ambos lados en diagonal y hacia abajo.
  2. Dibuja 8 pixeles verticales seguidos por 12 pixeles entre los dos lados para completar la forma final.
  3. Dibuja una línea horizontal de pixeles con 6 pixeles hacia abajo desde la parte superior de la caja. Coloca un pixel en cada esquina interior de la caja.
  4. En el centro de la caja, dibuja 3 pixeles abajo de la línea superior. Desde aquí, dibuja una caja que se superpone a la línea horizontal central y tiene 4 pixeles por 3 pixeles. Borra 2 pixeles en el centro con la Herramienta Borrador (E). Finalmente, 4 pixeles forman las líneas verticales a ambos lados de la tapa del cofre. Estas líneas son opcionales en tu diseño.
Small treasure chest pixel line artSmall treasure chest pixel line artSmall treasure chest pixel line art

2. Paleta Monocromática Limitada

Paso 1

Los colores utilizados a continuación son los siguientes de izquierda a derecha: Menta (#e0f8d0), Verde (#88c070), Verde Bosque (#306850) y Verde Oscuro (#081820).

  1. Crea una nueva capa encima de tu arte lineal de la botella.
  2. Traza sobre el arte lineal externa con el Verde Bosque.
  3. Llena el resto del diseño de la botella con Verde y traza sobre las líneas horizontales negras con Verde Bosque.
  4. Utiliza Menta para crear resaltes verticales en la botella en grupos de 3 por 2 pixeles en el centro y un par de pixeles a la izquierda (consulta a continuación).
  5. Por último, utiliza Verde Oscuro para dispersar un pixel o dos alrededor de las esquinas del diseño.
Monichrome bottle renderingMonichrome bottle renderingMonichrome bottle rendering

Paso 2

Nuevamente, los colores utilizados a continuación son los siguientes de izquierda a derecha: Menta (#e0f8d0), Verde (#88c070), Verde Bosque (#306850) y Verde Oscuro (#081820).

  1. Crea una nueva capa por encima del arte lineal de la espada.
  2. Utilizando Verde Bosque, coloca el lado izquierdo de la espada con pixeles diagonales, omite una fila diagonal y haz lo mismo en el centro. Repite en el lado derecho de la hoja con Verde Oscuro.
  3. Rellena la cuchilla con Menta en el lado izquierdo y Verde en la derecha. Comienza a añadir pixeles de Verde Bosque y Verde Oscuro en la guardia de la espada. Observa el Verde Oscuro hacia la hoja y el Bosque Verde hacia los bordes exteriores.
  4. Usa Verde Bosque en los bordes exteriores de la guardia de la espada y Menta en la primera línea diagonal dentro de la guardia.
  5. Llena el resto de la guardia con Verde y traza el arte lineal de la guardia con Verde Bosque. Coloca el Verde Bosque en el centro del mango.
  6. El Verde Oscuro va en el lado derecho de la manija mientras que el Verde va a la izquierda. Esencialmente, la empuñadura está compuesta de tres líneas diagonales, cada una de un color diferente va de la luz a la oscuridad.
  7. Para la cadena, usa Verde a la derecha, Menta en el centro de cada eslabón de la cadena, Verde Bosque en la parte superior izquierda y Verde Oscuro entre cada forma de enlace.
Monochrome sword renderingMonochrome sword renderingMonochrome sword rendering

Paso 3

Una vez más, los colores utilizados a continuación son los siguientes de izquierda a derecha: Menta (#e0f8d0), Verde (#88c070), Verde Bosque (#306850) y Verde Oscuro (#081820).

  1. Crea una nueva capa encima de tu pequeño arte lineal del cofre del tesoro.
  2. Traza el arte lineal exterior del cofre con Verde Bosque.
  3. Usa Verde Oscuro en la línea horizontal central y la parte inferior del broche del cofre. Utiliza Verde Bosque en los 4 pixeles que forman la parte superior del cierre.
  4. Dibuja 3 pixeles en las esquinas inferiores de la caja en Verde Oscuro. Usa Verde para dibujar franjas verticales en la mitad inferior del cofre del tesoro con dos filas entre cada sección verde.
  5. Rellena los espacios en la mitad inferior con Menta y un pixel de Bosque Verde a ambos lados debajo de la división en el cofre del tesoro.
  6. Utiliza Verde Bosque para dibujar dos líneas verticales en la mitad superior del cofre. Concentra la Menta en la parte superior izquierda de la tapa del cofre.
  7. Llena el resto con Verde.
Monochrome treasure chest renderingMonochrome treasure chest renderingMonochrome treasure chest rendering

3. Paleta de Cuatro Colores

Paso 1

Esta paleta difiere en tu oferta de tonos: incorporando crema y lima en los verdes bosque de la paleta anterior. De izquierda a derecha, los colores son Crema (#f8dd92), Lima (#9bbb0e), Salvia (#73a067) y Verde Bosque Oscuro (#0f380e).

  1. Crea una nueva capa por encima del arte lineal de la botella.
  2. Haz la línea del borde exterior de la botella con Verde Bosque Oscuro.
  3. Llena la botella con Crema ya sea usando la Herramienta Lápiz o la Herramienta Bote de Pintura (G).
  4. La línea del borde inferior del cuello de la botella y la franja horizontal con Salvia.
  5. Usa Lima en la línea horizontal sobre la línea de Salvia.
  6. Utiliza Lima como punto culminante en la etiqueta de la botella, y una sombra en la parte inferior de la botella.
Four color palette rendering for the bottleFour color palette rendering for the bottleFour color palette rendering for the bottle

Paso 2

Una vez más, de izquierda a derecha, los colores son Crema (#f8dd92), Lima (#9bbb0e), Salvia (#73a067) y Verde Bosque Oscuro (#0f380e).

  1. Crea una nueva capa por encima del arte lineal de la espada.
  2. Para acelerar el proceso, utiliza la Herramienta Varita Mágica (W) para seleccionar el arte lineal y utiliza la Herramienta Bote de Pintura (G) para rellenar la nueva selección en la nueva capa.
  3. Utiliza Lima para llenar el centro de la cadena, el borde superior del protector de la espada y la línea diagonal central de la hoja.
  4. Usa Salvia en el borde derecho de la hoja de la espada y el resto de la guardia de la espada.
  5. Por último, usa Crema para el borde superior de la hoja de la espada.
Four color palette sword renderingFour color palette sword renderingFour color palette sword rendering

Paso 3

Una vez más, de izquierda a derecha, los colores son Crema (#f8dd92), Lima (#9bbb0e), Salvia (#73a067) y Verde Bosque Oscuro (#0f380e).

  1. Crea una nueva capa encima del arte lineal del pequeño cofre del tesoro.
  2. Traza el borde exterior y la línea horizontal en el centro del cofre con Verde Bosque Oscuro.
  3. Llena el cofre con Lima y el centro del cierre del cofre con Crema usando la Herramienta Bote de Pintura.
  4. Una vez más, utilizando la Herramienta Lápiz, ya que es nuestra herramienta principal en este tutorial, concentra los pixeles de color Crema a lo largo de los bordes superior e izquierdo de la caja. Desplaza los pixeles, omitiendo cada pixel, para crear un ligero patrón de tinte a lo largo del borde resaltado.
  5. Utiliza Salvia para dibujar líneas verticales en todo el diseño del cofre y alrededor del broche del cofre del tesoro.
Four color palette treasure chest renderingFour color palette treasure chest renderingFour color palette treasure chest rendering

¡Gran trabajo, lo tienes!

Tres diseños de iconos y dos paletas de colores más tarde, y tenemos un gran comienzo en el uso de paletas de colores limitadas en el arte de píxeles. ¿Qué más se puede crear con estas paletas? ¿Qué hay de otras combinaciones de colores? ¡Muéstranos abajo en los comentarios!

Final limited color palette iconsFinal limited color palette iconsFinal limited color palette icons
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.