iTrain 🚝

Como saben llevo usando el Tren Urbano unos 8 años cumplidos mañana 1ro de junio. He vivido de todo en el tren y el año pasado María me lo quitó por par de meses; pero ya volvimos a las andadas. Hoy esperando en la estación de Bayamón pensaba que la compra de pasajes puede ser más fácil de lo que es hoy día. Hoy día si no tienes cash encima olvidate de usarlo por que las máquinas de compra están ya viejas y descuidadas que solo aceptan cash y muchas veces te lo comen y si tienes suerte ni te tiran un recibo para reclamar. En fin pensé que el pase del tren puede ser como el peaje del autoexpresso. Si, asi mismo! Puedes comprar una tarjeta la cual llevas contigo en tu cartera como cualquier tarjeta de credito. La misma la recargas con tu celular y tu cuenta de Banco y en la estación antes de entrar tocas tu tarjeta con un sensor y listo! Ya entraste!

Otra forma puede ser con una aplicación como Apple Pay en dónde solo debes de colocar tu celular o tu Apple Watch en un sensor en la entrada del tren y el Tren Urbano te debita de tu cuenta bancaria la entrada. Asi de sencillo debe de ser. Claro está siempre manteniendo una entrada de forma clásica para todo aquel que le gusta pagar con el papel moneda y no le interesa para nada la tecnología.

Ya es tiempo dedarle un make up a este servicio que usamos muchos trabajadores y estudiantes en el área metro. Qué creen? Se que esto está casi quebra’o pero si surgiera un milagrito, este upgrade no estaría nada mal!

Bonito día!

😎

Web y más Web

El weekend fue largo! estube sumergido entre vínculos y páginas “responsive”; 😩 no fué fácil pero se pudo! Me llego un “freelance” para diseñar dos páginas web rush y wue estén arriba antes del lunes! 😳 Estube pensandolo un ratito, vi toda posibilidad y tenía el tiempo a mi favor; 48 horas para ser exactos. Acepté el reto, me prrpare mentalmente y a diseñar sea dicho sin parar. El resultado? Excelente! Cliente contento y yo explotado!😂 Pero nada así es la vida; aqui les dejo los links para que le den una visita.

Bonito día!

Communico: http://www.communicotranslations.com/index.html

PCPS: http://pcpspr.com/index.html

Preguntas y respuestas

Screen Shot 2018-05-17 at 8.48.01 AM

En mi canal de YouTube JRVstudio hay un “playlist“; donde para junio de 2017 coloqué una clase completa de varios videos en donde les explicaba como crear maquetas usando Adobe XD.

Screen Shot 2018-05-17 at 9.15.52 AM

Playlist de 21 capítulos.

A veces uno se pregunta: ¿habrá gente que vea mis videos y les agrade?… al parecer si! Una visita no solo vio los videos si no que me hizo una pregunta la cual deseo compartir con ustedes. El usuario Jose Angel Herrera hizo la siguiente pregunta:

Screen Shot 2018-05-17 at 8.51.42 AM

Para empezar, Gracias por ver los videos Jose y e aqui tu respuesta. Adobe XD es una plataforma que constantemente Adobe está evolucionando y creando actualizaciones constantemente. Si visitas la página web de Adobe: https://www.adobe.com/products/xd/features.html verás que Adobe coloca una descripción de los updates realizados a Adobe XD. He aquí los más recientes.

Screen Shot 2018-05-17 at 8.30.51 AM

Actualizaciones recientes.

Pues bien, para cuando realice el video que viste; Adobe incluía dentro del programa de Adobe XD, los UI kits de Apple y de otros como Android y Windows. Pero ya para el 2018 cuando el programa está más robusto mejor actualizado, Adobe también le elimina cosas que ya no necesitan que se encuentren en el. Por eso antes para utilizar los UI Kits de Apple, solo acudías al menú de File/Open UI Kits/Apple iOS. Ahora para el 2018, esos paquetes o “kits” los tienes que bajar desde la página de los creadores originales.

Screen Shot 2018-05-17 at 8.37.55 AM

En este caso ahora el menú es: File/Get UI Kits/Apple iOS y así según lo que desees bajar. Una ves selecciones ese comando se abre una página web de Apple donde te muestra los vínculos para descargar los paquetes UI.

Screen Shot 2018-05-17 at 8.38.16 AM

Una vez descargados verás unos archivos como los siguientes:

Screen Shot 2018-05-17 at 8.40.29 AM

Estos archivos debes de guardarlos en algún lugar de tu computadora para poder accesarlos cuando los necesites. Si yo abro el primero verás lo siguiente:

Screen Shot 2018-05-17 at 8.40.55 AM

Toda una gama de letras, botones, símbolos, estilos los cuales puedes usar en tus maquetas. Así que no es que tienes dañado tu programa, ni nada parecido; simplemente es que Adobe actualiza constantemente sus programas y con cada actualización puede que te cambien o te muevan algo de sitio; solo debes de visitar regularmente la página de Adobe para ver que cosas han cambiado o utiliza el vínculo que se encuentra al comienzo del programa: What’s new?; el mismo te lleva directo a lo nuevo.

Screen Shot 2018-05-17 at 9.11.44 AM

Espero haberte contestado tu pregunta!

Bonito día!

 

“mailto:”

Screen Shot 2018-05-02 at 6.50.15 PM

Digamos que estas diseñando un formulario o una promo en la cual debes de añadirle un vínculo para que las personas que lo reciban, te puedan contactar con solo hacer un “click” en el vínculo. Como artista gráfico; si diseñas usando Adobe InDesign esto es un “mikeo“; crear un vínculo dentro de InDesign y luego exportar un Pdf interactivo y resuelta la encomienda; peeerrrooooooo… digamos que eres el cliente y cuando el artista te entrega el arte y se le olvidó colocar el “link“; lo llamas y lo llamas y no te coje el celular por que está en el cine viendo “Infinity War“; ¿Qué haces? Solo tienes el PDF y necesitas lanzar el “email blast” ahora! ¿Qué haces?

Bueno calma, calma… ¿Tienes Adobe Acrobat Pro? Perfecto! no es el fin del mundo.

Screen Shot 2018-05-02 at 7.04.28 PM

Con Adobe Acrobat puedes abrir el PDF que te envió tu diseñador favorito y crear el código o programación necesaria para que el vínculo haga su función deseada. Primero debes de abrir el PDF. Accede en la parte superior la pestaña de los “Tools“.

Screen Shot 2018-05-02 at 7.08.51 PM

 

Luego navega hasta encontrar la sección de “Create & Edit“; en ella vas a seleccionar la herramienta “Edit PDF“.

Screen Shot 2018-05-02 at 7.32.03 PM

 

Luego de presionar el botón; Acrobat analiza todo el documento y notarás que selecciona el texto diseñado en la parte inferior y lo hace editable. Notarás en la parte superior una pequeña barra de heramientas para editar el PDF y entre ellas hay una llamada “Link“,

Screen Shot 2018-05-02 at 7.33.57 PM

Al presionar el icono; selecciona la primera opción: “Add/Edit Web or Document link“.

Screen Shot 2018-05-02 at 7.43.36 PM

Notarás que el cursor de tu ratón se convierte en una pequeña cruz con la cual puedes hacer un click, arrastras y seleccionas creando un área alrededor del correo electrónico que se encuentra en el arte. Luego aparece una ventana en donde vas a programar ese lugar caliente o mejor conocido como “Hot Spot“. En esta ventana vas a seleccionar los siguientes parámetros:

  1. En Link Type; selecciona “Invisible Rectangle”.
  2. En Highlight Style; “None”. (Cuando selecciones esta opción, otras opciones se desactivan).
  3. En Link Action; “Custom Link”.

screen-shot-2018-05-02-at-7-49-48-pm1.png

Cuando seleccionamos “Custom Link” se simplifica la ventana y se abre una nueva tableta llamada “Actions“.

Screen Shot 2018-05-02 at 7.52.23 PM

En la sección “Select Actions” vas a buscar en el listado la última opción: “Submit a Form“.

Screen Shot 2018-05-02 at 7.52.51 PM

Luego de seleccionar la última opción en el menú; se abre una nueva ventana en donde ocurre la magia.

screen-shot-2018-05-02-at-7-53-03-pm.png

Vas a escribir el código universal: “mailto: + el correo electrónico deseado

mailto:jrvstudiopr@me.com

En la sección del formato a exportar puedes seleccionar el botón de radio “PDF The Complete Document“. Recuerda que si este arte fuese un formulario para ser entregado por coreo electrónico con esta opción el pdf se adjunta alcoreo electrónico el mismo.

screen-shot-2018-05-02-at-7-53-42-pm.png

Luego finalizas la programación seleccionando el botón “OK“. Ahora el PDF tiene alrededor del correo electrónico, un rectángulo invisible y programado para enviar un formulario o un mensaje al estudio JRV .

Screen Shot 2018-05-02 at 8.28.30 PM

Cuando el vínculo es seleccionado, se abre tu aplicación de correo electrónico, con el arte o formulario incluido y listo para escribir .

screen-shot-2018-05-02-at-7-59-11-pm.png

Recuerda esta programación básica la puedes utilizar en toda aplicación que te permita crear vínculos. Para enviar correos electrónicos la programación es: “mailto: + el correo electrónico deseado“.

¡Buenas noches!

 

 

 

¡Estoy perdido!

¡No estoy perdido; es que estoy estudiando!

Code

Creo que mi último post fue hace como unas dos semanas atrás y quería decirles que sigo vivo, simplemente me estoy tomando el tiempo para repasar y estudiar a un viejo programa amigo que usaba como para el 2007; Adobe Dreamweaver!

Screen Shot 2018-05-01 at 6.59.24 PM

Adobe Dreamweaver CC

Una vez terminé de compartir con todos ustedes lo aprendido con Adobe XD; rápidamente tomé el libro de este clásico pero robusto software del diseño web. Cuando Adobe nos dió la mala noticia que le dará muerte a Adobe Muse; como que me sentí “‘ernú” y pensaba; Wao! “hay que moverse rápido; para mantenerme en la pelea”. Sé que es fácil usar los servicios de Wix.com o Squarespace.com y hasta WordPress.com para crear tu página web, pero nunca nada será mejor que diseñar tu mismo tu propio sitio en la red cibernética.

Screen Shot 2018-05-01 at 7.09.15 PM

Este es el libro que estoy leyendo; ya voy por el capítulo 4 de 15; y hasta ahora es sumamente interesante de la manera en que se diseña codificando HTML5 y creando estilos con el CSS (Cascading Style Sheets). No es tan fácil como lo era Adobe Muse; pero se que lo voy a dominar con el tiempo.

Por ende; si ven que no escribo tan corrido como en el pasado mes es por que estoy ocupado llenando mi cerebro de información actualizada.

¡Hasta luego!