Utilice Photoshop CS6 para crear una escena inspirada en micro máquinas

Photoshop CS6 está repleto de nuevas funciones y efectos que puede utilizar en su trabajo. En este tutorial utilizaremos las nuevas capacidades 3D de Photoshop, así como sus nuevas funciones para el contenido, para crear una composición inspirada en Micro Machines. Empecemos!


Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial..

  • Escena de escritorio
  • Coche de juguete
  • Textura de asfalto

Paso 1

Abre la imagen del escritorio. Ya que vamos a agregar una pista de carreras en el escritorio, siga adelante y dibuje la ruta de la carretera en una capa temporal. Esto identificará áreas problemáticas al frente..


Paso 2

Utilice la Herramienta de movimiento de contenido (J) para solucionar las áreas problemáticas para que nuestra carretera tenga suficiente espacio. Con la herramienta activada, dibuje una selección alrededor del borrador, luego haga clic y arrastre la selección a un área nueva en nuestra pantalla. Permitir que Photoshop calcule el cambio

Sus resultados deben aparecer similares a la siguiente imagen:


Paso 3

Usa la herramienta de contenido en el lápiz también.


Etapa 4

Ahora vamos a crear el camino. Seleccione la herramienta Pluma (P) y configure el Modo en Forma. Esto nos permitirá utilizar las opciones de Relleno y Trazo. Por ahora, establezca el relleno en Sin color y el Trazo en Negro. Usando el boceto solo como referencia, dibuje libremente una nueva ruta desde una vista de arriba hacia abajo en una nueva capa llamada "Carretera". Nota: no dibuje este camino en perspectiva de nuestra escena, usaremos el modo 3D más adelante para coincidir con la perspectiva.


Paso 5

Establezca el ancho del trazo a 130 pt. Además, abra las Opciones de trazo y establezca Alinear en Centro. Ocultar la capa de "fondo" por ahora.


Paso 6

Nuestro siguiente paso es texturizar la capa "Carretera". Para empezar, tendremos que abrir la imagen del Asfalto..


Paso 7

Utilice cualquiera de las Herramientas de marquesina para seleccionar el símbolo de Bicicleta y vaya a Editar> Rellenar. Asegúrese de establecer el uso en Content-Aware. Si es necesario, usa la herramienta de parches para limpiar la imagen.


Paso 8

Necesitamos corregir la perspectiva de la imagen para muestrear correctamente la textura. Seleccione la Herramienta de recorte de perspectiva (C), que puede encontrar haciendo clic y manteniendo presionada la Herramienta de recorte.


Paso 9

Con la Herramienta de corte de perspectiva seleccionada, haga clic en cuatro puntos de un rectángulo que coincida con la perspectiva de nuestro asfalto. El uso puede manipular los mangos para obtener una mejor coincidencia..

Pulse Intro o Retorno para comprometerse con el cultivo..


Paso 10

Ahora que tenemos una textura bonita y limpia, tenemos que hacerla perfecta. Vaya a Filtro> Otros> Desplazar y ajuste los controles deslizantes para que ambas costuras sean visibles.


Paso 11

Usando la herramienta de parche, retire las costuras. Puede ser necesario usar la herramienta de parches varias veces

Los resultados deben parecerse a la imagen de abajo:


Paso 12

Presione Comando / Ctrl + A para seleccionar la imagen completa y vaya a Editar> Definir patrón. Nombra este patrón "Asfalto". Finalmente, con la selección aún activa, presione Comando / Ctrl + C para cargar esta imagen en el portapapeles. Lo pegaremos en nuestra escena en un paso posterior..


Paso 13

Vuelva a nuestra escena original y haga doble clic en la capa "Carretera" para acceder a los estilos de capa. Aplicar la textura de asfalto como un patrón de superposición. Ajusta la escala al 25%.

Haga clic derecho en la capa y seleccione Rasterizar estilo de capa.


Paso 14

Cree una nueva capa y presione Comando / Ctrl + V para pegar nuestra imagen que copiamos en el Paso 12. Cambie el tamaño de la textura para que cubra el camino.


Paso 15

Cambie el nombre de la nueva capa a "Textura" y conviértalo en una Máscara de recorte a la capa "Carretera".

Con un borrador suave y más grande (E), borre el interior de la carretera para que la textura más grande aparezca solo en los bordes de la carretera.

Establecer el modo de fusión para superposición


Paso 16

Seleccione las dos capas que conforman nuestra carretera y haga clic con el botón derecho y seleccione Convertir en objeto inteligente. Cambie el nombre del objeto inteligente a "Carretera".


Paso 17

Ahora que hemos creado una vista de arriba hacia abajo de nuestra carretera, podemos comenzar a crear una vista de arriba hacia abajo de los conos de construcción. Crea una nueva capa llamada "Conos". Seleccione la herramienta Pluma y cambie la configuración de la siguiente manera:


Paso 18

Establezca el Color de primer plano en una bonita construcción de color naranja y dibuje dos caminos que sigan a cada lado de la carretera. Las rutas resultantes deben parecerse a la siguiente imagen:


Paso 19

Haga clic derecho en ambas capas de forma y Rasterize Layer. Seleccione ambas capas rasterizadas y Combinar (Comando / Ctrl + E). Cambiar el nombre a "Conos".


Paso 20

Ahora podemos empezar a hacer nuestros objetos 3D. Para convertir nuestro objeto inteligente "Road" en 3D, seleccione la capa y vaya a 3D> Nueva extrusión 3D desde la capa seleccionada. Esto creará automáticamente un objeto 3D extruido y abrirá el Panel 3D..


Paso 21

En el Panel 3D, seleccione la capa de objeto "Carretera" (denotada con un icono de estrella extruida) para acceder a sus propiedades. En el Panel de propiedades, asegúrese de que la sección Malla esté activada y establezca la Profundidad de extrusión en 0.


Paso 22

A continuación, vaya a la sección Coordenadas y establezca el ángulo X en 90 grados.


Paso 23

Regrese al Panel 3D y haga clic en el menú desplegable para ver opciones adicionales en 3D y seleccione Ajustar objeto al plano de tierra.


Paso 24

Vuelve al Panel de capas y oculta la imagen de fondo. Esto nos facilitará ver los objetos 3D. A continuación, haga clic con el botón derecho en la capa "Conos" y seleccione Nueva extrusión 3D de la capa seleccionada. Tenga en cuenta que el objeto "Conos" está en una cuadrícula única. Sabemos esto ya que solo hay un objeto (el objeto "Conos") en nuestra escena. Photoshop esencialmente ha creado un espacio 3D separado para cada objeto. Combinaremos ambos objetos para que estén en el mismo espacio 3D..

Vuelva al Panel de capas y asegúrese de que la capa "Conos" esté en la parte superior de la pila. Seleccione ambas capas 3D y Combinar (Comando / Ctrl + E).

Dado que se trata de capas 3D, la fusión de las capas simplemente las combina en el mismo espacio 3D. Podemos comprobarlo volviendo al Panel 3D..


Paso 25

Usando los mismos métodos que hicimos en la carretera, establezca la profundidad de extrusión en cero, cambie la coordenada X-Angle a 90 grados y ajuste al plano de tierra. Los objetos pueden no alinearse correctamente, los moveremos a sus posiciones finales más adelante.

Además, es importante tener en cuenta que, dado que hemos combinado varios objetos 3D en una escena, los objetos están contenidos dentro de nuevos grupos (generalmente, con el sufijo "_layer"). Simplemente profundice para encontrar la capa de objeto (denotada con el icono de estrella extruida).


Paso 26

En este punto, vamos a agregar un bisel a nuestra capa "Conos" para que se parezcan a conos de construcción. Primero, seleccione la cámara "Vista actual" y, usando las herramientas de navegación en el menú superior, coloque la cámara de manera que esté cerca de los conos..


Paso 27

Seleccione la capa de objeto "Conos" y vaya a la sección de Cap en el Panel de Propiedades.

Usa el widget en pantalla para dar forma al cono..


Paso 28

A continuación, en el Panel de propiedades, seleccione el Mapa de contorno para editar y agregue un contorno personalizado como se muestra.

Los resultados deben parecerse a los siguientes:


Paso 29

Ahora podemos trabajar para mover la cámara a su posición. Usaremos la cuadrícula en el plano de tierra para ayudarnos a coincidir con la perspectiva de nuestra escena. Vuelve al Panel de capas y muestra la imagen de fondo..


Paso 30

Vuelva al Panel 3D y oculte las capas "Carretera" y "Conos". No necesitamos esto ahora.


Paso 31

Seleccione la capa "Vista actual" y, utilizando las herramientas 3D en el menú superior, Gire, arrastre, deslice y escale la cuadrícula para que coincida con la perspectiva de la escena. Puede requerir una gran cantidad de prueba y error para hacer esto bien, aunque no es necesario que sea perfecto. Ayuda a encontrar algunos ángulos rectos que ya existen en la escena, como los botones de la calculadora..


Paso 32

Mostrar las capas de objeto "Carretera" y "Conos". Seleccione el objeto "Carretera" y haga clic en la sección Malla en el Panel de propiedades.

Use los widgets para mover / rotar manualmente la carretera a la posición deseada.

Haz lo mismo con el objeto "Conos"..


Paso 33

Ya casi hemos terminado con el 3D. La última parte es retocar la iluminación. Actualmente, las sombras de nuestro objeto no coinciden con nuestra escena. Para solucionar esto, haga clic en el Filtro de luces en el Panel 3D y seleccione la única luz en nuestra escena.


Paso 34

Manteniendo presionada la tecla shift, haga clic y arrastre la sombra en la escena para colocarla de manera que coincida con la dirección de las sombras en la imagen original.


Paso 35

Vamos a pasar a la representación. Queremos representar cada pieza por separado, por lo que necesitaremos ocultar los objetos que no estamos procesando. En el Panel 3D, haga clic en el ícono Filtrar por malla y oculte el objeto "Carretera". Además, asegúrese de desmarcar Sombras de lanzamiento para el objeto "Conos".

Para representar nuestros objetos como capas transparentes, oculte todas nuestras capas de fondo como se muestra a continuación:

Vaya a 3D> Render (Comando / Ctrl + Alt + Shift + R). Deje que Photoshop genere unos cuantos pases y luego presione Intro para detener el procesamiento. Tenga en cuenta que si está en el Panel de capas, la escena debe seleccionarse para iniciar un render.


Paso 36

En el Panel de capas (la capa 3D ya debe estar resaltada), Seleccionar todo (Comando / Ctrl + A), Copiar (Ctl + C) y Pegar (Comando / Ctrl + V) la representación en una nueva capa. Nombre de esta capa "Conos renderizados". Ocultar esta capa por ahora.


Paso 37

Repita este proceso para el objeto "Road".


Paso 38

Ahora que el camino y los conos se han renderizado, vamos a hacer algunos renders adicionales con el objeto "Conos". Mostrar el objeto "Conos" y ocultar el objeto "Carretera". Con el objeto "Conos" seleccionado, vaya a la sección Malla del Panel de propiedades y active Sombras de lanzamiento, active Invisible y desactive Sombras de captura.

Procese esto y cópielo en una nueva capa como lo hicimos en los pasos anteriores.

Para el último render, desactiva Sombras invisibles y Cast. Vaya a la sección Cap y haga clic en Restablecer deformación. Esto dará lugar a discos planos.

De nuevo, Render (Comando / Ctrl + Alt + Shift + R) sale de la escena y copia en una nueva capa.


Paso 39

Asigne un nombre a los tres archivos representados y oculte la capa 3D. Si es necesario, reordena las capas para que aparezcan correctas en la imagen..


Paso 40

Seleccione la capa "Road Rendered" y agregue los siguientes estilos de capa para que aparezca como si la carretera estuviera realmente sobre la mesa.


Paso 41

Selecciona la capa "Sombras renderizadas" y dale un desenfoque gaussiano (Filtro> Desenfoque> Desenfoque gaussiano) de 4 px. Establezca el Modo de fusión en Multiplicar y la Opacidad en 4%..


Paso 42

Seleccione la capa "Base Render" y muévala hacia abajo para que sea apenas visible debajo de los conos. Ajusta los niveles hasta que los discos estén completamente negros..

Dale a este un Desenfoque Gaussiano (Filtro> Desenfoque> Desenfoque Gaussiano) de 1.7 px y establece el Modo de fusión en Multiplicar


Paso 43

Haga una copia de la capa "Base Rendered" y aplique el filtro de Desenfoque Gaussiano nuevamente, pero esta vez con una configuración de 5.5 px. Configure el modo de fusión para multiplicar y la opacidad al 55%


Paso 44

Agrupe todas nuestras capas de cono y agregue una máscara de capa al grupo.

Usa la máscara para ocultar los conos que se superponen al lápiz y al borrador azul..


Paso 45

Para organizar nuestra escena, sigue adelante y agrupa todas nuestras capas compuestas.


Paso 46

Nuestro siguiente paso es agregar un coche a nuestra escena. Abre la imagen del auto y observa que ya tiene una sombra bonita debajo. Intentaremos utilizar esta sombra. Usa la herramienta Pluma (con el Modo establecido en Ruta) para dibujar una ruta alrededor del auto.


Paso 47

Con la herramienta Pluma (P) aún activa, haga clic con el botón derecho en la ruta y seleccione Realizar selección. Copia y pega el coche en una nueva capa. La capa superior será el carro a todo color, mientras que la capa inferior se usará para sus sombras..

Agrupa estas dos capas juntas. Puede ser necesario hacer doble clic en la capa "Fondo" para desbloquearla.


Paso 48

Arrastre el grupo "Car" a nuestra escena y redimensione para que se ajuste.


Paso 49

Dentro del grupo "Car", establece la capa inferior en Multiplicar. Renombra las capas también. Tenga en cuenta que la perspectiva del coche no coincide con nuestra escena. Intentaremos corregir esto en el siguiente paso..


Paso 50

Seleccione la capa "Coche" y Transforme (Comando / Ctrl + T) el coche sutilmente para que coincida mejor con la perspectiva. Use el modo Warp (activado haciendo clic en el icono Warp en la barra de menú superior) para ajustar las transformaciones.

Tenga en cuenta que esto hace que aparezcan partes no deseadas de la capa "Sombras del coche". Utilice la herramienta Borrador (E) para eliminar.


Paso 51

Utilice los niveles (Comando / Ctrl + L) para ajustar la capa "Car".


Paso 52

Además, puedes pintar en más sombras cuando lo consideres necesario.


Paso 53

El siguiente paso es hacer que nuestros componentes coincidan con la profundidad de campo en nuestra imagen original. Comience fusionando el grupo "Capas compuestas" con una nueva capa.


Paso 54

Antes de agregar un desenfoque, use la herramienta Grabar para oscurecer las esquinas de nuestra nueva capa


Paso 55

Ahora, agregue el Iris Blur (Filtro> Blur> Iris Blur). Establece la cantidad de Desenfoque en 4 px y ajusta el widget en pantalla para que el desenfoque coincida con la imagen original lo más cerca posible.


Paso 56

Nuestra imagen está técnicamente hecha, pero podemos ir un poco más lejos con ella. Haga una copia combinada de todas las capas presionando Comando / Ctrl + Alt + Shift + E.

Utilice esta nueva capa combinada para agregar correcciones adicionales. En este caso, agregué un desenfoque adicional usando el Desenfoque de inclinación hacia arriba (Filtro> Desenfoque> Cambio de inclinación). Esto agrega algo más de profundidad al mezclar mejor los componentes.

También he añadido un filtro de fotos. Esto ayudará a mezclar mejor los colores..

Por último, he añadido un aspecto más suave a la escena. Esto se hace copiando la capa, aumentando los Niveles y dándole un Desenfoque Gaussiano moderadamente alto. Una vez hecho esto, configure el Modo de fusión en Luz suave y ajuste la Opacidad según sus preferencias..


Paso 57

El último paso es utilizar la Herramienta de recorte (C) para recortar la imagen ligeramente. Esto ocultará cualquier estilo de capa que sea visible alrededor de los bordes de nuestra imagen. Asegúrate de deseleccionar Eliminar píxeles recortados.


Imagen final

Ya está hecho La imagen final debe parecerse a la siguiente.