Tu sitio en la red
Login Registrarse? 
Buscar en Foro Buscar Tutoriales

 Enviado por:  woodstock773
 visto: 18578 veces



HOla. Bueno pues habia visto este tuto en hace mucho en ingles, aqui lo pongo en español hecho por mi, espero que les guste y que este bien explicado ya que es mi primer tuto:

Imagen original



El efecto que obtendremos

imagen posteada por el usuario


1. Recortar la imagen

bueno si tenemos una imagen grande, solo vamos a utilizar la cara, en mi caso
imagen no tenia tanto fondo asi que solo la recortare un poco

imagen posteada por el usuario


Seleccionamos la herramienta para recortar y seleccionamos la parte de la imagen
con la que vamos a trabajar, tambien podemos pulsar la letra "C" en el teclado
para seleccionar la herramienta de recorte



teniendo seleccionada el area con la que trabajaremos pulsamos enter para recortar
lo que no queremos

2. Duplicar la capa de fondo dos veces

vamos a hacer dos copias del fondo podemos hacerlo con el comando "control+j" y
vamos a renombrar las dos nuevas capas como se muestra en la imagen con los
nombres de "lineas horizontales" y "lineas verticales" haciendo doble clik en
cada capa para modificar el nombre.

imagen posteada por el usuario


3. Rellenar la capa de fondo

ahora vamos a rellenar la capa de fondo de color negro, podemos hacerlo con el
comando "alt+Backspace" o desde el menu Edicion- Rellenar

imagen posteada por el usuario


4. Ocultar la capa superior por ahora

vamos a hacer nuestras lineas horizontales, para eso vamos a bloquear la vista
de la capa de lineas verticales por un momento para poder trabajar, para esto
solo damos clik en el ojo que esta en la capa de lineas verticales

imagen posteada por el usuario


5. Activar la cuadricula

vamos a activar la cuadricula para que sea mucho mas facil y exacto hacer
nuestras lineas, podemos activarlas con el comando "control+'" o desde el menu
Vista- Mostrar- Cuadricula, en mi caso voy a cambiarle el color a la cuadricula
para verla mucho mejor, para eso pulsamos "control+k" y nos aparecen las porpiedades de la cuadricula, en donde dice generales, desplegamos el menu hasta encontrar la parte que dice "Guias, cuadriculas y sectores" damos clik y en donde dice cuadricula, seleccionamos el color que mas nos agrade, en mi caso el rojo



imagen posteada por el usuario


6. Crear lineas horizontales

seleccionamos nuestra herramienta de marco rectangular o pulsamos la tecla "M" para seleccionarla.

imagen posteada por el usuario


Mi primer tira sera de 4 cuadros de alto y la primera que hare
sera la de los ojos ya que quiero que queden dentro de mis lineas, de hai me voy
a guiar para hacer las demas, dejando un espacio entre cada linea de 2 cuadros
(ustedes pueden hacerlo de los cuadros que quieran dependiendo su imagen)

Despues de crear la primer linea dejamos pulsada la tecla de shift para
indicarle al photoshop que seguiremos haciendo selecciones, les tiene que quedae algo asi

imagen posteada por el usuario


7. añadir una mascara de capa

Con nuestras selecciones horizantales sellecionadas hacemos clik en el icono de mascara de capa
en la parte inferior de la paleta de capas para añadir una mascara de capa
a nuestras tiras horizontales

imagen posteada por el usuario



Photoshop añade una máscara de capa a la utilizacion y las selecciones que
hemos creado para determinar que partes de la capa permaneceran a la vista
y que se convertirán en partes ocultas de la vista. Las areas que fueron dentro
de nuestras selecciones horizontales permanecen visibles, mientras que las
zonas que se encontraban entre cada linea desapareceran, revelando el negro de la capa de relleno que esta por debajo

imagen posteada por el usuario


8. activar la capa de lineas verticales

Vamos a hacer lo mismo pero con las lineas verticales, pero primero tenemos que
activar la vision de la capa de lineas verticales, para eso damos clik en el ojo
de la capa para activarle de nuevo

imagen posteada por el usuario


9. Crear lineas verticales

de la misma manera que hicimos las lineas horizantales vamos a hacer las verticales,
lo primero en lo que me fijare es que el ojo izuierdo quede dentro de la primera
seleccion y de hai partire con las demas seleeciones de 4 cuadros de ancho y
dejando dos de separacion entre cada uno

imagen posteada por el usuario


10. añadir una mascara de capa

de la misma manera que con las lineas horizantales vamos a añadir una mascara
de capa

imagen posteada por el usuario


depues de añadirla nuestra imagen se ve de esta manaera

imagen posteada por el usuario


11. Seleccionar todos los puntos de interseccion de las lineas

Tenemos nuestras lineas verticales y horizontales pero lo unico que parece
es que tenemos un monton de cuadros negros. Tenemos que crear la ilusion de
que las tiras estan entrtejidas unas por debajo de las otras. Para ello tenemos
que seleccionar las areas en donde las lineas se cruzan. Antes quitamos la
cuadricula ya que no la vamos a ocupar, puede ser con el comado "control+'" o
en el menu Vista- Mostrar- cuadricula ( y deseleccionamos)

imagen posteada por el usuario


Ahora mantenemos pulsada la tecla "control" y hacemos clik sobre las lineas
horizontales para sellecionarlas

imagen posteada por el usuario


se debe de ver algo asi

imagen posteada por el usuario


despues pulsamos las teclas "mayus + control + alt" y hacemos clik en las lineas
verticales

imagen posteada por el usuario


debe de verse asi

imagen posteada por el usuario


12. Guardar la seleccion

antes de suguir tenemos que guardar la seleccion, para esto vamos al menu
Seleccion- Guardar seleccion, le damos un nombre y ok


13. seleccionar la mita de los cuadros

con nuesta herramienta de marco rectangular "M" vamos a des-seleccionar
algunos de los cuadros de la seleccion, esto vamos a hacerlo con el criterio
de dejar un cuadro y quitar el siguiente y asi como si de ajedrez se tratara,
esto lo haremos dejando pulsada la tecla "alt" para des-seleccionar

imagen posteada por el usuario



14. copiar la seleccion en una nueva capa

Hacer click en la capa de lineas horizaontales despues vamos a pulsar "contol+j"
para copiar las zonas seleccionadas a una nueva capa que se creeara entre la capa
de lineas horizontales y las verticales

imagen posteada por el usuario


15. Crear mascara de recorte

Con la nueva capa seleccionada (capa 1) vamos a ir al menu Capa- Crear mascara
de recorte, tambien podemos utilizar las teclas "control + alt + g"
No podemos ver ninguna diferencia pero podemos ver como se hace una sangia a la izquierda de la capa con una flecha, esto nos indica que la mascara de recorte
se ha creado

imagen posteada por el usuario


16. Volver a cargar la seleccion

Vamos a cargar la seleccion que guardamos hace un rato y lo podemos hacer facilmente
con el conamdo "control + alt 4"

imagen posteada por el usuario



17. Seleccionar todos los puntos de interseccion de las lineas faltantes

Vamos a hacer la misma operacion que en el paso 11 pero ahora con los cuadros que no seleccionamos la vez pasada

imagen posteada por el usuario


18. Guardar la seleccion en una nueva capa

De igual manera, posicionado en la capa de lineas verticales pulsamos "control+j"
para copiar la seleccion en una nueva capa que aparecera arriba de las lineas
verticales (capa2)

imagen posteada por el usuario


19. Crear mascara de recorte

con la capa dos seleccionada pulsamos "control + alt +g" y de igual manera se
tiene que hacer la flecha a la izquierda en la capa 2

imagen posteada por el usuario


20. añadir una capa de resplandor exterior

Con la capa superior todavia seleccionada (capa 2) vamos a hacer clik en el icono
de estilos de capa en la parte inferior de la paleta de capas

imagen posteada por el usuario


Seleccionamos resplandor exterior

imagen posteada por el usuario


Vamos a convertir nuestro "resplandor" en una sombra, y para hacerlo tenemos que cambiar el "modo de mezcla" en la parte superior a multiplicar. Tambien vamos a cambiar el color amarillo por nergro para lograr el efecto de la sombra. Bajamos la opacidad aproximadamente hasta un 60% dependiendo de la imagen y de su gusto, para que la sombra no sea tan intensa. Por ultimo en la parte de los elementos en la seccion media del cuadro de dialogo vamos a aumentar el tamaño del valor hasta 40-45 pixeles yo he puesto 43 ustedes pueden cambiarlo depnediendo de su imagen



21. Copiar y pegar el estilo de la capa

Lo unico que falta es aplicarle el mismo efecto a la capa 1 para eso vamos al
menu Capa- Estilo de capa- Copiar estilo de capa.
Para pegarlo en la capa solamente nos posicionamos en la capa 1 y vamos al menu Capa- Estilo de capa- Pegar estilo de capa

imagen posteada por el usuario


Y listo tenemos el efecto de tejido en nuestra imagen

imagen posteada por el usuario


Espero que les sirva y que este bien explicado ok?

Bueno pues espero ver sus aportaciones aqui dejo la mia en tamaño original



Saludos!!!



25 COMENTARIOS

poviedo - Sabado 16 de Febrero de 2008
Ver perfil de usuario
excelente tutorial, gracias woodstock por compartirlo

hace un tiempo lo aplique en uno de mis trabajos pero por desgracia no guarde el enlace en mi ordenador.

nuevamente gracias ! ! ! !

fase77 - Sabado 16 de Febrero de 2008
Usuario sin avatar
Exelente woodstock muy bueno, yo lo habia visto en la version inglesa, y en la version traducida por google, pero era imposible de seguir por que la mitad de las palabras no coincidian que es lo que suele pasar cuando se traduce una pagina on-line , lo volvere a intentar aver si me sale.

clairesorpraise - Sabado 16 de Febrero de 2008
Ver perfil de usuario
Estupendo tutorial, Woodstock smile.gif

Muy bien explicado, gracias por compartirlo con todos nosotrosy por dedicarle tu tiempo.

Te lo he editado un pelín wink.gif

Traslado el tutorial a la sección de tutoriales.FElicidades smile.gif

Saludos!!!

zurdod - Sabado 16 de Febrero de 2008
Ver perfil de usuario
Hola woodstock773, excelente tutorial y además bien explicado...

Gracias por traducirlo y compartirlo.

Saludos,

zurdod. smile.gif

madg68 - Domingo 17 de Febrero de 2008
Ver perfil de usuario
Felicidades Woodstock y gracias. Muy bien explicado.
Saludos wink.gif

deks - Lunes 18 de Febrero de 2008
Usuario sin avatar
hola disculpa la molestia pero tengo una pekeña duda me la podrias resolver ???
eske no me kedo la imagen sad.gif

woodstock773 - Lunes 18 de Febrero de 2008
Ver perfil de usuario
hola deks primero que nada bienvenid@ al canal espero que la pases agusto aqui.
y son gusto resolvemos tus dudas solo explicanos qe parte fue la que no te salio o sube tu imagen para ver el fallo y asi podemos ayudarte
Saludos!!

Gracias claire por la edicion y por parlo aca
Besos


^Chavo^ - Lunes 18 de Febrero de 2008
Ver perfil de usuario
muy bueno el tuto y muy bien hecho, muchas gracias por compartirlo

un saludo

Daderus - Lunes 18 de Febrero de 2008
Usuario sin avatar
muy buen tutorial!! lo he probado y ha salido bien, aparte muy bien explicado y sencillo con un acabado fantastico.
Enhorabuena.

ASTREA_YO - Lunes 18 de Febrero de 2008
Ver perfil de usuario
Sensacional este tutorial. Muy bien detallado. Felicitaciones.

He hecho con una imagen mía una prueba, siguiendo tus instrucciones, lo he hecho rápido.

********
Una pequeña observación, que tal vez se deba a los diversos teclados. En el comando que pones "Control + Alt + g", en mi teclado es ponerlo como un grupo. Pero si se le pone "Control + g", ya hace la máscara de recorte. Lo dejo aquí puesto por si alguien se confunde.

Aquí mi ejemplo. MUCHAS GRACIAS!!! smile.gif

clairesorpraise - Lunes 18 de Febrero de 2008
Ver perfil de usuario
Yo también me he animado a probarlo wink.gif

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


Gracias de nuevo por el tuto smile.gif

Saludos!!!

woodstock773 - Martes 19 de Febrero de 2008
Ver perfil de usuario
Gracias a todos por sus cometarios me da gusto que les halla gustado el tuto laugh.gif

muy bonitos trabajos ASTREA y claire
y gracias por aclarar lo del teclado ASTREA se me olvida que las configuraciones cambian jeje laugh.gif
Saludos

deks - Martes 19 de Febrero de 2008
Usuario sin avatar
hola gracias y cheka esto no keda como los demas jeje wink.gif
haber si me pueden ayudar me kedo hasta el paso donde agregamos resplandor exterior de ahi ya no paso

mi pic es esta
imagen posteada por el usuario

woodstock773 - Martes 19 de Febrero de 2008
Ver perfil de usuario
HOla deks bueno pues en realidad no se que es lo que le pasa a tu imagen debes de tener algo asi


imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


fijate so estas poniendo bien los parametros del paso de la capa de estilo pon el color negro y eso y si no te queda estaria mejor si pones una captura de tu pantalla para ver si algo salio mal

kriker - Domingo 24 de Febrero de 2008
Usuario sin avatar
loco este tecnica es de loco gracias loco

Midoriko - Martes 26 de Febrero de 2008
Ver perfil de usuario
Excelente el tutorial woodstock773 biggrin.gif me encanta el efecto resultante happy.gif Aquí está mi imagen:

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar


Saludos,
Midoriko.

lupitarte - Sabado 29 de Marzo de 2008
Usuario sin avatar
smile.gif

x_j0se - Martes 24 de Junio de 2008
Usuario sin avatar
OLA oie me da muxia rabia ¡x qe no me sale ...... yia o eso no mas xau

jennifer171993 - Sabado 26 de Julio de 2008
Usuario sin avatar
HELLO, no soy nueva en esto!! pero al practicar este tutorial me sale todo bien hasta que llego al paso #11, en el momento k hay k presionar mayus+control+alt para darle a las lineas verticales lo hago como me dicen y no me queda como lo ilustran!... si no es mucha molestia alguien me podria responder hacerca de esto, que debo hacer!!!.......

att: la chica desesperada que quiere realizar este photoshop en sus fotos

alanboro - Sabado 02 de Agosto de 2008
Usuario sin avatar
Van a decir que estoy loco
pero lo hice con el patron de 1 cuadrado por 1 cuadrado
estuve MUCHO tiempo haciendolo
espero que les guste:
imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar

staka - Sabado 06 de Septiembre de 2008
Usuario sin avatar
muchas gracias por este tutorial ,
ya lo tenia pero en ingles y habia detalles que no entendia y perdi el tuto prque me formateron mi cpu y no lo guarde

Aranza - Domingo 07 de Septiembre de 2008
Ver perfil de usuario
hola!! vi el tuto desde hace dias!! muy bueno!!

pero en la parte de elegir los cuadros por separado para crear la mascara de recorte, no me los elige como dice wood no se xq sad.gif pero estuve fijandome bn como lo hacia y me di cuenta q la eleccion tenia q ser de los acuadros q me dejaba libres, y pues decidi hacerlo poso a poso UNO POR UNO, pero lo hice...

aki les dejo mi imagen!!

imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar



gracias wood wink.gif

Pinsapo - Domingo 07 de Septiembre de 2008
Ver perfil de usuario
laugh.gif Hola Aranza,se bienvenida a este canal de amig@s.Te quedo muy buen resultado,la aplicacion del tuto de nuestro amigo;a veces nos dejamos algun detalle atras y es bueno insistir y probar;ya ves lo estupendo que te ha quedado. wink.gif
Gracias y esperamos tus aportes. biggrin.gif
Saludos. smile.gif

Aranza - Jueves 11 de Septiembre de 2008
Ver perfil de usuario
QUOTE (Pinsapo @ Sep 7 2008, 10:37 AM)
laugh.gif Hola Aranza,se bienvenida a este canal de amig@s.Te quedo muy buen resultado,la aplicacion del tuto de nuestro amigo;a veces nos dejamos algun detalle atras y es bueno insistir y probar;ya ves lo estupendo que te ha quedado. wink.gif
Gracias y esperamos tus aportes. biggrin.gif
Saludos. smile.gif

hola pinsapo muchas gracias!!! y peus si hay q ir viendo y probando otras cositas por ahi a la hora de editar... tengo muchas otras imagenes q he editado, un dia de estos las sibo para q las vean...!!
wink.gif

Telemaco - Domingo 21 de Septiembre de 2008
Usuario sin avatar
Un tutorial muy bueno,gracias por compartirlo,me ha salido esto.
A ver que os parece:
imagen redimensionada, click para agrandarimagen posteada por el usuario - click para agrandar











PHOTOSHOW


CANAL PHOTOSHOP TEAM

Administradores:
 
   ^Chavo^
   _David_

Redactores:
 
   ASTREA_YO
   Pinsapo
   Xman
   zurdod


TOP 10 COLABORADORES

 




Red Neyraweb:
[ CanalPhotoshop.com ] [ CanalPhotoshop.net ] [ CanalPhotoshop.es ] [ GaleriaPhotoshop.com ] [ AgeConan.es ] [ allpointsbulletin.es ] [ apb-esp.com ] [ cod6spain.com ] [ badcompany2.es ] [ mohesp.com ] [ moh-esp.com ] [ bfheroes.es ] [ videorodriguez.es ]