Tutorial de Adobe Illustrator y Photoshop: Creación de un retrato Low-Poly

Tutorial de Adobe Illustrator y Photoshop: Creación de un retrato Low-Poly

En este tutorial, el diseñador brasileño Breno Bitencourt te mostrará paso a paso cómo crear un elegante retrato de low-poly en Illustrator y Photoshop.

Tutorial de Adobe Illustrator y Photoshop

El secreto para crear obras de este estilo es trabajar a partir de las mejores fotos de referencia y, en primer lugar, Breno muestra cómo capturarlas (usándose a sí mismo como modelo). Luego explica cómo editarlos en Photoshop y luego crear una versión vectorial en Illustrator.

Breno dice que no es necesario ser un experto en Illustrator o Photoshop para seguir este tutorial, siempre que tengas buen ojo y mucha paciencia podrás lograrlo.

Puedes ver un video del proceso creativo de diseño de un retrato de low-poly que se detalla en este tutorial.

Tiempo para completar: 4 horas 

Software requerido: Adobe Illustrator y Photoshop.

Paso 1

Paso 1 Tutorial de Adobe Illustrator y Photoshop

Primero, necesitas una buena referencia fotográfica. Para este tutorial, decidí tomarme una selfie. Así que le pedí ayuda a un amigo para conseguir las grabaciones.

Los consejos importantes son usar la perspectiva para mostrar la profundidad, tener una buena variación de luces y sombras y asegurarse de que tu modelo tenga accesorios afilados que se destaquen contra la suavidad de la piel y la ropa (por ejemplo, anteojos, joyas o un collar almidonado) .

A partir de estas fotos, debes elegir los mejores fragmentos para combinar en una sola imagen que será tu principal referencia. Como puedes ver en esta captura de pantalla, elegí la cara de uno, las gafas de otro y otros detalles de otras tomas. Sé selectivo en esta etapa, vale la pena.

Para cada parte, corta aproximadamente la parte que desee. Luego abre un nuevo documento en Photoshop con un fondo negro y coloca cada uno de los elementos en capas separadas.

Paso 2

Paso 2 Tutorial de Adobe Illustrator y Photoshop

Ahora debes combinarlos para crear tu referencia perfecta. Elimina las partes innecesarias y haz un collage de las partes seleccionadas. Utiliza máscaras y modos de fusión para unirlos a todos.

No tienes que regirte completamente a la realidad de las fotos, quieres crear una foto de referencia que se vea tan bien como yo. Por ejemplo, no me gustó la forma en que el brazo de las gafas se apoyó en mi oreja, así que lo modifique.

También cambié algunas partes de mi cabello que no eran muy interesantes.

Paso 3

Paso 3 Tutorial de Adobe Illustrator y Photoshop

Ahora que tienes la imagen incorporada, ajusta el contraste, el balance de color, las capas y similares para crear una imagen más dinámica.

No debería estar diciendo esto, pero a menudo me resulta muy útil usar las funciones de contraste automático, color automático y capas automáticas de Photoshop (en el menú Imagen) cuando no estás corrigiendo manualmente tu deseo compuesto.

Paso 4

Paso 4 Tutorial de Adobe Illustrator y Photoshop

Quiero que los colores de mi obra de arte final sean más cálidos que la foto de referencia. Para acercarlo a lo que quiero, agregué una capa púrpura sólida con un modo de fusión de pantalla.

Paso 5

Paso 5 Tutorial de Adobe Illustrator y Photoshop

Ahora llegamos a la parte del proceso que requiere mucho tiempo: la malla triangular. No hay ningún truco secreto, tienes que hacerlo a mano. ¿Por qué? Porque tu cerebro es mejor que cualquier script o proceso automatizado para determinar los contornos faciales.

Aquí tienes algunas guías. Las piezas pequeñas requieren triángulos pequeños. Nunca haga cuadrados, simplemente se ven mal. Quédate con triángulos. Es más fácil si tu sujeto tiene una nariz recta como la mía. Las narices redondas son complicadas.

Con un pincel pequeño, crea tu malla en una capa vacía sobre la imagen. Utiliza un color claro que contraste con el retrato. Prefiero el azul o el verde, ya que estos son dos colores que es poco probable que tu sujeto tenga en la cara (a menos que tenga un tatuaje de una mantis religiosa en el cuello).

Paso 6

Paso 6 Tutorial de Adobe Illustrator y Photoshop

Cuando hayas llegado tan lejos, date una palmadita en la espalda: has trabajado mucho (pero no todo).

Ahora es el momento de refinar los triángulos erróneos. Oculta la referencia de la imagen, todo lo que tienes que hacer es enfocarte en la malla. Limpia y busca triángulos que olvidaste crear.

Una vez que lo hayas perfeccionado, cambia tu color a blanco para que se destaque sobre el fondo negro y guárdalo como JPG.

Ahora inicia Illustrator.

Paso 7

Paso 7 Tutorial de Adobe Illustrator y Photoshop

Coloca tu malla en tu mesa de trabajo, ciérrela y es hora de usar la herramienta Pluma para dibujar una malla vectorial de triángulos en un color contrastante (la usé como violeta claro) sobre ella.

Una vez más, esto llevará tiempo, así que haz una buena taza de tu mejor café y emprende el largo viaje.

A continuación, se ofrecen algunos consejos para acelerar el proceso.

No tienes que cerrar tus triángulos, solo marca los tres puntos con la herramienta Pluma. Esto puede parecer una tontería, pero te ahorrará mucho tiempo en los cientos de triángulos que crearás.

Paso 8

Paso 8 Tutorial de Adobe Illustrator y Photoshop

Tampoco tienes que ser tan preciso; usarás un truco ingenioso para unirlos en los próximos pasos.

Paso 9

Paso 9 Tutorial de Adobe Illustrator y Photoshop

Fue mucho trabajo, pero eres bueno. Toma una respiración profunda y recuerda guardar.

Paso 10

Paso 10 Tutorial de Adobe Illustrator y Photoshop

Ahora te voy a enseñar el truco de alinear perfectamente todos los puntos en la posición correcta. Es un procedimiento simple, pero, por supuesto, tendrás que repetirlo tantas veces como triángulos tengas en tu retrato.

Utiliza la herramienta de selección directa para seleccionar cada grupo de puntos que desees que estén en la misma ubicación.

Paso 11

Paso 11 Tutorial de Adobe Illustrator y Photoshop

Abre el panel Alinear y, en Alinear puntos de anclaje, haz clic en Alinear centro horizontal.

Paso 12

Paso 12 Tutorial de Adobe Illustrator y Photoshop

Luego haz clic en Centro de alineación vertical y coloca todos tus puntos en el mismo lugar exacto. ¡Oh sí!

Paso 13

Paso 13 Tutorial de Adobe Illustrator y Photoshop

Ahora mueva los puntos para corregir su posición si es necesario.

Luego, repite los pasos 10-12 para todos tus vértices.

Paso 14

Paso 14 Tutorial de Adobe Illustrator y Photoshop

Oculta la malla creada en Photoshop. Revisa tu malla nuevamente para ver si faltan triángulos (siempre olvidé al menos diez triángulos por retrato). La mejor manera de hacer esto es seleccionar todos tus vectores (Cmd/Ctrl + A) y luego invertir el relleno y el trazo (Shift + X).

Si detectas uno que falta, devuelve el relleno y el trazo al valor que deseas (Shift + X nuevamente), agrega tu triángulo y vuelve a verificar. Cuando tengas una red completa, continúa con el siguiente paso.

Paso 15

Paso 15 Tutorial de Adobe Illustrator y Photoshop

Coloca la referencia de tu foto en una capa debajo de tu malla vectorial y alinea ambas perfectamente. Esto te ayudará a elegir los colores correctos de tu foto para un retrato reconocible. Y bloquea el plano de referencia.

Paso 16

Paso 16 Tutorial de Adobe Illustrator y Photoshop

Ahora la parte más divertida: agreguemos color. Selecciona cada triángulo por turno, selecciona el cuentagotas (I) y elige el color en el centro de cada triángulo como relleno.

[anuncio_b30 id=2]    

Lea a continuación: Las mejores alternativas a Illustrator.

Creative Cloud está disponible con Photoshop e Illustrator para escritorio y iPad.

Creative Cloud está disponible con Photoshop e Illustrator para escritorio y iPad

Adobe acaba de lanzar sus nuevas herramientas Creative Cloud. A continuación te vamos a contar los nuevos avances que se tienen acerca de la nueva actualización de Adobe, la cual ya puedes descargar.

Los últimos avances y software de Adobe se presentan en MAX. Un largo año después de probar Photoshop para iPad, los diseñadores y artistas digitales de todo el mundo pueden tener en sus manos la versión para tableta del software insignia de Adobe.

La nueva versión se lanzará en dispositivos Windows junto con una nueva versión de Photoshop de escritorio y las noticias de la otra aplicación para iPad muy promocionada de Adobe, (aunque esto aún no es cierto para el iPad Photoshop y no todos los dispositivos Windows serán compatibles con Fresco).

También se presentará una versión de Illustrator para iPad. Buenas noticias para todos los creativos que trabajan en el iPad Pro, pero ¿qué pasa con los usuarios de escritorio que están suscritos actualmente a Creative Cloud?

Además de las nuevas versiones de Photoshop e Illustrator clásicos, los clientes de CC encontrarán actualizaciones para InDesign, XD, Premiere Pro, After Effects, Lightroom y más.

Deberías poder descargar las actualizaciones desde tu aplicación Creative Cloud. 

Esto es lo que debes hacer con el nuevo CC y realiza un vistazo a Illustrator y Photoshop para iPad, y Adobe Fresco en Windows mientras navegamos por la extravagancia de Adobe MAX 2019.

Adobe Photoshop 

Photoshop cumple 31 años este año y tiene mucho que celebrar, definitivamente mucho más que la versión del año pasado.

Ya te hemos informado sobre una impresionante herramienta de selección de objetos con IA que te permite recortar varias cosas de las fotos. El poder de la inteligencia artificial de la plataforma de aprendizaje automático Sensei de Adobe es evidente en la selección mejorada de temas y rellenos conscientes del contenido que ahora se ejecutan más rápido en los modelos Mac.

Qué es el nuevo Photoshop 

  • Panel de propiedades con tareas principales reempaquetadas en una ubicación central.
  • Panel de ajustes preestablecidos rediseñado (aunque la configuración del usuario heredado lo puedes respaldar en las configuraciones legales).
  • Objeto inteligente para convertir a capas.
  • Las mejoras en Warp Transformation.
  • Adición de Lens Blur.
  • Capas de ajuste para curvas y brillo/contraste para imágenes de 32 bits.
  • Comportamiento de transformación consistente.
  • Objeto inteligente.

Photoshop para iPad

Photoshop - diseño dibujo

El Photoshop para iPad fue introducido por primera vez en el máximo del año pasado, tan esperado, pero también a largos rasgos mantiene el secreto. Adobe ha estado más preocupado con la reciente aplicación de arte Fresco más que por cualquier otra cosa.

Fresco es la tableta elegida por los creativos en movimiento. Esta es la primera versión de Photoshop para iPad (PSi como es dUB), disponible de forma gratuita para los usuarios CC.

Esta versión para tableta de Photoshop es una competencia para empresas como Affinity Photo al llevar la experiencia de PC de escritorio al iPad. Los acólitos de Adobe en MAX el año pasado entendieron en gran medida esto como la experiencia completa de Pc en una tableta, pero los Scuttles más nuevos han llevado a los creativos a esperar una experiencia muy familiar en su lugar, utilizando la misma base de código en lugar de incluir cada tuerca y perno.

Ya hemos visto trabajar con hasta 500 capas creadas con el software. Por lo tanto, parece que Adobe logró crear una alternativa de tableta con el rendimiento del original, incluído el flujo de trabajo principal de Photoshop, las funciones de composición, enmascaramiento y retoque. Se prometen conexiones de Lightroom con futuras actualizaciones de PSi, y Adobe ha enfatizado que estas agregarán características aún más familiares a la experiencia de la tableta. Como era de esperar, existe una integración perfecta en el trabajo y el almacenamiento de piezas entre las dos versiones.

Illustrator

Illustrator - diseño dibujo

El original de escritorio de Illustrator, se actualizará, lo que promete un rendimiento y una estabilidad acelerados.

Los archivos ahora se guardan en segundo plano y se ejecutan dos veces más rápido. Hablando de velocidad, el uso de sombras paralelas o desenfoques gaussianos en sus diseños los renderizan más rápido que nunca.

Además, ahora puedes obtener una vista previa de cómo afectará a tus diseños antes de comprometerte con él. Esta es una ayuda atrasada que nos gustaría ver.

Illustrator para iPad

Como ya se mencionó, Illustrator llegará al iPad, pero solo en forma beta. Así que no lo esperes en tu Creative Cloud o Apple Store todavía.

Espera una construcción completa el próximo año; Por ahora, debes saber que el texto y la repetición radial están cubiertos en esta edición móvil y que son posibles conexiones fluidas entre el mismo trabajo y el iPad, al igual que con PSi.

InDesign CC

A medida que Photoshop alcanza los 30 grandes, InDesign cumple 20.

Las nuevas funciones no son tan amplias como las funciones de PC, pero presta atención al soporte de SVG, fuentes variables y reglas de columna automatizadas.

Apple no lo es todo: Fresco llega a Windows

Adobe Fresco - diseño dibujo

Adobe Fresco salió por primera vez este verano e hizo una impresión Procreate razonable, pero con una tarifa de suscripción mensual tristemente fija.

Sin embargo, hemos descubierto que los artistas digitales sienten curiosidad por la próxima versión de Windows de la aplicación Painting. Esto se está convirtiendo en una realidad hoy, ya que Fresco aterriza en diez dispositivos Windows hoy. La lista es la siguiente:

  • Microsoft Surface Pro 4, 5 y 6
  • Microsoft Surface Book 1 y 2
  • Microsoft Surface Studio 1 y 2
  • Microsoft Surface Go
  • Wacom MobileStudio Pro «13 y 16»

Ten en cuenta que todo el trabajo en el iPad se transfiere a tu dispositivo Windows y viceversa. También ten en cuenta que ningún usuario de Windows puede usar Fresco con un Cintiq. Es solo la lista de diez anteriores y nada más. También se nos confirmó que no habrá una versión gratuita de Fresco para Windows como la habrá para iOS, pero la versión de prueba durará seis meses.

Adobe Animate 

Adobe Animate - diseño dibujo

Adobe Animate (neé Flash) tiene una nueva interfaz de usuario con una línea de tiempo rediseñada, una ventana de propiedades más informativa y el mismo pincel fluido que Fresco.

Dimension CC

Dimension CC - diseño dibujo

Adobe Dimension promete a los usuarios un mayor control sobre la iluminación. Además, busca nuevas formas de renderizar y crear imágenes de alta calidad.

XD CC

XD CC - diseño dibujo

La última versión de la aplicación de diseño Adobe XD UX contiene un historial de documentos completo para que puedas volver fácilmente a una versión anterior. Incluso puedes volver atrás, copiar algo que hayas eliminado desde entonces, cambiar a tu última versión y pegarlo. Component States facilita la creación de sistemas de diseño y, en versión beta, ahora puedes encontrar la coedición en tiempo real que te brinda la oportunidad de trabajar en un proyecto con tu equipo.

También hay una integración completa con las Bibliotecas Creative Cloud.

Premiere Pro CC

Premiere CC - dibujo diseño

Ahora puedes trabajar con Apple ProRes HDR tanto en Mac como en Windows.

After Effects CC

[anuncio_b30 id=2]    

Los archivos EXR multicanal son hasta 10-12 veces más rápidos en Adobe After Effects.

Lightroom CC

Lightroom - diseño dibujo

Tutoriales en la aplicación ahora están disponibles en Lightroom y Lightroom Classic. Espera una velocidad y un rendimiento mejorados también.

Substance de Adobe

Substance by Adobe - diseño dibujo

¿Recuerdas cuando Adobe compró Substance Painter a principios de este año? Bueno, Substance by Adobe (para usar el nombre oficial de la suite) tiene una versión nueva y mejorada del popular Substance Painter con un motor de pincel que está más en línea con el de Photoshop y alienta a los artistas 2D a entrar en la tercera dimensión al igual que Homer Simpson una vez lo hizo.

Las mejoras incluyen una mayor precisión en la presión del lápiz, nuevas configuraciones de pincel, como el tamaño mínimo y los modos de fusión, y compatibilidad con el formato ABR. Una colección de pinceles ABR estará en camino en los próximos meses. Substance Alchemist ya no está en versión beta y se ha lanzado ampliamente hoy. Proporciona a los usuarios una biblioteca de texturas 3D, así como la capacidad de mezclar y optimizar materiales existentes e incluso crear nuevos materiales a partir de fotografías y escaneos de alta resolución.

Lea a continuación: Las mejores alternativas a Illustrator.

[anuncio_b30 id=2]    

Tutorial: Como quitar un fondo en Photoshop

Tutorial: Como quitar un fondo en Photoshop
Jirafa-Cómo eliminar un fondo en Photoshop

Quitar el fondo de una foto puede ser una tarea muy difícil, especialmente si el sujeto que estás tratando de recortar tiene mucho pelo o si el fondo es extremadamente complejo. Aquí te guiaremos a través del proceso para eliminar el fondo de una imagen usando Photoshop.

Primero debes abrir la imagen de la que deseas eliminar el fondo en Adobe Photoshop (puedes adquirir Photoshop aquí). Usaremos una foto que tomé de una jirafa para demostrar esta técnica, que tiene un límite definido entre la parte que queremos mantener (la jirafa) y el fondo.

Estamos usando Adobe CC, pero la técnica de eliminación de fondo que se describe aquí funciona en Photoshop CS5 y versiones posteriores, debes tener en cuenta que algunos elementos pueden cambiar.

Una vez hayas seleccionado la imagen de la que deseas quitar el fondo y la hayas abierto en Photoshop, puede continuar con el primer paso.

Tiempo de finalización 10 minutos

Paso: 1

Paso 1-Cómo eliminar un fondo en Photoshop

Primero debes hacer una selección. Hay varias herramientas que puedes utilizar para realizar una selección. Para los principiantes, la herramienta de selección rápida y la herramienta varita mágica son las herramientas más fáciles de usar, también está la herramienta Lazo, que puede ser más precisa pero también es más compleja.

Primero te mostraremos cómo usar la Herramienta de selección rápida, luego demostraremos la Herramienta Varita mágica y, finalmente, usaremos la Herramienta Lazo. A veces, una combinación de las tres herramientas de selección puede resultar más eficaz.

Primero selecciona la herramienta de selección rápida como se muestra, luego continúa con el siguiente paso.

Paso: 2

Paso 2-Cómo eliminar un fondo en Photoshop

Con la herramienta de selección rápida habilitada, asegúrate que estés utilizando la herramienta de selección rápida con el ‘+’ en el medio presionando la tecla Mayús.

Selecciona el fondo que deseas eliminar haciendo clic y arrastrando el puntero por el área.

Si has seleccionado accidentalmente algo que no deseas, puedes mantener presionada la tecla Alt en tu teclado para usar la herramienta de selección rápida ‘-‘ y así eliminarlo de la selección. Sin embargo, asegúrese de presionar Shift nuevamente antes de continuar con el fondo.

No tiens que ser demasiado específico con cosas como el pelo y el pelaje, ya que puedes refinar el borde más tarde (llegaremos a eso en un momento).

Paso: 3

Paso 3 - Cómo eliminar un fondo en Photoshop

Si se te dificulta la selección rápida, puedes probar la herramienta Varita mágica, que está en el mismo lugar que la selección rápida en tu barra de herramientas. Simplemente haz clic y mantenlo presionado para encontrarlo. La varita mágica solo funciona para áreas de fondo que son relativamente simples. 

Primero, haz clic en cualquier parte del fondo que desees eliminar. Si la selección se parece a la que se muestra aquí, deberás aumentar la tolerancia que se encuentra en la parte superior de la ventana de Photoshop. Intenta aumentarlo a 10 o 15 y ve si esto ayuda.

Para usar la varita mágica y expandir tu selección, mantén presionada la tecla Shift mientras haces clic en otras áreas del fondo que deseas eliminar. Para afectar tu selección, mantén presionada la tecla Alt mientras haces clic.

Paso: 4

Paso 4 - Cómo eliminar un fondo en Photoshop

Si encuentras que las herramientas Selección rápida y Varita mágica no son lo suficientemente precisas, puedes recurrir a la herramienta Lazo, que está justo encima de las dos herramientas de Selección anteriores en la barra de herramientas. Selecciona la herramienta Lazo poligonal.

Esta vez seleccionaremos la jirafa nosotros mismos haciendo clic en el borde de la jirafa para crear una línea que eventualmente se convertirá en la selección. Entre más clics hagas más precisa será tu selección; simplemente haz clic ligeramente cada vez que el contorno de tu objeto cambie de dirección.

Cuando termines y hayas dibujado la línea alrededor de tu diseño, puedes hacer doble clic para hacer una selección, o hacer clic en el primer punto que haz marcado cuando aparece un pequeño círculo junto al cursor.

[anuncio_b30 id=2]    

Paso: 5

Paso 5 - Cómo eliminar un fondo en Photoshop

Una vez que hayas utilizado las herramientas Selección rápida o Varita mágica y estés satisfecho con tus selecciones, haz clic con el botón derecho y, a continuación, haz clic en Seleccionar inverso.

Ahora solo se selecciona la jirafa y puedes refinar el borde antes de eliminar el fondo, como mostraremos en el resto de este artículo.

Si has utilizado la herramienta Lazo como se muestra, ya habrás seleccionado la jirafa para que puedas pasar al siguiente paso sin invertir la selección.

Paso: 6

Paso 6 - Cómo eliminar un fondo en Photoshop

Ahora haz clic en el botón «Agregar máscara de capa» a continuación (es un rectángulo con un círculo negro en el medio) inmediatamente que el fondo desaparece.

Todavía no se ve bien, pero no te preocupes, puedes usar las herramientas de Refinar máscara para mejorarlo.

Paso: 7

Paso 7 - Cómo eliminar un fondo en Photoshop

Haz doble clic en la máscara en tu panel Capas (es la imagen en blanco y negro junto a la vista previa de su foto), luego haz clic en «Máscara de borde» en el cuadro que aparece. Ahora verás el menú Refinar máscara.

Paso: 8

Paso 8 - Cómo eliminar un fondo en Photoshop

Desde aquí puedes realizar ajustes a la máscara para mejorar su apariencia.

Primero haga clic en «Mostrar radio».

No verás nada al principio, pero al ajustar el control deslizante de radio, puedes asegurarte de que el radio recoja cualquier cabello suelto y elimine el fondo entre ellos.

Cuando pases el cursor sobre la foto, verás un círculo con un signo más en el medio. Puede usar esto para hacer clic y arrastrarlo para detectar esas áreas incómodas y complicadas.

Paso: 9

Paso 9 - Cómo eliminar un fondo en Photoshop

Anula la selección de Mostrar radio para volver a la vista previa de la máscara de refinamiento.

Ahora usa los controles deslizantes para ajustar la máscara hasta que estés satisfecho con el aspecto que obtienes.

Paso: 10

Paso 10 - Cómo eliminar un fondo en Photoshop

Para ayudar, puedes cambiar el modo de vista haciendo clic en la pequeña flecha al lado de la miniatura y seleccionarla en el menú desplegable.

Paso: 11

Paso 11 - Cómo eliminar un fondo en Photoshop

Cuando estés satisfecho, haz clic en Aceptar y verás tu imagen con un fondo invisible para que puedas transportar a tu objeto a una nueva ubicación o simplemente agregar un fondo simple como el blanco. negro o de un color determinado.

Paso: 12

Paso 12 - Cómo eliminar un fondo en Photoshop

Para agregar tu foto a un nuevo fondo, puedes hacerlo abriendo la nueva imagen de fondo en Photoshop y simplemente arrastrando la imagen que acabas de cortar sobre la imagen de fondo.

Paso: 13

Paso 13 - Cómo eliminar un fondo en Photoshop

Puede cambiar el tamaño de tu objeto (la jirafa en este caso) presionando Cmd / Ctrl + T y luego manteniendo presionada la tecla Shift mientras arrastras los controles del cuadro de transformación. Cuando estés satisfecho con el tamaño, haz clic en la marca de verificación para aplicar la transformación.

[anuncio_b30 id=2]    

Lea a continuación: Las mejores alternativas a Illustrator.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver
Privacidad