Mostrando entradas con la etiqueta diseño gráfico. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño gráfico. Mostrar todas las entradas

Crear reflejo de agua con Photoshop

Hace tiempo escribí cómo crear un efecto de reflejo normal con Photoshop. Hoy iremos un poco más allá dándole un pequeño efecto como si el reflejo estuviese en agua.

Para este ejemplo, utilizaré esta imagen.

Crear reflejo de agua con PhotoshopEn primer lugar, abrimos la imagen con Photoshop y duplicamos la capa original que contiene dicha imagen. Para ello, bastará con hacer clic con el botón derecho en el panel Capas sobre la capa que queremos duplicar y, del menú contextual que aparece, seleccionar la opción Duplicar capa.
A la nueva capa la llamaremos Reflejo.

Ahora vamos a voltear la capa que contiene la imagen que va a ser el reflejo. Para ello, teniendo seleccionada la capa Reflejo, accedemos a la opción del menú Edición -> Transformar -> Voltear vertical.

A continuación, ampliaremos el lienzo que contiene ambas imágenes. Esto lo conseguiremos pulsando en la opción del menú Imagen -> Tamaño del lienzo -> activamos la opción relativo, como punto de inicio hacemos clic en el del centro de la parte superior, escribimos 300 píxeles de alto la imagen y como color de extensión del lienzo seleccionamos el blanco.

Crear reflejo de agua con PhotoshopAl pulsar el botón OK de la ventana anterior, debemos comprobar que ha aparecido un espacio adicional en la parte inferior de la imagen.

Teniendo seleccionada la capa Reflejo, movemos la imagen a la parte inferior del lienzo ayudándonos para ello de la herramienta Mover.

Sin dejar de seleccionar la capa Reflejo, accedemos a la opción del menú Filtro -> Galería de filtros. En la parte derecha de la ventana que nos aparece, seleccionaremos el filtro para aplicar ese efecto de agua al reflejo. Esto lo podemos hacer con varios de los filtros que aparecen y que a continuación os cito: ondas marinas, salpicaduras o trazos con spray.

Podéis también jugar con los valores de cada filtro hasta que el efecto sea de vuestro agrado.

Una vez hayáis terminado, pulsad el botón OK de la ventana de la galería de filtros para poder visualizar el resultado final.
Crear reflejo de agua con Photoshop

Crear efecto fantasma con Photoshop

En esta entrada nueva os enseñaré cómo crear un efecto fantasma sobre nuestras fotos.

Para este ejemplo, utilizaremos esta imagen.

Crear efecto fantasma con PhotoshopEn primer lugar, abrimos la imagen en Photoshop y duplicamos la capa original. La nueva capa se llamará img desaturada. Además, ocultamos la capa original pulsando el icono de ojo que tiene dicha capa a la izquierda del nombre de la misma en el panel capas.

Teniendo seleccionada la capa img desaturada, accedemos a la opción del menú Imagen -> Ajustes -> Desaturar. Con esto eliminaremos el color de la imagen.

Duplicamos la capa img desaturada. La nueva capa se llamará efectos nuevos.

A continuación, vamos a aplicar un efecto borroso a la imagen. Para ello, pulsamos en el menú Filtro -> Desenfocar -> Desenfoque de movimiento -> establecemos los valores ángulo 0º y distancia 30.

Crear efecto fantasma con PhotoshopAñadimos una máscara de capa y con el pincel, con una opacidad del 10%, repasamos la zona de los ojos, nariz y boca.

Pulsamos con el botón derecho sobre el nombre de la capa en el panel Capas y seleccionamos la opción Combinar visibles para unir todas las capas que se encuentren en ese momento visibles, que serán todas las que tenemos menos la original que ocultamos al principio de este ejemplo.

Accedemos de nuevo al menú Filtro, pero en esta ocasión seleccionamos el filtro Resplandor difuso que podemos encontrar dentro de la categoría Distorsionar.
Podéis jugar con los posibles valores. Para este ejemplo he utilizado granulado 2, cantidad de resplandor 2 y cantidad de claridad 17.

Crear efecto fantasma con PhotoshopPara terminar, agregamos una nueva capa con color uniforme en verde (#2dc457). Cambiamos la opacidad de esta capa al valor 10% y seleccionamos como modo de fusión la opción color.

Combinamos de nuevo las capas visibles y el resultado final debería ser el siguiente.

Crear efecto fantasma con Photoshop

Crear efecto foto polaroid con Photoshop

Siguiendo con el tema de Photoshop, hoy realizaremos el efecto polaroid sobre una de nuestras fotos.

En primer lugar, abrimos la imagen sobre la que queramos realizar ese efecto. Para este ejemplo, utilizaré esta foto:

Crear efecto foto polaroid con PhotoshopUna vez abierta la foto con Photoshop, crearemos el marco que simulará la foto polaroid. Para ello, accedemos al menú Imagen -> Tamaño del lienzo -> activamos la casilla Relativo -> como punto de origen (ancla) seleccionamos el central y ampliamos 50 píxeles tanto de alto como de ancho.
Como color de extensión del lienzo seleccionaremos el blanco o el color que queramos dar a la foto.

Crear efecto foto polaroid con PhotoshopA continuación, ampliaremos un poco más la zona inferior del marco que acabamos de realizar. Para ello, accedemos de nuevo al menú Imagen -> Tamaño del lienzo -> comprobamos que la casilla Relativo esté activada, como ancla seleccionamos el central de la primera fila y ampliamos otros 50 píxeles pero en este caso solo de altura.

Crear efecto foto polaroid con PhotoshopHecho esto, desbloqueamos la capa Fondo que tenemos en la imagen haciendo doble clic sobre el candado que tiene la capa en el panel Capas y aceptando la ventana que aparece. Con esto la capa pasará a llamarse Capa 0 si no la cambiamos el nombre en dicha ventana.

Creamos una nueva capa que se llame Fondo gris y que esté situada debajo de la Capa 0.

Accedemos de nuevo a la opción Imagen -> Tamaño del lienzo -> casilla Relativo activada -> punto de origen (ancla) seleccionamos el central y ampliamos 100 píxeles tanto de alto como de ancho.

A continuación, teniendo seleccionada la capa Fondo gris, la rellenamos de un color gris claro utilizando la herramienta Bote de pintura.

Utilizando la herramienta Texto, escribiremos en la parte inferior el título de la foto, texto descriptivo, fecha de realización, etc...

Crear efecto foto polaroid con PhotoshopAhora, aplicaremos unos efectos de relieve y sombra para que el realismo sea mayor.

Seleccionamos la Capa 0, pulsamos sobre el botón Añadir un estilo de capa del panel Capas y hacemos clic sobre el que pone Bisel y Relieve.
En la ventana que aparece, modificamos los siguientes valores:
  • Estilo: relieve
  • Tamaño: 5 px
  • Ángulo: 0º
  • Altitud: 90º
Para terminar, vamos a enlazar la Capa 0 y la del Texto que hemos escrito en la parte inferior. Para ello, seleccionamos, en el panel Capas, la Capa 0 y hacemos clic sobre la capa Texto con el botón izquierdo y manteniendo pulsada la tecla Control.
Comprobaremos que ambas capas han quedado seleccionadas. Para enlazarlas definitivamente, pulsaremos sobre una de ellas con el botón derecho (en el panel Capas) y seleccionaremos la opción Enlazar capas.
Con esto, ambas capas sufrirán las mismas modificaciones de tamaño, giros, etc...

Teniendo seleccionadas las capas anteriores, hacemos clic sobre la herramienta Mover, activamos la casilla Mostrar controles de transformación, giramos un poco la foto y la disminuimos de tamaño.

Ya solo nos falta aplicar una pequeña sombra a la foto. Para ello, teniendo seleccionada la capa Capa 0, hacemos clic sobre el botón Añadir un estilo de capa que aparece en la parte inferior del panel Capas y en esta ocasión hacemos clic sobre el efecto Sombra paralela.

En la ventana de configuración del efecto, modificamos los siguientes valores:
  • Ángulo: 40º
  • Distancia: 25 px
  • Extensión: 15%
  • Tamaño: 10 px
Cabe destacar que estos valores pueden ser modificados a vuestro gusto.

Hecho esto, el resultado final debería ser el siguiente.

Crear efecto foto polaroid con Photoshop

Convertir imagen en estatua con Photoshop

Esta nueva entrada del blog estará dedicada al diseño gráfico y, más concretamente, a convertir una foto que tengamos en estatua con Photoshop.

Para este ejemplo utilizaremos esta imagen de Zapatero.Convertir imagen en estatua con PhotoshopComenzaremos abriendo la imagen de Zapatero con Photoshop.

A continuación, vamos a eliminar el color de la imagen. Para ello, accedemos a la opción del menú Imagen -> Ajustes -> Desaturar.

Ahora, creamos una nueva capa que se llame Relleno.

Seleccionamos la herramienta Bote de pintura y seleccionamos como motivo el que pone Granito, que lo podréis encontrar dentro de la categoría Motivos de rocas.

Una vez seleccionado, lo aplicamos sobre la capa Relleno.

Teniendo seleccionada la capa Relleno, elegimos como Modo de fusión el valor Multiplicar.

Ocultamos la capa Relleno temporalmente, y procedemos a eliminar los ojos de la imagen de Zapatero. Para ello, seleccionamso la herramienta Lazo, marcamos la zona de los ojos y, una vez seleccionado, pulsamos la tecla Suprimir quedando tal y como muestra la siguiente imagen.
Convertir imagen en estatua con Photoshop A continuación, seleccionamos la herramienta Tampón de clonar y, cogiendo como origen la zona de las mejillas, rellenamos el hueco de los ojos.
Convertir imagen en estatua con Photoshop Con la herramienta Varita mágica, seleccionamos la zona blanca que hay alrededor de la imagen, mostramos la capa Relleno y, teniendo seleccionada esta última, pulsamos la tecla Suprimir.
Con esto, tendremos la capa Relleno sólo con la silueta de la imagen.
Convertir imagen en estatua con PhotoshopOcultamos de nuevo la capa Relleno, y ahora lo que haremos será aclarar las zonas oscuras de la imagen en la capa original. Para ello, utilizaremos la herramienta Sobreexponer sobre la zona de la chaqueta, corbata y pelo.
Convertir imagen en estatua con PhotoshopYa para terminar, teniendo seleccionada la capa original de la imagen pulsaremos en la opción del menú Filtro -> Desenfocar -> Desenfoque suavizado, aceptando los valores por defecto. Con esto eliminaremos algo de nitidez de la imagen. Este efecto lo aplicaremos un par de veces.

Una vez que veamos que la imagen tiene cierto desenfoque, mostraremos la capa Relleno y podremos comprobar el resultado final.

Si queremos también podemos aclarar un poco la capa Relleno con la herramienta Sobreexponer. Convertir imagen en estatua con Photoshop También podéis utilizar otras texturas que vengan incorporadas a Photoshop o que sean imágenes que podéis descargar desde Internet.
La forma de realizarlo sería de la misma forma y, si la textura es en color, tendríais que desaturarla también.

Convertir negativo en imagen con Photoshop

Para convertir una imagen que tenemos en negativo en una imagen con sus colores originales podemos realizarlo con la mayoría de los programas de retoque fotográfico, pero en este caso os lo explicaré utilizando Photoshop.

Supongamos que tenemos esta imagen

convertir negativo en imagen con Photoshopy queremos visualizarla con sus colores originales.

Bien, pues abrimos la imagen en Photoshop y accedemos a la opción del menú Imagen -> Ajustes -> Invertir o simplemente pulsamos la combinación de tecla Control + I.

Con esta simple acción, habremos convertido el negativo en la imagen original.

convertir negativo en imagen con Photoshop

Crear reflejo con Photoshop

Como os dije ayer, hoy aprenderemos a crear un reflejo en una imagen con Photoshop.

Para empezar abriremos la imagen con Photoshop. Para desarrollar este ejemplo, cogeremos la imagen de un logotipo de Ford.

Una vez abierta, duplicaremos la única capa que contiene dicha imagen. Para ello, pulsamos, en el panel de Capas, con el botón derecho sobre dicha capa y seleccionamos la opción Duplicar capa.

Para poder diferenciar mejor las capas, escribiremos como nombre para esta nueva capa el texto Reflejo.

A continuación, seleccionamos la capa Reflejo y accedemos al menú Edición -> Transformar -> Voltear vertical.

Ajustamos, mediante la herramienta Mover, la posición donde deseamos que aparezca el reflejo.
Para terminar y crear definitivamente el reflejo, teniendo seleccionada la capa Reflejo, pulsamos el botón Añadir máscara de capa que tenemos en el panel Capas.

crear reflejo con photoshop
Seleccionamos la herramienta Degradado y arrastramos de arriba hacia abajo sobre la imagen del logotipo que va a ser el reflejo.

El resultado final debería tener un aspecto similar al que muestra la siguiente imagen.
crear reflejo con photoshop
Si en vez de querer reflejar una imagen quisiésemos reflejar un texto, la forma de hacerlo sería la misma.

Crear reflejo de imagen

Navegando por internet, he encontrado una página en la cual subiendo una imagen podéis generar su reflejo automáticamente sin necesidad de tener conocimientos de Photoshop o cualquier otro programa de retoque fotográfico.

La página que os permite realizar este reflejo es reflectionmaker.com

A continuación os enseñaré los pasos que debéis seguir, aunque son bastante sencillos.

En primer lugar, accedemos a la página citada anteriormente y nos encontramos con la siguiente pantalla.
crear reflejo de imagenComo podemos ver, tenemos dos posibilidades para indicar la imagen en la cual queremos generar el reflejo. Podemos indicar la dirección URL en el caso de que la imagen esté alojada en un servidor de imágenes de internet (imageurl), o bien seleccionarla de nuestro propio ordenador (imagefilename).
Cabe destacar que la imagen no puede superar los 200 Kb de tamaño.

Una vez hayamos seleccionado la imagen de cualquiera de las formas descritas anteriormente, tendremos la posibilidad de seleccionar el tamaño del reflejo (reflectionsize) y el color de fondo de la imagen que vamos a generar (backgroundcolor).

Para terminar, solo hace falta pulsar el botón Generate, que aparece justo debajo de las opciones que acabamos de ver.

Una vez generada la imagen con el reflejo, para guardarla en nuestro ordenador pulsaremos el botón Download.

Mañana os enseñaré como crear este reflejo con Photoshop, puesto que esta página tiene limitado que el tamaño de la imagen sea igual o inferior a 200 Kb.

Crear caricaturas con Photoshop

Esta nueva entrada del blog la dedicaré al diseño gráfico concretamente a aprender a realizar caricaturas con photoshop a partir de fotos.

En primer lugar, abrimos la foto en Photoshop, accedemos a la opción del menú Filtro -> Ruido -> Polvo y rascaduras y establecemos los valores radio = 5 y umbral = 4. Con esto tendremos una imagen como si estuviera pintada, desapareciendo lo real de la fotografía.

A continuación, accedemos a la opción Filtro -> Licuar que es la que nos va a permitir desarrollar nuestra caricatura.

Al acceder a esta opción, a la izquierda de la ventana nos encontraremos con la siguiente barra de herramientas cuyos botones os detallo a continuación.

crear caricaturas con photoshopEl significado de las primeras herramientas que se muestran en la ventana de este filtro, son evidentes. A continuación describiremos algunas de las más interesantes:

La herramienta Reconstruir nos sirve para restaurar partes de la imagen en las que hemos realizado alguna modificación previamente.

La herramienta Congelar máscara la utilizaremos cuando queramos proteger una parte de la imagen de las modificaciones que vayamos a realizar. Al aplicar cualquier herramienta sobre una zona de la imagen que tiene aplicada esta herramienta, ésta no se verá afectada.

La herramienta Descongelar máscara la utilizaremos para quitar la zona de la imagen en la que anteriormente aplicamos la herramienta Congelar máscara que hemos visto anteriormente.

Las primeras caricaturas que hagamos nos servirán para ir conociendo más a fondo todas las posibilidades que nos ofrecen estas herramientas.

Una vez tengamos la imagen con el aspecto deseado, pulsaremos el botón Aceptar de la ventana del filtro Licuar para volver a la ventana de Photoshop.

Para terminar nuestra caricatura, seleccionaremos la herramienta Dedo y repasaremos los bordes de la imagen consiguiendo con esto cierta pérdida de nitidez.

Aqui os dejo algunas caricaturas con su imagen original.

crear caricaturas con photoshop
crear caricaturas con photoshop

Nube de palabras con Wordle

Hoy os voy a explicar cómo realizar una nube de palabras con Wordle, una de las páginas que ofrecen esta posibilidad. Este tipo de imágenes se suelen utilizar bien para diseño gráfico o incluso en diseño web por ejemplo para crear alguna página de entrada.

Nube de palabras con Wordle

Lo primero que tendremos que hacer, como es normal, será acceder a la página Wordle.net

Fotomontaje con Photoshop

Esta nueva entrada del blog la dedicaré al diseño gráfico. Para los que seáis aficionados a este campo de la informática siempre se os habrá ocurrido cómo hacen para poner la cara de una foto en otro cuerpo sin que apenas se note.

Fotomontaje con Photoshop

Crear texto circular en Photoshop

¿Cómo crear texto con forma circular o cualquier otra forma en Photoshop?

Muy fácil, en primer lugar creamos, por ejemplo, una imagen de 200 x 200 píxeles con el fondo en blanco.

crear texto circular con Photoshop

Grabar acciones en Photoshop

Trabajando con Photoshop, podemos necesitar realizar un conjunto de acciones a menudo. Para no tener que estar repitiendo esas acciones continuamente, existen las acciones en Photoshop.

grabar acciones en photoshop - imagen principal del post

Generador de logos y botones

Esta nueva entrada del blog está dedicada a la creación de logos y botones por medio de unos pasos muy sencillos sin necesidad de tener programas ni conocimientos de diseño gráfico.

generador de logos y botones

Convertir foto a dibujo con Photoshop

En alguna ocasión queremos retocar nuestras imágenes dándoles un toque de dibujo o cómic. Esto lo podremos hacer mediante plugins que se venden o bien manualmente.

convertir foto a dibujo con Photoshop - resultado final

A continuación os dejo los pasos necesarios para convertir nuestras fotos a dibujo utilizando Photoshop: