Transforma una foto en un bloque de arte LEGO en Adobe Photoshop

Lo que vas a crear

Usa Adobe Photoshop para construir una versión LEGO de una foto. Use algunos filtros inteligentes y técnicas de sombreado para crear fácilmente la apariencia de construir una réplica fotográfica con cientos de pequeños bloques de plástico. 

1. Crea el patrón de bloque

Comencemos por crear el patrón básico de bloques tipo LEGO. La precisión es clave para que este efecto funcione correctamente, por lo que debe tener cuidado con las mediciones de píxeles para asegurarse de que el patrón coincida con el efecto mosaico más adelante.

Paso 1

Crear un Nuevo documento que es 60x60 píxeles en dimensiones.

Luego cree una nueva capa y rellénela con un 50% de gris usando la Editar> Rellenar ordena y elige 50% gris Desde el menú desplegable Usar.

Agrega un Estilo de capa de bisel y relieve con el tamaño establecido en 0 pixeles como se ve aquí:

Paso 2

Establezca el color de primer plano en el mismo gris de medios tonos (# 808080)

Luego seleccione la Herramienta Elipse (U) y haga clic en cualquier parte del lienzo. Crea un círculo que sea 42 x 42 píxeles en dimensiones.

Luego usa el Herramienta de selección de ruta (A) para arrastrar el círculo hasta que encaje en el centro del lienzo.

Agrega un Estilo de capa de bisel y relieve con un Profundidad de 62% y un tamaño de 3 píxeles

Luego agrega un Estilo de capa de sombra con un Distancia y tamaño de 5 pixeles cada.

En este punto, su bloque debe parecerse a la vista desde arriba de un bloque tradicional LEGO 1x1.

Paso 3

Utilizar el Herramienta de tipo horizontal (T) para colocar algún texto en la parte central del círculo. Usa una fuente delgada de san serif como Verbo o Arial.


Luego posiciona el texto usando la Mover herramienta (V). Habilitar el Mostrar controles de transformación Opción en la barra de opciones para hacer que el texto sea más fácil de escalar.

El texto final debe ser del mismo color gris que antes (# 808080) pero eso dificulta verlo para posicionarlo adecuadamente. Considere cambiar el color del texto a blanco o negro, y luego volver a cambiarlo a gris después de colocarlo.

Agrega un Estilo de capa de bisel y relieve al texto con una Profundidad de 1 píxel y un tamaño de 1 píxel.

Agrega un Estilo de capa de sombra con un Distancia de 2 pixeles y un tamaño de 3 pixeles

Etapa 4

En este punto debes guardar tu archivo fuente! El siguiente paso hará que pierdas todas tus capas editables..

Aplanar el archivo con Capa> Aplanar imagen.  Todas sus capas se combinarán en una sola capa de fondo..

Necesitamos cambiar el tamaño de la imagen para que sea exactamente de 30x30 píxeles. Ir Imagen> Tamaño de imagen e ingrese los valores de 30 tanto para el Anchura y Altura. Asegúrese de que las unidades estén configuradas en Pixeles.

Luego ve a Edita> Define Patrón y dale al patrón un nombre como "LEGOblock-top".

Luego cierra el archivo sin guardándolo.

2. Preparar la imagen

Ahora que hemos creado un patrón de bloque tipo LEGO, debemos aplicarlo a una imagen de tal manera que parezca que la imagen fue ensamblada de manera real a partir de bloques reales.

Paso 1

Abre una imagen para utilizar el efecto. Elija una imagen que no tenga una gran cantidad de detalles, pero líneas fuertes y buen contraste. Si la imagen es de algo familiar, como la Estatua de la Libertad, el efecto final tiende a funcionar mejor.. 

La imagen debe tener dimensiones de píxeles que sean divisibles por 30. Así que vaya a Imagen> Tamaño de imagen y la entrada de un Altura valor de 1500. No te preocupes por la Anchura valor ahora.


Para establecer el valor de ancho vaya a Imagen> Tamaño de lienzo y entrar en Anchura valor de 960.

Photoshop le dará un aviso sobre el contenido de recorte. Hacer clic Proceder.

Paso 2

Crea una copia de la capa de fondo yendo a Capa> Nueva capa mediante copia (Control-J).

Luego ve a Filtro> Pixelado> Mosaico y establecer el Tamaño de celda a 30 cuadrado.

En este punto, la imagen debe aparecer como un arreglo de cuadrados de colores sólidos..

3. Aplicar el patrón de bloque

Paso 1

Ahora para introducir el patrón de bloque superior que creamos en el Paso 1. Primero cree una nueva capa yendo a Capa> Nueva capa (Shift-Control).


Luego ve a Editar> Rellenar (Shift-F5) y seleccione Modelo desde el Utilizar menú y encuentre su patrón de bloque personalizado en la parte inferior de la lista en el Patrón personalizado Menú desplegable.

Paso 2

El lienzo se llena con el patrón de bloques. Cambiar la capa de Modo de mezcla a Cubrir para permitir que el color del mosaico se muestre a través del patrón de bloque.

4. Crear la máscara de capa

El siguiente paso es enmascarar las partes exteriores de los bloques para que los bloques de estatua parezcan estar sentados en la parte superior de los bloques de fondo..

Paso 1

Hagámonos la vida más fácil usando una cuadrícula de 30 píxeles para guiar nuestra selección para enmascarar Ir Edición> Preferencias> Guías, cuadrículas y sectores. y en el Cuadrícula sección establecer un Línea de cuadrícula cada 30 píxeles.

Para ver la cuadrícula en el lienzo vaya a Ver> Mostrar> Cuadrícula.

Paso 2

Ahora usa el Rectangular mHerramienta arquee (M) ajustado a Añadir a la selección en el Barra de opciones para crear una selección alrededor de la cabeza y los hombros de la estatua, usando la cuadrícula para ayudar a crear la selección para delinear perfectamente los bloques.

Paso 3

Ir Capa> Máscara de capa> Mostrar selección Para utilizar la selección como máscara. los Capas El panel mostrará una miniatura en blanco y negro para indicar la máscara de capa..

Etapa 4

Mantenga pulsada la Alt mientras mueve el cursor entre la capa de mosaico y la capa de patrón. Cuando veas que el cursor cambia de una mano que apunta a un cuadrado con una flecha hacia abajo, haz clic en él. Esto cortará la capa de patrón a la capa de mosaico, lo que permite que ambas capas se controlen con la misma máscara de capa.

5. Crea los bloques de fondo

Paso 1

Tenemos nuestros bloques de estatua, pero ahora necesitamos crear el nivel de base más bajo de bloques. Así que repita el mismo proceso de duplicar la capa de fondo y ejecutar el filtro de mosaico. Luego coloca una capa encima de ella rellena con el patrón de bloque. Cree una máscara que incluya una serie de bloques separados cerca de la parte inferior y recorte el patrón en la capa de mosaico. Su archivo debe parecerse a este.

Paso 2

Los ladrillos de fondo parecen demasiado similares a los ladrillos de la estatua. Para ayudar a crear una diferencia visual, cambie la Modo de mezcla para la capa de patrón de bloque para Luminosidad.

Paso 3

Eso hizo el bloque demasiado oscuro. Para corregir esto, aclaremos la capa de patrón de bloque. Ir Imagen> Ajustes> Niveles (Control-L) y ajusta los controles para que coincida con la configuración aquí:

Etapa 4

Luego ve a Filtro> Blur> Gaussian Blur y usa un radio de alrededor 0.4 píxeles. Esto crea un desenfoque sutil en los bloques de fondo, por lo que la nitidez de los bloques de la estatua se destaca más.

6. Crea una Sombra de Reparto

El nivel superior del bloque debe proyectar una sombra en el nivel inferior. Si la superficie fuera plana, esta sería una tarea fácil. Pero todos esos pequeños bultos crean una superficie desigual que interrumpirá las líneas de sombra. Para adaptarse a esto, crearemos dos capas de sombra, una para la parte superior de las protuberancias, una para el área base alrededor de las protuberancias. Este detalle es muy sutil, pero importante para crear un efecto realista..

Paso 1

Crea una nueva capa debajo de la capa de StatueBlocks y llámala Shadow1.

Paso 2

Control-Click la miniatura de la máscara para el EstatuaBlocks Capa para crear una selección a partir de ella. Verás las hormigas marchando delineando el área..

Paso 3

Rellena la selección con negro yendo a la Editar> Rellenar (Shift-F5) comando y elección Negro desde el Utilizar Menú desplegable. el área seleccionada se llenará de negro pero todavía no puedes verla porque está detrás de la capa de bloques.

Etapa 4

Sujetar Cambio y presione el Flecha hacia abajo Tecla dos veces. Luego presione el Flecha correcta tecla 15 veces (sin la Cambio Llave). Esto colocará la sombra en la parte inferior derecha de los bloques para crear el comienzo de la sombra proyectada..

Paso 5

La sombra proyectada no se verá correcta hasta que las esquinas estén conectadas. Así que selecciona la Herramienta Lazo poligonal y asegúrese de que el modo esté configurado en Añadir a la selección. Luego haga clic en una esquina de la capa de sombra y conéctela a la esquina del bloque que generaría esa sombra. Agregue un tercer punto de clic para completar el área triangular. Haz esto para cada esquina visible.


Paso 6

Rellena la selección con negro usando la Editar> Rellenar (Shift-F5) comando con Negro como el Utilizar ajuste. 


Entonces presione Control-D a Deseleccionar.

Paso 7

Suavizar la capa de sombra yendo a Filtro> Blur> Gaussian Blur y establecer el Radio a 2.0 píxeles

Paso 8


Selecciona el Modo de mezcla a Multiplicar y reducir el Opacidad a 24%

7. Ajuste la sombra para seguir los contornos

La sombra proyectada actualmente parece estar corriendo a lo largo de una superficie plana. Siendo realistas, los postes redondos de los bloques romperían la línea de la sombra. Puede parecer desalentador tratar de obtener una sombra para seguir a lo largo de cada pequeña publicación, pero al ajustar el patrón de bloque original, podemos lograr el efecto sin dolor.

Paso 1

Vuelva al archivo original utilizado para crear el patrón de bloque. Oculta la capa de texto y la capa rellena de gris.. Haga doble clic la miniatura de la capa Elipse para seleccionar un color de relleno y elegir negro sólido.

Paso 2

Aplanar el archivo con Capa> Aplanar imagen y golpear DE ACUERDO cuando se le pregunta acerca de descartar capas ocultas. Luego redimensiona la imagen con Imagen> Tamaño de imagen y especifique el Anchura y Altura para ser exactamente 30 píxeles cada uno.

Paso 3

Define esta imagen como un nuevo patrón yendo a Edita> Define Patrón. A continuación, puede cerrar el archivo sin guardar.

Etapa 4

Regrese al archivo de proyecto principal y agregue una máscara de capa a la capa Shadow1 presionando la tecla Añadir máscara de capa botón en la base de la Capas panel.

Paso 5

Asegúrese de que la máscara esté orientada (debe haber un borde blanco alrededor de la miniatura) y rellénela con el nuevo patrón usando el Editar> Rellenar mando. Selecciona el Utilizar a Modelo y seleccione el patrón recién creado desde la parte inferior de la lista de Patrón personalizado desplegable.

Esto eliminará la sombra de las partes superiores de las clavijas de bloque y solo permitirá que se vea en las áreas alrededor y entre las clavijas..

Paso 6

Ahora crearemos una sombra para la parte superior de las clavijas que está ligeramente desviada de la sombra proyectada actual. Duplica la capa Shadow1 presionando Control-J.

Queremos que la máscara de esta capa muestre la parte superior de las clavijas, que es la opuesta a su función actual. Apunte la máscara de la copia haciendo clic en la miniatura. Entonces presione Control-I a Invertir la máscara.

Paso 7

Ahora para desplazar la sombra ligeramente para dar la apariencia de que está siguiendo los contornos de las clavijas. Primero apunte a la capa real, no a la máscara, haciendo clic en la miniatura de la capa. Luego, desvincule la capa de la máscara haciendo clic en el pequeño icono de enlace de cadena entre las dos miniaturas. Esto mantendrá la máscara en su lugar mientras movemos la capa alrededor.

Paso 8

Ahora mueve esta sombra hacia arriba y hacia la izquierda tocando Flecha arriba llave y la flecha izquierda Clave cinco veces cada uno. Este desplazamiento sutil le da a la sombra del yeso una apariencia mucho más realista..

8. Añadir una apariencia de plástico

La capa superior de bloques está casi terminada. Solo necesita unos pequeños detalles para que se vea como verdaderos bloques de plástico..

Paso 1

Comience agregando un Bisel y relieve Estilos de capa con un Profundidad de 32% y tamaño de 3 px.

Entonces un Sombra paralela estilo conlaOpacidad ajustado a 69%, Distancia de 7px y tamaño de 9 px.

Esto le da a la capa superior de bloques un efecto de iluminación aún más realista.

Paso 2

Para mejorar aún más la apariencia plástica, use un efecto de filtro sutil. Pero primero, seleccione las capas StatueBlocks y BlockPattern y cree una capa combinada de ellas manteniendo presionada la tecla Alt y yendo a Capa> Capas fusionadas (Control-E) 

Paso 3

Ir Filtro> Galería de filtros  y abre el Artístico carpeta y elige la Envoltura de plástico filtrar. Selecciona el Resalte la fuerza a 5, Detalle a 13, y Suavidad a 5.

Luego reduce la capa Opacidad a 40% para hacer el efecto muy sutil.

Etapa 4

Para que sea aún más evidente visualmente que el nivel superior de bloques está por encima del nivel inferior, agregue un ligero desenfoque al nivel inferior de bloques. Esto simula la misma idea de un punto focal fotográfico. Selecciona el BackgroundBlockPattern capa e ir a Filtro> Blur> Gaussian Blur y establecer el Radio a 0.4 píxeles.

En este punto, su proyecto debería verse similar a esto:

9. Expandir el lienzo

La capa superior de bloques está terminada, por lo que ahora es el momento de pasar a la capa base. Pero primero, el lienzo requiere ajustes para dejar espacio para el efecto de sombra. Fue esencial comenzar con un tamaño de lienzo más ajustado para que el filtro de mosaico funcione correctamente..

Paso 1

Desbloquea la capa de fondo haciendo clic en Bloquear icono a la derecha del nombre de la capa en la Capas panel. Esto cambiará la capa de Fondo a Capa 0.

Paso 2

Ir Imagen> Tamaño de lienzo y establecer el Anchura a 1036 píxeles y la Altura a 1560 píxeles los Relativo casilla de verificación no debe ser marcada y la Ancla debe estar en la posición central predeterminada.

Paso 3

Agrega un Sombra paralela estilo de capa a la Capa 0 capa. Selecciona el Distancia y tamaño tanto para 5 pixeles.

Etapa 4

Agregue una nueva capa debajo de la capa 0 manteniendo presionada la tecla Controlar mientras presiona la tecla Crear una nueva capa icono en el Capas panel.

Rellena esta capa con blanco yendo a Editar> Rellenar y seleccionando Blanco desde el Utilizar desplegable.

Aquí es cómo debería verse el proyecto en este punto:

10. arrojar la sombra final

La capa base de bloques está sentada sobre una superficie plana, la imagen, creando la sombra proyectada es mucho más simple.

Paso 1

Para crear la sombra proyectada, repita la misma técnica que el nivel superior de los bloques: Cree una capa debajo de la BackgroundBlocks capa para mantener la sombra

Paso 2

Crear una selección de la BackgroundBlocks máscara de la capa y rellénela con negro, luego desplace la sombra hacia abajo y hacia la derecha.

Paso 3

Utilizar el Herramienta de marquesina poligonal ajustado a Añadir a la selección para seleccionar las áreas diagonales sobre las que caería la sombra. Luego llena esa selección con negro.

Etapa 4

Cancelar la selección con Control-D y ejecuta el Desenfoque gaussiano filtrar con un Radio de 3 píxeles.

Paso 5

Establecer la capa Modo de mezcla a Multiplicar y reducir el Opacidad a 20%

Paso 6

En lugar de volver a configurar los mismos estilos de capa, simplemente botón derecho del ratón sobre el "fx" icono de la EstatuaBlocks capa y elegir Copiar estilo de capa. Entonces botón derecho del ratón sobre el BackgroundBlocks capa y elegir Pegar estilo de capa.

Asegúrese de guardar su archivo porque ha terminado!

Impresionante trabajo, ya estás hecho!