¡Crea piezas increíbles en Photoshop con la técnica del Iso-painting!

25 de Enero del 2021

user

Miguel Mejia

¡Crea piezas increíbles en Photoshop con la técnica del Iso-painting! ¡Crea piezas increíbles en Photoshop con la técnica del Iso-painting!

¬°Buenas! El dise√Īo gr√°fico trae consigo innumerables t√©cnicas que permiten que nos ayudan a obtener resultados realmente incre√≠bles. Una de estas t√©cnicas es el Iso-painting.

A trav√©s de la perspectiva isom√©trica, la t√©cnica del Iso-painting en Photoshop se convertir√° en tu mejor aliada para darle un toque distinto y √ļnico a tus piezas gr√°ficas. ¬ŅNo quisieras tener un incre√≠ble proyecto en tu portafolio? Y hablando de portafolios, aprende a crearlos con estas incre√≠bles p√°ginas.¬†

En este art√≠culo te ense√Īaremos c√≥mo es que las herramientas principales de Photoshop nos permitir√°n crear piezas incre√≠bles utilizando la t√©cnica del Iso-painting. ¬ŅEst√°s listo para llevar tus habilidades al siguiente nivel? ¬°Acomp√°√Īanos!

 

√ćndice:

  1. ¬ŅQu√© es la perspectiva isom√©trica?
  2. ¬ŅQu√© es la t√©cnica del Iso-painting en Photoshop?
  3. ¬ŅQu√© herramientas de Photoshop se necesitan para el Iso-painting?
  4. ¬ŅC√≥mo crear un plano isom√©trico en Photoshop?¬†
  5. ¬ŅEn qu√© proyectos puedo aplicar el Iso-painting?¬†

 

1. ¬ŅQu√© es la perspectiva isom√©trica?¬†

Para entender la técnica del Iso-painting en Photoshop, lo primero que hay que hacer es entender los conceptos, los cuales nos servirán como punto de partida para la ejecución. 

Etimológicamente, la palabra "isometría" proviene del griego "isos" (igual) y "metron" (medida), por lo que se define como "igual medida". Con este preámbulo, ya podemos entrar a una definición técnica.

La perspectiva isom√©trica es la representaci√≥n visual de un objeto tridimensional en dos dimensiones, en la que al proyectarse los tres ejes ortogonales principales forman √°ngulos de 120¬į.¬†

Perspectiva isométrica

Imagen: Crehana

Rubén Valle, profesor de nuestro curso online Descubre el Iso-painting en Photoshop y crea piezas auténticas, nos ayudó a definir de manera más amigable la perspectiva isométrica.

"Gracias a la perspectiva isom√©trica, los elementos, los coloquemos donde los coloquemos, tendr√°n la misma medida, lo cual le ayudar√° al artista a combinar objetos o trasladarlos. Si aplicamos otra perspectiva, se tendr√≠a que cambiar el tama√Īo de los objetos y realizar m√°s pasos".¬†

Ahora que ya entendemos en qué consiste la perspectiva isométrica, es momento de hablar sobre la técnica del Iso-painting en Photoshop.

 

¬°Aprende a hacer magia en tus dise√Īos con estos cursos online de retoque digital!

 

2. ¬ŅQu√© es la t√©cnica del Iso-painting en Photoshop?¬†

¡Espera! Antes de hablarte sobre el Iso-painting en Photoshop es preciso recordar otra técnica de la que seguro has oído: el matte painting. Sergio Pastor, profesor de nuestro curso de Fotomontaje y Retoque Matte Painting nos ayuda a definirlo. 

"El matte painting es una técnica que forma parte de los efectos especiales. Se utiliza en cine y televisión para recrear digitalmente escenarios muy costosos o en los que sería imposible rodar". 

Seguro te estás preguntando por qué hacemos mención al matte painting y aquí viene la respuesta: la técnica del Iso-painting en Photoshop es la unión entre la perspectiva isométrica y el matte painting. Tan simple como eso.

¬ŅQu√© es Iso-Painting?¬†

Imagen: Rubén Valle / Descubre el Iso-painting en Photoshop y crea piezas auténticas

Ahora, para empezar a aplicar esta técnica de Photoshop es necesario tener una experiencia previa. Si es que recién te inicias en este programa, antes de seguir leyendo te contamos todo lo que puedes hacer con Photoshop. 

Eso sí, hay que tener en cuenta que para aplicar la técnica del Iso-painting en Photoshop tu creatividad será de suma importancia para que el resultado sea increíble. Nuestro profesor Rubén nos lo explica mejor. 

"Siempre digo que el 50 por ciento es el uso de la herramienta y la otra mitad es el lado creativo. De nada sirve ser muy bueno imaginando si luego no puedes crearlo y viceversa". 

Ya sabes que las herramientas de Photoshop son muchísimas, pero para aplicar la técnica del Iso-painting solo necesitaremos algunas. ¡Te las contamos! 

3. ¬ŅQu√© herramientas de Photoshop se necesitan para el Iso-painting?

Como te comentamos m√°s arriba, Photoshop se caracteriza por tener innumerables herramientas para la creaci√≥n y edici√≥n de nuestras gr√°ficas. Por ello, antes de continuar, te invitamos a conocer las herramientas m√°s √ļtiles de Photoshop.¬†

Para empezar a aplicar la técnica del Iso-painting en Photoshop no usaremos todas las herramientas, sino solo algunas que te mencionaremos a continuación. 

-Filtros: Herramienta de Photoshop que te permite limpiar o retocar tus imágenes, así como aplicar efectos especiales. 

-Selección: Con esta herramienta podrás seleccionar algunas regiones de la capa activa para trabajar en ellas sin afectar el área seleccionada.

-Recortar: Como su nombre lo dice, se trata de una √ļtil herramienta de Photoshop que nos permitir√° aplicar recortes en nuestros proyectos.¬†

Herramientas Photoshop

Imagen: Adobe

-Mover: Esta herramienta de Photoshop te permitirá arrastrar una selección hasta una nueva ubicación. 

-Mano alzada: Podrás controlar la suavidad de las líneas curvas que estás dibujando, así como agregar segmentos a líneas existentes. 

-Varita mágica: Con esta herramienta de Photoshop podrás seleccionar un área coloreada de forma coherente sin tener que trazar su contorno. 

-Cuentagotas: Podrás tomar muestras de color con el fin de designar un nuevo color frontal o de fondo. 

-Pincel: Esta es una de las herramientas de Photoshop más importantes para aplicar la técnica del Iso-painting. Podrás pintar trazos de pincel personalizados y como si los hubieras hecho a mano.

 

¡Descarga gratis este pack de skin brushes y logra efectos increíbles en la piel!

Pack skin brushes

 

-Tampón de clonar: Herramienta de Photoshop con la que podrás corregir defectos a través de la clonación de algunas partes de la gráfica. 

-Borrador: Por más obvio que pueda sonar, esta herramienta de Photoshop te permite borrar parte de una imagen, aunque solo tendrá efecto dentro de la capa seleccionada. Además, tiene distintos modos. 

-Degradado: Una herramienta de Photoshop con la que podrás crear una fusión gradual entre colores. 

-Texto: Con esta herramienta de Photoshop lograrás insertar fácilmente texto en tus imágenes. 

-Pluma: Podr√°s crear y modificar trazados de forma precisa

Es importante mencionar que, si bien estas herramientas son las principales para empezar con la t√©cnica del Iso-painting no hay nada escrito y el uso de todas ellas (o de otras) depender√° de lo que quieras lograr. En el dise√Īo gr√°fico a veces viene bastante bien romper las reglas para obtener resultados a√ļn m√°s incre√≠bles.¬†

4. ¬ŅC√≥mo crear un plano isom√©trico en Photoshop?¬†

¡Llegó el momento! Ya tenemos una buena base sobre las herramientas de Photoshop para empezar con la técnica del Iso-painting, así que es hora de dar el siguiente paso: crear un plano isométrico.

Para lograr un proyecto increíble con la técnica del Iso-painting debes basarte en un plano isométrico, el cual deberás crear realizando algunos simples pasos en Photoshop. ¡Vamos! 

1. Crea un documento nuevo (300px / pulgada).

2. Luego ve a Degradado / Bote de pintura y escoge tus colores primarios y secundarios.

3. Crea una nueva capa.

4. Crea una fina selección y rellénala de color negro.

5. Utiliza la herramienta Mover + Alt y arrastra la selección.

Plano isométrico

Imagen: Curso Descubre el Iso-painting en Photoshop y crea piezas auténticas

6. Combina las capas.

7. Duplica la capa seleccionada.

8. Gira las líneas en 90 grados. En ese momento ya tendrás una cuadrícula perfecta.

Plano isométrico Iso-painting

Imagen: Curso Descubre el Iso-painting en Photoshop y crea piezas auténticas

9. Selecciona ambas capas y combínalas.

 

¡Conviértete en un experto en Photoshop con este increíble curso online! 

 

10. Presiona Shift + Alt y encoge la cuadrícula.

11. Utiliza la herramienta de giro + Shift y da tres giros a la izquierda.

Plano isométrico Photoshop

Imagen: Curso Descubre el Iso-painting en Photoshop y crea piezas auténticas

12. Presiona Shift + Alt y baja para crear una perspectiva.

13. Baja la cuadrícula casi hasta la base del documento.

Perspectiva Iso-Painting

Imagen: Curso Descubre el Iso-painting en Photoshop y crea piezas auténticas

14. Elige los dos colores del degradado y traza una linea.

15. Cambia la opacidad de la cuadrícula al 50%.

¡Listo! Ya tienes tu plano isométrico. Con esto, ya puedes empezar a realizar proyectos increíbles. Ya sabes que para complementar y mejorar tu técnica Iso-painting, el profesor Rubén te estará esperando en su curso online.

 

Crehana Premium

 

5. ¬ŅEn qu√© proyectos puedo aplicar el Iso-painting?¬†

El dise√Īo tiene ramas en las que se requieren de t√©cnicas especiales para obtener un gran proyecto. La t√©cnica del Iso-painting es v√°lida en varias de esas ramas, entre las que se encuentran:¬†

Iso-painting en Videojuegos

Es una de las principales industrias en las que podr√°s aplicar la t√©cnica del Iso-painting. Desde hace varios a√Īos se empez√≥ a utilizar la perspectiva isom√©trica (o perspectiva 3/4) en los videojuegos, como Age of Empires o SimCity, por citar unos ejemplos.

Iso-painting videojuegos

Imagen: Shadowrun Returns

Si bien los videojuegos con mejores gráficas ya no suelen aplicar el Iso-painting, parece que la tendencia podría volver. Muestra de ello son algunos videojuegos relativamente recientes en los que se utilizó el Iso-painting, como Shadowrun Returns, desarrollado por Harebrained Schemes. 

El Dise√Īo Industrial y el Iso-painting

Al tener que presentar piezas desde distintos puntos de vista, la técnica del Iso-painting en Photoshop será de gran ayuda para mostrar tus prototipos y se puedan entender a la perfección. 

De todos modos, estos cursos de Dise√Īo Industrial complementar√°n tus conocimientos sobre la t√©cnica del Iso-painting.¬†

El Iso-painting en la arquitectura

La arquitectura es otra de las profesiones en las que podrías usar la técnica del Iso-painting para crear tus bocetos y maquetas. 

Arquitectura Iso-painting

Imagen: Freepik

Se trata de un recurso que complementa los planos de distribución y que permitirá una vista aérea de tus proyectos. 

Acabas de aprender la base de una nueva t√©cnica de Photoshop. Si bien el uso del Iso-painting es com√ļn en las industrias que te mencionamos arriba, se trata de una t√©cnica que podr√°s aplicar en absolutamente todos tus proyectos para darles un toque √ļnico e incre√≠ble ūüėé. ¬°Nos vemos!

Recomendados para ti