Spanish (Español) translation by Cristian Marroquin (you can also view the original English article)
Usa Adobe Photoshop para hacer una versión de LEGO de una foto. Usa algunos filtros interesantes y técnicas de sombreado para crear fácilmente la apariencia de hacer una replica de una foto con cientos de bloques de plástico.
1. Crear el Motivo de Bloques
Comencemos creando el motivo básico de LEGO. Precisión es la clave para que este efecto funcione propiamente, así que necesitarás ser cuidadoso con la medida de píxeles para asegurarse de que el motivo sea igual con el efecto mosaico que haremos luego.
Paso 1
Crea un documento Nuevo que sea de 60x60 píxeles en dimensiones.
Luego crea una nueva capa y rellénala con 50% de gris usando el comando Editar > Rellenar y escoge 50% Gris desde menú desplegable Usar.
Añade un Estilo de Capa Bisel y Relieve con el tamaño puesto a 0 píxeles como se muestra aquí:
Paso 2
Pon el color de primer plano al mismo tono medio de gris (#808080).
Luego selecciona la Herramienta Elipse (U) y da click donde sea en el lienzo. Crea un círculo que sea de 42 x 42 píxeles en dimensiones.
Luego usa la Herramienta Selección de Trazado (A) para arrastrar el círculo hasta que esté en el centro del lienzo.
Añade un Estilo de Capa de Bisel y Relieve con Profundidad de 62% y Tamaño de 3 píxeles.
Luego añade Estilo de Capa Sombra Paralela con una Distancia y Tamaño de 5 píxeles cada uno.
En este punto tu bloque debería igualar a la vista de arriba hacia abajo de un bloque 1x1 tradicional de Lego.
Paso 3
Usa la Herramienta de Texto Horizontal (T) para poner algo de texto en la porción central del círculo. Usa fuente san serif delgada como Verb o Arial.
Luego posiciona el texto usando la Herramienta Mover (V). Activa las opción Mostrar Controles de Transformación en la Barra de Opciones para hacer que el texto sea fácil de escalar.
El texto final debe ser el mismo color gris de antes (#808080) pero eso dificulta verlo para posicionarlo adecuadamente. Consider cambiar el color de texto a blanco o negro, luego cámbialo a gris luego de que lo muevas.
Añade un Estilo de Capa de Bisel y Relieve al texto con una Profundidad de 1 pixel y Tamaño de 1 pixel.
Añade un Estilo de Capa de Sombra Paralela con una Distancia de 2 píxeles y un Tamaño de 3 píxeles.
Paso 4
¡A este punto debes guardar tu archivo de origen! El siguiente paso causará que pierdas todas tus capas editables.
Acopla el archivo con Capa > Acoplar Imagen. Todas tus capas serán combinadas en una sola capa de fondo.
Necesitaremos cambiar el tamaño de la image exactamente a 30x30 píxeles. Ve a Image > Tamaño de la Imagen y pon los valores de 30 para el Ancho y la Altura. Asegúrate de que las unidades estén puestas en Píxeles.
Luego ve a Edición > Definir Motivo y dale al motivo un nombre como "LEGOblock-top".
Luego cierra el archivo sin guardarlo.
2. Prepara la Imagen
Ahora que hemos creado un motivo estilo Lego, necesitamos aplicarlo a una image de manera que parezca que la imagen fue realmente hecha de bloques reales.
Paso 1
Abre una imagen para usar el efecto. Escoge una imagen que no tenga una gran cantidad de detalle, pero que tenga lineas fuertes y buen contraste. Si la image es familiar, como la Estatua de la Libertad, los efectos finales tienden a funcionar mejor.
La imagen necesita tener dimensiones en píxeles que sean divisibles por 30. Así que ve a Imagen > Tamaño de la Imagen y pon el valor de Altura a 1500. No te preocupes por el valor del Ancho ahora.
Para poner el valor de ancho ve a Imagen > Tamaño del Lienzo y pon el valor de Ancho a 960.
Photoshop te dará un aviso del recorte de contenido. Da click en Proceder.
Paso 2
Crea una copia de la capa de fondo yendo a Capa > Capa Vía Copiar (Control-J).
Luego ve a Filtro > Pixelizar > Mosaico y pon el Tamaño de la Celda a 30 cuadrados.
A este punto la imagen debe aparecer como una arreglo de cuadrados sólidos coloreados.
3. Aplicar un Motivo de Bloque
Paso 1
Ahora trae el motivo de bloque que creamos en el Paso 1. Primero crea una nueva capa yendo a Capa > Nueva Capa (Mayus-Control).
Luego ve a Editar > Rellenar (Mayus-F5) y selecciona el Motivo desde el menú de Usar y encuentra el motivo de bloque en el fondo de la lista de Motivos Personalizados del menú desplegable.
Paso 2
El lienzo se rellena con el motivo de bloque. Cambia el Modo de Fusión de la capa para Superponer para permitir que el color mosaico se muestre a través del patrón de bloques.
4. Crea una Máscara de Capa
El siguiente paso es enmascarar las porciones de los bloques para que los bloques de la estatua aparezcan estar sentados encima del fondo de bloques.
Paso 1
Facilitemos la vida usando una cuadrícula de 30 píxeles para guiar nuestra selección para enmascarar. Ve a Edición > Preferencias > Guías, Cuadrícula y Sectores, y la sección de Cuadrícula pon pon una Linea de Cuadrícula Cada 30 Píxeles.
Para ver la cuadrícula en el lienzo ve a Vista > Mostrar > Cuadrícula.
Paso 2
Ahora usa la Herramienta Marco Rectangular (M) para poner Añadir a la Selección en la Barra de Opciones para crear una selección alrededor de la cabeza y hombros de la estatua, usando la cuadrícula para asistir en crear la selección para bosquejar los bloques perfectamente.
Paso 3
Ve a Capa > Máscara de Capa > Revelar Selección para usar la selección como una máscara. El panel de Capas revelará una miniatura en blanco y negro para indicar la máscara de capa.
Paso 4
Presiona la tecla Alt mientras mueves el cursor entre la capa Mosaico y la capa de motivo. Cuando veas que el cursor cambio de una mano apuntando a un cuadrado a un cuadrado con una flecha hacia abajo, ¡dale click! Esto cortará la capa de motivo a la capa de mosaico, que permite que ambas capas sean controladas por la misma máscara de capa.
5. Crea los Bloques de Fondo
Paso 1
Tenemos nuestra estatua de bloques, pero ahora necesitamos crear la base inferior de bloques. Así que repite el mismo proceso de duplicar la capa de fondo y correr el filtro mosaico. Luego pon la capa arriba rellenada con el motivo de bloques. Crea un máscara que incluye una serie de bloques disjuntos cerca de la parte inferior y sujetar el motivo a la capa mosaica. Debes hacer que se parezca a esta.
Paso 2
El ladrillo de fondo parece muy similar a los ladrillos de la estatua. Para ayudar a crear la diferencia visual, cambia el Modo de Fusión para el motivo de la capa a Luminosidad.
Paso 3
Eso renderiza el bloque más oscuro. Para corregir esto, iluminemos la capa de motivo de bloques. Ve a Imagen > Ajustes > Niveles (Control-L) y ajusta las manecilla para igualar las configuraciones aquí:
Paso 4
Luego ve a Filtro > Desenfoque > Desenfoque Gaussiano y usar un radio de 0.4 píxeles. Esto crea un desenfoque sutil en el fondo de bloque, para que la nitidez de los bloques de la estatua destaque.
6. Crear un Tinte de Sombra
La parte superior del bloque debe ser un tinte de sombra sobre la parte baja. Si la superficie fuese plana, este seria una tarea fácil. Pero todas estos baches pequeños crean una superficie desigual que interrumpe las lineas de sombra. Para acomodar esto crearemos dos capas de sombra, una para el bache superior, una para el área de la base alrededor de los baches. Este detalle es muy sutil, pero importante para crear un efecto realista.
Paso 1
Crea una nueva capa debajo de la capa de la StatueBlocks y llámala Shadow1.
Paso 2
Presiona Control-Click a la máscara para la capa StatueBlocks para crear una selección de ella. Verás las hormigas marchando sobresaltando el área.
Paso 3
Rellena la selección con negro yendo a Edición > Rellenar (Mayus-F5) y escoge Negro desde el menú Usar que desplegable. El área seleccionada se rellenará con negro pero no puedes verlo aun porque está detrás de la capa de bloques.
Paso 4
Mantén presionada Mayus y presiona la Flecha Abajo dos veces. Luego presiona la Flecha Derecha 15 veces (sin la tecla Mayus). Esto posicionará la sombra en lado inferior derecho de los bloques para crear el comienzo del tinte de sombra.
Paso 5
El tinte de sombra no se verá correcto hasta que las esquinas estén conectadas. Así que selecciona la Herramienta Lazo Poligonal y asegúrate de que el modo esté en Añadir Selección. Luego da click en una esquina de la capa de sombra y conectala a la esquina del bloque que daría tinte a la sombra. Añade un tercer punt de click para completar el área rectangular. Haz esto para cada esquina visible.
Paso 6
Rellena la selección con negro usando el comando Edición > Rellenar (Mayus-F5) con Negro.
Luego presiona Control-D para Deseleccionar.
Paso 7
Suaviza la capa de sombra yendo a Filtro > Desenfoque > Desenfoque Gaussiano y pon el Radio a 2.0 píxeles.
Paso 8
Pon el Modo de Fusión a Multiplicar y reduce la Opacidad a 24%.
7. Ajustar la Sombra para Seguir el Contorno
El tinte de sombra aparece estar corriendo sobre una superficie plana. En realidad los postes redondos del bloque quebrarían la linea de sombra. Puede parecer un poco intimidante para tratar de obtener una sombra para seguir cada poste pequeño, pero ajustando el motivo original de bloques, podemos lograr el efecto de una manera fácil.
Paso 1
Regresa al archivo original usado para crear el motivo de bloque. Oculta la capa de texto y la capa de relleno gris. Da doble click en la miniatura del Elipse para seleccionar un relleno de color y escoger un negro sólido.
Paso 2
Acopla el archivo con Capa > Acoplar Imagen y presiona OK cuando aparezca el mensaje de descartar las capas ocultas. Luego cambia el tamaño de la imagen con Imagen > Tamaño de la Imagen y especifica en Ancho y la Altura para ser exactamente 30 píxeles cada uno.
Paso 3
Defina esta image como un nuevo motivo yendo a Edición > Definir Motivo. Puedes cerrar el archivo sin guardarlo.
Paso 4
Regresa al archivo de proyecto principal y añade una máscara de capa a la capa Shadow1 presionando el botón de Añadir Máscara de Capa en la base del panel Capas.
Paso 5
Asegúrate de que la máscara este seleccionada (debería haber un borde blanco alrededor de la miniatura) y rellenarla con el nuevo motivo usando el comando Edición > Rellenar. En el recuadro Usar pon Motivo y selecciona el motivo recientemente creado desde el fondo de la lista del menú desplegable de Motivo Personalizado.
Esto borrará la sombra de la parte de arriba de las clavijas del bloque y solo permitirá que sea visto en áreas alrededor y entre las clavijas.
Paso 6
Ahora crearemos una sombra para la porción de arriba de las clavijas que esté un poco compensado del tinte de sombra actual. Duplica la capa Shadow1 presionando Control-J.
Queremos que la máscara de esta capa muestre la parte superior de las clavijas que esté opuesto de su función actual. Pon la máscara de copia dando click en la miniatura. Luego presiona Control-I para Invertir la máscara.
Paso 7
Ahora para mover la sombra un poco para darle apariencia que esté siguiendo el contorno de las clavijas, primero selecciona la capa actual, no la máscara, dando click en la miniatura de la capa. Luego quita el click de la capa de la máscara dando click en icono de la cadena pequeño entre las dos miniaturas. Esto mantendrá la máscara en lugar mientras se mueve la capa alrededor.
Paso 8
Ahora empuja esta sombra hacia arriba y a la izquierda pulsando la Flecha Arriba y la Flecha Izquierda cinco veces. Esta compensación le da el tinte de sombra una apariencia más realista.
8. Añade una Apariencia de Plástico
La capa de arriba de los bloques está casi hecha. Solo necesita detalles menores hacerlo parecerse como bloques reales de plástico.
Paso 1
Comienza añadiendo un Estilo de Capa Bisel y Relieve con Profundidad de 32% y Tamaño de 3 px.
Luego un estilo de Sombra Paralela con Opacidad puesta 69% de Distancia de 7px y Tamaño de 9px.
Esto le da a la capa superior de bloques un efecto de iluminación realista.
Paso 2
Para mejorar la apariencia plástica incluso más, usa un efecto de filtro sutil. Pero primero, selecciona las capas StatueBlocks y BlockPattern y crea una combinación de capa de ellas presionando Alt y yendo a Capa > Combinar Capas (Control-E).
Paso 3
Ve a Filtro > Galería de Filtro y abre la carpeta Artístico y escoge el filtro Plastificado. Pon la Intensidad a 5, Detalle 13, y Suavidad a 5.
Luego reduce la Opacidad de la capa a 40% para hacer el efecto un poco más sutil.
Paso 4
Para hacer las cosas un poco más visualmente aparentes, de que la parte superior de bloques esté derriba del nivel bajo, añade un desenfoque a la parte baja de los bloques. Esto simula la misma idea de un punto focal fotográfico. Selecciona la capa BackgroundBlockPattern y ve a Filtro > Desenfoque > Desenfoque Gaussiano y pon el Radio a 0.4 píxeles.
A este punto tu proyecto debe parecer similar a este:
9. Expande el Lienzo
La parte superior de la capa de bloques está terminada, así que ahora es tiempo de mover la capa base. Pero primero el lienzo requiere ajuste para hacer espacio para el efecto de sombra. Fue esencial comenzar con un lienzo pequeño para el filtro mosaico para trabajar apropiadamente.
Paso 1
Desbloquea la capa de fondo dando click en el icono de Bloquear a la derecha del nombre de la capa en el panel de Capas. Esto cambiará la capa desde Fondo a Capa 0.
Paso 2
Ve a Imagen > Tamaño del Lienzo y pon el Ancho a 1036 px y la Altura a 1560 px. Debes desmarcar la casilla Relativo y el Ancla debe estar en la posición por defecto.
Paso 3
Añade una capa de estilo Sombra Paralela a la Capa 0. Pon la Distancia y Tamaño a 5 px.
Paso 4
Añade una nueva capa debajo de la Capa 0 presionando la tecla Control mientras presionas el icono de Crear una Nueva Capa en el panel de Capas.
Rellena esta capa de blanco yendo a Edición > Rellenar y seleccionar Blanco desde el menú desplegable de Usar.
Aquí la manera en que el proyecte debería verse a este punto:
10. Pon Tinte a la Sombra Final
La base de la capa de bloques está puesta en una superficie plana, la imagen, haciendo el tinte de sombra más simple.
Paso 1
Para crear el tinte de sombra, repite la misma técnica como la parte superior de los bloques: Crea una capa debajo de la capa BackgroundBlocks para sostener la sombra.
Paso 2
Crea una selección desde la máscara de capa de BackgroundBlocks y rellénala con negro, luego contrarresta la sombra hacia abajo y a la derecha.
Paso 3
Usa la Herramienta Marco Poligonal para Añadir a la Selección para seleccionar las áreas diagonales en la cual la sombra caería. Luego rellena esa selección con negro.
Paso 4
Cancela la selección con Control-D y aplica el filtro Desenfoque Gaussiano con un Radio de 3 px.
Paso 5
Pon la capa en Modo de Fusión para Multiplicar y reducir la Opacidad a 20%.
Paso 6
En vez de poner el mismo estilo de capa de nuevo, solo da click derecho en el icono "fx" desde la capa StatueBlocks y escoge Copiar Estilo de Capa. Luego da click-derecho en la capa BackgroundBlocks y escoge Pegar la Capa de Estilo.
¡Asegúrate de guardar el archivo porque lo terminaste!
¡Sorprendente! ¡Lo haz hecho!
By
