diseñadores Archives - Página 4 de 5

Tutorial de Photoshop: Cómo crear un efecto de serigrafía

Prepárese para el rock: James Davies le muestra cómo dar a los carteles una sensación de bricolaje tosco y listo con efectos de semitono y serigrafía en Photoshop

Introducción

El surgimiento de sellos discográficos verdaderamente independientes y una escena musical de bricolaje ha proporcionado una gran cantidad de creativos emergentes para flexionar sus músculos artísticos. La estética que mejor capta el movimiento parece basarse en varias influencias: el punk, los garabatos y la ecléctica son las más obvias.

Nos concentramos en destilar esta estética en un póster de concierto. El diseño de carteles tiene desafíos especiales: debe funcionar como una obra de arte y como un poderoso atractivo para atraer personas al evento. Además de aprender algunos consejos para hacer que su póster sea llamativo, también aprenderá técnicas para recrear una apariencia de póster serigrafiado a mano en Photoshop.

Aprenda a emplear una mezcla de fotografías, dibujos y texto para crear una obra de arte funcional rica y con textura. Las técnicas que se ofrecen aquí también se traducen bien en la creación de folletos, fanzines, arte editorial, carátulas de CD y camisetas.

La textura de la tarjeta para el tutorial se puede descargar a continuación; las otras imágenes requeridas se pueden descargar de forma gratuita desde free images.

Software

Adobe Photoshop

Tiempo para completar

2 horas

Paso 1

Configure un lienzo A4 a 300 ppp en RGB, luego descargue y abra la imagen desde aquí. Presione Cmd / Ctrl + Shift + U para desaturar la imagen. Finalmente, vaya a Imagen> Tamaño de imagen y cambie la resolución (asegurándose de que todas las casillas en la parte inferior izquierda de la ventana estén marcadas) a 300 ppp, también cambie el ancho de píxel a 1,600.

Paso 2

Vaya a Filtro> Enfocar> Enfoque inteligente y ejecútelo al 500% con un radio de 6.2 píxeles. A continuación, vaya a Imagen> Modo> Escala de grises, luego Imagen> Modo> Mapa de bits. La resolución de entrada y salida debe coincidir con 300 ppp con el método establecido en Medios tonos. Aceptar esto y establecer la Frecuencia en 80 ppp, el ángulo en 25º y la forma establecida en Redondo.

Paso 3

Copie y pegue el mapa de bits en su documento de trabajo y presione Cmd / Ctrl + T. Cambie el tamaño hasta un 294%. Seleccione la herramienta Lazo poligonal (L) y corte toscamente alrededor de la figura separándola del fondo, recortando también el cuello.

Paso 4

Necesitarás una imagen de la cabeza de un monstruo. Usé uno propio, pero este sería igual de bueno (solo corta la cabeza). Vaya a Imagen> Modo> Escala de grises. A continuación, vaya a Filtro> Artístico> Bordes de póster y establezca el Grosor del borde en 10, la Intensidad del borde en 10 y la Posterización en 0. Córtelo y cópielo en el documento de trabajo.

Paso 5

Mueva la capa principal debajo de la capa del cuerpo en la paleta Capas y cambie su tamaño al 251%. Gire la cabeza -4,1º, luego seleccione la herramienta Rectangular Marquee y seleccione el área pequeña del cuello que tiene la aleta de escala. Cópialo y pégalo en una nueva capa y gira -19,5º para ajustarlo.

Paso 6

Use el borrador con un borde duro para recortar cualquier exceso del cuello y luego combínelo con la capa de la cabeza. Desactive la visibilidad de la capa del cuerpo (haga clic en el icono del ojo junto a la miniatura de la capa), luego vaya a Seleccionar> Gama de colores y configure la Fuzziness al 100%. Haga clic en un área negra de la cabeza y acéptelo.

Paso 7

Con la selección cargada, vaya a Seleccionar> Modificar> Expandir y expandir un píxel. Crea una nueva capa y rellénala de negro. Apague la capa de visibilidad de la capa negra y repita el proceso para la parte gris de la cabeza. Elimine la capa principal original dejando las capas principales negras y grises.

Paso 8

Luego aplique un desenfoque gaussiano de radio de dos píxeles (Filtro> Desenfocar> Desenfoque gaussiano) a cada una de las capas principales seguido de un Enfoque inteligente de 64 píxeles (Filtro> Enfoque> Enfoque inteligente) al 200%. Haga algunos ajustes finales para que se ajuste al cuerpo y dibuje un ojo de aspecto tosco en su propia capa con el pincel.

Paso 9

Abra card tif desde la descarga y vaya a Imagen> Modo> Escala de grises. Luego, vaya a Imagen> Ajustes> Niveles e ingrese los siguientes niveles de entrada: 24; 1,00; y 138. Seleccione la herramienta Esquivar y configúrela para resaltar con una exposición del 25%. Tome un pincel de borde suave de 1,000 píxeles y esquive el lugar donde descansaría la cabeza si superpusiera la imagen en su documento de trabajo.

Paso 10

Aplique un Desenfoque gaussiano de dos píxeles y luego vaya a Imagen> Modo> Mapa de bits. Debe ser de 300 ppp establecido en medios tonos. La configuración de la pantalla de medios tonos debe ser de 20 ppp; Ángulo de 25º; y de forma redonda. Copie y pegue esto en su documento de trabajo en la parte inferior de la jerarquía de capas.

Paso 11

Ahora para dibujar algunas llamas. Seleccione la herramienta Pluma y configúrela en Capas de forma, en lugar de Trazados. Dibuja las llamas internas y externas en sus propias capas. Seleccione las dos capas de Flame terminadas y vaya a Capa> Rasterizar> Capas. Aplique un Desenfoque Gaussiano de seis píxeles a cada una de las capas de Flame y luego, a su vez, vaya a Capa> Estilo de capa> Superposición de color y aplique un naranja y un rojo.

Paso 12

Aplique un enfoque inteligente de radio de 64 píxeles al 500%. No se preocupe por lo que esto le haga a los colores en esta etapa. Luego aplique un pincel grunge para borrar partes de las capas de Flame: es mejor usar un pincel grande y sellarlo una vez. Aplique un desenfoque gaussiano de radio de 3 píxeles seguido de un enfoque inteligente de 64 píxeles al 500%. Luego, vuelva a aplicar Sharpen.

Paso 13

Ahora para el texto. Seleccione Avant Garde para el texto en mayúsculas en bloque, estableciendo el seguimiento en 100, y Bello para el texto rizado, estableciendo el seguimiento en 0. En esta etapa, hágalo todo más grande de lo que necesita, luego seleccione todas las capas de texto y vaya a Capa> Rasterizar> Capas. Utilice la misma técnica que utilizó para degradar las llamas para degradar las capas de texto, utilizando un Smart Sharpen de 7,5 píxeles.

Paso 14

Antes de modificar el texto, debemos ordenarlo: primero, cambie el tamaño de todo para arreglar la composición. Agregue una superposición de color a la capa Cabeza gris. Cmd / Ctrl + clic en la miniatura de la capa del cuerpo para hacer una selección y elimine la selección de las dos capas principales y la capa de fondo de medios tonos. Aplique un color claro a la capa de fondo real y establezca los modos de fusión Cuerpo y Semitono de la capa de fondo en Multiplicar.

Paso 15

Organice y cambie el tamaño del texto de manera coherente para que la información importante sea dominante. Para degradar aún más el texto, seleccione la herramienta Marco rectangular y seleccione una sola letra (asegurándose de estar trabajando en la capa correcta). Presione Cmd / Ctrl + T y empuje y gire hasta que esté feliz. Haga esto con unas pocas letras en cada palabra para darle un estilo desigual.

Paso 16

Utilizando las técnicas que ha aprendido hasta ahora, cree una placa para colocar el texto y algunas llamas adicionales en la parte posterior, como se muestra aquí. Finalmente, seleccione la capa superior y vaya a Capa> Nueva capa de ajuste> Tono / Saturación, y mueva el control deslizante de Saturación a -20. Luego agregue una capa de ajuste de color selectivo y ajuste los negros con los valores + 15% amarillo, -15% negro.

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

Nuevo libro de arte de Hayao Miyazaki, una buena noticia para los fanáticos de Studio Ghibli

La noticia de que Netflix ha adquirido los derechos de transmisión del catálogo de Studio Ghibli acaparó los titulares esta semana, pero los fanáticos del universo animado de Hayao Miyazaki estarán igualmente encantados de saber de otro regalo en camino en 2020.

Saliendo este abril, Mi vecino Hayao es un colección de tapa dura de casi 300 nuevas ilustraciones que rinden homenaje a los clásicos de la animación japonesa de Ghibli, como El viaje de Chihiro y El castillo móvil de Howl, creada por ilustradores digitales de renombre como Dan Mumford y Stanley Chow.

Las piezas se hicieron originalmente para la exposición del mismo nombre de la galería estadounidense Spoke Art, que ha recopilado las piezas por primera vez en este libro, junto con piezas de sus otros espectáculos inspirados en Miyazaki la última década.

Las obras cubren una amplia gama de estilos, que abarcan un arte similar al anime, creaciones de arcilla lúdicas y algo incómodamente sexy de la artista Mimi Yoon. Verá lo que queremos decir más adelante en nuestra galería de piezas seleccionadas para abatir hasta que el libro salga el 14 de abril en todas las buenas librerías.

Mi vecino Totoro de George Townley

George Townley es un ilustrador londinense apasionado por la arquitectura americana.

Mi vecino Totoro de Jordan Bolton

Otra pieza de Totoro de otro artista del Reino Unido, esta vez Jordan Bolton, que es experto en carteles como estos que presentan colecciones de arcilla de objetos icónicos de una película de culto o un programa de televisión.

En el My Neighbor Hayao libro también encontrarás sus agradables tributos a El viaje de Chihiro, la princesa Mononoke y Howl’s Moving Castle.

Secret Place (Night Variant) por Dan Grissom

Austin La artista Dan Grissom en una variante de día y de noche, la última de las cuales es nuestra favorita.

Dan también tiene una Howl’s Moving Castle pieza en el libro, que puedes encontrar aquí. Sus dos Totoro lamentablemente están agotadas.

No hay nada que temer … de Dan Mumford

Otro clásico de Dan Mumford, del que puedes encontrar impresiones aquí.

I Hate Humans por Fernando Reza

Lo sentimos princesa Mononoke , fanáticos de la, este está agotado, pero se incluirá para que lo mires con los ojos en la colección de tapa dura.

Heart My Neighbor

No comentes sobre esto, pero busca una copia si quieres darles a tus amigos la impresión de que tienes un Totoro.

Mi vecino Totoro de Tom Whalen

Se encuentra Agotado.

Ellos causan tsunamis por Arna Miller

Nos gustan los estilos vintage de Arna.

The Storyteller de Jason Edmiston

Este retrato de Hayao Miyazaki es tan bueno que ya no puedes encontrar una copia. De todos modos, puedes encontrar a Jason en Instagram.

Princesa Mononoke de Sarah Joncas

Hay algunas representaciones realistas y adultas de la princesa Mononoke en el libro, pero esta de Sarah Joncas de Toronto es la más destacada.

Miyazaki Dreams de Jackie HuangJackie Huang

Este tesoro cortado en papel desde Los Ángeles ya no se puede comprar, lo cual es una verdadera lástima. Nos encanta cómo incluye tantos personajes clásicos de Miyazaki.

Robando tu nombre por Leonardo Santamaria

Simplemente adoramos alucinante de la Leonardo Santamaria del versión alucinante El viaje de Chihiro.

Mi vecino Totoro de Guillaume Morellec

La pieza de Guillaume Morellec aquí se dobla como la portada de Mi vecino Hayao, que sale el 14 de abril de 2020 en Abrams Books.

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

Revisión de Gaomon PD1560: la pantalla de tableta económica menos costosa que la Wacom Cintiq

Illustrator Ricardo Bessa es un rival de Cintiq la cuál es una de las tabletas más barata de Wacom, pero ¿se trata de obtener lo que buscas?

Una vez considerada la única opción para los creativos digitales, Wacom ha visto aparecer cada vez más competidores en el mercado. Este fue probablemente un factor determinante para el lanzamiento de su nuevo modelo de presupuesto, el sólido, pero todavía bastante caro, Wacom Cintiq. El Gaomon PD1560 es uno de los rivales más nuevos en la escena, y como alguien que siempre ha usado tabletas Wacom, tenía mucha curiosidad por ver cómo se mide.

Primeras impresiones

Con una pantalla ancha de 15,6 pulgadas y las teclas Express en el lado más corto, es una tableta bastante larga y un espacio de trabajo considerable, nada mal para un modelo económico.

Me impresionó la cantidad de extras incluidos: además de la tableta, el lápiz y los cables, obtienes un soporte ajustable, un soporte para lápiz con puntas adicionales, un guante de dibujo, un protector de pantalla adhesivo y un estuche para transportar la tableta. pulg. Algunos de estos no se sentían particularmente sólidos: el estuche está hecho de un material similar al fieltro, que no se siente muy duradero, y el soporte del lápiz es de plástico liviano y muy fácil de volcar. Pero es refrescante tener todos los adornos empaquetados, en lugar de tenerlos disponibles como accesorios de alto precio que se pueden comprar por separado.

La tableta viene en una caja simple pero bien empaquetada con todos los accesorios incluidos.

Desafortunadamente, la configuración no fue particularmente intuitiva. El soporte requiere un poco de destornillador, pero eso fue bastante fácil, y todas las herramientas necesarias vienen incluidas. Pero conseguir que los controladores y la tableta funcionaran en mi iMac me llevó mucho más tiempo del necesario, y solo llegué allí después de algunos reinicios. Ocurrieron un par de problemas diferentes, incluida una tableta que no responde, seguida de una pantalla que parpadea repetidamente, pero aparentemente se solucionaron. No estoy seguro de si esto fue un problema con el controlador o con mi computadora, pero definitivamente influyó en mi primera impresión.

Es posible que haya habido algunos contratiempos inicialmente, pero la tableta funcionó bastante bien después: lo probé con Photoshop y Clip Studio Paint y ambos funcionaron bastante bien.

La experiencia de dibujo

Como alguien acostumbrado a trabajar en un Wacom Cintiq, la experiencia de dibujo en Gaomon se siente diferente, un poco menos orgánica, pero en general está bien. Gaomon cuenta con 8.192 niveles de sensibilidad a la presión, igual que su rival Wacom, pero aunque es lo suficientemente decente, se siente menos preciso que el Cintiq con un paralaje más notable.

El lápiz es completamente de plástico y definitivamente extrañé la punta del borrador al que estoy acostumbrado con los bolígrafos Wacom. También necesita recargarse a través de un cable USB, que puede tomar alrededor de 80 minutos para una carga completa según el manual, pero eso no es demasiado molesto, ya que puede seguir trabajando mientras está enchufado.

La pantalla de vidrio se siente exactamente así: una pantalla de vidrio, un poco duro contra la punta de plástico y, hasta cierto punto, propensa a reflejos y deslumbramientos (arriba). Sin embargo, las Express Keys personalizables en el lado izquierdo son una gran ventaja: hay muchas, suficientes para 10 atajos, y el usuario puede ajustar la configuración y girar la tableta para adaptarse mejor a los usuarios zurdos. Y sí, Gaomon ha decidido llamarlos exactamente con el mismo nombre que Wacom.

Cuando se trata de la calidad de la imagen, la pantalla es bastante buena y la gama de colores se ve muy bien. Todo es nítido y claro, y los colores en realidad eran bastante parecidos a los de mi propio monitor desde el primer momento. Muchas de las configuraciones de la pantalla también son altamente personalizables, lo cual es genial en teoría; sin embargo, la única forma de navegar por estos menús es a través de controles notablemente contrarios a la intuición en el costado de la pantalla. Incluso después de desafiarlos, descubrí que el único que usaría regularmente, el menú de Ajuste de brillo, era de poca utilidad. Apenas hay una diferencia notable entre el brillo en 0 y 100, lo que puede hacer que el trabajo nocturno sea un poco áspero para los ojos.

De todas las opciones de diseño en esta tableta, esta se siente como la más pobre: hace ajustes innecesariamente complejos y no entiendo por qué no se pueden controlar simplemente a través del software. Si bien es más una molestia que una queja seria, se siente representativo de muchas opciones de diseño de Gaomon PD1560 en su conjunto: la función y el rendimiento en bruto están ahí, pero se cortaron algunas esquinas en el lado de la experiencia del usuario / calidad de vida.

Veredicto

En sí mismo, el Gaomon PD1560 es un producto competente y ciertamente hace lo que se propone hacer. Sin embargo, cuando se compara con el Wacom Cintiq, hubo varios factores en los que se sintió, para decirlo simplemente, inferior. El paralaje es demasiado notable; la detección de presión es ligeramente menos orgánica; la pantalla de cristal es un poco menos cómoda; la interfaz de usuario es menos amigable; la estructura se siente un poco menos sólida y el soporte se siente un poco menos firme. Si bien no creo que ninguno de estos factores sea un factor decisivo o haga que esta tableta sea una herramienta menos válida, sí resaltó las innumerables formas en las que el diseño de Wacom logra ser lo suficientemente cómodo e intuitivo como para volverse invisible, hasta que intentas algo. eso no es tan preciso.

Sin embargo, hay un punto muy importante: también es mucho menos dinero. más barato que su equivalente directo de Wacom, al tiempo que incluye todos los accesorios adicionales que su rival vende por separado. Si bien Wacom Cintiq se siente como un producto más sólido en general, no se puede negar que la accesibilidad del precio de Gaomon PD1560 es un factor importante para cualquiera para quien Wacom esté fuera de su alcance.

Tienen un peso diferente para diferentes personas aproximadamente de doscientas libras y, a menudo, es una cantidad enorme para estudiantes o aficionados. Como tal, depende del cliente individual si vale la pena invertir en el Cintiq o si prefiere ahorrar en un producto que podría sentirse diferente pero que efectivamente podrá hacer el mismo trabajo. En este contexto, considero que el Gaomon PD1560 es un digno rival del nuevo Wacom Cintiq, y mucho más merecedor de su etiqueta como una opción económica.

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

Déjate inspirar por estos talentosos diseñadores gráficos e ilustradores menores de 30 años

La organización sin fines de lucro de EE. UU The One Club for Creativity, ha nombrado a 32 jóvenes creativos de 2017 a tener en cuenta, incluidos Jing Wei y Hattie Stewart.

La organización estadounidense sin fines de lucro The One Club for Creativity, que reconoce el talento de la publicidad y el diseño, celebra a 32 jóvenes creativos frescos al final de 2017, incluidos los ilustradores Hattie Stewart y Jing Wei.

The One Club Young Guns 15 lista de creativos se trata de celebrar a los profesionales creativos emergentes (aunque muchos de ellos ya han establecido carreras) de todo el mundo, menores de 30 años (sin embargo, la mayoría de ellos ahora vive en la ciudad de Nueva York).

Young Guns 15 se anuncia cada año como un proceso de entrada abierta que anima a los jóvenes creativos. La competencia ha sido bastante buena para detectar talentos excepcionales hasta ahora, con ganadores anteriores como Jessica Walsh, Stefan Sagmeister, Christoph Niemann y, más recientemente, Gemma O’Brien. Los ganadores de Young Guns 15 de este año tienen clientes como Coca-Cola, Spotify, The New York Times y Google, por nombrar algunos.

Este año, el concurso recibió participaciones de más de 40 países y los ganadores fueron decididos por un jurado compuesto por casi 50 creativos, igualmente equilibrado entre hombres y mujeres.

El jurado seleccionó a 84 personas para la lista de finalistas, que se reveló públicamente por primera vez antes de la ronda final de evaluación en la ciudad de Nueva York. Tanto la votación privada como el debate abierto de los jueces han llevado a la lista final completa de 32 ganadores, que puede consultar aquí.

Hemos seleccionado algunos de los mejores diseñadores gráficos e ilustradores de la lista y hemos mostrado su impresionante trabajo en esta función, comenzando con Jing Wei, con quien hablamos en agosto.

Por primera vez este año, después de la clase Young Guns 15, existe la posibilidad de que selecciones tu favorito de la alineación para ganar el premio Young Guns Creative Choice. La votación tendrá lugar el 15 de noviembre y el ganador de Young Guns con la mayor cantidad de votos se anunciará en una ceremonia al día siguiente en Nueva York.

Jing Wei

Hablamos con la ilustradora Jing Wei en agosto después de descubrir sus hermosas ilustraciones mensuales para las reseñas de novelas de The New York Times.

Su experiencia en grabado ha influido en gran parte de su trabajo comercial, incluido su papel como ilustradora de marca para Etsy e instructora visitante en la Universidad de Pratt.

Hablamos con Jing sobre el proceso creativo detrás de sus ilustraciones para The New York Times y el trabajo con las ricas imágenes de las reseñas que a menudo se dejan completamente abiertas a la interpretación.

Hattie Stewart

Las ilustraciones de la ilustradora británica Hattie Stewart son audaces, brillantes y extrañas, pero no es tan nueva en el juego. Habiendo diseñado ya la portada de Vogue del video musical Kylie Minogue, y más recientemente lanzado su nuevo libro de cocina con juegos de palabras, Hattie sin duda lo está matando.

Leta Sobierajski

Leta es diseñadora gráfica y directora de arte con sede en la ciudad de Nueva York. Combina el arte tradicional con la fotografía, creando imágenes brillantes, impresionantes y abstractas para clientes como Google, The New York Times y Tate Modern, por nombrar algunos.

El año pasado, Leta comenzó un estudio de diseño con su esposo y colaborador, Wade Jeffree.

Ricardo González

Ricardo González es un artista que vive en Brooklyn. Su estilo de escritura se ha utilizado desde murales a gran escala hasta una simple pegatina en la calle. Su uso de colores neón y letras cursivas ha sido recogido por MTV, Vice y Coca Cola.

Lisk Feng

Lisk Feng es una ilustradora independiente cuyo trabajo ha recibido múltiples premios desde su graduación en 2014 del Instituto de Arte de Maryland, incluida la lista de finalistas de los AOI Illustration Awards (Reino Unido), las semifinales del Adobe Design Award y la ganadora de American Illustration. .

Nos encantan sus entornos surrealistas y sus personajes extravagantes. Ha trabajado para una amplia gama de publicaciones, incluidas Wired, The Washington Post y Monocle.

Ben Crick

El diseñador Ben Crick tuvo el trabajo trascendental de diseñar el sistema de identidad visual global de Spotify en colaboración con la agencia Collins, notado y aplaudido por sus colores llamativos, formas geométricas y fotografías repletas de celebridades.

Ben ha tenido experiencia en estudios grandes y pequeños, y su visión de carrera particular es llevar la calidad creativa de los equipos pequeños a la escala internacional. Ben es de Australia, pero ha vivido en Nueva York durante cinco años.

Ben Grandgenett

Ben Grandgenett es diseñador gráfico y actualmente director de arte adjunto de la revista New York Times, donde podrá ver su trabajo visualmente impresionante. Es originario de Nebraska.

El trabajo de Ben ha sido reconocido por organizaciones como The Art Directors Club, Graphis, The Society of Publication Designers y The Type Directors Club.

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

Revisión de Wacom Cintiq Companion 2

El ilustrador Ben O’Brien se aleja de su escritorio para descubrir si la tableta Cintiq Companion de Wacom es tan buena como esperabas.

Nada más sacarlo de la caja, el Wacom Cintiq Companion 2 es tan inteligente y sólido como esperaba de los equipos de Wacom. Una hora de experimentación descubre tres puntos a su favor. Hay una gran pantalla de 13,3 pulgadas: los colores se ven bien, y esa es un área que conozco y considero muy importante. Hay una tecnología de lápiz perfecta, aunque me pidieron que calibrara el lápiz más de una vez por alguna razón.

El nuevo Cintiq de Wacom también tiene un peso muy satisfactorio: el doble que el Surface Pro, pero personalmente me gusta algo con lo que se sienta fuerte y seguro para trabajar. Sin embargo, la única prueba verdadera es trabajar con él, ya que no es un juguete.

Cada ilustración que hago comienza con un dibujo a lápiz; es fundamental para lo que hago, también trabajo en dos estilos de ilustración específicos y diferentes. Mi estilo de ilustración ‘principal’ se basa en dibujos originales a lápiz detallados, líneas fluidas, esbozo de elementos para perfeccionar su apariencia, tal vez capturando semejanzas en retratos o encapsulando el movimiento en líquidos.

El Cintiq Companion 2 no se comparó en la creación de estos dibujos detallados perfectos. Quizás si dedicara mucho tiempo a dominarlo, encontraría la manera, pero en mi experiencia, todas las tabletas carecen de la naturaleza táctil, y puramente agradable, de trabajar con lápiz y papel.

Mi segundo estilo de ilustración (que se muestra aquí) es mucho más gráfico, que suele ser para trabajos editoriales e infográficos. El Cintiq Companion 2 se destacó: de principio a fin puedo descuidar el lápiz y el papel y desbastar directamente en Illustrator, aunque no estoy ‘desbastando’ nada: es perfecto, limpio y ordenado. Podría omitir por completo la etapa ‘aproximada’ y mostrar un trabajo de línea vectorial de cliente de inmediato, reduciendo en gran medida el tiempo que me lleva hacer una comisión editorial gráfica, una situación de ganar / ganar para mí y el cliente.

Al cabo de uno o dos días de usar el Cintiq Companion 2, me encontré desarrollando un posible tercer estilo de ilustración, aunque esto no es algo que recomendaría a los ilustradores, convirtiéndome en el maestro de todos los oficios.

Hay una flexibilidad para dibujar a mano alzada en Photoshop en este Cintiq con 2048 niveles de presión, eso es, esencialmente, más de lo que podría comparar entre ellos, para que pueda lograr algunas líneas y pinceladas realmente geniales, obtenga ese arte lineal de cómic que siempre quiso. Logra, juega con la tipografía de letras de pincel sin los diluyentes de pintura y años de entrenamiento, o simplemente dibuja, por diversión, sin tener que buscar tu sacapuntas.

Una restricción que encontré fue la escasez de atajos que puedes usar mientras trabajas en Illustrator o Photoshop. En mi configuración habitual, una Apple iMac y una tableta Wacom Intuos, trabajo con una mano en el lápiz Wacom y la otra volando alrededor del teclado presionando las teclas de método abreviado. Se ha convertido en una segunda naturaleza y puedo trabajar de manera súper eficiente, ininterrumpida y sin restricciones.

El Companion tiene botones de acceso directo personalizables, llamados Express Keys, pero sin tantas teclas como un teclado disponible para mi mano que no dibuja, tuve que usar menús y paneles para elegir herramientas o lograr efectos y procesos. Esto interrumpió mi flujo y me dejó sintiéndome restringido.

Hay una forma de salir de esta restricción, por supuesto, el teclado Bluetooth Wacom, disponible por separado, pero menos conveniente si está en movimiento).

Sin embargo, no soy de los que se centran en las restricciones, y con un equipo nuevo como este quería beneficiarme de las oportunidades positivas y sin restricciones, así que dejé mi estudio y lo probé en casa en el sofá. Esto funcionó de manera brillante.

Llévelo al café, llévelo en el tren, llévelo al bosque, úselo para esbozar la vista, demostrar algo a un cliente o terminar un proyecto en el viaje a casa, para esta capacidad de trabajar lejos del escritorio usted , y yo, puedo estar eternamente agradecido. Siempre que solo necesite hacerlo a no más de cuatro horas y media de un enchufe.

De vuelta en mi escritorio, y el Cintiq Companion 2 me ofrece otro gran uso, algo que no podía hacer con el compañero anterior o Surface Pro, puede conectarlo a su Mac o PC y usarlo como una pantalla Cintiq tradicional puedes dibujar.

Usado de la manera correcta, administrándose a sí mismo y las aplicaciones que necesita para ejecutar al mismo tiempo, puede mejorar enormemente su flujo de trabajo, y su espacio de escritorio también se verá mucho mejor.

Como ilustrador digital, voy a darle el visto bueno al Cintiq Companion 2. Úselo correctamente y podrá mejorar su eficiencia y eliminar el trabajo de su escritorio. Como ilustrador gráfico, le doy un segundo pulgar hacia arriba, poder hacer bocetos sueltos o líneas vectoriales limpias para borradores de clientes es un desarrollo real en todo lo que vino antes.

Sin embargo, como también tradicionalista del dibujo a lápiz y papel, lamento decir que no es un truco de aprobación, es demasiado digital para que pueda lograr los dibujos detallados a lápiz que siempre he hecho (y probablemente siempre lo haré) en papel: que es táctil, suave y no retroiluminado. Mis retratos, paisajes y escenas atmosféricas se mantendrán en su mejor momento gracias a un HB y una hoja de A3.

Está muy bien llamado, Cintiq Companion 2, para los diseñadores e ilustradores adecuados, puede ser tan bueno como cualquier otro compañero de trabajo. No te servirá el café ni te dará una idea, pero puede trabajar contigo en muchas de tus tareas diarias. Viajará con usted, agudizará su flujo de trabajo, revisará sus correos electrónicos y lo mantendrá entretenido, y eso es incluso antes de que haya abierto la aplicación de Adobe que elija y comience a trabajar.

Si su producción creativa es más digital que tradicional, entonces creo que Wacom podría haber creado a su nuevo compañero de trabajo.

Revisión de Cintiq Companion 2: puntos de referencia

Junto con la revisión de Ben sobre cómo es usar el Cintiq Companion 2 como creativo profesional, también ejecutamos nuestro conjunto estándar de puntos de referencia para ver cómo se compara con la primera versión y Surface Pro 3.

Primero , las especificaciones. El primer Cintiq Companion (arriba) estaba disponible en una sola configuración (si ignora el modelo híbrido Cintiq Companion Hybrid mal concebido y que funciona con Android) Hay cinco modelos de Cintiq Companion 2 (abajo). El nuestro fue el modelo de rango medio, con un chip Intel Core i5 (dual-core, 2.4GHz), 8GB RAM, 128GB SSD, gráficos Intel Iris 5100 y una pantalla de 2,560 x 1,400 píxeles y 13.3 pulgadas .

El competidor natural del Cintiq Companion 2 es el Microsoft Surface Pro 3 más pequeño, que revisé en febrero. Tiene un chip Intel Core i5 , 4 GB de RAM, SSD de 128 GB, gráficos Intel HD 4400 y una pantalla de 12,1 pulgadas de 2160 x 1440 píxeles.

Primero, esas pantallas. La pantalla de alta resolución del Cintiq Companion es un beneficio definitivo sobre el primer modelo, y tiene aproximadamente la misma densidad de píxeles que el Surface Pro 3 más pequeño. Si probó un Cintiq Companion cuando salió por primera vez, vale la pena señalar que tanto Windows 8 y las aplicaciones creativas han mejorado mucho su funcionamiento con pantallas táctiles HiDPI desde entonces. Tocar y dibujar en Windows, Photoshop, Illustrator, Painter e incluso las aplicaciones del día a día como Evernote y los navegadores web es muy sencillo.

Todas las pantallas tenían una gama de colores y una precisión casi idénticas, capaces de producir alrededor del 70% de la gama de colores Adobe RGB, 90 de sRGB y tener un Delta-E de 0,7 (más bajo de lo que la mayoría de los ojos pueden diferenciar entre ellos).

Con Cinebench, el rendimiento del Cintiq Companion 2 fue aproximadamente un 20% más rápido que el de Surface Pro 3 y un 25% más rápido que el del Companion de primera generación. Su rendimiento 3D fue un poco más bajo que el de Surface Pro 3 y, aunque está por delante del modelo de primera generación, no espere un gran rendimiento 3D o aceleración de la GPU.

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

Cómo puedes usar CorelDraw en Mac y en tu navegador

CorelDraw llega a Mac por primera vez, pero los creativos estarán más entusiasmados con su nueva aplicación basada en web.

Ha tardado mucho en llegar, pero CorelDraw ha lanzado su primer itinerario nativo para Mac, junto con la última versión del software de diseño gráfico clásico.

CorelDRAW Graphics Suite 2019 para usar su nombre oficial traerá una serie de nuevas funciones para los usuarios de Windows, y esas mismas funciones para cualquiera que haya estado buscando probar la aplicación en sus computadoras de escritorio y portátiles Apple.

Diseñados desde cero para aprovechar al máximo cada plataforma, ambos paquetes también incluyen el nuevo CorelDRAW una opción basada en navegador que permite a los creativos realizar ajustes y correcciones esenciales mientras están en movimiento, cualquier edición realizada con su Mac o Windows sincronizandose instantáneamente con una versión web de su trabajo.

Esto será útil para cuando un cliente exija enmiendas de última hora y es algo que empresas como Adobe aún no ofrecen.

La nueva actualización marca el trigésimo año de funcionamiento de CorelDraw, con una versión para Mac solicitada durante mucho tiempo por su devota base de fans.

“CorelDraw se ha ganado la reputación de ser un paquete de gráficos líder que se centra en los resultados profesionales, la producción y la facilidad de uso”, dijo John Falsetto, director senior de productos, CorelDRAW y productividad.

“Con 2019, traemos el poder del software en una experiencia verdaderamente nativa para Mac, brindando las herramientas de alta gama que los profesionales necesitan”.

Los usuarios de ambas plataformas podrán utilizar nuevas funciones como Efectos no destructivos y una nueva ventana acoplable de objetos que ofrece control directo sobre la estructura de un documento y acceso rápido a todos sus componentes.

Las versiones completas de CorelDRAW Graphics Suite 2019 y CorelDRAW Graphics Suite 2019 para Mac ya están disponibles

Los usuarios registrados de cualquier versión anterior de CorelDraw Graphics Suite pueden actualizar a la suite de Windows RRP y el acceso a CorelDraw.app se incluye con cualquier CorelDraw Graphics Suite 2019.

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

Tutorial de Adobe Illustrator y Photoshop: Crea dibujos animados

Mercedes Crespo muestra cómo puedes dibujar rápidamente un personaje atractivo basado en unas pocas formas simples

Introducción

En este tutorial, Mercedes Crespo (también conocida como YemaYema) muestra cómo crea sus atractivos personajes de dibujos animados. Aunque están llenos de detalles, ricos en color y de apariencia compleja, son fáciles de dibujar, como ella revela.

Con solo la herramienta Lápiz más formas básicas y un buen ojo para el color y la composición, puede hacer que sus ilustraciones sean de gran utilidad.

Mercedes destaca la importancia de divertirse y jugar con las formas. Es posible lograr grandes cosas cuando menos lo esperas y explorar es una buena forma de permitir que esto suceda.

En nuestros archivos de proyecto, encontrará el boceto original de Mercedes y un archivo de textura que usará para agregar profundidad a su composición.

Tiempo para completar

2-3 horas

Software

Adobe Illustrator CS4 o superior, Photoshop CS4 o superior

Paso 1

Primero empiezo con un boceto rápido, que contiene formas básicas que determinarán la composición y cómo se verá el personaje. Intento dejarlo abierto para revisión, y no está destinado a parecer terminado. Es algo que se hace rápidamente para plasmar una idea.

Paso 2

En Illustrator, seleccione Archivo> Colocar, lleve el boceto a lo que será una capa de fondo y bloquéalo. Cree una nueva capa donde creará formas básicas que tracen la imagen, por ejemplo, solo un círculo para la cabeza, un rectángulo para los pantalones cortos. Recuerda jugar con la composición y cambiar las cosas si es necesario.

Paso 3

Comience a agregar los detalles más simples al personaje: dos círculos servirán para los ojos, mientras que para la boca, cree un círculo y divídelo. Ahora seleccione la herramienta Pluma y haga clic en ambos extremos para cerrarla.

Paso 4

Oculte la capa de fondo donde está el boceto. Ahora centrémonos en el torso. Coge la herramienta Pluma y crea una forma para la camiseta. Simplemente traza las esquinas exteriores de la chaqueta para crear la forma blanca interior. Ajuste con la herramienta Selección directa; necesitas tener líneas precisas y limpias. Trabaja con el cuello del abrigo según sea necesario.

Paso 5

Ahora vamos a agregar más detalles usando la misma técnica que usé para crear la camisa blanca. Para darle al abrigo un «contorno interior», utilice la herramienta Pluma y un color más oscuro. Para las mejillas, crea un círculo en un color contrastante y luego otro círculo dentro de ese en un tono aún más rico.

Paso 6

Ahora vamos a empezar a dar cuerpo a nuestro pequeño pirata. Para el cabello, simplemente dibuja una forma de remolino. Agrega más detalles a los ojos creando más círculos que actúan como reflejos blancos. Para los dientes, simplemente crea rectángulos.

Por cierto, hago mucho a mano alzada, así que también me aseguro de eliminar los puntos de ancla sobrantes con la herramienta Pluma.

Paso 7

Para agregar más detalles al cabello, puede crear más mechones y mechones con la herramienta Lápiz. Sea creativo y, una vez más, recuerde eliminar los puntos de anclaje sobrantes. Para la nariz, usemos triángulos simples.

Paso 8

Para crear el gancho del personaje, dibuja un rectángulo para la base y hazlo más estrecho. Luego agregue una elipse para dar un poco de sombra y profundidad. Para ajustarlo al ras contra la manga, simplemente agrupe los objetos que forman la base del gancho (mantenga presionada la tecla Mayús y seleccione, luego haga clic derecho> Agrupar) y muévalos juntos.

Paso 9

Crea pestañas agregando pequeños triángulos alrededor del ojo, que también servirán como sombreado. Conecta los personajes menores a nuestro pirata usando arcos (crea un círculo, borra el color del interior y luego borra uno de los cuatro puntos de anclaje).

Paso 10

Sigue haciendo que el personaje sea más interesante agregando un poco más de detalle. Para terminar los pantalones, cree un rectángulo y luego seleccione la herramienta Pluma y agregue puntos de anclaje a la base del rectángulo. Luego, mueva todos los puntos de anclaje hacia arriba para crear el efecto rasgado.

Paso 11

Para crear el agua, seleccione la herramienta Lápiz y grandes gotas de agua a mano alzada, luego agrégueles algunos detalles. Démosle a nuestro pirata algunos reflejos en el pantalón y el abrigo también, agregando formas en zigzag en un color que se destaque. También termine la nariz creando más triángulos.

Paso 12

Ahora es el momento de agregar nubes y otras decoraciones. Copie y pegue y coloque donde desee, prestando atención a la composición. Hágalo divertido: experimente, juegue con formas y deje que su creatividad lo guíe.

Paso 13

¿Estás contento con tu diseño? Si es así, eso es todo lo que vamos a llegar en Illustrator. Ahora importamos el archivo a Photoshop para agregar textura.

Paso 14

En Photoshop, abra la textura layer psd. Seleccione Todo, luego cópielo y péguelo en su diseño. Establezca el modo de fusión en Pantalla y la opacidad en 23. Ajuste hasta que esté satisfecho.

Paso 15

Seleccione la herramienta Grabar y pinte sobre los bordes para darle algo de sombra. En la barra de Opciones, configure el menú desplegable Rango en Medios tonos y agregue algo de sombra a las esquinas. Piense en el sombreado básico al hacer esto.

Paso 16

Finalmente, seleccione la herramienta Esquivar. Establezca el menú desplegable Rango en Resaltados y agregue reflejos en los ojos, las mejillas y ciertas esquinas para que resalten un poco más.

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

34 consejos para convertir tu arte y gráficos en increíbles GIF animados

6 ilustradores revelan cómo convertir obras de arte en GIF animados divertidos, encantadores, poderosos o divertidos en Illustrator, Photoshop o After Effects.

Si no tiene experiencia en la creación de GIF, comience combinando dos o tres imágenes diferentes. Por ejemplo, crea un botón de interruptor que, cuando se presiona, enciende las luces y viceversa.

Fausto Montanari (Italia) y Nikolay Ivanov (Bulgaria)

Los elementos básicos de un GIF llamativo son un lenguaje sencillo y un movimiento dinámico que se adapta al estado de ánimo del concepto y el mensaje.

Por ejemplo, un buen GIF a veces puede ser realmente divertido y lleno de dinamismo, o puede tener un movimiento realmente lento y suave que describa la sensación detrás de las imágenes en movimiento.

Fausto Montanari (Italia) & Nikolay Ivanov (Bulgaria)

Comenzamos a desarrollar el concepto para este GIF usando el logo del cliente como referencia principal. Queríamos recrear el estilo de la ilustración y mantener el mensaje que trae. Representaba una casa móvil que tiene cuatro ruedas, chimenea y humo saliendo de ella, lo que representa la comodidad de una casa. Las personas detrás del logotipo son un grupo de entusiastas que tienen el objetivo común de ayudar a las personas sin hogar a recuperarse. Les están encontrando un lugar para vivir, ayudándoles a conseguir un trabajo, para que puedan volver a estar bien.

El desafío aquí fue crear una imagen que sea lo suficientemente simple para transmitir fácilmente el mensaje y lo suficientemente seria para ilustrar el tema. También tenía que darle al espectador la oportunidad de usar su imaginación para imaginar lo que está sucediendo a continuación.

Con la animación, era importante hacer que la actuación del personaje se sintiera auténtica. Los pequeños gestos, la parada repentina y la mirada confusa son importantes para transmitir los sentimientos de un hombre perdido. Todos los pequeños detalles en la creación del ambiente dinámico son importantes para lograr una historia conmovedora, a pesar de que no hay sonido y tiene una duración realmente corta.

Fausto Montanari (Italia) y Nikolay Ivanov (Bulgaria)

Siempre comience con la acción principal y nunca trabajé en varias tareas al mismo tiempo, porque se confundirá. Intente animar escenas complejas paso a paso.

No es necesario animar todos los objetos en la pantalla para hacerlo poderoso. A veces, un simple movimiento puede ser más que suficiente.

Fausto Montanari (Italia) y Nikolay Ivanov (Bulgaria)

Si quieres hacer un GIF que cuente una historia, necesitas saber exactamente qué tendrás que animar cuando hagas la ilustración. Debes pensar en tu GIF como en una pequeña película con una trama.

Haga un guión gráfico para que pueda seguir la historia más fácilmente, o para que el animador con el que trabaja pueda ver claramente lo que está sucediendo en la historia.

Fausto Montanari (Italia) y Nikolay Ivanov (Bulgaria)

A veces puede ser un gran desafío mantenerse dentro del estado de ánimo. Ya sea que un GIF sea divertido, triste, aterrador, rápido o lento, se trata de las decisiones que tomas como artista para crear una buena historia.

Fausto Montanari (Italia) y Nikolay Ivanov (Bulgaria)

Todo comienza con una idea. En este caso, me desperté una mañana y quería animar a un alce corriendo por la naturaleza. Pero en lugar de un fondo en movimiento, quería que todo el GIF en bucle fuera desde una perspectiva estacionaria. Así que se tuvo que crear algún tipo de máquina, que ‘simulara’ el mundo natural alrededor de ese alce.

Rafael Varona (Alemania)

Si bien algunas partes del fondo se animaron con interpolaciones de movimiento simple en After Effects, otras se crearon con un buen dibujo antiguo fotograma a fotograma.

Para que su animación sea lo más realista posible, elija el mejor ejemplo de la naturaleza que pueda encontrar, en este caso el famoso Caballo Muybridge , y copie su movimiento.

Siempre trato de agregar más detalles en cada nuevo cuadro como sea posible, lo que debería complacer al espectador a medida que descubre cosas nuevas dentro de cada bucle.

Rafael Varona (Alemania)

Creé una gran ilustración de escaparate para un fabricante de gafas con sede en Berlín llamado Mykita. Una vez hecho, me pidieron que hiciera un par de GIF en bucle para su proyecto anual de caridad con el mismo estilo. Comencé a desarrollar algunas ideas sobre cómo incorporar el pensamiento detrás de las diferentes organizaciones benéficas y cómo animar las ilustraciones y hacerlas emocionantes y visualmente atractivas.

Rafael Varona (Alemania)

La organización benéfica detrás de estos GIF está enseñando a personas ciegas la técnica de la ecolocalización, que les permite incluso andar en bicicleta. Era obvio colocar un personaje en una bicicleta en el centro.

Su cabello y su camisa estaban animados fotograma a fotograma. Para el fondo, utilicé una técnica muy fácil para crear una agradable sensación de profundidad: creé un par de capas con árboles y flores adicionales y agregué una interpolación de movimiento de izquierda a derecha. Cuanto más lejos esté el objeto, menor será la velocidad. Esta técnica, conocida como paralaje, le permite crear un fondo en movimiento realista.

Rafael Varona (Alemania)

Para crear GIF, primero abro un nuevo archivo (antes usaba Flash, pero ahora me gusta hacer animaciones en Photoshop). Creo una nueva capa de video y comienzo a dibujar una forma. Dibujo un movimiento cuadro por cuadro. Intento hacerlo interesante y volver al primer cuadro. Una vez que hay un bucle, lo exporto a After Effects, donde duplico el bucle y lo trato como una especie de bloque LEGO animado.

Construyo algo con los bloques y, a veces, también combino otros bucles. Juego con los tamaños, la rotación y la posición de los bucles, pero también con la forma en que se relacionan entre sí en la línea de tiempo: no comienzan y terminan al mismo tiempo. Lo que termino con es una escultura abstracta muy orgánica que está en constante movimiento. Lo exporto como un archivo MOV y lo llevo de regreso a Photoshop, donde lo guardo como un GIF (usando Legacy – Save for Web para mayor control).

Ori Toor (Israel)

Recuerda adoptar la estética GIF. Tendrá que comprometer la calidad de la imagen para crear un GIF que sea compatible con la mayoría de las plataformas web. Eso significa que tendrás que crear algo que sea muy corto, que tenga una paleta limitada o que sea muy rico pero luego muy comprimido. No espere hacer una animación HD de 10 segundos con toneladas de color. Mire las pautas de Tumblr y prepárese con anticipación.

Ori Toor (Israel)

No hay una única forma de ganar atención y popularidad como creador de GIF; aquí no hay absolutamente ninguna regla. He visto GIF que se utilizan como imágenes promocionales en movimiento, una alternativa a un video musical (muy parecido a un video con letras) y, a veces, una ilustración editorial. También son un subgénero del videoarte.

Mi experiencia me enseñó que es mejor para mí abordar cualquier proyecto de arte sin saber exactamente lo que estoy haciendo. Si tengo una idea general, es mejor mantenerla vaga y comenzar a trabajar de inmediato y no desarrollarla demasiado de antemano con bocetos y cosas por el estilo. Con los GIF no es diferente.

Ori Toor (Israel)

El principal don mágico de la ilustración es crear algo que no existe en la vida y te da absoluta libertad. Especialmente con Poltergeist en la serie que trabajé recientemente.

Tumblr me encargó que trabajara en el Poltergeist lanzamiento de la película. Me enviaron algunas imágenes de la película y el tráiler. El escrito fue muy gratuito: enviaron una referencia de un dibujo que había publicado anteriormente en mi blog y pidieron usar este estilo de grabado específico, así que me inspiré en un momento en el tráiler donde la adolescente de la familia tenía su teléfono poseído por el poltergeist.

En primer lugar, les envié esta animática para que pudieran ver el movimiento y dar su aprobación.

Laurène Boglio (FR / Reino Unido)

Lo incorporé a este GIF, pero Tumblr decidió simplificarlo eliminando los mensajes, lo cual me hizo muy feliz [resultados en la página siguiente].

Laurène Boglio (FR / UK)

Crear GIF es muy simple en Photoshop. Solo necesita estar organizado en sus capas y ser bastante paciente porque Photoshop es muy sensible y, a veces, mover la capa incorrecta podría arruinar toda la animación.

Laurène Boglio (FR / UK)

Snow Globe es mi reciente pieza inspirada en la Navidad. A diferencia de mis piezas habituales en las que planeo una escena meticulosa, mi objetivo era hacer un GIF más simple que transmita una idea rápidamente.

Nancy Liang (Australia)

Siempre comienza con bocetos y planificación. Hago un borrador usando miniaturas dibujadas rápidamente y apunto notas para la animación; necesito saber cómo se ve aproximadamente y necesito enumerar lo que se debe animar y cómo se hará.

Una vez que esté organizado, comenzaré el proceso de renderizado. Esto implica el dibujo y corte de elementos de ilustración que luego se escanean y organizan en Photoshop.

Una vez que estoy satisfecho con mi imagen estática, paso al proceso de animación.

Mi animación está muy controlada. Para mí, la organización es la clave absoluta del éxito: todo debe nombrarse en consecuencia y es especialmente importante clasificar los elementos animados de los fijos.

Nancy Liang (Australia)

Lo bueno de hacer GIF para un cliente es que ya tiene una idea, solo necesita que alguien se dé cuenta. Con eso en mente, el proceso de hacer un GIF para un cliente es bastante similar al de una ilustración fija: la planificación inicial y los bocetos, luego la fase de renderizado y animación y las revisiones posteriores.

Nancy Liang (Australia)

El principal desafío es la atención al detalle, especialmente durante la animación. Mi proceso es bastante laborioso, implica mover elementos fotograma a fotograma, por lo que cuando un fotograma se apaga, todo también se apaga. Si un cliente no está de acuerdo con cierto movimiento, a veces significa volver a realizar todo el movimiento desde cero.

Nancy Liang (Australia)

Para minimizar esta probabilidad, tengo que ser lo más específico posible conmigo mismo y con el cliente en la etapa de planificación, asegurándome de que ambos estemos en la misma página. Ah, y administrar el control de versiones, eso es útil.

Nancy Liang (Australia)

Uno de los proyectos más interesantes en los que he trabajado es el cambio de marca de la empresa de datos Quantcast. El estudio de diseño JaegerSloan me ayudó a crear GIF con patrones de bucle, que la empresa podría usar dentro de su logotipo. Estos GIF comunican los valores de la marca y los tipos de comportamiento que pueden medir en línea.

Te hablaré de uno de estos GIF, que se creó para comunicar las compras en línea. Al ser parte de un cambio de marca más grande, los GIF tenían que ser claros y concisos y seguir la paleta de colores de la marca.

La primera etapa fue la conceptualización de la pieza y la creación de la ilustración. Comenzó como un encargo de ilustración habitual, primero con bocetos, luego se desarrolló en Illustrator para que el cliente lo firmara. La diferencia fue que el archivo se configuró para que estuviera preparado para animar: todas las capas estaban separadas y etiquetadas.

Una vez firmado, es hora de llevarlo a After Effects. ¡Aquí es donde se pone divertido! Sabía aproximadamente lo que quería que hiciera la animación: los elementos se despliegan, la caja se pliega y la cinta se da vuelta. Pero, ¿en qué orden sucede esto? ¿Qué tan rápido caen los artículos? ¿Cómo se mueven los objetos cuando caen y rebotan? Todos estos se juegan en la etapa de animación. Este GIF en particular pasó por tres rondas de revisiones, en su mayoría afinando el tiempo, para obtener la pieza terminada.

Se trata de aprovechar al máximo la flexibilidad del medio digital. Las ilustraciones tradicionales son geniales, pero los GIF pueden ser realmente divertidos, atractivos e inteligentes. Comercialmente, he creado GIF para trabajos editoriales, redes sociales e incluso marcas. Para mí, los GIF más atractivos son los que se repiten de forma fluida e infinita, con mucho movimiento y alegría.

En mi opinión (sesgada), la ilustración puede comunicar un mensaje muy específico o un concepto complejo de una manera destilada, conmovedora, divertida o única, o todo lo anterior. Puede tener una voz muy distinta, lo que creo que la separa de la fotografía tradicional.

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

Tutorial de Photoshop: Crea retratos digitales con estas técnicas avanzadas

Cree pinturas digitales que parezcan cómics de alta gama a partir de fotos con excelentes consejos de Photoshop de David y Sarah Cousens.

Introducción

«Uno de los consejos más importantes para pintar un retrato es dibujar lo que ves, en lugar de lo que crees que ves».

Es muy fácil como artista comenzar a dibujar en detalles que asume que están allí, alterando la imagen sin darse cuenta; sin embargo, esto lo dejará mirando una pieza terminada que no se parece a su modelo, preguntándose por qué no puede obtener un buen parecido. Si analiza constantemente su referencia en todo momento, tendrá una pieza mucho más sólida al final.

Marcus J. Ranum nos ha dado su permiso para basar este retrato en su fotografía de la señorita Mosh.

Software utilizado

Adobe Photoshop

Tiempo para completar

3 horas

Paso 1

Abra la foto de referencia junto con un nuevo archivo A4 de 300 ppp y cree las capas llamadas ‘piel’, ‘ropa’, ‘ropa2’, ‘cabello’, ‘mezclas’, ‘ásperas’, ‘líneas’ y ‘arriba’.

En la capa aproximada, use el pincel ‘Dave C’s Pencil 7 Blue’ para esbozar el diseño preliminar antes de dibujar las líneas finales en la capa de ‘líneas’ con el pincel de ‘tinta’. No se preocupe de que sus líneas finales sean perfectas, la mayoría de ellas se pintarán.

Paso 2

Aún usando el pincel de ‘tinta’, coloque los colores planos en las capas relevantes (por lo tanto, pinte los tonos de piel en la capa de ‘piel’).

Mantener los colores en capas separadas nos permite hacer selecciones fácilmente, así que asegúrese de que no haya colores adyacentes. No coloree el cabello de forma plana, ya que trataremos esto en una etapa separada.

Paso 3

Utilice la herramienta Degradado lineal para agregar algo de color a la capa de fondo, ya que pintar contra el blanco distorsiona sus percepciones del color.

Agregue una capa de sombreado para cada capa de color plano existente (Cmd / Ctrl + Shift + N) y marque Usar capa anterior para crear máscara de recorte. Esto le permitirá agregar sombreado solo en los píxeles existentes para que no tenga que preocuparse por mantenerse dentro de las líneas. Agregue sombreado en la cara en la capa de sombreado vinculada a ‘piel’.

Paso 4

En la capa de ‘cabello’, use uno de los cepillos para el cabello personalizados que hemos suministrado con un 60% de opacidad para comenzar a construir una base para el cabello. Comience con colores más oscuros primero, porque estos se mostrarán hasta las capas superiores del cabello. Construya con una variedad de colores que incluyen grises, morados y marrones.

No se preocupe demasiado por detallar los mechones individuales en este punto, solo concéntrese en la forma general y la forma del cabello.

Paso 5

Oculte la capa ‘rugosa’ y comience a renderizar los ojos en la capa ‘arriba’; comenzarán a unir su imagen. Recuerde que los ojos son objetos en 3D; es necesario sombrear no solo el iris sino también el blanco de los ojos. El párpado proyecta sombra sobre el ojo.

Muestre la luz reflejada en su pupila y agregue una pequeña línea de luz justo encima del párpado inferior para mostrar dónde se acumula el agua del ojo y dibuja las pestañas.

Paso 6

Al mirar más de cerca la fotografía, notará que los ojos en nuestro boceto se ven un poco demasiado abiertos. Si necesita modificar algún aspecto de su obra de arte y desea evitar volver a dibujar desde cero y perder el trabajo que ya ha hecho, vaya a Filtro> Licuar y seleccione la herramienta Deformar hacia adelante (W), usando el cursor para empujar los píxeles en lugar.

Paso 7

Al renderizar los labios, observe cuidadosamente la forma y las sombras. Observe que a medida que los labios se acercan a las comisuras de la boca, pierden un contorno definido y se vuelven mucho más suaves. Utilice un aerógrafo para evitar bordes duros en este punto.

Paso 8

Bloquee la transparencia en la capa ‘piel’ (haga clic en el símbolo del tablero de ajedrez en la paleta de capas) y use un rosa muy claro con la herramienta de degradado puntual (G) en esta capa para indicar la fuente de luz principal en la piel. Es más fácil usar un degradado para representar la luz en lugar de un pincel; es mucho más sutil.

Paso 9

De vuelta en la capa ‘arriba’, comience a renderizar las manos y las uñas con el pincel de ‘opacidad de entintado’. Use muchos tonos diferentes y preste atención a las sombras en la foto. He hecho las uñas más largas, pero esta es una decisión personal. Varíe el color de las uñas y recuerde, las uñas serán reflectantes en algunos lugares.

Paso 10

Detalle el collar en las capas de máscara de recorte relevantes, prestando mucha atención a la imagen de referencia, antes de pasar a la capa de cabello. En la capa de ‘cabello’, agregue algunas sombras oscuras al cabello aún usando el pincel de ‘opacidad de entintado’. Está bien si se ven fuertes y fuera de lugar, ya que la mayoría de las veces se oscurecerán en rápidamente pero son necesarios para agregar profundidad, así que úselos para implicar grandes mechones de cabello, enfocándose nuevamente en la forma general.

Paso 11

En la capa «superior», agregue mechones de un color más claro, colocando un poco sobre el cabello oscuro. Esto debería ser más detallado: mueva algunas hebras en diferentes direcciones y deshilache algunos bordes. Varíe los colores: cuanto más use, más auténtico se verá.

Paso 12

Pegue la textura de pintura.jpg sobre la capa ‘ropa’ y establezca la capa en luz suave. Cmd / Ctrl clic + la miniatura de la capa ‘ropa’ (esto resaltará todos los píxeles en esa capa) y luego agregará una máscara de capa a la textura de la pintura (haga clic en el icono de círculo en cuadrado en la paleta Capas). En la máscara de recorte vinculada a la capa ‘ropa’, use el pincel de opacidad de entintado para agregar luces y reflejos a la ropa.

Paso 13

Bloquee la capa de ‘ropa’ y en esta capa use un degradado de punto azul claro para agregar radiosidad debajo de los reflejos de la ropa. Presione Cmd / Ctrl + V nuevamente para pegar la textura de la pintura, y Cmd / Ctrl + T para transformar y arrastrar las esquinas del cuadro para llenar el lienzo. Coloque la capa sobre la capa de fondo azul y establezca el modo de fusión de capas en Luz suave.

Paso 14

Arrastre la capa ‘mezclas’ a la parte superior de la paleta y establezca el modo de fusión en Superponer. Ahora agregue algunos degradados para mejorar el color en ciertas áreas y hacerlas resaltar. Para evitar que los degradados se extiendan a las áreas circundantes, use la herramienta Lazo (L) para seleccionar las áreas relevantes y aplique los degradados en la capa de ‘fusiones’.

Paso 15

Use un rojo de baja saturación sobre las áreas donde habría un flujo sanguíneo más natural, como la nariz, las mejillas y las yemas de los dedos, y use morados y marrones para hacer que el cabello sea más vibrante. Agregue algunos pequeños detalles de textura, como variación en el pigmento de la piel y algunos poros pequeños con el pincel ‘moteado’. Aunque los detalles son sutiles, el espectador los captará; como resultado, la piel no se leerá como artificial.

Paso 16

En la capa de máscara de recorte de ‘ropa’, agregue un poco de iluminación de borde azul suave en su ropa (use el pincel de ‘opacidad de entintado’) en las mismas áreas que la iluminación de borde marrón en la foto. Para terminar, pegue el archivo photo sheet.jpg encima de la capa ‘pintar’ y configure el modo de fusión en Luz suave. En la capa ‘arriba’, agregue algunos efectos desordenados blancos con el ‘Pincel de fuego’. Realice los ajustes finales.

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

Revisión de Internet Explorer 7

La versión 7 de los paquetes de navegadores web dominantes de Microsoft en cuanto a cambios de interfaz, muchas características nuevas y muchas actualizaciones internas. También llega justo antes de la versión 2 del prometedor navegador Firefox, que puede estar a solo unos días de distancia. Entonces, ¿qué nuevo navegador es tu mejor opción?

Firefox 2 no ofrece cambios radicales en comparación con la versión 1.5, que salió hace un año. Es un paso medido, deliberadamente no discordante para los usuarios actuales de Firefox. Una herramienta antiphishing incorporada hace su primera aparición, pero la mayoría de los otros cambios simplemente refinan muchas de las mismas características que son nuevas en IE 7. La versión 2 pule la navegación con pestañas, la compatibilidad con el suministro de noticias y la administración de complementos. Lamentablemente, todavía encontrará algunos sitios escritos específicamente para IE que no se ven bien en Firefox 2. Sin embargo, puede agregar un complemento que le permitirá ver un sitio en IE para solucionar el problema.

La versión final debería estar disponible en el mismo sitio dentro de una semana, y los usuarios existentes del navegador recibirán un aviso sobre la versión 2 una vez que Mozilla haya realizado una actualización menor a la versión 1.5 unas semanas después de que salga la versión 2.

Microsoft tuvo que ir más lejos para poner IE a la par de la competencia (IE 6 se lanzó en 2001), por lo que IE 7 es una revisión más completa de su predecesor. No puede perderse la nueva interfaz de usuario, con navegación por pestañas, búsqueda integrada y soporte de suministro de noticias. Microsoft también agregó una herramienta antiphishing y aumentó la seguridad de IE 7 en respuesta a los aparentemente interminables agujeros de IE 6. Durante unos meses, la compañía impulsará a los usuarios a obtener la versión 7 a través de Actualizaciones automáticas.

Para esta historia, evaluamos candidatos de lanzamiento con todas las funciones de ambos navegadores, IE7 RC1 y Firefox 2 RC2, antes de su lanzamiento final.

Actualizaciones con pestañas

El nuevo aspecto aerodinámico de IE 7 se parece al de Vista. Los botones de retroceso, avance y favoritos, y la barra de direcciones, están comprimidos en dos filas en la parte superior, junto con un nuevo cuadro de búsqueda que puede personalizar con su elección de motor de búsqueda. No verá una fila de menú con opciones estándar de XP como Archivo, Editar o Ver (puede recuperarlo si lo desea). Pero verá nuevas pestañas de bienvenida, que puede arrastrar y soltar para organizar como desee, para ver varias páginas dentro de una ventana de IE.

También obtienes una nueva opción de ahorro de sesión: cuando cierras el navegador, puedes hacer clic en un cuadro para que IE recuerde tus pestañas abiertas y luego abra las mismas la próxima vez. Esta característica pequeña pero muy útil podría marcar una gran diferencia gradualmente en su navegación diaria.

Sin embargo, las pestañas no tienen su propia fila, por lo que pueden comenzar a aparecer algo aplastadas si tiene muchas abiertas a la vez. Para navegar, puede hacer clic en un pequeño botón que muestra vistas previas en miniatura de todas las pestañas abiertas en una nueva página temporal, y luego hacer clic en una de las miniaturas para activar su pestaña. También puede seleccionar entre todas las pestañas abiertas a través de una lista desplegable a la que se accede a través de un pequeño botón a la izquierda de las pestañas.

Si bien es menos obvio, las actualizaciones de las pestañas de Firefox 2 generalmente están un paso por delante de las de IE. Por ejemplo, puede configurar Firefox para guardar siempre su última sesión para uso futuro; con IE 7 tienes que hacer clic en un cuadro cada vez. Firefox también te permite volver a abrir pestañas cerradas a través del menú Historial o haciendo clic con el botón derecho en una pestaña abierta.

Al igual que en la implementación de IE, cada pestaña de Firefox tiene su propio botón de cierre. Sin embargo, Firefox no proporciona vistas previas en miniatura de las pestañas abiertas.

Las mejores noticias

Las fuentes RSS ofrecen una excelente manera de consultar rápidamente noticias y actualizaciones de diferentes sitios sin visitarlos todos. La compatibilidad con RSS es nueva en IE 7 y se actualizó en Firefox 2.

En IE, si navega por una página con una fuente asociada, se iluminará un icono a la derecha de las pestañas. Haga clic en él y verá los últimos titulares de ese feed junto con una opción para suscribirse. Una vez que se suscribe, puede verificarlo a través del botón de feeds en el nuevo Centro de favoritos, donde también encontrará su historial de navegación. Sin embargo, no tiene forma de obtener una vista previa rápida del contenido de la fuente sin abrir la página renderizada de la fuente en IE, lo que en cierto modo frustra el propósito; también puede visitar el sitio normal. Microsoft dice que diseñó deliberadamente el soporte de alimentación de IE para que sea básico porque está destinado a ser una plataforma para futuras aplicaciones de lectura de RSS.

Con los marcadores en vivo de Firefox 1.5, puede marcar una fuente y luego obtener una vista previa de todos sus titulares a la vez. Si hace clic en un titular, accede a esa historia en el sitio correspondiente, pero si hace clic en un enlace que abre el feed en sí y sólo verá un galimatías de código web. Firefox 2 hace que el feed sin procesar sea comprensible y ofrece una gama de nuevas opciones de suscripción. Por ejemplo, ahora puede agregar una fuente a una página personal de Bloglines, Google Reader o Mi Yahoo, o un lector RSS independiente, aunque es posible que no funcione con todos los lectores.

Navegación más segura

Ambos navegadores agregan funciones antiphishing destinadas a proteger contra sitios falsos maliciosos que intentan engañar a los usuarios para que divulguen sus inicios de sesión o información financiera. La protección predeterminada de Firefox se detiene en comparar sitios con una lista negra conocida de sitios de phishing, mientras que IE 7 incluye un análisis del sitio que intentará advertirle sobre un sitio sospechoso incluso si aún no está en una lista negra, un enfoque similar al implementado en la última seguridad. suites.

Según la gente de Redmond, IE 7 escaneará una página en busca de marcas de phishing en la URL o el contenido de la página. Las direcciones de los sitios sospechosos se enviarán a Microsoft, donde se compararán con una lista negra. Si un sitio está en la lista, IE bloqueará la página. Si es un buen sitio conocido, verá la página. Si no se reconoce el sitio, recibirá una advertencia. Microsoft dice que protege su privacidad y las consultas de URL que recibe, pero guarda los datos.

Probar el contenido de la página (en lugar de depender únicamente de una lista negra) es una buena idea, ya que los sitios de phishing suelen tener una vida útil muy corta, o cambian las direcciones web rápidamente a medida que los delincuentes detrás de ellos corren para atrapar a algunas víctimas antes de ser incluidos en la lista negra.

De forma predeterminada, Firefox compara los sitios con una lista negra almacenada localmente, lo que significa que no tendrá que enviar listas de las URL que visita, y muestra una advertencia si encuentra una coincidencia. Sin embargo, puede optar por enviar las URL que visita a Google, que las comparará con una lista actualizada con más frecuencia. Google no asocia la información que registra con otros datos personales sobre usted, pero la URL u otra información de la página enviada puede incluir datos personales que se registrarán.

Las nuevas funciones de seguridad de IE 7 van más allá de una herramienta antiphishing. Por ejemplo, su opción «Eliminar historial de navegación» borra archivos temporales, cookies, historial, datos de formularios y contraseñas, ya sea de una vez o por separado, algo que ya puede hacer en Firefox 1.5. También obtienes una nueva función «Reparar configuración para mí» que te advierte si restableces la configuración de seguridad a algo que Microsoft considera inseguro.

Microsoft también ha mejorado el manejo de ActiveX, ha ajustado el código del programa y ha cambiado la arquitectura subyacente para reducir las áreas potenciales de ataque de los piratas informáticos. En general, el nuevo IE tiene muchas más correcciones de seguridad que el Firefox revisado. Pero tales correcciones eran necesarias para abordar los muchos agujeros de IE 6, incluidos algunos recientes que permiten descargas no autorizadas que pueden llenar su PC con malware si visita un sitio envenenado.

Además, aunque Firefox tiene su parte de fallas de seguridad, Mozilla ha demostrado ser mucho más rápido para repararlas.

Complementos abundantes

Los usuarios de Firefox durante mucho tiempo han podido seleccionar entre una amplia variedad de extensiones gratuitas que agregan funcionalidad, que van desde lectura RSS mejorada hasta mejoras de seguridad y bloqueo de anuncios, lo que aumenta el atractivo de ese navegador para muchos usuarios. IE 7 apunta a esa ventaja con un nuevo administrador de complementos, así como un sitio web adjunto para promover y distribuir los extras.

Sin embargo, Microsoft no alcanza el objetivo. Puede habilitar, deshabilitar y eliminar complementos en el administrador de IE, pero no es muy fácil de usar; por ejemplo, el administrador no ofrece descripciones de los complementos. Además, para ver todas las extensiones posibles, debe pasar por cuatro categorías que en sí mismas están lejos de ser intuitivas: complementos cargados actualmente en Internet Explorer, complementos que IE ha utilizado, complementos que se ejecutan sin requerir permiso y controles ActiveX descargados (32 bits). Además, para actualizar sus complementos, debe verificar manualmente si hay nuevas versiones y descargar cada una.

Por el contrario, Firefox 2 se basa en algo bueno con un administrador renovado que controla temas y extensiones en una ventana. Como antes, cada uno tiene una descripción y un botón Buscar actualizaciones busca rápidamente actualizaciones para cada complemento.

Puede ser muy divertido abrirse camino hacia un navegador totalmente personalizado con extensiones, pero puede arriesgarse a ralentizar las cosas si utiliza más recursos del sistema. Los usuarios de Firefox se han quejado de su uso de memoria en el pasado, y aunque Mozilla a menudo culpa a los complementos, la compañía dice que la versión 2 usa significativamente menos memoria que la versión 1.5.

Actualizaciones en su mayoría sin problemas

Cuando instale el nuevo IE (una descarga de aproximadamente 15 MB), se le pedirá que busque actualizaciones y luego ejecute la herramienta de eliminación de software malintencionado de Microsoft, que busca virus. La primera vez que inicie IE 7, también verá una nueva página que le pedirá que elija un motor de búsqueda predeterminado y si debe ejecutar la protección antiphishing.

El nuevo IE guardará sus marcadores antiguos y algunas configuraciones, incluido el nivel de privacidad que eligió para manejar las cookies. Se pueden restablecer otros elementos. En mi prueba informal, IE 7 restableció mis configuraciones de seguridad personalizadas para la zona de Internet a la configuración predeterminada de Medio Alto; Sin embargo, si su seguridad está configurada en Alta, IE 7 la preservará.

Microsoft también dice que IE 7 no intentará cambiar su navegador predeterminado si su elección no es IE, y que debería usar aproximadamente los mismos recursos del sistema que la versión 6.

La descarga de Firefox 2 es mucho más pequeña de 5 MB, y también parece usar menos recursos que IE 7. En mis pruebas informales inmediatamente después de instalar y ejecutar IE 7, el navegador con tres pestañas abiertas usó 80 MB de memoria; en condiciones similares y con las mismas tres pestañas, Firefox usó 58 MB. De lo contrario, el rendimiento de los dos navegadores similares.

Cuando instale Firefox, verá un mensaje emergente para buscar actualizaciones de temas y extensiones que aún no son compatibles con la nueva versión. Las extensiones populares normalmente se actualizan rápidamente; otros complementos y muchos temas pueden tardar semanas más. Si tiene complementos incompatibles, la actualización del navegador seguirá ocurriendo, pero esos complementos estarán deshabilitados en la versión 2 hasta que las extensiones actualizadas estén disponibles. verifique en el botón buscar actualizaciones en el administrador de complementos.

Firefox conservó mis marcadores y la mayoría de las configuraciones de prueba de la versión 1.5, incluida mi contraseña maestra para los inicios de sesión guardados y la fuente predeterminada elegida. La configuración de cookies no se transfirió porque mi elección particular el cual permite que los sitios establezcan cookies a menos que haya eliminado sus cookies en el pasado; no es la misma en Firefox 2. Encontrará algunas configuraciones en diferentes áreas de la ventana opciones. además; por ejemplo, las preferencias de contraseña ahora están en Seguridad en lugar de Privacidad.

IE 7 incluye otras características nuevas, como zoom rápido de páginas y compatibilidad mejorada con la programación de páginas web. Tales ajustes, combinados con las principales mejoras del navegador, podrían ralentizar o incluso detener el vuelo generalmente constante de los usuarios de IE hacia Firefox.

Pero es revelador que la última vez que comparamos los principales navegadores, en enero, analizamos las versiones beta de Firefox 1.5, IE 7 y Opera 9. Mozilla superará eficazmente a Microsoft al lanzar tanto la 1.5 como la 2 en el tiempo que Microsoft tardó en completar IE 7 el cual opera permanentemente en la versión 9.

¿Cuál debería usar? Para los usuarios satisfechos de Firefox 1.5, pasar a la versión 2 es una obviedad, ya que obtendrán nuevas funciones y no se verán frustrados por cambios importantes en la interfaz. Los usuarios confirmados de IE tienen una opción igualmente fácil: las características de IE 7 lo convierten en un navegador mucho mejor que el 6.xy sus mejoras de seguridad por sí solas lo convierten en una herramienta imprescindible.

De los dos rivales, Firefox sigue siendo la mejor aplicación. Dado que los usuarios de IE tendrán que adaptarse a un nuevo diseño e interfaz de todos modos, este podría ser un buen momento para probar Firefox y luego ver IE 8 ponerse al día de nuevo en cinco años.

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