Texto árabe o hebreo en Adobe Rojo invertido, verde correcto

He tenido la oportunidad de trabajar en proyectos en los que hay que usar textos en hebreo y me he dado cuenta de que los programas de adobe invierten el orden de las letras a la hora de pegar los textos, cuando es una palabra no hay tanto problema, la puedes ordenar a mano pero se complica si tus textos son amplios.

Buscando una solución rápida al momento me encontré con este video en YouTube donde  un chico proporcionaba una página que invertía los textos y así al pegarlos en illustrator se resolvía el problema.

 https://textreverse.appspot.com/

Eso lo soluciono de momento pero sabía que la solución debía estar dentro del mismo Adobe y no me equivoque, en Photoshop, en la ventana de párrafo, en el menú de hamburguesa hay que seleccionar la opción "Diseño internacional", de esta forma tus textos ya no quedarán invertidos y también respeta el orden de los textos en español o ingles.

Ventana párrafo en Photoshop

En illustrator en la ventana párrafo en el menú de hamburguesa seleccionamos "Modo de composición línea por línea para Oriente Medio y Asia Meridional".

Ventana párrafo Illustrator

En mi caso esa opción del menú no se mostraba en el menú de hamburguesa, por lo que tuve que ir al menú Edición / Preferencias / Texto y activar "Mostrar opciones de idiomas índicos" para que apareciera.

En InDesign nos vamos igual a la ventana de párrafo y en el menú de hamburguesa activamos la opción "Modo de composición de párrafo internacional de Adobe".

Ventana párrafo InDesign

Así se soluciona el problema de que los programas de adobe inviertan el orden de las letras en hebreo y te evitas el tener que estar invirtiendo los textos por otros medios.

Diseño de portada para la revista digital IPSUMTEC del Instituto Tecnológico de Milpa Alta V4.1.

Mockup psd created by user17882893 - www.freepik.com

Stickers o pegatinas CASA CHU

 Diseño de stickers y etiquetas colgantes para productos de Casa Chu.

Se realizaron 3 diseños de stickers, estampas o pegatinas, dos de 5 y 4 cm con espacio para poner descripción del producto a mano y fecha de caducidad; la 3a de 3 cm únicamente con logotipo, teléfonos y la leyenda de 100% natural y orgánico.

También se diseño una etiqueta de doble vista con los datos de la empresa al frente y al reverso un espacio para agregar datos del producto y fecha de caducidad. Este diseño se adapto a una medida de 5 y 4 cm

Etiqueta colgante doble vista CASA CHU

Mockups obtenidos en freepic.com

Estos últimos meses tuve la oportunidad de participar en un proyecto editorial sobre el Sistema de Transporte Colectivo de la Ciudad de México, nuestro amado Metro. 

En este libro podrán encontrar un poco de la historia del metro en el mundo, los sistemas de transporte CERO EMISIONES, nuestro sistema de transporte colectivo, la iconografía de cada estación, una gran colección de los boletos conmemorativos que se han impreso desde 1969 (cosa que se logro gracias a la ayuda del Grupo de coleccionistas de boletos del metro de la CDMX) e infografías de cada una de las 12 líneas del metro entre otras cosas.

No me queda más que agradecer a mi amiga Angelica Muñoz por incluirme en dicho proyecto y agradecer al todo el equipo que estuvo tras la realización de este bello proyecto, que se saco aun con las inconveniencias de la pandemia. Espero poder colaborar en nuevos proyectos.

Si les interesa, pueden leer la versión digital dando clic AQUÍ.

Mi carrera profesional como Diseñadora comenzó en 2003 en una agencia de publicidad para bienes inmuebles llamada Mirabal Publicidad, ahí hacíamos publicidad para inmobiliarias como Star, Hir, Sadasi, entre muchas otras; por desgracia tuvimos bajas por ahí del 2013 - 2015 por lo que continúe mi carrera como freelance, con algunos periodos  de trabajo temporal en otras agencias.

Pero ¿a dónde voy con todo esto? Bueno, resulta que en la agencia vi el nacimiento de un fraccionamiento llamado Rinconada los Sauces, ubicado en Morelia, Michoacán. Y desde entonces les he llevado la publicidad, actualmente están contrayendo una nueva etapa que se ve muy moderna en el diseño estructural y pasamos de un diseño con plastas a algo más elegante y limpio. 

A este tipo de diseño mi jefe lo llamaba un diseño Potosino, porque un cliente de San Luis Potosí nos pedía cosas más limpias y minimalistas. El Sr Mirabal era más de usar tipografías Bold y plastas, decía que los diseños bonitos no vendían, que tenían que tener impacto sobre todo los espectaculares, porque los ves unos segundos. 

PUBLICIDAD GRAN FORMATO

La campaña se adecuo principalmente para publicidad de gran formato: espectaculares, vallas y banners. Los cuales estarían ubicados en rutas cercanas al fraccionamiento, así como en sus alrededores.

Espectacular

Banners

Vallas o Bilboards panorámicas

Valla o Bilboard panorámica

Vallas o Bilboards panorámicas

Vallas o Bilboards panorámicas

Vallas o Bilboards

Vallas o Bilboards

CARPETA VENTAS

Se diseño un pequeño folleto de ventas para que los vendedores pudieran explicar las características de los departamentos y las amenidades del fraccionamiento.

PUBLICIDAD IMPRESA

Para publicitar el fraccionamiento se hicieron dípticos tamaño carta y media carta en formatos vertical y horizontal, respectivamente, con la información más relevante tanto del fraccionamiento como de los departamentos.

Díptico tamaño carta

Díptico media carta horizontal

Mockup psd created by freepik - www.freepik.com

Sticker o pegatinas Medical Mexicanna

Diseño de stickers y etiquetas colgantes para productos de Medical Mexicana.

Se realizaron 2 diseños de stickers, estampas o pegatinas, el primero para sería para  stickers de 5 y 4 cm y debía contar con espacio para poner descripción del producto a mano y fecha de caducidad; el otro sería un poco más pequeño, 3 cm, por lo que sólo  contaría con el logotipo, los teléfonos y la leyenda de 100% natural y orgánico. 

También se diseño una etiqueta de doble vista con los datos de la empresa al frente y al reverso un espacio para agregar datos del producto y fecha de caducidad. Este diseño se adapto a una medida de 5 y 4 cm.

Etiquetas doble vista Medical Mexicanna

Mockups de freepik.com

Diseño de portada para la revista digital IPSUMTEC del Instituto Tecnológico de Milpa Alta V3.2.

Mockup psd created by user17882893 - www.freepik.com

Diseño de portada para la revista digital IPSUMTEC del Instituto Tecnológico de Milpa Alta V3.1.

Mockup psd created by user17882893 - www.freepik.com

Pennywise

Hace algún tiempo vi una imagen en 3D muy bien lograda en facebook y cheque como se hacía en internet, por desgracia no había tenido la oportunidad de llevar a cabo el experimento. Ayer mi amiga Pilis me mando un enlace con la foto del Joker, la cual quedó realmente espectacular. Este es el link por si alguien la quiere ver: Joker Facebook

Me gusto tanto que volví a buscar los tutoriales y una buena imagen para probar. En el tutorial que vi usan la imagen de un árbol en un campo. Para todo el fondo hacen un degradado de un gris claro (casi blanco) a un gris oscuro (casi negro), hacen la silueta del árbol y lo pintan del tono de gris en el que toca la base del árbol, esto para que se vea unido al piso. Esa capa en escala de grises la guardan como JPG con el siguiente nombre: nombre_depth.jpg y guardan la imagen original en color con el mismo nombre pero quitando el _depth, suben ambas imágenes a facebook y este hace su magia.

Este es el video que vi:



Y este es el resultado de mi experimento con una imagen de Pennywise. Pennywise Facebook

Las imágenes que se suben a facebook para que este las mezcle son las siguientes:

Pennywise 3D para facebook

 

Saben, algo muy bello y distintivo de la Ciudad de México son sus mercados, ese lugar donde la gente se reúne para hacer sus compras, comer y pasar el rato, actualmente se han visto algo opacados por los centros comerciales, pero no es lo mismo, los mercados tienen alma.

Pues resulta que mi amiga Anyi me incluyo en el proyecto de rediseño del libro "MERCADOS de la Ciudad de México" y mi aporte fue en el diseño del directorio, el cual paso de ser una table de texto con datos separados en columnas y filas a un bonito diseño de papel picado en el que se agregaron 8 datos de cada uno de los 330 mercados que aparecen ahí (aproximadamente).

Agradezco infinitamente esta oportunidad y si alguno quiere leer el libro lo pueden hacer digitalmente AQUÍ. A continuación les dejo la distribución de los datos de cada mercado.

1 El numero oficial
2 Nombre del mercado
3 Tipo de mercado
4 Fecha de inauguración
5 Presidente que lo inauguro
6 Número de locales,
7 Dirección 
8 Alcaldía a la que pertenece

 Diseño de portada para la revista digital IPSUMTEC del Instituto Tecnológico de Milpa Alta V2.2.

Mockup psd created by user17882893 - www.freepik.com

Catálogo en PDF interactivo para celular

Para realizar un PDF interactivo para celular lo primero que haremos será armar nuestro diseño en InDesign (la medida que yo use fue de 800x1280px), exportarlo como PDF interactivo, y en la pestaña GENERAL hay que activar la opción ABRIR EN MODO PANTALLA COMPLETA. Recuerda que todos los gráficos deben estar ya dentro de tu diseño, en mi caso, botones superiores y laterales.

Habiendo hecho esto, abrimos el archivo en Adobe Acrobat Pro y antes de comenzar a agregar la interactividad anotaremos el número de las páginas a las que deseamos que vaya cada botón.

En el apartado de Objetos interactivos del menú de Herramientas seleccionamos la opción Agregar botón y lo colocamos en la posición que deseemos.

En el caso del índice colocaremos los botones que nos llevarán a cada sección más los laterales que nos llevan a la pagina anterior (izquierda) y a la siguiente (derecha), los cuales nos ayudarán a navegar en una computadora de escritorio o laptop.

Al dar clic en Todas las propiedades o dar doble clic en el botón nos aparecerá el cuadro de dialogo con las opciones.

Las opciones que modificaremos para nuestros botones del índice son las siguientes:

1.- En la pestaña General agregaremos nombre a cada botón.
2.- En la pestaña Aspecto quitaremos el color de borde y relleno.
3.- En la pestaña Acciones en Seleccionar acción vamos a elegir Ir a la vista de una pagina y damos clic en Agregar. 

4.- Saltara una nueva ventana, le damos clic en Establecer vínculo y regresará a la ventana anterior. 

5.- Seleccionamos la primer línea de la acción para que se active el botón Editar y damos clic en el.

6.- En la nueva ventana seleccionamos Usar número de página, en la casilla Página colocamos el número al que queremos que nos lleve al dar clic en el botón y damos Aceptar.

7.- Repetimos está acción con cada botón.

Ya que tengamos la acción de nuestros 6 botones de indice los copiamos y pegamos en la primer página donde el índice aparece en la parte superior, ajustamos cada botón al espacio que le corresponde y procedemos a agregar los botones laterales.

Para esto vamos a seguir los 2 primeros pasos, pero en la pestaña de Acciones la acción que seleccionaremos será Ejecutar un elemento del menú, damos clic en Agregar y en el listado seleccionamos Ver>Navegación de página<Página siguiente o Ver>Navegación de página<Página anterior, según sea el caso.

Como la mayoría de las páginas son de producto y llevan los mismos botones los vamos a seleccionar todos para replicarlos en todas (después borraremos los que sobren). Teniendo todos los botones seleccionados (6 del menú superior y 2 laterales) vamos a dar clic derecho y en el menú emergente seleccionaremos la opción Duplicar en todas las páginas, seleccionamos la opción Todas y Aceptar. Ahora sólo resta quitar los botones que sobran en cada página.

Guardamos el archivo y ya lo podemos abrir en un celular y tener interacción.

Nota: en iPhone no hay mayor problema para navegar entre una página y otra, pero para Android si se quiere navegar de pagina en página deslizando hacia los costados hay que descargar Adobe Acrobat Reader de la play store de google, instalar y activar la opción Página a Página del menú superior. 

Listo, ya tienes tu catálogo en PDF interactivo para el celular.