The Grey Hawk

Ayer tuve el honor de ayudar a mi amigo David Martínez en una pequeña animación para un video trailer de su Comic Book “The Grey Hawk”. David y yo nos conocemos desde hace varios años, puedo decir que desde el 2004 más o menos cuando trabajamos para la casa Editorial Santillana en Puerto Rico. David era ilustrador y yo diseñador gráfico; creamos una bonita amistad ya que ambos compartímos los mismos gustos por la animación; las marionetas y la ciencia ficción como Star Wars, pero Davo (como le decimos de cariño) se tira más para el lado de Star Treck!

Recuerdo que Davo hizo en aquel momento un comic llamado “Doverman” y teníamos una idea o piloto de un programa para niños llamado “Explorador”. Con el tiempo las ideas se quedaron por el momento “engavetadas” ya que ambos tomamos rumbos profesionales distintos; pero siempre tratábamos de mantenernos en contacto.

El tiempo pasó y hoy día vuelvo a tener contacto con el, y en esta ocasión para ayudarlo con su nuevo proyecto “The Grey Hawk”, el cual acabo de leer y quedé impresionado. Se nota que artísticamente ha seguido creciendo y ha logrado sacar adelante dos volúmenes de este nuevo personaje, el cual tiene una mezcla de Iron Man con Batman y Fabulmán! 😂, con la mención de este último personaje ya delatamos nuestra edad Davo! 😂

Les recomiendo la lectura ya que hay mucha acción, misterio e intriga. También quiero que todos le demos el apoyo a este gran amigo, artista de aquí de Puerto Rico y compremos no solo sus comics, si no su arte también, para que pueda seguir desarrollando la historia de este nuevo personaje. Por el momento «The Grey Hawk» se encuentra a la venta contactando a David en su correo electrónico: davocartoonstudio@gmail.com para hacer tu orden!

Conoce más sobre David y su arte visitando su página web: https://davocartoonstudio.wixsite.com/home . También visitalo y síguelo en sus redes sociales de Facebook: https://www.facebook.com/davocartoon o también en Instagram: https://instagram.com/davocartoonstudio?igshid=m8ijc6ey3fp9, para que te enteres de todo lo relacionado a «The Grey Hawk» y mucho más!

Disfruten de la animación promocional que preparamos ayer para David y no se olviden de seguir la historia de «The Grey Hawk» que está prometedora y muy interesante!

Entre OS’s

Para agosto del 2018 estaba trabajando en una animación la cual me vino a la mente, basada en una canción que sale en la película «Finding Nemo» de Pixar y Disney. La canción se llama «Beyond the Sea» versión cantada por Robbie Williams para esta gran película. Estuve trabajando con la animación como por dos meses cuando de repente mi MacBook Pro con Touch Bar del 2017 simplemente dejó de funcionar; caput! murió! y esto sucedió como para octubre de 2018. En aquel momento pensé que lo había perdido todo; sabía que tenía par de elementos grabados en mi disco duro externo pero pensé que este proyecto personal lo había perdido y que una de dos: o lo comenzaba nuevamente o simplemente lo olvidaba. Durante el proceso de la ausencia de mi MacBook Pro; en lo que me decidía a ver que compraba; Apple lanzó la nueva iPad Pro de 12.9 pulgadas de 2018; pero la misma no llegaba a Puerto Rico como hasta para diciembre de 2018; así que me dije vamos a esperar. Esperé y en diciembre de ese mismo año me compré el iPad pro de 12.9 pulgadas con el Apple Pencil 2 y me dije vamos a ver si puedo rehacer el proyecto que hacía perdido nuevamente pero esta ves usando el iPad.

Un día como para enero de 2019, de repente a mi mente me vino un pensamiento el cual me decía: «Mi MacBook Pro hacía backup a la nube de iCloud» pero yo no recordaba a qué folder o a que directorios yo tenía seleccionados para backup. Rápidamente busqué Safari en la computadora de mi hijo (MacBook), fui al iCloud.com y busqué el archivo más reciente en el directorio del Desktop y que creen??? Estaba ahí!, bueno no completo pero el proyecto estaba resguardado casi un 80% WAO! YES!

Rápidamente baje una copia a la computadora de mi hijo e hice un back up en mi disco externo. Habían archivos o links perdidos pero estaba en un 80% el proyecto completo. Poco a poco fui buscado los links de los archivos hasta que efectivamente obtuve el 80% del proyecto. Ahora la pregunta era: ¿Cómo continuo con el proyecto pero usando el iPad Pro?

Compré la aplicación «Luma Fusion» para edición de videos y ya había de antemano comprado la aplicación de dibujo «Procreate«; pero me faltaba algo, me faltaba una aplicación que me ayudara a hacer animación a lo estilo Adobe Animate y no fue si no hasta hace unas tres semanas atrás que encontré una aplicación para hacer animación en el iPad llamada «Core Animator«. Como quien dice ya tenía la otra cara de la moneda; Luma Fusión sustituye a Premiere; Procreate sustituye a Photoshop; y Core Animator sustituye a Animate.

Manos a la obra! El video ya está listo! Lo terminé ayer gracias a Dios pero aún no lo voy a colocar en YouTube no sin antes grabar un video introductorio donde les cuente lo que acaban de leer para que todo aquel que vea el video sepa el proceso y la agonía que pasé al ver que creía haber perdido todo el proyecto. Así que pendientes a un próximo post y no se pierdan el video en mi canal de YouTube. Se que a los chiquitines les va a gustar mucho.

Dición!

Exportar Grupo

No me quiero retirar por hoy, no sin antes mencionarles el funcionamiento del icono, de exportar, en el panel de layers.

Screen Shot 2018-04-04 at 8.31.21 PM

Digamos que ya entregaron su diseño al «Developer» que les está programando su aplicación y el programador los llama por que necesita unas imágenes o iconos adicionales. No problem! No tienen que exportarle el trabajo entero nuevamente para entregarselo; lo bueno de Adobe XD y muchas aplicaciones de Adobe, es que puedes seleccionar los iconos o imágenes que necesitas y exportarlas directamente desde el panel de capas. Sencillamente, en este caso, seleccionas el grupo y presionas en el icono de exportar. Una vez seleccionado el icono el mismo se torna negro y se activa.

Screen Shot 2018-04-04 at 8.42.33 PM

Luego de estar activado; seleccionas File / Export / Batch. Seleccionas el lugar en dónde vas a guardar los elementos y presionas Export.

Screen Shot 2018-04-04 at 8.45.41 PM

Screen Shot 2018-04-04 at 8.53.28 PM

Cuando buscas en tu computadora el resultado te encuentras con que el archivo se grabó pero con los iconos todos juntos en un mismo archivo .PNG, pero tu programador te solicitó los iconos sueltos. No problem!

Screen Shot 2018-04-04 at 8.59.11 PM

Regresas a Adobe XD y vas al panel de capas, seleccionas el icono de exportar en cada capa u objeto que deseas exportar. Por cierto, si te fijas en la imagen inferior, el logo de una pluma que aparece al lado de cada nombre significa que ese objeto en esa capa o «layer» es una imágen vector. Luego hablamos de otros logos que aparecen en cada capa.

Screen Shot 2018-04-04 at 9.03.17 PM

Una ves seleccionados, vuelves hacer el mismo proceso en el menú superior: File / Export / Batch. Al revisar los resultados encuentras que se exportaron con éxito todos los iconos y como se nos olvidó apagar el botón de exportar en la capa del Grupo, sin querer lo volvimos a exportar.

No problem!

Botalo!

Te va agradar este atajo de Mac OS; si seleccionas el archivo  y presionas «Command + Delete« vas a tirar al zafacón el archivo .PNG que no deseas entregar al programador.

Screen Shot 2018-04-04 at 9.07.03 PM

Archivos exportados.

Acto seguido, presionas «Shift + Command + Delete» y luego «enter«; al presionar «enter» le estas diciendo afirmativamente al sistema operativo de la Mac que deseas vaciar el zafacón permanentemente?, o presionando Empty Trash, el archivo que estaba en el zafacón y todo lo que tenías dentro del mismo queda borado para siempre. Caput! Ya puedes entregar por e-mail los iconos exportados. Si te fijas en lo que pesa cada archivo .png, son KB; eso es una porquería! jejejejejejejeje

Screen Shot 2018-04-04 at 9.14.01 PM

Screen Shot 2018-04-04 at 9.21.21 PM

Archivos exportados en formato .png.

«¡Buenas noches!»

 

Agrupar/Alinear

Screen Shot 2018-04-04 at 3.30.56 PM

Digamos que estas organizando la barra inferior de una aplicación la cual se compone de cuatro iconos. Como ya sabes, los iconos los puedes diseñar tanto en Adobe XD como en Illustrator, Photoshop u/o comprarlos listos en el internet. Los vectores que copias (Command + c) en Illustrator, se convierten en imágenes SVG (Scalable Vector Graphics) cuando loas pegas (Command + v) en Adobe XD. En muchas ocasiones esos iconos están compuestos por grupos; por ejemplo: la mano es un arte vectorial y la moneda es otro arte vectorial. Si duplicas esa moneda dos veces más, obtienes cuatro iconos vectoriales separados, pero si seleccionas las monedas y la mano y las agrupas con «Command + g» obtienes un grupo. Así que si seleccionamos el primer grupo y usando el atajo del teclado «Shift + click» para seleccionar todos los grupos y volvemos a agruparlos estamos creando  grupos anejados o en ingles «nested groups«.

Screen Shot 2018-04-04 at 3.48.28 PM

Una vez agrupados los iconos; en el panel de capas vas a notar que se crea un «folder» principal el cual agrupa los demás «folders«. Estos grupos anejados los puedes renombrar para fácil manejo. El siguiente paso sería alinear los iconos, pero no intentes alinearlos a ojo; usa el panel de alineamiento que se encuentra a mano derecha de la aplicación. Primero selecciona el último icono y llévalo hasta la derecha del «art board«.

Screen Shot 2018-04-04 at 3.56.00 PM

El panel de alineamiento se encuentra en la parte superior derecha.

Una vez colocado en su sitio vas a utilizar el panel de «align» para centralizar y acomodar a distancias equitativas cada icono. Primero asegúrate de tener seleccionado cada icono utilizando el atajo del teclado «Shift + click» para seleccionar todos los iconos; luego presionas el botón de «Distribuir horizontalmente» y luego presionas el botón de  «Alinear el centro verticalmente«. Déjate llevar por los «Tool tips» para que puedas reconocer los botones.

Una vez todo centralizado verás a tu grupo anejado con una separación equitativa entre todos los iconos y todos bien alineados unos con otro. Estos mismos pasos los puedes hacer en tu práctica personal pero con los nombres de cada icono.

Screen Shot 2018-04-04 at 4.11.03 PM

Utiliza palabras cortas; utiliza la misma fuente o familia de letra para todas las palabras; puedes cambiar el tamaño y estilo de letra en el panel de texto ubicado a la derecha de la aplicación, cuando seleccionas con la herramienta de texto cada palabra escrita. En mi caso utilice la fuente Helvetica Neue + 12 puntos + Bold + Centralizada + Texto lineal.

Screen Shot 2018-04-04 at 4.17.15 PM

Palabras acomodadas bajo cada icono.

Screen Shot 2018-04-04 at 4.17.50 PM

Palabras alineadas equitativamente.

El problema que veo ahora es que las palabras no están centralizadas con los iconos superiores. ¿Qué haces ahora? A ver, por ese cerebro a pensar!…

Screen Shot 2018-04-04 at 4.21.24 PMScreen Shot 2018-04-04 at 4.22.21 PM

Muy bien! Utiliza el panel de capas; seleccionas todos los nombres; inserta los nombres dentro del grupo anejado de los iconos. Ahora todos forman parte de un mismo grupo!. Seleccionas una palabra con su icono correspondiente y utilizas el panel de alineamiento para alinear su centro verticalmente. Esto lo haces uno a uno con cada palabra y cada icono y el resultado visualmente se ve de show!

Screen Shot 2018-04-04 at 4.26.46 PM

Hoy aprendiste a usar el panel de alineamiento y a agrupar objetos. Nos vemos mañana con otro post en donde te mostraré cómo usar el botón de exportar imágenes específicas!

¡’Dición!

Un nuevo rincón

Me encanta ver como de una idea, dibujo y sueño, surge una realidad! Ya sé lo que siente un Arquitecto cuando ve a sus hijos hacerse una realidad.

Como recordarán, Mi adorable vecino me pidió hace un tiempo atrás, luego de María que le ayudara a diseñar una terraza para sustituir la que María le llevó.

Comencé a tirar líneas, les gustó el diseño y comenzó la construcción. En el proceso se alteraron detalles que le favoreció al diseño original y al final todo quedó de show!

Se le expandió el suelo, dandole un acceso más amplio al patio trasero. «En esa loza se debe bailar bien!»😂…

…y cada detalle va en armonía con el resto de la casa!😎 Me siento Arquitecto recién Graduado!

En fin sé que los vecinos están contentos con su nuevo techo flotante. Este rinconcito lo disfrutarán mucho con sus familiares y amigos. Una barbacoa con música suave; un vinito y dialogo entre amigos un domingo por la tarde cuando baje el sol, no tiene precio… Que lo disfruten!

😇

Adobe Stock, funciona para ese dinerito extra que necesitas!

¿Recuerdan la ilustración que sometí a Adobe Stock? La misma fué aprobada!, YES! ¿Qué significa eso? Ahora puedo ir creando ilustraciones similares, con el mismo estilo, crear un portafolio en Adobe Stock con ellas y comenzar a venderlas o esperar a que la cuenta haga cashiiiiiiiiing!

Screen Shot 2018-02-26 at 12.01.09 PM

De echo fui al web page de Adobe Stock e hice el search con los keywords seleccionados y la imagen aparece entre otras fotos. So, funciona! Así que si eres un ilustrador o fotógrafo y te gustaría vender tus imagenes al mundo, Adobe Stock es una muy buena alternativa para ese dinerito extra que necesitas.

Screen Shot 2018-02-26 at 12.01.53 PM

Screen Shot 2018-02-26 at 12.10.49 PM.png

¡’Dición!

Adobe Stock; ¡Sencillo!

 

IMG_5917

Cuando se trata de vender tus ilustraciones por Adobe Stock puedo decir que el proceso es sumamente fácil. Entiendo que lo difícil o trabajoso es crear la ilustración. Hoy hice una prueba; hice una ilustración, sencilla, de un joven jugando voleibol, al estilo que me gusta, cartoon. En la siguiente imagen puedes ver el formato a subir recomendado:

Screen Shot 2018-02-21 at 2.49.16 PM

Imagen capturada del webinar asistido el 21 de febrero de 2018.

  • Formato .AI o .EPS + .JPG para preview
  • Resolución recomendable de 5,000 pixeles X 3,000 pixeles (15 megapixeles)
  • Un máximo de 100Mp (Megapixeles)
  • Tamaño del archivo .ZIP no más de 45 MB

Una vez tengas el vector listo con una copia en .jpg todo comprimido en un archivo .ZIP, visitas www.adobestock.com , entras a tu cuenta de Adobe Stock y buscas el icono de «upload«, luego en la próxima ventana haces un «drag & drop» del archivo .ZIP, el mismo sube y se descomprime. Acto seguido colocas el tipo de archivo, la categoría, el lenguaje, los keywords para la búsqueda; te aseguras marcar que la imagen no es de una persona reconocida; luego presionas el botón de «Submit for approval» y para finalizar esperas par de días en lo que Adobe aprueba tu imágen. Una vez aprobada la imagen, comienzas a esperar a que alguien en el mundo le guste la imagen que creaste y la desee utilizar en sus diseños publicitarios; una vez la compren, comienzas a escuchar en tu mente ese sonido mágico que tanto nos agrada escuchar, el «cachíííííín» $$$$!

Screen Shot 2018-02-23 at 10.54.27 AM

Y te preguntas, qué sucede si no es aceptada por Adobe?; Según escuché en el webinar, Adobe te dice el por qué y te provee sugerencias para arreglar la imagen para que vuelvas a someter la misma nuevamente. Cuando me denieguen la imagen, les escribo cómo se resolvió el problema. Por el momento la imagen está en proceso de aceptación.

Screen Shot 2018-02-23 at 10.55.45 AM