Archivo de la etiqueta: Diseño

Cómo hacer textos con fotografías en su interior. Tutorial de Photoshop

Photoshop es un software muy complejo y existen grandes genios que lo dominan a la perfección. Después estamos aquellos que hacemos lo que podemos y que disfrutamos de algunos recursos sencillos pero muy resultones, como el que explico a continuación.

A continuación vamos a explicar cómo realizar un diseño, que consiste en rellenar diferentes tipografías con fotografías o ilustraciones, como se muestra en la fotografía siguiente.

introspección

ARTE FINAL

  1. En primer lugar debemos abrir la imagen con la que queremos rellenar el texto
  2. recurso 1A continuación, en el menú Edición, clicamos en Definir Motivo recurso 2 - definir motivo
  3. Posteriormente, elegimos un nombre para nuestro motivo, en este caso Bosque
  4. recurso 3 - nombre motivoDespués abrimos un documento nuevo en blanco y escribimos el texto que queremos rellenar, en este caso Mundo Interior, y lo seleccionamos con la herramienta de varita mágica
  5. recurso 4 - seleccionar textoUna vez tenemos el texto seleccionado, nos dirigimos al menú Capa y clicamos en Nueva Capa de Relleno y posteriormente elegimos Motivo…
  6. recurso 5 - rellenarNos aparecerá un menú en el que podemos elegir el nombre del relleno, si queremos utilizar la capa anterior (texto) para realizar la máscara de recorte, el color, el modo y la opacidad. Podemos jugar con estos parámetros pero en este caso no lo vamos a hacer, tan sólo debemos clicar OK
  7. recurso 6 - nombre rellenoNos aparecerá un segundo menú en el que, por defecto, nos aparece el motivo que hemos definido anteriormente (bosque) pero también todos los que vayamos haciendo. También podemos jugar con la escala de este relleno, enlazar con la capa o ajustar al origen, en este caso también nos limitamos a clicar OK.
  8. recurso 7 - escalarellenoYa tenemos nuestro texto relleno con la fotografía.
  9. recurso 8 - letras con fotoA continuación, nos dirigimos al menú de Capas (abajo a la derecha) y seleccionamos la capa anterior de texto y esta nueva de relleno y clicamos en Convertir en Objeto Inteligente.
  10. recurso 9 - objeto inteligenteAhora ya podemos copiar y pegar nuestro texto relleno y jugar con diferentes diseños, fotografías y textos, maquetando como nos guste el arte final

recurso 10 - arte final

Espero que este post os guste y os sea de ayuda ;) !

Anuncios

Postfotografía – “From Here On” en el ArtsSantaMónica

El sábado tuve el placer de visitar la exposición de Post-fotografía “De ahora en adelante” instalada en el Arts Santa Mónica de Barcelona.

Los autores de esta exposición han realizadoun un Manifesto, que empieza así: “HOY TODOS EDITAMOS IMÁGENES. RECICLAMOS, CORTAMOS Y PEGAMOS, REMEZCLAMOS, LAS SUBIMOS Y BAJAMOS. ES ASÍ COMO HACEMOS QUE LAS IMÁGENES TENGAN SENTIDO. LO ÚNICO QUE NECESITAMOS ES UN OJO, UN CEREBRO, UNA CÁMARA, UN TELÉFONO, UN PORTÁTIL, UN ESCÁNER. UN CRITERIO…

Esta exposición encuentra su razón de ser en la revolución que sufrido el mundo de la fotografía a causa del paso de la imagen analógica a la digital, la era y expansión de Internet y de la telefonía móvil que lo han transformado totalmente. El potencial tecnológico tiene unas consecuencias creativas muy fuertes que afectan tanto al proceso de creación, como al de la autoría y obra original, la distribución y la circulación de las imágenes.

La exposición acoge el fenómeno de la Postfotografía en toda su complejidad y diversidad lo que resulta como una exposición heterogénea y con una mezcla muy curiosa.

Como amante de las nuevas tecnologías, gran consumidora de redes sociales y telefonía móvil y apasionada de la fotografía debo decir que la exposición me encantó. Aún así debo decir que muchas de las muestras merecen el título de  “obras”, pero otras, no son más que un reflejo de este acontecimiento y cambio en el que todos estamos envueltos, pero me resultaron vacías o sin sentido, aunque la mayoría de veces me arrancaron una sonrisa.

Aquí dejo algunas de las obras que llamaron más mi atención.

EXPO 1Compendio de fotografías de kim jong-il observando objetos y lugares

expo 8Obra de Aram Bartholl. Instalación de marcadores de GoogleMaps en el mundo real

expo 7Fotografías de diferentes espejos, en los que nunca nos veremos reflejados

expo 4Obras realizadas con correo Spam que la mayoría de nosotros eliminamos. James Howard

expo 3Orden y simetría con objetos urbanos de gran envergadura. Jenny Odell

Existen muchas otras obras y algunas muy impactantes, pero para eso deberéis acercaros a la exposición. Vale mucho la pena.

Hacer un banner de forma muy sencilla

Una de las primeras ocasiones en las que pensé…¡Muy bien, no tengo ni idea de cómo se hace eso! fue cuando me pidieron un banner. En un primer momento pensé en Flash y cómo no lo he utilizado nunca decidí encontrar otros caminos. Así es como encontré el portal Picasion, una  web muy sencilla que te permite, tras añadir tus archivos (en jpg. o .psd o incluso .png) elegir la medida y la velocidad del banner y unos segundos más tarde te muestra tu banner acabado.

Pantalla principal de Picasion (añadir archivos)

Picasion ejemplo wordpress 2

Pantalla con el banner finalizado

Además, en esta segunda pantalla en la que se nos muestra nuestro banner acabado se nos ofrecen diversas opciones.

  • Link to this page – Link de la web de creación de nuestro banner
  • Direct Link – Link directo del banner
  • HTML code for blog / website – Código HTML para colocar el banner en un blog o website (tal y como a continuación en este post)
  • BBCode for forum/board –  Link para colocar nuestro banner en foros o e-mails
  • Delete this animation – Borrar nuestro banner
  • Save this animation to your computer – Guardar el banner en nuestro ordenador en formato .gif

Banner acabado con ilustraciones del artista Dran

Picasion, además de ofrecer una plataforma muy rápida, crea estos banner en bastante buena calidad y con un tamaño no muy extenso, lo que nos permite colgar los banners en infinidad de portales.