Categoría: Illustrator

Recursos, tutoriales y vídeotutoriales de la aplicación vectorial Adobe Illustrator CS3.

  • Lanzamiento de Adobe Stock, fotos y vídeos dentro de las aplicaciones CC

    Lanzamiento de Adobe Stock, fotos y vídeos dentro de las aplicaciones CC

    Adobe integra en sus aplicaciones Creative Cloud fotografías y vídeos con el lanzamiento de Adobe Stock. Ya no será necesario salir de Photoshop, Illustrator, After Effects o InDesign para el proceso de buscar y adquirir imágenes y vídeos. Para su lanzamiento regala un mes de suscripción con 10 imágenes gratis.

    Traveler girl sitting on coast near the sea and working on digital tablet

    El sector de la imágenes y vídeos de stock mueve nada menos que unos 3 000 millones de dólares al año. Y como más del 85% de los compradores de stock y el 90% de los vendedores utilizan las herramientas de Adobe, es por tanto lógico que haya decidido lanzar su propia oferta.

    A primera vista, Adobe Stock puede parecer similar a cualquier otra página web de stock pero es su integración con Creative Cloud la hace única.

    • Puedes bajar el borrador de una imagen con marca de agua y se sincroniza directamente con tus bibliotecas para aparecer en Photoshop, Illustrator, InDesign, After Effects, Premiere Pro…
    • Si creas tu proyecto, una composición con un borrador, con un solo clic puedes sustituirlo por la imagen en alta resolución, sin perder todos los ajustes y filtros que hayas trabajado.
    • Y puedes incluso hacer la búsqueda directamente dentro de los propios programas si no quieres pasar por tu navegador.

    AS on PS

    Hay estudios como el de Pfeiffer Consulting que demuestran que el proceso de licenciar imágenes con Adobe Stock se divide por 10. Antes cambiar la foto de una composición del borrador a la alta resolución solía tardar una media de 2 min y 52 segundos, ahora con Adobe Stock sólo tardarás 16 segundos.

    Slide1

    Además, gracias a la integración de las bibliotecas de Creative Cloud en todas las apps, tanto móviles como de escritorio, ahora es muy sencillo preparar bocetos incluyendo los borradores de fotos, desde cualquier lugar con un móvil o una tableta para luego acabar el proyecto en tu ordenador:

    Adobe Stock nos acompaña lo largo del proceso creativo y mejora nuestra productividad. Adobe Stock no es un banco de imágenes más, es una nueva forma de trabajar con fotografías de archivo. Adobe Stock lleva las imágenes donde más las necesitas, directamente en las aplicaciones de Creative Cloud.

    Recuerda que para su lanzamiento en España Adobe Stock regala el primer mes de suscripción con 10 imágenes gratis.

    Enlace: Probar Adobe Stock

  • 5 plugins gratuitos para Photoshop (Parte V)

    5 plugins gratuitos para Photoshop (Parte V)

    Una nueva entrega de plugins gratuitos para Photoshop.

    5 plugins más para aumentar tu productividad con variables, renombrar capas masivamente, escalar archivos y para trabajar con código HTML y CSS dentro de Photoshop.

    1. Photoshop HTML Block

    Con este plugin puedes meter código HTML y CSS dentro de tu PSD, lo representa con el motor WebKit de forma que puedes ver por ejemplo cualquier recurso externo: fuentes web, imágenes externas, css externo como por ejemplo Bootstrap, etc.

    Podrás cambiar el tamaño de los elementos sin problemas. Una de las grandes ventajas es por ejemplo cuando diseñamos un formulario, en vez de crear los elementos simplemente añade el HTML.

    Photoshop CC 2015, de momento sólo disponible para Mac OS

    2. Ditto: Variables en Photoshop

    Crea y usas variables en Photoshop y úsalas poniendo #nombrevariable como nombre de la capa. Por ejemplo para colores con el valor hexadecimal, tamaño de la fuente, visibilidad, etc.

    photoshop-variables-ditto

    Para Photoshop CC 2015 – Mac y Windows.

    3. Renamy

    Para renombrar capas de forma masiva, la versión gratuita tiene una limitación de 5 capas.

    renamy-plugin

    Para Photoshop CC 2015

    4. Bjango plantillas para iconos y acciones

    Bjango ofrece dos recursos, por un lado una colección de plantillas para iconos para Photoshop, Illustrator, Sketch y Affinity Designer.

    templates-hero-bjango

    Y por otra una colección de útiles acciones y scripts para Photoshop para diseñadores y desarrolladores web.

    actions-hero-bjango

    5. Cell

    Una colección de 3 scripts para mejorar el uso de los objetos inteligentes, para agruparlos, desagruparlos de forma masiva y para guardarlos como png

    chrometaphore-cell-script-photoshop-objetos-inteligentes

  • Flaticon se rediseña y lanza app para Mac OS X

    Flaticon se rediseña y lanza app para Mac OS X

    Flaticon es una empresa digital española con base en Málaga. Surgió en 2013 tras el éxito de Freepik.com, año en el que publicamos una entrevista al creador malagueño de Freepik, CSSMatic y Flaticon Alejandro y su hermano Pablo Blanes junto a Joaquín Cuenca, creador de la exitosa startup adquirida por Google, Panoramio. Flaticon cuenta con más 30 millones de descargas mensuales y 2 millones de usuarios únicos al mes. Los equipos de Freepik y Flaticon están formados por 30 trabajadores en plantilla y más de 80 diseñadores gráficos externos en todo el mundo.

    flaticon

    Flaticon la gigantesca base de datos de iconos vectoriales del mundo, acaba de lanzar un nuevo diseño de su web con 2 nuevas funcionalidades muy interesantes:

    • La posibilidad de personalizar el color de los iconos – en el futuro incluso se podrán editar usando más de un color en cada icono -.
    • Colecciones personalizadas con iconos editables – color y nombre del icono – para los distintos proyectos sobre los que se trabaja. Se ofrece la posibilidad de crear 1 colección de 50 iconos si el usuario no está registrado, 3 colecciones de 256 iconos si es un usuario registrado y colecciones ilimitadas de 256 iconos en el caso de usuarios premium.

    flaticon-2

    Y una nueva App de Flaticon para Mac

    Otra de las novedades de Flaticon es la app para Mac OS X que permite, a través de una ventana flotante, buscar de entre más de 107.000 iconos y arrastrarlos directamente a los principales programas como Sketch, Photoshop, Illustrator y Finder, sin necesidad de descargarlos de la web.

    Otras aplicaciones de utilidad

    • Extensión para Adobe: este plugin permite integrar el buscador de Flaticon en el propio entorno de trabajo de Adobe Photoshop, Illustrator y After Effects, y a golpe de clic poder arrastrar directamente los iconos que se necesiten sin perder tiempo cambiando de pantalla.
    • Font-face: Flaticon permite usar los iconos como fuente en los proyectos de diseño web, usando los iconos por ejemplo en botones, como flechas de paginación, etc.

    La empresa malagueña presenta así su nueva imagen corporativa, más actual y adaptada, para reforzar una marca ya consolidada en el mercado.

    La nueva web de Flaticon mejora la usabilidad en la navegación, la velocidad de la página y es 100% responsive, adaptada a dispositivos móviles para que la búsqueda de iconos sea más cómoda, intuitiva y rápida.

     

     

  • Probando Adobe CC en la Microsoft Surface Pro 3

    Probando Adobe CC en la Microsoft Surface Pro 3

    Las aplicaciones de Adobe suelen utilizarse desde ordenadores de sobremesa. Aunque hay apps para iOS y Android, trabajar con Photoshop desde un smartphone o una tablet no suele ser precisamente cómodo. Adobe ha trabajado con Microsoft para adaptar sus aplicaciones y dar la posibilidad de trabajar con ellas desde la Microsoft Surface Pro 3.

    Esta semana me enviaron un kit con este híbrido de tablet y portátil para testearla con las aplicaciones de Adobe CC 2015.

    adobe kit microsoft surface pro 3 ceslava 1-4 adobe kit microsoft surface pro 3 ceslava 1-3 adobe kit microsoft surface pro 3 ceslava 1-2 adobe kit microsoft surface pro 3 ceslava 1

    El resultado ha sido estupendo, la Microsoft Pro 3 tiene las suficientes características para un buen rendimiento. Su resolución de 2160 x 1440, tamaño (12’’) y peso de 800 gramos la hacen manejable en cualquier entorno.

    adobe kit microsoft surface pro 3 1-6

    Como os decía no es sólo una tablet, la Surface Pro 3 viene con un teclado liviano que sirve además de funda y que puedes montar con un clic. El teclado tiene teclas retroiluminados y un trackpad bastante grande y cómodo. Si sacas el soporte trasero lo conviertes en un portátil.

    SUR_Pro3_Type_Fold_Side_CyanSurfacePro3kickstandp_Print

    Y lo mejor es que viene con un lápiz, muchos diseñadores utilizan tabletas gráficas que necesitan de un gran espacio, con la Surface Pro 3 este espacio de trabajo es móvil y reducido. El lápiz está diseñado para imitar el peso, el acabado y el agarre de un bolígrafo real con más de 250 niveles de sensibilidad a la presión. Podrás dibujar o escribir cómodamente con el lápiz sin temor a apoyar la palma de tu mano en la pantalla.

    post_adobe&surface_facebook_02

    Como sabéis la última versión de Adobe, la CC 2015, es móvil, te permite trabajar con los mismos archivos en cualquier dispositivo de forma muy cómoda. Puedes irte a la terraza, al parque, a tu casa y continuar lo que empezaste en el estudio.

    Para facilitar el uso de las aplicaciones con la Surface Pro 3 Adobe ha trabajado en la compatibilidad táctil y les ha añadido un espacio de trabajo “Táctil”. Al activarlo quedan visibles sólo botones grandes con las principales tareas, herramientas y comandos. Como cualquier espacio de trabajo puedes cambiarlo cuando gustes. Se muestran los controles principales con iconos grandes, optimizados para los movimientos Multi-Touch y los lápices sensibles a la presión. Una muestra de esas capacidades táctiles y espacio de trabajo en Illustrator.

    captura illustrator tactil surface pro 3 ceslava

    Se hacen más muestreos para que por ejemplo cuando dibujes una línea en Photoshop se adapte mejor a tu trazo, en Premiere Pro pellizcas y agrandas la línea de tiempo o en After Effects el interfaz se escala para ajustarse a la resolución de tu pantalla.

    En resumen si trabajas con la Adobe Creative Cloud y quieres sacarle todo el partido desde un dispositivo portable y táctil la Microsoft Surface Pro 3 es la mejor opción.

    Así lo hicieron Anni B Sweet e Inés de León para crear el videoclip interactivo 360º «Chasing Illusions”

    Esta colaboración de Adobe y Microsoft es sólo el principio, se esperan grandes novedades en un futuro cercano.

    Dependiendo de la versión que varía en procesador, disco duro y RAM la encontrarás desde 799€.

    SurfacePro3Primary_Print

  • Adobe CC 2015: Adobe Stock Photos, nuevas apps y mucho más

    Adobe CC 2015: Adobe Stock Photos, nuevas apps y mucho más

    Ayer 15 de junio se lanzó Adobe CC 2015, una importante actualización con numerosas novedades que ya nos desveló en primicia el gran Antonio Lirio hace una semana. Ahora que es oficial ya podemos compartirlas.

    CC2015Logo

    Novedades destacadas de Adobe CC 2015

    La que creo que es más importante es Adobe Stock Photos, un nuevo servicio gracias a la adquisición de Fotolia por parte de Adobe. Ahora podrás acceder a ese inmenso banco de imágenes de 40 millones de fotografías e imágenes vectoriales seleccionadas a conciencia para que trabajes con ellas sin salir de tus aplicaciones, editarlas y si lo decides comprarla desde la misma aplicación.

    adobe stock photos

    Una vez licenciada se mantendrán todos los cambios que hayas efectuado, se descargará la versión en alta y sin la marca de agua.

    adobe stock photos photoshop

    Otra novedad importante en Photoshop son las mesas de trabajo, algo que encuentro particularmente muy útil sobre todo para diseño web.

    adobe cc 2015 photoshop mesas de trabajo

    Mejoras en el editor de código, diseño y previsualización de diseños responsive  en Dreamweaver

    Device_Preview

    En After Effects algo que va a gustar mucho a los animadores y del que hablamos hace unos días Adobe Character Animator, animar personajes 2D con gestos

    En InDesign tenemos la publicación en línea de nuestros documentos, mejoras en el diseño de tablas.

    adobe indesign cc 2105 publicación online adobe cc 2015 indesign tablas

    Novedades de cada aplicación de escritorio

    4 nuevas apps gratuitas, ahora para Android

    Hace unos días tuve la oportunidad de probar las betas de estas apps en Android, desde el 14 de junio están disponibles en la Play Store para todos. Los enlaces son para Android, para iOS puedes buscarlos en el catálogo de aplicaciones móviles de Adobe

    Photoshop Mix:  recortar imágenes, aplicar apariencias, fusionar imágenes y realizar ediciones no destructivas en tu Android, iPad y iPhone. Además, es totalmente compatible con Photoshop CC.

    adobe photoshop mix

    Adobe Color CC: Captura los colores que te rodean, haz una foto o escoge alguna de tu librería y crea temas de color para usarlos en Illustrator, InDesign y Photoshop

    Adobe Color CC   Aplicaciones de Android en Google Play

    Adobe Brush CCConvierte fotos o gráficos en pinceles de alta calidad que podrá usar en Adobe Photoshop CC o Illustrator CC.

    Adobe Brush CC   Aplicaciones de Android en Google Play

    Adobe Shape CC: Para vectorizar fotografías y usarlos en Adobe Illustrator CC o Adobe Photoshop CC.

    Adobe Shape CC   Aplicaciones de Android en Google Play

    Todo sincronizado, trabajes donde trabajes

    Y cómo no todo lo que hagas podrás sincronizarlo en la nube con Adobe CreativeSync, hoy por la mañana trabajas en tu tablet, por la tarde en tu estudio y por la noche en el equipo de tu casa.

    adobe sincronizado

    Estas son sólo algunas de las novedades, las que encuentro más destacadas pero hay muchas más, específicas de cada aplicación. En video2brain ya hay 3 cursos con varias horas de vídeotutoriales que hablan en detalles de cada una de estas novedades. Recuerda que puedes acceder gratis a todos los cursos de video2brain durante 7 días con solo registrarte.

  • 120 consejos gratuitos para diseñadores

    120 consejos gratuitos para diseñadores

    The Pocketbook es un libro gratuito con 120 consejos para diseñadores gráficos e ilustradores. Es un  proyecto del valenciano Cristian Eres con ilustraciones de CranioDsgn y Grace García Salcedo.

    El libro no trata sobre aspectos técnicos, recoge consejos para trabajar como diseñador freelance en forma de pequeños sabios tips como «dibuja más», «aprende diseño web», «duerme 8 horas» o «no trabajes gratis».

    Consejos para tratar con los clientes

    the pocketbook consejos diseñadores (4)

    Consejos para emitir presupuestos y facturas.

    the pocketbook consejos diseñadores (3)

    Consejos para mejorar tu productividad y no procrastinar

    the pocketbook consejos diseñadores (2)

    Consejos para conseguir clientes y autopromocionarte

    the pocketbook consejos diseñadores (1)

    Y así hasta un total de 120 consejos gratuitos para diseñadores. En definitiva un gran, útil, precioso y encima gratuito ebook para quienes se acercan a este apasionante mundo del diseño.

    Puedes descargarlo gratis en PDF desde la página del proyecto en Behance.

    Nota: Lástima que al ser un proyecto Made in Spain no hayan sacado una versión en español :(

  • Adobe Character Animator, animación de personajes 2D con tus gestos

    Adobe Character Animator, animación de personajes 2D con tus gestos

    Adobe Character Animator, conocido antes como Project Animal, es el último software de la familia Adobe Creative Cloud. Esta aplicación permitirá animar un personaje 2D creado con Photoshop o Illustrator.

    adobe character animator after effects creativecloud

    Mediante una cámara web podrás hacer que imite tus gestos y que sincronice su boca con la tuya cuando hables.

    Una aplicación que promete diversión.

    Viene integrada como parte de las novedades de la última actualización de Adobe After Effects 2014.

  • Script para Illustrator que exporta infografías a HTML y CSS

    Script para Illustrator que exporta infografías a HTML y CSS

    ai2html es un script de código abierto que puede convertir un documento de Illustrator en HTML y CSS. Como te habrás imaginado no es ninguna varita mágica, no hay todavía nada que sustituya a un buen maquetador web. Este script no está pensado para cualquier proyecto web, es específicamente útil para convertir infografías, mapas o diagramas a HTML. 

    Ha sido desarrollado por el equipo de New York Times, esta infografía interactiva ha sido creada con ai2html.

    illustrator-convert-html-css-  NYTimes.com

    Cómo usarlo

    Una vez instalado verás un bloque de texto arriba a la izquierda de tu mesa de trabajo que empieza por ai2html-settings

    Puedes crear otros bloques de texto para configurarlo, siempre fuera de la mesa de trabajo para que no formen parte de la exportación. Los bloques de texto deben comenzar con ai2html- seguido de css, js, html o text. De esta forma puedes añadir tu propio CSS, Javascript, HTML o variables de texto.

    Los nombres de las capas serán clases CSS y los de las mesas de trabajo los id de los divs.

    Puedes exportar las mesas de trabajo en un solo HTML con divs o cada mesa de trabajo en un HTML independiente. Tendrás el texto con posiciones absolutas y el resto como imágenes de fondo.

    Sin duda una mejor opción que exportar a SVG.

    Descarga y documentación: ai2html