miércoles, 13 de agosto de 2014

Tip5 Photoshop:   “querer es poder”


El curso de Multimedia I está casi llegando a su final y aunque no me solicitaron publicar esto, sentí la necesidad de plantear una nueva reflexión:   “querer es poder”.  No me lo estoy inventando, lo he comprobado.  Hubo un momento en que sentí que Photoshop era mucho más grande que yo, similar a un elefante intimidante que no quería ser mi amigo.  Hoy, aunque me hace falta descubrir muchas más herramientas en este programa, finalmente me siento parada y con buen equilibrio en él.    

Como ya escribí, el final de Multimedia I se acerca, pero la buena noticia es que la semilla sembrada seguirá germinando con el aprendizaje obtenido.  Más adelante estoy segura que no solo tendré equilibrio sobre el elefante, sino que podré caminar sin caer.  Una vez, esté dentro la motivación y voluntad para querer, todo será posible. 

Este tutorial no está dotado de gran cantidad de herramientas y la forma de usarlas.  Pero sí tiene tips que te apoyarán a comunicar lo más apegado a la realidad, utilizando photoshop como un medio interesante para hacerlo.

No quiero terminar este post sin comentar, que todo queda sujeto a mejora, todo se mueve, todo cambia.  Podrán haber muchas más versiones nuevas de photoshop, pero si sabemos la esencia, seguramente podremos manejarlas sin problema.  De todas formas, photoshop no sirve para comunicar, tan solo es un medio para darle forma a las ideas concebidas que se quieran comunicar, las cuales entre más apegadas a la realidad y en paralelo, sean socialmente aceptadas, dejarán de ser ideas y se convertirán en comunicación efectiva.

¿Quieres más tips y herramientas?  No dejes de estar pendiente, a la medida que siga descubriendo, estaré compartiéndolas :D  

viernes, 8 de agosto de 2014

Banner photoshop: antes & después

Tip4 Photoshop:   ¡la caja de herramientas no es la finalidad, sigue siendo solo un medio!


He aprendido que saber photoshop no es suficiente para hacer un diseño que comunique eficazmente la realidad de lo que se desea transmitir.  Antes de abrir la caja de utilería, es necesario conceptualizar lo que se quiere comunicar y luego estructurar un layout.  

Este layout sirve para estructurar y definir los diferentes elementos en un diseño, como el encabezado, imágenes, logotipos y textos según su tamaño y posición estratégica dentro del mismo.  En otras palabras, el layout es la definición gráfica del concepto que se quiere comunicar a través de un diseño.
  
Una vez construido dicho layout, se utilizan todas las herramientas necesarias y disponibles en photoshop, en el área de trabajo, para darle color, forma y sentido a todas las piezas que se utilicen.
  
Para ejemplificar lo que describo anteriormente, te presento dos banners, el que tiene fondo verde fue diseñado en clase, con un tiempo límite de 20 minutos.   Mediante las instrucciones se nos entregaron ciertas imágenes como ingredientes del diseño; además de otras indicaciones sobre la marca, etc.
  
El segundo diseño, con fondo naranja, es mi versión mejorada. Pude hacerla con un poco más de calma, trabajé en orden iniciando por un layout en el cual di lugar a cada componente, luego me fui al campo de batalla en photoshop para darle vida a cada uno de los componentes.  Y fue así, como pude generar un diseño que me dejó mucho más satisfecha que el primero.  

Las herramientas básicas que utilicé para hacer estos diseños, fueron las ya aprendidas en mis publicaciones anteriores, por ejemplo, insertar imágenes, rasterizar capas, recortar, agregar rectángulos de color y utilería de texto.  Sin embargo, la clave no está en estas, sino en ordenar antes que nada, los pensamientos acorde a lo que se desea comunicar. Una vez ordenados, se aterriza el concepto el cual toma vida a través de las herramientas.

¡En otras palabras, la caja de herramientas no es la finalidad, es solo uno de tantos medios!

miércoles, 25 de junio de 2014

Photoshop: Degradación de colores y efectos en capas de imágenes

Tip3 Photoshop:   CURIOSIDAD



Para calentar motores, antes de iniciar con la lección de esta semana, te comparto la siguiente analogía: cuando comencé a trabajar con Photoshop, sentí como que luchaba contra un elefante intimidante, que no cedía ni un solo centímetro para simpatizar. Conforme han pasado los días, luego que la curiosidad se hiciera más grande que el miedo de experimentar, he logrado que la criatura se deje tocar y explorar.   Ya no siento su piel tan áspera, ahora es mucho más suave.  Ya no me siento tan pequeña, ante su tamaño.  ¡Confío que, si persisto en la lucha, podamos ser amigos algún día! J
   
Bien, entremos en materia, la lección para la presente semana se centra en la degradación de colores combinados para hacer los fondos de las imágenes más atractivos; de tal forma, que en conjunto con los demás elementos sobre este, formen una imagen agradable a nuestra vista.    Antes de explicarte las herramientas que utilicé, observa la quiniela a continuación.    Como verás, el fondo verde no es un color puro ya que está degradado en conjunto con otro verde de diferente tono.  Seleccioné el tipo de degradación “radial”, debido a que en esta imagen, el fondo simula un estadio, que por lo general se representan con forma de círculo.

Al degradar dos colores combinados, un consejo importante que recibí de mi tutor, es buscar los tonos menos polares, es decir, entre más parecidos sean, los pixeles unificados se verán más reales.   Al diseñar, es importante siempre apegarse a la realidad, esto te asegurará que sea aceptado por la audiencia que lo visualice.

Resumen de herramientas:

A.  Degradado

1. Antes que nada, debes establecer el color frontal y de fondo que deseas combinar en el degradado.  Esto puedes hacerlo utilizando la herramienta de color frontal.

2.  Ubica la herramienta de "estilo de capa" en la esquina inferior derecha del panel de herramientas.  Te desplegará un nuevo menú, en el que tienes que seleccionar la opción de "superposición de degradado".  A continuación te generará una ventana en la cual podrás escoger el color, tipo y darle configuración a tu formato.  

B.  Insertar y modificar imágenes

3.  Para insertar una imagen, puedes arrastrarla con un click sostenido desde la carpeta donde la tengas almacenada y soltarla en tu área de trabajo.  Es importante que valides la inserción para que te deje continuar.  Esto puedes hacerlo presionando "enter" o bien, aceptando la figura del cheque en la parte superior derecha.

4.  Antes de hacerle cualquier cambio a una imagen, recuerda que debes rasterizarla, en el menú de capa.

5.  Para quitarle un fondo a una imagen, Photoshop te permite varias herramientas de corte, como la varita mágica, el lápiz, la pluma, lazo poligonal, lazo magnético, etc.  No puedo sugerirte cuál es la mejor para utilizar.  Eso debes experimentarlo tú mismo y dependerá de qué tan buena resolución tenga tu imagen y qué tan complicada es su forma.  En el caso de la quiniela, utilicé la varita mágica para recortar el fondo cuadrado blanco que traía la mascota.

6.  Para cambiarle ponerle efectos de color a la imagen, utilicé todos los estilos que se desplegan en el menú de capas, sobre el panel derecho, en donde dice "normal".  Al finalizar incluyo una imagen donde señalizo todas estas herramientas para que puedas ubicarlas fácilmente.

7.  Con la herramienta del borrador, fui eliminando algunas partes que no quería de la imagen con la bola en la red.  

8.  Para hacer las banderas, inserté un primer rectángulo de color.  Una vez ajustado el tamaño, la dupliqué arrastrando la capa hacia la figura de una hojita en la parte inferior derecha.  Una vez duplicadas, ajusté el color de cada rectángulo y formé las banderas.

C.  Ordenar y limpiar el área de trabajo

9.  Cuando ya tienes varias capas en tu diseño, verás cómo es de difícil identificarlas y desplegarte a través de ellas.  Por consiguiente, la sugerencia es agruparlas según su criterio y uso.  Para hacerlo, solo debes marcar en conjunto todas las capas que irán en una misma carpeta.  Luego en el menú de capa, buscas la opción de "agrupar".  O bien, un atajo para hacerlo, es hacer click sobre el fólder en la parte inferior derecha.  Esto te genera un nuevo grupo para arrastrar a él todas las capas que desees.

Finalmente, hice un recorte con la ubicación de todas las herramientas utilizadas, así puedes ubicarlas fácilmente.  Espero que esta información te sea útil.

¡Nos vemos pronto!

viernes, 20 de junio de 2014

Gol de Italia mundial Brasil 2014

Si las mujeres juegan fut, 

¿por qué no también narrarlos?


¡Qué divertido!  Esta vez con una nueva hazaña de multimedia, narrando el primer gol del partido entre Italia e Inglaterra realizado el pasado 14 de junio, mundial Brasil 2014. 

Hasta el momento solo he escuchado a hombres narrando partidos de fut, así que como mujer le entré al debut para producir otro material de audio.  ¿Crees que es fácil? ¿Lo has hecho alguna vez?  Pues según mi opinión, ¡no lo es, a menos que tengas experiencia y práctica!  Caí en la cuenta y reconfirmé que cada ser humano es experto en lo que hace día con día y merece respeto, pues aunque hasta ahora para mí, el hecho de escuchar un partido era algo sin importancia, hoy ratifiqué que lo que hacen los narradores no es nada sencillo, principalmente por la rapidez con que surgen los eventos en el gran campo. 

Si bien es cierto, que aunque no estuve físicamente en la sede del mundial, me lo he disfrutado muchísimo desde Guatemala, experimentando con todas estas nuevas cosas.    Así que no te quedes sin experimentarlo por ti mismo, vive y siente cada partido del mundial, son cada 4 largos años.  Intenta narrar un pedazo de tu partido favorito, verás qué rico se siente gritar un merecido “gooooool” luego del gran esfuerzo en la cancha, no importa si se te salen algunos “gallos” como decimos en Guatemala, lo importante es hacer vibrar tu garganta con tremenda emoción.  ¿Qué tal el golazo que metió Costa Rica contra Italia en el partido de hoy?

miércoles, 18 de junio de 2014

Los colores y formas también comunican...

Tip2 Photoshop:   un texto sin color y forma solo es un montón de letras... 

En la última clase de Multimedia I, aprendí que cuando se diseña, más que aprender a utilizar determinado programa y las múltiples herramientas en él, es importante determinar qué es lo que se quiere comunicar y luego plasmarlo, no solo con los textos, sino también con las formas y colores.   De hecho, reflexioné que una imagen puede llegar a comunicar más que las propias palabras.


Entonces, el post de la semana se trata de jugar con los textos, las formas y los colores.  Aprovechando que me encanta bailar y experimentar movimientos con el ritmo de la música, escogí algunas pics relacionadas con el baile de las diferentes culturas, en los cinco continentes de nuestro planeta.  Jugué con los colores, tipografía y formas para los nombres en los textos de cada continente.  Para hacerlo, utilicé photoshop, con la herramienta de "texto".  Revísalo, a ver qué te parece.

Trabajar textos en photoshop quizás no sea lo más apropiado.  Hay otros programas para hacerlo.  Sin embargo, si te toca hacerlo, usar la herramienta es tan sencillo como al utilizar cualquier procesador de palabras.  En este caso, ubica la "T" en el cajetín de herramientas y podrás escribir el texto que desees.  Puedes modificar el tamaño, color, forma, posición en las herramientas que salen en la parte superior de tu pantalla o bien en la parte lateral derecha de tu área de trabajo, siempre y cuando tengas activada la función.

                                                            





sábado, 14 de junio de 2014

Ejercicio de formas de colores y recortes en photoshop


Tip1 Photoshop:   el orden no altera el resultado

Hasta el momento, no se ha determinado cuál es la mejor herramienta por aprender cuando te inicias en Photoshop.  Este programa tiene tantas herramientas que lo más importante será contar con tiempo para ir descubriéndolas por ti mismo.

En la actualidad, existe infinidad de tutoriales en Youtube, mediante los cuales puedes volverte experto.  Sin embargo, brevemente quiero llevarte a la reflexión que el orden en que se aprendan las herramientas no alterará tu resultado.  Lo más importante es determinar qué es lo que necesitas como producto final.  Saber claramente qué es lo que necesitas, te permitirá definir los primeros pasos, por ejemplo, la resolución necesaria para tu diseño, si será para web o para una revista física, por ejemplo. 

Bien, como de cualquier manera, tenemos que comenzar, esta semana te dejo por aquí herramientas de corte y formas básicas.



La herramienta 1 sirve para cortar en forma de cuadrado.  Sin embargo, sostienes el click sobre la misma, verás que habrán otras formas para recortar. La herramienta 2 te sirve para recortar en forma libre, dependiendo lo que necesites hacer.  La herramienta 3 te sirve para dar color a tus formas.  La herramienta 4 es funcional para crear autoformas, como cuadrados, círculos, etc.  La herramienta 5 te sirve para predeterminar el color de la figura sin tener que estarlo cambiando posteriormente.   

Finalmente, te presento mi primera creación en photoshop.  Muy sencilla, pero para mí increíble estar ya navegando en esta herramienta.  Espero que la información te sea útil.

miércoles, 11 de junio de 2014

Discurso político "Violencia en Guatemala"

Cuando Sakis González nos habló en clase sobre producir contenidos multimedia, honestamente sentí temor. Sin embargo, para vivir la experiencia, teníamos que probarlo. Sé qué hay muchas cosas que mejorar, pues apenas iniciamos. ¡Pero lo importante, es que lo disfruté! Aprendí de esta asignación y nuevamente de mis socias y colegas de grupo, Jessy Ambrosio y Melanie Gramajo, con quienes nos complementamos y enriquecemos constantemente.

Para idear y producir este discurso político, utilizamos dos recursos: la acotación y pausas llevadas a la reflexión. Iniciamos haciendo una lista de las primeras 100 palabras que llegaron a nuestra mente al pensar en la "violencia". Compartimos e intercambiamos opiniones sobre el concepto de algunas que no manejamos con precisión y recurrimos al diccionario de la RAE para asegurarnos que fuera correcto.  

Una vez teniendo claras todas las palabras, las hilvanamos en ideas que convertimos en párrafos y fuimos orientando el hilo conductor del guion, en base a la problemática actual que Guatemala vive en el ámbito de la violencia y cómo a través del cambio individual, podemos lograr salir adelante. Para grabar el audio, solo dejé que las ideas organizadas previamente, fluyeran en mi sangre y se dejaran sentir a través de mi voz. Fue una tremenda experiencia.  

¡Escúchalo, no te lo pierdas! 
¡Empieza por cambiar tú mismo 
y juntos luchemos por una Guatemala sin violencia!



#YoProduzcoContenidoMultimedia  #AprendoConSakisGonzalez 

viernes, 6 de junio de 2014

El gato con botas

El gato con botas
#TeLoCuentoAloChapín

El gato con botas #TeLoCuentoAloChapín surge de una tarea en Multimedia 1, que consistió en la recreación del cuento con modismos guatemaltecos y con un final diferente.

La actividad fue sumamente divertida, pues aunque el producto final fue únicamente de audio, nos descubrimos una a otra, haciendo ademanes y gestos involuntarios, que nos permitieron sentir y vivir cada personaje.

Así que te comparto esta recreación chapina para que te diviertas.  ¡ Si te gustó, coméntalo !  ¡Guatemala es calidá!



Voces de los personales:
  • Narradora:  Jessy Ambrosio
  • Gato con botas:  Melanie Gramajo
  • Hijo menor de Tío Chema:  Melanie Gramajo
  • Patoja chula:  Anaité Álvarez
  • Alcalde municipal:  Anaité Álvarez

miércoles, 4 de junio de 2014

Cuento "La lámpara transportadora"

¿Que si la imaginación tiene límites..?
¡Estoy segura que no!  

La imaginación es ese gran mago interno que nos permite convertir todo lo imposible en posible. 

¡Chécate este cuento que nos inventamos con mi grupo en clase!  Fue totalmente improvisado y narrado sin tener una guía textual, más que solo un mapa conceptual del cuento.  Ahora ponle volumen, escúchalo e intenta planear tu propio viaje en esta lámpara transportadora.  ¡Ya lo intenté y funcionó, inténtalo tú y deja volar tu imaginación!


LA LÁMPARA TRANSPORTADORA
Agradecimientos:  A Pepito (personaje chapín de los chistes), Jessy Ambrosio (narradora) y Melanie Gramajo (ideas).

Smart Reporter - MAPA CONCEPTUAL CAP 1

Smart Reporter

Este es el nombre del e-book que llegó a mis manos a través del curso de Multimedia 1 que actualmente estoy  llevando.  El libro constituye una guía que permite entender cómo hacer “periodismo inteligente” (tal como lo llama su autor, Billy Quijada) para hacer eficiente el trabajo de un reportero, mediante el aprovechamiento de las tecnologías de comunicación de la actualidad, así como el uso de dispositivos y herramientas inteligentes. 

Me llamó mucho la atención, el hecho que aunque Billy escribió el libro basado en su propia profesión y experiencia, incluyó varios tópicos que no son propios del periodismo, como la importancia de la construcción de una marca personal, el cuidado de la reputación en el desempeño, la combinación de la teoría con la práctica, saber escuchar y el uso de herramientas tecnológicas que agilizan cualquier tarea en la actualidad.   Es interesante, pues aunque no sea una reportera, puedo aplicarlo en la vida real.  Léelo y comprobarás lo que escribo.  Puedes descargarlo aquí.

Además de la cautivante lectura, estoy aprendiendo a hacer mapas conceptuales.  Es una forma divertida y enriquecedora de ordenar todas las ideas y comprender coherentemente cualquier tema.   Para amarrar ambos conocimientos, presento por acá un mapa conceptual del primer capítulo del Smart Reporter.  Para hacerlo, utilicé Freemind, un programa de código abierto muy sencillo de utilizar.  Todas las ideas principales conforman los “nodos” que debes ir colocando en jerarquías para formar la estructura de los temas principales y secundarios.   Los colores de los nodos, fondos y tipos de letra se pueden modificar.  También es posible agregar imágenes e íconos para que el mapa sea más atractivo visualmente. 

Te invito a que hagas tu propio  mapa conceptual.  El inicio quizás no sea tan sencillo, pero una vez organices todas tus ideas, verás cómo es más fácil comprender, analizar, sintetizar y retener cualquier información.  La práctica constante te permitirá agilidad y rapidez para conceptualizar.

Si te atreves, te comparto algunos links que te serán útiles:



miércoles, 28 de mayo de 2014

miércoles, 21 de mayo de 2014

Tendencias de diseño 
En virtud que todo se mueve, el tiempo avanza y nada se queda estancado, todo cambia.  Inclusive la propia naturaleza nos muestra su dinamismo y evolución con nuevas especies de vida.  Ese todo cambiante tiene un diseño, que va evolucionando y adaptándose a las necesidades actuales.

En ese sentido de cambio, abordaré las tendencias 2014 para algunos tipos de diseño que llamaron mi atención.

Por ejemplo, en estos días, el diseño en la decoración de interiores se torna mucho más dinámico, combinando el estilo antiguo y moderno.  Lo interesante es notar que se permite la mezcla y juego entre ambos, en lugar de crear diseños independientes.  Lo que se busca es crear espacios eclécticos, que permitan jugar no solo con toques clásicos y modernos, sino que también con rasgos personales, tecnológicos, con la flexibilidad de romper reglas y paradigmas, generando ambientes cómodos y personalizados.

En cuanto al diseño de páginas web, luego que fuera sumamente importante contar con una versión móvil de estas, hoy en día están desapareciendo;  pues muchos están optando por diseñarlas adaptables a todo tipo de hardware, porque es más rentable y permite optimizar el mantenimiento y actualización de la misma.  Además, el diseño visual de la página web es ahora plano, sencillo, con tipografía más grande, sin tanto adorno y fácil de utilizar.
Por su parte, en cuanto a las tendencias del diseño gráfico para este período, las imágenes en relieve y con sobras son sustituidas por diseños planos, que aporten sobriedad. Además, destacarán las imágenes grandes sobre las pequeñas, porque captan la atención del ojo y permiten disminuir adornos.  En cuanto a la tipografía, se está utilizando la combinación de diferentes fuentes, para resaltar algunas palabras. Las infografías y dibujos a mano también son parte del diseño actual.

Las tendencias en el maquillaje no difieren mucho de las otras categorías.  El maquillaje natural está de moda, nada demasiado simple, pero tampoco muy cargado.  Inclusive, el diseño en la aplicación de color para las uñas también debe ser muy natural, nada sofisticado.

Algunas tendencias regresan, otras desaparecen.  Sin embargo, todo cambia en el intento de optimizar la funcionalidad de su razón de ser.  Para este 2014, todo parece querer ser más simple, sencillo, limpio, esto no significa que se dejen por un lado los tips para realizar diseños atractivos con toques de personales y de diferenciación. 

fuentes: