Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Cómo crear un efecto de pixel en Photoshop

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

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

En este tutorial, aprenderás a pixelar una imagen en Photoshop. Lo explicaré todo con tanto detalle que todo el mundo puede crear el efecto, incluso aquellos que acaban de abrir Photoshop por primera vez.

¿No tienes tiempo y quieres crear este efecto en segundos? Échale un vistazo a esta Acción de Photoshop 8 Bit Pixel Art en Envato Elements, donde puedes encontrar miles de Acciones de Photoshop creativas.

8 bit pixel art photoshop action8 bit pixel art photoshop action8 bit pixel art photoshop action

Lo que aprenderás en este tutorial sobre el efecto de píxeles

  • Cómo seleccionar el sujeto en Photoshop
  • Cómo hacer pixel art en Photoshop
  • Cómo crear un trazo alrededor del sujeto
  • Cómo cambiar el fondo en Photoshop
  • Cómo hacer los ajustes finales

Lo que necesitarás

Para recrear el diseño anterior, necesitarás los siguientes recursos:

1. Cómo empezar

En primer lugar, abre la foto con la que deseas trabajar. Para abrir tu foto, ve a Archivo > Abrir, elige tu foto y haz clic en Abrir. Ahora, antes de empezar, comprueba un par de cosas:

  1. Tu foto debe estar en modo de color RGB, 8 bits/canal. Para comprobarlo, ve a Imagen > Modo.
  2. Para obtener los mejores resultados, el tamaño de tu foto debe ser de 2000-4500 px de ancho/alto. Para comprobarlo, ve a Imagen > Tamaño de la imagen.
  3. Tu foto debería ser la capa de Fondo. Si no lo es, ve a Capa > Nueva > Fondo a partir de capa.
checking image mode and sizechecking image mode and sizechecking image mode and size

2. Cómo seleccionar el sujeto en Photoshop

Paso 1

En esta sección, vamos a hacer una selección de nuestro sujeto y luego copiar el sujeto a una capa separada. Elige la Herramienta de selección rápida (W) y selecciona el fondo de la foto. Utiliza los botones Mayús-Alt de tu teclado para añadir o restar áreas a la selección. Cuando hayas hecho una selección perfecta, pulsa Control-Mayús-I para invertir la selección.

making selectionmaking selectionmaking selection

Paso 2

Ahora ve a Selección > Modificar > Suavizar y establece el Radio en 2 px. A continuación, ve a Selección > Modificar > Contraer y establece Contraer por en 1 px. Por último, ve a Selección > Modificar > Desvanecimiento y establece el Radio de desvanecimiento en 1 px.

modifying selectionmodifying selectionmodifying selection

Paso 3

Pulsa Control-J para crear una nueva capa utilizando la selección. Nombra esta nueva capa como Sujeto.

creating new layer using selectioncreating new layer using selectioncreating new layer using selection

3. Cómo hacer que una foto parezca pixelada

Paso 1

En esta sección, vamos a transformar nuestra imagen de Photoshop en pixel art.

Pulsa Control-J en tu teclado para duplicar la capa actual, y nombra esta nueva capa como Temp. A continuación, oculta las capas Sujeto y Fondo, ve a Seleccionar > Gama de colores, y establece la Selección en Luces. A continuación, pulsa Control-J para crear una nueva capa utilizando la selección, y nombra esta nueva capa como Luces.

making selection using color rangemaking selection using color rangemaking selection using color range

Paso 2

Ahora oculta la capa de Luces y selecciona la capa de Temp. Ve a Imagen > Ajustes > Niveles e introduce los ajustes que aparecen a continuación:

adjusting levelsadjusting levelsadjusting levels

Paso 3

Ve a Seleccionar > Gama de colores, y pon Seleccionar en Sombras. Después, pulsa Control-J para crear una nueva capa utilizando la selección, y nombra esta nueva capa como Sombras.

making selection using color rangemaking selection using color rangemaking selection using color range

Paso 4

Ahora oculta la capa Sombras y selecciona la capa Temp. A continuación, ve a Filtro > Bosquejar > Fotocopia y ajusta el Detalle a 10 y la Oscuridad a 5.

adding photocopy filteradding photocopy filteradding photocopy filter

Paso 5

Ve a Imagen > Ajustes > Niveles e introduce los ajustes que aparecen a continuación. A continuación, ve a Filtro > Enfocar > Máscara de enfoque y establece la Cantidad en 500%, el Radio en 25 px y el Umbral en 0 niveles.adding unsharp mask filteradding unsharp mask filteradding unsharp mask filter

Paso 6

Ahora cambia el Modo de fusión de esta capa a Multiplicar y nómbrala como Contornos. A continuación, muestra todas las capas en el panel de capas, selecciona la capa Luces y cambia el Modo de fusión de esta capa a Trama y establezca la Opacidad al 50%. A continuación, selecciona la capa Sombras, cambia el Modo de fusión de esta capa a Multiplicar y establece la Opacidad al 50%.

changing blending mode and opacitychanging blending mode and opacitychanging blending mode and opacity

Paso 7

Selecciona la capa Sujeto, ve a Filtro > Pixelizar > Mosaico, y establece el Tamaño de la celda en 20 cuadrados. A continuación, haz lo mismo con las capas Contornos, Sombras y Luces.

adding mosaic filteradding mosaic filteradding mosaic filter

4. Cómo crear un trazo alrededor del sujeto

Paso 1

En esta sección, vamos a crear un trazo alrededor del sujeto. Ve a Capa > Nueva > Capa para crear una nueva capa y nómbrala Trazo.

creating new layercreating new layercreating new layer

Paso 2

Ahora haz Control-clic en la capa Sujeto para hacer una selección de esta capa. A continuación, ve a Edición > Trazo, e introduce la configuración que aparece a continuación. Después, pulsa Control-D para anular la selección.

adding strokeadding strokeadding stroke

5. Cómo cambiar el fondo en Photoshop

Paso 1

En esta sección, vamos a cambiar el fondo. Selecciona la capa Fondo, ve a Archivo > Colocar elemento incrustado, selecciona la segunda foto de stock y haz clic en Colocar. A continuación, ajuste la Anchura y la Altura al 85,95%, y coloca la foto como se muestra a continuación. Nombra esta capa como Foto de fondo.

placing stock photoplacing stock photoplacing stock photo

Paso 2

Ahora ve a Filtro > Pixelizar > Mosaico y establece el Tamaño de la celda a 40 cuadrado.

adding mosaic filteradding mosaic filteradding mosaic filter

6. Cómo hacer los ajustes finales

Paso 1

En esta sección, vamos a realizar los ajustes finales del efecto de píxeles. Selecciona la capa Trazo, ve a Capa > Nueva capa de ajuste > Intensidad para crear una nueva capa de ajuste de intensidad, y nómbrala Intensidad/Saturación general.

creating new vibrance adjustment layercreating new vibrance adjustment layercreating new vibrance adjustment layer

Paso 2

Ahora haz doble clic en la miniatura de esta capa y, en el panel Propiedades, ajusta la Intensidad a +50 y la Saturación a +25.

adjusting vibrance and saturationadjusting vibrance and saturationadjusting vibrance and saturation

Paso 3

Ve a Capa > Nueva capa de ajuste > Niveles para crear una nueva capa de ajuste de niveles, y nómbrala Brillo general.

creating new levels adjustment layercreating new levels adjustment layercreating new levels adjustment layer

Paso 4

Ahora haz doble clic en la miniatura de esta capa y, en el panel de Propiedades, introduce los ajustes que se indican a continuación:

adjusting levelsadjusting levelsadjusting levels

¡Lo has conseguido!

¡Felicidades, lo has conseguido! Has aprendido a convertir una imagen en pixel art en Photoshop. Aquí está nuestro resultado final:

final resultfinal resultfinal result

Las 5 mejores acciones de Photoshop para convertir imágenes en pixel art

¿Quieres ver algunas de las mejores acciones de filtro de pixelado de Photoshop? Échale un vistazo a esta lista de acciones de Photoshop con efecto de píxeles de Envato Elements.

Acción de Photoshop de pixel art de 8 bits (ATN)

8 bit pixel art photoshop action8 bit pixel art photoshop action8 bit pixel art photoshop action

Convierte una foto en un efecto Photoshop de pixel art de 8 bits en un abrir y cerrar de ojos. Abre tu foto, pasa el pincel por encima del sujeto y ¡simplemente ejecuta la acción! La acción hará todo el trabajo por ti, dejándote resultados totalmente estratificados y personalizables que podrás modificar posteriormente. Puedes elegir entre los tres tamaños de pixel incluidos (pequeño, mediano y grande), y puedes cambiar el fondo con un solo clic utilizando las acciones incluidas.

Acción pixelada de Photoshop (ATN)

pixelated photoshop actionpixelated photoshop actionpixelated photoshop action

Si eres un fan de los efectos de dispersión, te tiene que encantar esta acción de Photoshop de efecto pixelado. ¡Solo tienes que pasar el pincel por encima de tu foto donde quieras pixelarla y ejecutar la acción! La acción viene con un videotutorial que demuestra cómo configurar tu archivo antes de usar la acción, y también cubre las técnicas de personalización en detalle.

Pixelum: Acción de Photoshop de pixelación digital (PSD)

pixelum digital pixelation photoshop actionpixelum digital pixelation photoshop actionpixelum digital pixelation photoshop action

Aquí tenemos otra interesante acción de Photoshop de pixelación de imágenes. Hay cuatro acciones incluidas con diferentes direcciones (arriba, izquierda, derecha y abajo). Todo lo que tienes que hacer es pincelar el área que quieres, elegir la dirección, y hacer clic en el reproducir. Es una acción de Photoshop de un solo clic.

Pixel poster - Acción de Photoshop (ATN, ABR)

pixels poster photoshop actionpixels poster photoshop actionpixels poster photoshop action

Con este filtro de pixelizar de Photoshop, puedes crear un efecto de pixelado profesional no solo con píxeles, sino también con elementos de estilo geométrico y abstracto. El resultado incluye capas, colores y elementos totalmente editables.

Pixel artist: Acción de Photoshop (ATN, TXT)

pixel artist photoshop actionpixel artist photoshop actionpixel artist photoshop action

¡Usando esta acción de Photoshop de imagen pixelada puedes convertir tus imágenes en su versión pixelada en solo unos pocos clics! La acción funciona de la siguiente manera: abre tu imagen y haz clic en el botón de reproducción. La acción creará 25 versiones pixeladas diferentes entre las que puedes elegir. ¡Una vez que elijas la versión que más te guste, podrás personalizar el resultado para conseguir efectos retro de 8 bits!

¿Te ha gustado el tutorial de cómo hacer pixel art en Photoshop? Entonces también te puede gustar:

Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads