aplicar efecto 3D en Photoshop usando vectores 2D

at 19:54 | Etiquetas: ,

Efecto 3D en Photoshop


Con este efecto podremos crear todo tipo de objetos 3D o textos. Empezaremos creando una imagen de 200 x 200. Colocamos un texto de color negro.


Despues vamos a Filter » Stylice » Emboss (Filtro » Estilizar » Relieve)y ponemos estos datos:


Después hacemos lo siguiente: Filter » Render » Lighting Effects (Filtro » Representar » Efectos de Luz). Colores: #C6C6C6 #9F9F9F


Ahora este truco es opcional, pulsa Ctrl + ALT + Abajo o Arriba hasta que estes contento con el resultado.

Y quedá asi:


Al final quedá asi:

Es un efecto sencillo para hacer texto en 3D...
Se puede cambiar todos los datos, colores, etc. A gusto de quien lo haga!

Tutorial - ¿Cómo remover imperfecciones de la piel? en photoshop

at 19:50 | Etiquetas: ,

1. Abre tu fotografía en el programa y duplica la capa para no editar sobre el original. Nosotros usaremos esta foto que conseguimos de esta página

Foto Original
Lazo Tool
Lo que queremos lograr es un efecto de suavidad sobre la piel. Para eso, utilizaremos una herramienta de desenfoque, pero debemos cuidarnos de no desenfocar los rasgos que definen el rostro. Para trabajar sin riesgo, vamos a definir el área a desenfocar con una herramienta de selección.

2. Con el lazo, vamos a trazar una selección general alrededor del rostro y cuello de la persona en nuestra foto. No importa si se te va un poco el pulso y te quedan mal los bordes, esto lo retocaremos en el siguiente paso. Como ves en la imagen, esta selección es muy general y está tomando todos los rasgos que nos interesa preservar, por lo que tendremos que empezar a excluir partes de la imagen de nuestra selección. Para eso, entraremos en el modo de máscara rápida.
Selección con Lazo
Mascara rapida
3. Una vez en modo de máscara rápida, veremos que el contorno estará pintado de rojo, todo lo que esté en rojo quedará excluido de nuestra selección. Por lo tanto, vamos a pintar los ojos, nariz y boca de rojo. Pincharemos sobre la herramienta de pincel (nosotros usamos un pincel esfumado tamaño 23 para esta foto) y pintaremos sobre los ojos, nariz boca y cejas, cuidando de dejar en rojo todos los detalles que queramos conservar de la imagen.
Seleccion en mascara rapida
4. Ya casi tenemos terminada nuestra selección. En esta foto en particular hay todavía ciertos detalles que no queremos que se nos difuminen al usar el desenfoque, como son algunos mechones de pelo (no todos) y la cadenita dorada. Con un pincel más chico, pintaremos sobre estos últimos detalles y aprovecharemos para emparejar los bordes.
Selección completa en mascara rapida
5. Perfecto! Ya tenemos nuestra selección para realizar el suavizado de la piel. Vamos a salir del modo de máscara rápida y podremos ver el trazado de nuestra selección. Si quieres, puedes guardar la selección para no perderla en caso de que quieras probar alguna otra herramienta. Para guardar la selección, pincha en Seleccionar > salvar selección en la barra de menú superior.

6. Ahora que ya tenemos definida el área a desenfocar, pincharemos sobre Filtro > Desenfocar > Desenfoque Gaussiano en el menú superior. El radio a utilizar dependerá un poco de la calidad de la foto que estemos usando. En este caso, nosotros utilizamos un radio de 3.0
Selección completa modo standard
Transicion desenfoque
7. Veremos que seguramente el desenfoque sea exagerado, para fundirlo un poco con la imagen, sin quitar la selección, pincharemos sobre Edición > Transición Desenfoque Gaussiano (Esta opción sólo está disponible inmediatamente después de realizar un desenfoque gaussiano, si realizamos alguna otra acción después del desenfoque, ya no podremos utilizarla y deberemos volver hacia atrás). Lo esfumaremos en un porcentaje que lo mantenga lo suficientemente suavizado y a su vez, real. Podemos ir tildando y destildando la opción “vista previa” para medir el porcentaje ideal. Nosotros lo pusimos a un 68%. Ahora quitamos la selección y podemos ver el resultado final de nuestro trabajo!

Nota: Este efecto no elimina del todo detalles marcados como lunares, rayones o arrugas. Te mostraremos como eliminar estos detalles más adelante.

Imagen original vs. imagen suavizada

Como crear explosiones en photoshop?

at 19:40 | Etiquetas: ,

Explosiones con Photoshop


1.Comenzamos el tutorial dónde dejamos el anterior. Si no lo has visto, visita el Tutorial sobre el Espacio. Seguimos creando un nuevo layer encima del anterior.

2.Utilizando la herramienta de Selección de Lazo, creamos una seleccion de rasgos desparejos como la de la imagen del ejemplo. Luego, tomamos al Rojo como color de frente y al Amarillo como color de fondo y aplicamos Filter/Render/Clouds.
Deseleccionamos.

3.Vamos a Filter/Blur/Gaussian Blur y le damos un valor de 12 pixels aproximadamente para este tamaño de imagen. Como siempre recomiendo que hagan sus trabajos en la mayor resolución que puedan y luego si necesitan una version más pequeña, que le reduzcan el tamaño (Image/Image Size...).

4.Creamos un nuevo layer sobre el anterior y seleccionamos los colores predeterminados presionando D. Ahora volvemos a ir a Filter/Render/Clouds. Deberiamos tener algo similar a lo que muestra el ejemplo.

5.Ahora cambiamos el modo de la última capa de Normal a Color Dodge. Deberiamos tener algo similar a la imagen del ejemplo. Como se puede ver, es muy comun que algunas zonas de la "explosion" queden sobre expuestas.

6.Para solucionar esto tan solo tomamos algun pincel muy suave (haciendo doble click sobre el pincel y eligiendo Hardness en 0% o en las opciones del pincel elegir Opacity en 10% o 15%) y con el color negro de frente, vamos pintando sobre las zonas sobre expuestas. El resultado debe ser parecido al del ejemplo.

7.El último paso se completa solo para evitar que el layer que está en modo Color Dodge, también nos ilumine demasiado a las estrellas que están en el fondo. Solo tenemos que posicionarnos sobre ese layer e ir a Layers/Merge Down (CTRL+E).
Luego, cambiamos el modo de este layer que nos queda de Normal a Screen.

Nota.Hay algunos puntos a tener en cuenta.
1) Si no nos gusta el primer tipo de explosion que nos crea el layer en blanco y negro, podemos seguir aplicando el filtro Filter/Render/Clouds presionando CTRL+F hasta obtener una explosion que nos guste.
2) También se puede jugar con el nivel de Gaussian Blur en el 3er paso, ya que a más Blur, más pequeña es la explosión, pero el efecto obtenido es interesante.
3) En lugar de cambiar el modo del último layer a Color Dodge, también prueben cambiarlo a Screen o a Hard Light. Se obtienen efectos muy interesantes.

Como crear esferas 3d en photoshop

at 19:39 | Etiquetas: ,

Esferas 3D Simples


1. Para empezar hay que crear un documento nuevo en RGB. Lo primero que necesitamos es una selección circular, por lo tanto, creá un nuevo layer (o capa) en Layer/New/Layer... y presionando ENTER o presionando el ícono de nuevo layer. Con la selección circular y presionando SHIFT creá la selección...

2.Ahora que tenemos lista la selección tenemos que setear correctamente el gradiente. Haciendo doble click en la herramienta Gradiente. Esto debe hacer visible la ventana de opciones de esta herramienta, nos fijamos de cambiar el tipo de degradado de Linear a Radial y hacemos entonces click en el botón Edit...
Aquí se pueden elegir varios estilos de degradados, pero recomiendo elegir uno que incluya 3 colores y modificarlo para que los colores de los costados sean blanco. Luego, el color del ¿Ven esas flechitas con forma de diamante? Hay que correrlas hacia los costados para que queden como en el ejemplo.

3.Ahora todo está configurado correctamente. Presioná OK para salir de esta ventana. Listo, ahora solo queda ir al layer del círculo y arrastrar la herramienta gradiente desde la parte superior izquerda hasta abajo a la derecha. Es posible que tome un tiempo hasta que encuentres la forma adecuada de aplicar el gradiente, no olvidar que con Ctrl+Z se deshace el último cambio. También es factible que tengan que arrastrar la herramienta un poco más llá del contorno de la selección, pero eso se ve con la práctica.

4.Todavía un poco más. Si se quiere darle un efecto un poco más 3D, recomiendo que le apliquen una sombra a la esfera. Si no estás familiarizado con ellas, recomiendo que veas el Tutorial sobre Sombras, que explica como aplicarlas...

Tutorial - Eliminar el texto de una imagen en Photoshop CS2

at 19:36 | Etiquetas:

como eliminar marcas en wallpapers o fondos de escritorio en photoshop

1. Nosotros queremos quitar el texto de esta imagen. La abriremos en el programa y la duplicaremos para no afectar el original.

Imagen original
Herramienta de clonado
2. Vamos a seleccionar la herramienta de clonación de la barra de herramientas y elegiremos un tamaño medio de pincel (en relación a la imagen)

3. Empezaremos clonando las partes más fáciles (Las que no tienen mucho detalle). Presionando la tecla Alt. seleccionaremos el área que duplicaremos (intenta siempre que sea lo más próxima posible al área que quieres modificar) y comenzaremos a “pintar” encima del texto. En este ejemplo, la mejor manera de clonar es en línea recta horizontal para replicar exactamente el fondo.
Nota: Te recomendamos maximizar lo más posible la imagen (sin perder referencia del entorno) para hacer un clonado más prolijo.

Selección del área
Clonamos de izquierda a derecha

Clonado finalizado

4. Para cubrir el cartel de Marvel que ocupa parte del fondo y parte del traje, debemos usar otra técnicas para clonar (usar el movimiento recto horizontal anterior sólo nos daría un resultado muy psicodélico).
a- Para clonar el fondo, trataremos de seguir las líneas del tramado.
b- Para clonar la parte del traje, tendremos que ser más dedicados y reproducir parte por parte, como si lo estuviéramos dibujando.

Seguimos la diagonal del tramado
Nos queda la parte del traje que requiere más detalle
Clonamos primero una tira, siguiendo la línea
Clonamos el interior, corrigiendo desbordes de las tiras

Area clonada

5. En la parte izquierda tenemos áreas homogéneas y áreas con detalle para clonar. Las áreas más grandes son las más fáciles. Como el patrón se repite, aquí puedes hacer el clonado más rápido y con movimientos circulares si quieres, tomando como base áreas más alejadas del texto para no tener que frenar a cada momento.

Selección en áreas homogéneas
Podemos clonar en forma circular
6. Ahora sólo nos quedan los detalles. Como decíamos en el punto 4, aquí tenemos que ser dedicados y más que reproducir, “dibujar” las partes cubiertas por el texto. Reduciremos un poco el pincel, y con mucha paciencia, copiaremos parte por parte las tiras del traje.
Quedan los detalles
Reducimos el pincel y seleccionamos el centro de la tira a copiar
Nos movemos en dirección de la tira, cuidando mantener la línea de la selección
clonacion completa

como crear efecto de tentaculos en vectores con adobe photoshop

at 19:34 | Etiquetas: ,

Tentaculos

  • Nivel: basico
    1) Creamos un documento nuevo (file>new). Le asignamos un tamaño de 100x500 pixeles.


    2) Con el "rectangular marquee tool(M)" seleccionamos una parte de la imagen mas o menos como muestra la imagen de abajo.


3) Con la selecciòn rectangular hecha, seleccionamos la herramienta
"Gradient Tool(G)", y usando el "Reflected Gradiant" hacemos un degradado dentro de la seleccion. Tiene que quedar mas o menos como la imagen.


4) Luego de tener el rectangulo con el degradado, vamos a
"Edit>tranform>distort" , y juntamos dos de los vertices, de uno de los extremos, formando una punta. Observen bien como es en la imagen.


5)Por ultimo para darle la verdadera forma a nuestro tentaculo, vamos
a 'filter>distort>shear' y alli le vamos dando al tentaculo una forma que nos paresca interesante!.


6)Bueno, ya terminada la forma del tentaculo solo queda pornerle un buen color (contro+u).


crear texto 3D con sombras en photoshop

at 19:31 | Etiquetas: , ,

Sombras

Nivel: basico
Les voy a mostrar una forma para hacer sombras con photoshop, espero que les resulte de interes.
Creamos un documento nuevo de 450 x 300 con fondo transparente.
Con la herramienta 'Horizontal tipe tool' ponemos un texto en la imagen (diseñar en este caso).

Duplicamos la capa, y en una de las capas pintamos el texto de negro. La capa con el texto en negro la ponemos abajo de la otra.
Ahora con la capa de texto negro seleccionada vamos a 'Edit->Transform->perspective' y le ponemos las preferencias que muestra la imagen.

Y nos va quedando asi:

Ahora abrimos las 'blending option' de la capa con el texto negro ('layer->layer style->blending option').
En las 'Blending option' de la capa vamos a ponerle 'Fill opacity' en 0.
Activamos 'Gradient Overlay' y le ponemos las preferiencias como muestra la imagen:

Y nos quedó así:

Ahora vamos a 'Filter-> Blur->Gaussian Blur' y en 'Radius' ponemos 1,0 pixels.
Listo, ya tenemos la sombra.

Ahora para hacer un poco mas completo les voy a mostrar como podemos hacer que la sombra se prologue por ejemplo por una pared.
Imaginanse que tenemos el texto con este fondo:

Ahora para dar un efecto que hay una pared atras podemos seleccionar una parte de la sombra, que seria donde empieza la pared de esta forma :

Y con esta parte seleccionada vamos a 'Edit->Transform->Perspective' y ponemos las preferencias q muestra la imagen:

Ahora alineamos la parte del texto seleccionado con la otra y listo.