Hola mis amigos Taringueros, el día de hoy traigo para ustedes un nuevo tutorial para el photoshop, para seguir con mi colección de tutoriales, si quieren pueden pasar a darse una vuelta por "Mis Posts" hay podrán Encontrar algunos de ellos:
-
-I
-
Esta es la segunda vez que hago este post, la primera, me llevé como 10 hrs, pero jamás lo guardé, apagué mi PC y adiós Post
, lo único bueno de todo esto es que al menos ya tengo los pasos bien redactados, solo para volverlos a hacer...
Bueno, creó que ya no falta nada más que decir, entonces.. Comencemos con el Tutorial!
1.- Primero que nada, debemos seleccionar las imágenes que vamos a utilizar:
Objetos:
![[Tutorial] Objetos saliendo de Pantalla 3D en Photohop](https://storage.posteamelo.com/assets-adonis/assets/2015/11/29/6D4.jpg-OX4ZTLT8Rpn.webp "[Tutorial] Objetos saliendo de Pantalla 3D en Photohop")
Pantalla:
Imagen de Pantalla 1:
Imagen de Pantalla 2:
2.- Abrimos la imagen "Pantalla" en el Photoshop:
3.- Le quitamos el Fondo a la imagen (Les recomiendo que sea con la herramienta "Borrador Mágico", así solo dan clic sobre el color que quieren eliminar y Listo!):
4.- Creamos un nuevo Documento:
![[Tutorial] Objetos saliendo de Pantalla 3D en Photohop](https://storage.posteamelo.com/assets-adonis/assets/2015/11/29/34C.jpg-qz46iYw43D7.webp "[Tutorial] Objetos saliendo de Pantalla 3D en Photohop")
5.- Nos posicionamos de nuevo en la imagen "Pantalla", y seleccionamos todo el lienzo:
6.- Y los copiamos a el Documento que acabamos de crear, ya sea arrastrándolo, o copiando (ctrl+C (en la imagen) y pegando Ctrl+V (en el documento).
( Ya podemos cerrar la pestaña de la imagen "Pantalla" )
7.- Presionamos Ctrl+T para poder transformar la imagen a nuestro gusto (cuando agrandamos o achicamos la imagen podemos presionar Shift para que la imagen no pierda su forma), para poder posicionar la imagen más o menos así:
![[Tutorial] Objetos saliendo de Pantalla 3D en Photohop](https://storage.posteamelo.com/assets-adonis/assets/2015/11/29/6F9.jpg-fo1yh1ohq7w.webp "[Tutorial] Objetos saliendo de Pantalla 3D en Photohop")
8.- Ahora duplicamos capa (clic derecho sobre la capa>Duplicar Capa):
9.- Luego, volteamos la capa horizontalmente:
10.- Acomodamos la capa más o menos en esta ubicación:
11.- Abrimos la imagen "Imagen de pantalla 1", la seleccionamos toda y la pegamos en el documento (Pasos 2,5 y 6):
( Ya podemos cerrar la imagen "imagen de Pantalla 1" )
12.- Luego con la herramienta de Transformación libre (Ctrl+T) y presionando "Ctrl" al arrastrar las esquinas de la imagen para poder deformarla a nuestro gusto (les recomiendo utilizar el ZOOM para una mejor precisión), la acomodamos a manera de que quede más o menos asi:
![[Tutorial] Objetos saliendo de Pantalla 3D en Photohop](https://storage.posteamelo.com/assets-adonis/assets/2015/11/29/048.jpg-Nfz4Lj5nIVv.webp "[Tutorial] Objetos saliendo de Pantalla 3D en Photohop")
13.- Creamos un Grupo (de preferencia con algún nombre, para tratar de no confundirnos):
14.- Luego Arrastramos Las capas de la Primera pantalla que creamos con su la capa de su imagen:
15.- Convertimos el Grupo en Objeto inteligente (Clic derecho>Convertir en objeto inteligente)
¿Para que nos sirve esto? Si le damos Clic derecho al objeto inteligente podemos editar solo única y exclusivamente ese objeto, además de que así quedan las 2 capas agrupadas en una sola para su fácil manejo.
16.- Abrimos la imagen "Imagen de pantalla 2", la seleccionamos toda y la pegamos en el documento, luego la posicionamos sobre la otra pantalla con la herramienta de transformación libre (Pasos 2,5,6 y 12) para obtener más o menos un resultado así:
17.- Ya que tenemos ese resultado, procedemos a Crear otro grupo, arrastrando ahora las otras dos capas (Segunda pantalla que creamos e Imagen de Pantalla 2):
![[Tutorial] Objetos saliendo de Pantalla 3D en Photohop](https://storage.posteamelo.com/assets-adonis/assets/2015/11/29/EE6.jpg-uK1OfQZRD4L.webp "[Tutorial] Objetos saliendo de Pantalla 3D en Photohop")
17.- Ahora abrimos la Imagen de los Objetos y le quitamos el fondo, hay mil maneras de hacerlo, en fin el resultado es el mismo, yo les recomiendo utilizar la herramienta del borrador con uno de los pinceles predeterminados que trae, no el circulo totalmente opaco, si no el otro circulo, que al rededor está como degradado, y entre más pequeño pueda estar el pincel, mucho mejor:
Ya que terminamos con el recorte del fondo, les recomiendo crear una capa debajo del color contrario al fondo, para quitarle los bordillos que le quedan y darle los últimos toques con otros tipos de pinceles, etc. (Al terminar se recomienda borrar esa capa)
18.- Ya que está completamente la imagen sin fondo y todo perfecto, procedemos a seleccionarla y copiarla al documento (Pasos 5 y 6):
( Ya podemos cerrar la imagen "Objetos" )
19.- Acomodamos la imagen a nuestro gusto dependiendo de como deseemos que quede:
20.- Añadimos máscara de capa a la capa (jajaja se escucha chistoso):
![[Tutorial] Objetos saliendo de Pantalla 3D en Photohop](https://storage.posteamelo.com/assets-adonis/assets/2015/11/29/0F3.jpg-PXWvY9JHvX6.webp "[Tutorial] Objetos saliendo de Pantalla 3D en Photohop")
21.- Luego tomamos la herramienta de degradado y creamos un degradado a blanco y negro sobre la capa (debe estar seleccionada la máscara de capa):
Les explicare como funciona esto: El degradado en la máscara de capa consiste en que la parte del degradado blanca, será la parte de la capa que se conservara visible en la imagen y la parte de color negro se ocultará.
22.- Ahora sobre la parte que está mas o menos transparente en la capa utilizamos la herramienta de selección rápida y seleccionamos esa parte (dependiendo su gusto):
23.- Seleccionando la capa, abrimos un filtro:
24.- Definimos los valores deseados, según su gusto y le damos "OK":
25.- (Ctrl+D para Des seleccionar) Comenzamos a quitar los bordes para que el efecto sea mucho más realista:
![[Tutorial] Objetos saliendo de Pantalla 3D en Photohop](https://storage.posteamelo.com/assets-adonis/assets/2015/11/29/BC1.jpg-e7M7WZMDWMl.webp "[Tutorial] Objetos saliendo de Pantalla 3D en Photohop")
26.- Duplicamos Capa, quitamos la máscara de capa de la copia, le añadimos una nueva y ocultamos la capa original:
27.- Repetimos los pasos 21,22,23,24 y 25, pero ahora del otro lado, para hacer el mismo efecto, pero en la otra parte:
28.- Hacemos visible la capa original (la primera que creamos):
![[Tutorial] Objetos saliendo de Pantalla 3D en Photohop](https://storage.posteamelo.com/assets-adonis/assets/2015/11/29/B7A-fIPbFCWVKg3.webp "[Tutorial] Objetos saliendo de Pantalla 3D en Photohop")
29.- Con la herramienta borrador eliminamos en la capa de arriba todo lo que sea igual a la capa de abajo, excepto donde creamos el efecto (encerrado en un circulo):
30.- Repetimos el paso 29, pero ahora solo eliminamos la parte que sigue visible en la capa de arriba (encerrada en el circulo):
31.- Creamos un nuevo grupo, y hay metemos las 2 capas restantes y luego lo convertimos en objeto inteligente:
32.- De nuevo, hacemos otro grupo, donde metemos todos los objetos restantes y lo convertimos en objeto inteligente:
33.- Transformamos el objeto a nuestro gusto (Ctrl+T), ya que así será casi nuestro resultado final:
34.- Duplicamos Capa (Capa de Abajo), y la volteamos verticalmente:
![[Tutorial] Objetos saliendo de Pantalla 3D en Photohop](https://storage.posteamelo.com/assets-adonis/assets/2015/11/29/0A4.jpg-WGA0EPeTPKx.webp "[Tutorial] Objetos saliendo de Pantalla 3D en Photohop")
34.- Acomodamos La capa de La parte de abajo a manera de que parezca su reflejo:
35.- Luego le añadimos máscara de capa y la hacemos parecer un reflejo degradado (podemos jugar con ese efecto duplicando capas) hasta estar convencidos de nuestro resultado final:
36.- El fondo podemos editarlo convirtiéndolo en capa (doble clic sobre el)
El Resultado Obtenido sería algo más o menos así (dependiendo su creatividad por supuesto) :
(Perdón por la calidad pero no pude encontrar algún lugar para subir imágenes de más de 2 MB, les recomiendo para una mejor nitidez en su imagen que la guarden en .png)
Antes de comenzar con críticas destructivas, por favor tomen en cuenta mi esfuerzo, estuve 7 hrs sentado en la PC sin hacer otra cosa más que el tutorial, ¿al menos un agradecimiento me gané no?. Bueno si les gusta esto de la edición en Photoshop, síganme, subo tutoriales, utilidades, consejos, etc.. al menos 2 veces por semana, así pueden seguir mejorando (al igual que yo) en esto del Photoshop
Cualquier duda respecto al Tutorial, no duden en preguntarme
By: Rabocu™
-
-I
-
Esta es la segunda vez que hago este post, la primera, me llevé como 10 hrs, pero jamás lo guardé, apagué mi PC y adiós Post
, lo único bueno de todo esto es que al menos ya tengo los pasos bien redactados, solo para volverlos a hacer...Bueno, creó que ya no falta nada más que decir, entonces.. Comencemos con el Tutorial!
TUTORIAL
1.- Primero que nada, debemos seleccionar las imágenes que vamos a utilizar:
Objetos:
Pantalla:
Imagen de Pantalla 1:
Imagen de Pantalla 2:
2.- Abrimos la imagen "Pantalla" en el Photoshop:
3.- Le quitamos el Fondo a la imagen (Les recomiendo que sea con la herramienta "Borrador Mágico", así solo dan clic sobre el color que quieren eliminar y Listo!):
4.- Creamos un nuevo Documento:
5.- Nos posicionamos de nuevo en la imagen "Pantalla", y seleccionamos todo el lienzo:
6.- Y los copiamos a el Documento que acabamos de crear, ya sea arrastrándolo, o copiando (ctrl+C (en la imagen) y pegando Ctrl+V (en el documento).
( Ya podemos cerrar la pestaña de la imagen "Pantalla" )
7.- Presionamos Ctrl+T para poder transformar la imagen a nuestro gusto (cuando agrandamos o achicamos la imagen podemos presionar Shift para que la imagen no pierda su forma), para poder posicionar la imagen más o menos así:
8.- Ahora duplicamos capa (clic derecho sobre la capa>Duplicar Capa):
9.- Luego, volteamos la capa horizontalmente:
10.- Acomodamos la capa más o menos en esta ubicación:
11.- Abrimos la imagen "Imagen de pantalla 1", la seleccionamos toda y la pegamos en el documento (Pasos 2,5 y 6):
( Ya podemos cerrar la imagen "imagen de Pantalla 1" )
12.- Luego con la herramienta de Transformación libre (Ctrl+T) y presionando "Ctrl" al arrastrar las esquinas de la imagen para poder deformarla a nuestro gusto (les recomiendo utilizar el ZOOM para una mejor precisión), la acomodamos a manera de que quede más o menos asi:
13.- Creamos un Grupo (de preferencia con algún nombre, para tratar de no confundirnos):
14.- Luego Arrastramos Las capas de la Primera pantalla que creamos con su la capa de su imagen:
15.- Convertimos el Grupo en Objeto inteligente (Clic derecho>Convertir en objeto inteligente)
¿Para que nos sirve esto? Si le damos Clic derecho al objeto inteligente podemos editar solo única y exclusivamente ese objeto, además de que así quedan las 2 capas agrupadas en una sola para su fácil manejo.
16.- Abrimos la imagen "Imagen de pantalla 2", la seleccionamos toda y la pegamos en el documento, luego la posicionamos sobre la otra pantalla con la herramienta de transformación libre (Pasos 2,5,6 y 12) para obtener más o menos un resultado así:
17.- Ya que tenemos ese resultado, procedemos a Crear otro grupo, arrastrando ahora las otras dos capas (Segunda pantalla que creamos e Imagen de Pantalla 2):
17.- Ahora abrimos la Imagen de los Objetos y le quitamos el fondo, hay mil maneras de hacerlo, en fin el resultado es el mismo, yo les recomiendo utilizar la herramienta del borrador con uno de los pinceles predeterminados que trae, no el circulo totalmente opaco, si no el otro circulo, que al rededor está como degradado, y entre más pequeño pueda estar el pincel, mucho mejor:
Ya que terminamos con el recorte del fondo, les recomiendo crear una capa debajo del color contrario al fondo, para quitarle los bordillos que le quedan y darle los últimos toques con otros tipos de pinceles, etc. (Al terminar se recomienda borrar esa capa)
18.- Ya que está completamente la imagen sin fondo y todo perfecto, procedemos a seleccionarla y copiarla al documento (Pasos 5 y 6):
( Ya podemos cerrar la imagen "Objetos" )
19.- Acomodamos la imagen a nuestro gusto dependiendo de como deseemos que quede:
20.- Añadimos máscara de capa a la capa (jajaja se escucha chistoso):
21.- Luego tomamos la herramienta de degradado y creamos un degradado a blanco y negro sobre la capa (debe estar seleccionada la máscara de capa):
Les explicare como funciona esto: El degradado en la máscara de capa consiste en que la parte del degradado blanca, será la parte de la capa que se conservara visible en la imagen y la parte de color negro se ocultará.
22.- Ahora sobre la parte que está mas o menos transparente en la capa utilizamos la herramienta de selección rápida y seleccionamos esa parte (dependiendo su gusto):
23.- Seleccionando la capa, abrimos un filtro:
24.- Definimos los valores deseados, según su gusto y le damos "OK":
25.- (Ctrl+D para Des seleccionar) Comenzamos a quitar los bordes para que el efecto sea mucho más realista:
26.- Duplicamos Capa, quitamos la máscara de capa de la copia, le añadimos una nueva y ocultamos la capa original:
27.- Repetimos los pasos 21,22,23,24 y 25, pero ahora del otro lado, para hacer el mismo efecto, pero en la otra parte:
28.- Hacemos visible la capa original (la primera que creamos):
29.- Con la herramienta borrador eliminamos en la capa de arriba todo lo que sea igual a la capa de abajo, excepto donde creamos el efecto (encerrado en un circulo):
30.- Repetimos el paso 29, pero ahora solo eliminamos la parte que sigue visible en la capa de arriba (encerrada en el circulo):
31.- Creamos un nuevo grupo, y hay metemos las 2 capas restantes y luego lo convertimos en objeto inteligente:
32.- De nuevo, hacemos otro grupo, donde metemos todos los objetos restantes y lo convertimos en objeto inteligente:
33.- Transformamos el objeto a nuestro gusto (Ctrl+T), ya que así será casi nuestro resultado final:
34.- Duplicamos Capa (Capa de Abajo), y la volteamos verticalmente:
34.- Acomodamos La capa de La parte de abajo a manera de que parezca su reflejo:
35.- Luego le añadimos máscara de capa y la hacemos parecer un reflejo degradado (podemos jugar con ese efecto duplicando capas) hasta estar convencidos de nuestro resultado final:
36.- El fondo podemos editarlo convirtiéndolo en capa (doble clic sobre el)
El Resultado Obtenido sería algo más o menos así (dependiendo su creatividad por supuesto) :
(Perdón por la calidad pero no pude encontrar algún lugar para subir imágenes de más de 2 MB, les recomiendo para una mejor nitidez en su imagen que la guarden en .png)
Antes de comenzar con críticas destructivas, por favor tomen en cuenta mi esfuerzo, estuve 7 hrs sentado en la PC sin hacer otra cosa más que el tutorial, ¿al menos un agradecimiento me gané no?. Bueno si les gusta esto de la edición en Photoshop, síganme, subo tutoriales, utilidades, consejos, etc.. al menos 2 veces por semana, así pueden seguir mejorando (al igual que yo) en esto del Photoshop
Cualquier duda respecto al Tutorial, no duden en preguntarme
AGRADECER NO CUESTA NADA!!
SI PUEDES DEJARME PUNTOS TE LO AGRADECERÉ ETERNAMENTE
By: Rabocu™