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!