Photoshop: ¡Efectos Geniales que Debes Aprender! | Parte 2



Hola amig@s, como una segunda parte de mi anterior post, hoy les comparto 5 nuevos tutoriales para realizar en Photoshop, ojala les gusten...
¡Importante! Los archivos .PSD están alojados en Deviantart y son archivos propios por lo cual son legales.

EFECTO EXPLOSIÓN CUBICA.


Paso 1
Buscamos alguna imagen para crear el efecto, preferiblemente un rostro con la mayor resolución posible.


Vamos duplicar la capa hasta tener 3 capas del rostro, lo podemos hacer seleccionando la capa y pulsar CTRL+J
Luego seleccionamos la ultima capa de arriba.


Paso 2
Con esa capa seleccionada, vamos a ir a Filtro > Estilizar > Extrusión


Ahora, debemos colocar los mismos valores como están en la imagen, tal cual.


Aplicado el filtro, nos queda algo así:


Paso 3
Con la misma capa seleccionada, vamos a dar clic en Crear Mascara de Capa


Ahora seleccionan la Herramienta Pincel, y escogemos un pincel de un tamaño mas o menos grande (200px o mas) y que sea difuminado muy importante.


Vamos a pasar el pincel abarcando los ojos, nariz, boca, mas o menos como en la imagen de abajo. Con esto lo que hacemos es "borrar" los cubos que están en esa zona. Que les quede algo así:


Paso 4
Terminado el tercer paso, Vamos a seleccionar la segunda capa de la chica.


Y nos vamos nuevamente a Filtro > Estilizar > Extrusión, pero esta vez agregamos los siguientes valores.


La idea es disminuir la profundidad de los cubos que estaban en la cara para que la imagen no se viera muy distorsionada, pero conservando el efecto. Nos queda algo así:


Paso 5
Por ultimo, pero opcional, vamos a seleccionar la primera capa, y damos clic en el botón de Crear Capa de Relleno, y damos clic en Degradado.




Escojan o creen algún degradado que combine con la imagen, y le dan en Ok.


Hacemos que la capa sea de Luz Suave y listo!


¡Resultado!





EFECTO ONDAS.


Paso 1
Ya con una imagen para trabajar, vamos a separar el fondo usando la Herramienta Lazo Magnético, y seleccionan el contorno.
Si no saben hacerlo pasen por mi post Photoshop: ¡Tutoriales y Consejos que te van a servir! Donde lo explico a detalle.



Hacemos clic derecho sobre la selección, damos clic en Perfeccionar Borde y colocamos los mismos valores que en la imagen.


Con la nueva capa creada, podemos ocultar la del fondo, y en el medio de las dos creamos una nueva capa de color negro.




Paso 2
Debemos crear las ondas, para eso creamos un nuevo archivo con las siguientes medidas:


Tendríamos un fondo blanco de 5x5, ahora, con la Herramienta Lapiz, de tamaño de 1px, hacemos una linea vertical en el centro del documento.


Vamos a Edición > Definir motivo... y le damos un nombre cualquiera y damos en Ok.




Paso 3
Creamos un documento de 1000x1000 de color blanco.


Hacemos que el fondo se transforme en una capa, haciendo doble clic y luego en Ok, y luego hacemos clic derecho en Opciones de función para darle una Superposición de Motivo donde aplicamos el motivo de las ondas que recien creamos.
Háganlo como en los gifs:




Clic derecho sobre la capa, y damos clic en Rasterizar estilo de capa


Paso 4
Vamos a darle movimiento a las ondas, para eso vamos a Filtro > Distorsionar > Molinete y en Angulo lo colocamos de 53.




Seleccionamos todo el documento con Ctrl + A luego hacemos clic en Edición > Definir valor del pincel... y le asignamos un nombre.




Paso 5
Apliquemos el nuevo pincel a nuestra imagen original, para eso volvemos al documento de la chica, y seleccionamos la mascara de capa que habíamos hecho, seleccionamos el pincel creado, y aplicamos el pincel.






Nos quedaría así:


Paso 6
Seleccionamos la capa de la foto de la chica, NO LA MASCARA DE CAPA.


Vamos a Imagen > Ajustes >Desaturar para llevar la imagen a blanco y negro


Con esa misma capa seleccionada, hacemos clic en crear capa de relleno y en Color Uniforme
Y seleccionamos el color que se muestra en la imagen.





A esa capa de color uniforme la colocamos como Superponer




Paso 7
Para darle un mejor efecto, vamos quitarle un poco a las ondas, para eso seleccionamos la mascara de capa de la chica.


Vamos al panel de Pinceles, y buscamos los pinceles cuadrados, seleccionen el tamaño de acuerdo al tamaño de las ondas, el color debe ser Negro.


La idea es que quede como unas cintas sin finalizar, háganlo como en gif. Borren la cantidad que crean necesaria.


¡Resultado!





EFECTO PUZZLE.


Paso 1
Para lograr el efecto puzzle o rompecabezas, abrimos la imagen que queramos, y nos vamos a Filtro > Galería de filtros...




Paso 2
Necesitamos descargarla textura de puzzle, lo pueden hacer de la pagina principal de ADOBE
Descargan el archivo comprimido, y luego lo descomprimen donde quieran en alguna carpeta.


Ahora en Photoshop, en la galería de filtros, seleccionamos Texturizar


Y al lado del menú desplegable seleccionamos Cargar Textura


Es allí donde buscaremos en la carpeta del archivo comprimido, la carpeta Presets > Textures > y seleccionamos la que dice Puzzle.

Paso 3
En Escala y Relieve, ponen los valores que quieran, eso define la cantidad de rompecabezas y su profundidad, yo coloque 91 y 10.


Y ya tendríamos el efecto casi listo.


Paso 4
Con la Herramienta Lazo vamos hacer la selección de una pieza del rompecabezas.


Para que quede mas prolija la selección, hacemos clic derecho y luego en Perfeccionar borde... y colocamos los valores como en la imagen.




Después hacemos clic derecho en la selección y hacemos clic en Capa vía cortar para tener la pieza en una capa aparte.


Luego pulsamos Ctrl+T y rotamos un poco la pieza, háganlo a su gusto.



Paso 5
Por ultimo clic derecho en la capa de la pieza para ir a Opciones de funsión y agregamos los valores en Sombra paralela



Ya solo queda hacer el paso 4 y 5 en otras partes de la imagen para tener el resultado final.

¡Resultado!




EFECTO POSTER "HOPE OBAMA".

Un efecto bastante visto y con bastantes métodos de hacerlo, pero yo como de costumbre les explico una forma sencilla y con buenos resultados.

Paso 1
Para comenzar debemos crear lo que seria el diseño del poster, para facilitarles el trabajo a ustedes y también a mi 
en la descarga les dejo el .PSD ya con el poster diseñado.
Cuando la abran tendrán algo así:.


En el texto colocan la palabra que ustedes quieran, siempre y cuando tenga relación con el personaje que vamos a agregar 


Paso 2
Ya con el poster hecho, nos vamos a centrar en dar el efecto al personaje, en mi caso voy a usar una imagen de Gordon Freeman.
La imagen la abrimos en un documento aparte y no debe tener fondo, si no saben quitar el fondo de una imagen, pasen por mi post Photoshop: ¡Tutoriales y Consejos que te van a servir! Donde lo explico a detalle.
Si lo han hecho bien tendremos algo así:


En Imagen > Ajustes damos clic en Desaturar para llevar la imagen a blanco/negro.


Paso 3
Aplicamos una capa de ajuste de Niveles, no todos los niveles se van a ver como en la imagen de ejemplo, pero la idea es que la imagen quede con bastante contraste.
Principalmente que haya un negro solido en la cara del personaje. Que les quede mas o menos como en la imagen.



Aplicamos otra capa de ajuste pero esta vez de Posterizar con un Nivel de 5.



¡Ojo! Esta parte es importante, deben darse cuenta que en la cara les quede 5 colores como mínimo.
Si se fijan en la imagen de abajo solo hay 5 colores, el blanco puro, el gris, un gris mas oscuro, otro gris mas oscuro todavía y el negro solido.
Esto es importante para que el efecto les quede los mas fiel posible al original. Si necesitan subir los niveles lo hacen.


Paso 4
Seleccionan la capa de Posterizar, y con la herramienta Varita Mágica vamos a hacer la selección del color que le sigue al blanco puro, que seria el gris.
Guíense como en el gif, recuerden que para hacer varias selecciones deben tener pulsado la tecla shift




Ya con la selección hecha se van a Filtro > Galería de filtros... Bosquejar > Modelo de semitono, el tamaño de 1, el contraste de 0 y el tipo de motivo debe ser Linea



Ya tenemos el personaje con los efectos, ahora deben guardarlo como un .PNG


Paso 5
Ahora volvemos al documento donde esta el poster y colocamos el personaje recién guardado dentro de la plantilla. Debe estar por debajo del rectángulo negro.





Ya para finalizar agregamos una capa de ajuste de Mapa de degradado
Como soy buena gente también les dejare el degradado en la descarga, solo tienen que dar clic en Cargar.. buscan el degradado lo abren y luego solo lo seleccionan.




¡Resultado!




EFECTO DISPERSIÓN DE PARTÍCULAS.


Paso 1
Abrimos la imagen para editar, duplicamos la capa principal y tendriamos dos capas iguales.
Ahora a la capa principal (la primera de abajo hacia arriba) le vamos a quitar la figura de la chica, para eso con la Herramienta Lazo, trazamos un contorno alrededor de la chica.






Paso 2
Hacemos clic derecho sobre la selección, y damos clic en Rellenar.
Hacemos clic en Según el contenido y luego en Ok.




Lo que hicimos fue rellenar la selección con los colores del resto de la imagen, de esta manera tenemos una capa con solo el color de fondo.


Paso 3
Seleccionamos la capa que tiene a la chica y con la Herramienta Selección Rápida, seleccionamos todo la figura.


Clic derecho sobre la selección, y luego clic en Perfeccionar borde


Para que quede seleccionado el cabello de manera mas detallada, pasamos el cursor por esas zonas.
Fíjense como lo hago en el gif.


Terminado la perfección del borde, damos en Ok, luego sobre la selección hacemos clic derecho y después clic en Capa vía Copiar...
Ya tendríamos a la chica en una capa aparte y sin fondo, en este punto ya no necesitamos la capa de abajo, por eso la podemos ocultar.




Paso 4
Duplicamos la capa de la chica, para tener 2, ahora a la que se duplico, la seleccionamos y pulsamos Ctrl + T.
Ampliamos la imagen un poco hacia la derecha, háganlo mas o menos como en la imagen.






Con esa capa seleccionada, hacemos una mascara de capa, y luego con el Bote de Pintura de color negro, lo pintamos.




Hacemos lo mismo con la otra capa de la chica (La que no esta estirada) pero solamente creamos la mascara de capa.
Recuerden que la capa de la chica estirada, debe quedar por debajo de la chica sin estirar.


Paso 5
Aquí viene la parte importante de todo, vamos a seleccionar la mascara de capa de la chica sin estirar.
Usamos la herramienta Pincel y seleccionan el pincel que se ve en la imagen (Yo les dejare el pincel en la descarga) y debe ser de color negro.
Ahora con el pincel pintamos el borde derecho de la figura de la chica, fijense como en la imagen.


Notese que lo que hacemos es "borrar" la zona de la chica por donde pasamos el pincel.

Paso 6
Ahora vamos a hacer lo inverso, seleccionamos la mascara de capa de la chica que esta estirada, con el mismo pincel que usamos anteriormente pero lo giramos al lado opuesto y debe ser de color blanco.
Pintamos el borde derecho de la chica y veran que ya estamos dando el efecto de dispersion.
Hagan esto hasta que lo consideren suficiente.


Pueden duplicar la capa, borrar algunas partículas o lo que consideren necesario para lograr un resultado como este.
¡Resultado!

No hay comentarios.:
Publicar un comentario