Cómo usar PhotoVim

Anuncio de zapatillas con explosión de polvo, sombras y haces de luz

Nivel · Intermedio Actualizado 2026-09-28

Crea un anuncio de producto a partir de una zapatilla transparente y capas de polvo rojo y azul. Añade paso a paso una sombra suave en el suelo, haces de luz y partículas delanteras con máscaras.

Ver en YouTube

Editor y subtítulos en inglés · 95 segundos

Pausa en cada paso y sigue los atajos que aparecen en pantalla. Los archivos de práctica contienen capas de origen por separado; el vídeo es una demostración grabada de la interfaz.

Pasos

Toca la imagen de un paso para verla a tamaño completo

  1. Crea un documento nuevo

    En la pantalla de inicio haz clic en Nuevo documento (o Archivo > Nuevo…, Ctrl+Alt+N). Escribe 1536 en Anchura y 1024 en Altura y haz clic en Crear.

    Dónde hacer clic — Crea un documento nuevo
    Crea un documento nuevo — Anuncio de zapatillas con explosión de polvo, sombras y haces de luz
  2. Coloca el fondo

    Elige Archivo > Colocar incrustado… y selecciona 01_BACKGROUND.png. Aparece un cuadro con manejadores cuadrados: arrastra dentro para moverlo y arrastra un manejador de esquina para cambiar su tamaño (las proporciones se mantienen). Pulsa Enter para terminar.

    Dónde hacer clic — Coloca el fondo
    Coloca el fondo — Anuncio de zapatillas con explosión de polvo, sombras y haces de luz
  3. Añade el polvo azul y rojo

    Coloca 03_BLUE_POWDER_ALPHA.png, arrástralo a su sitio y pulsa Enter. Después coloca 02_RED_POWDER_ALPHA.png de la misma forma. La capa más reciente siempre queda arriba.

    Añade el polvo azul y rojo — Anuncio de zapatillas con explosión de polvo, sombras y haces de luz
  4. Coloca la zapatilla

    Elige Archivo > Colocar incrustado… y selecciona 04_SHOE_ALPHA.png. Aparece un cuadro con manejadores cuadrados: arrastra dentro para moverlo y arrastra un manejador de esquina para cambiar su tamaño (las proporciones se mantienen). Pulsa Enter para terminar. Haz que ocupe unos dos tercios de la anchura y muévela al centro.

    Coloca la zapatilla — Anuncio de zapatillas con explosión de polvo, sombras y haces de luz
  5. Dibuja una sombra en el suelo

    En el panel Capas haz clic en 01_BACKGROUND y luego en el botón Crear una capa nueva (el cuadrado con un signo más) de la parte inferior del panel Capas. Pulsa M para la herramienta Marco y Shift+M hasta que quede seleccionado el Marco elíptico. Arrastra una elipse plana bajo la zapatilla. Pulsa D para el negro, Alt+Backspace para rellenar y luego Ctrl+D para deseleccionar.

    Dónde hacer clic — Dibuja una sombra en el suelo
    Dibuja una sombra en el suelo — Anuncio de zapatillas con explosión de polvo, sombras y haces de luz
  6. Suaviza la sombra

    Elige Filtro > Desenfocar > Desenfoque gaussiano…, escribe 30 en Radio y haz clic en OK. Escribe 70 en el cuadro Opacidad de la parte superior derecha del panel Capas y pulsa Enter.

    Dónde hacer clic — Suaviza la sombra
    Dónde hacer clic — Suaviza la sombra
    Suaviza la sombra — Anuncio de zapatillas con explosión de polvo, sombras y haces de luz
  7. Pinta haces de luz

    Haz clic en el botón Crear una capa nueva (el cuadrado con un signo más) de la parte inferior del panel Capas. Abre la lista de modos de fusión de la parte superior izquierda del panel Capas (dice Normal) y elige Trama. Haz clic en el cuadro de color superior de la parte inferior de la barra de herramientas de la izquierda (Color frontal). Escribe 3D8BFF en el cuadro # y haz clic en OK. Pulsa B, ajusta Tamaño a 28 y pulsa Shift+[ cuatro veces. Haz clic donde empieza un haz, mantén pulsada Shift y haz clic donde termina para trazar una línea recta.

    Dónde hacer clic — Pinta haces de luz
    Pinta haces de luz — Anuncio de zapatillas con explosión de polvo, sombras y haces de luz
  8. Pon algunas partículas delante

    Haz clic en 02_RED_POWDER_ALPHA, pulsa Ctrl+J y luego Ctrl+Shift+] (Capa > Organizar > Traer al frente). Mantén pulsada Alt y haz clic en el botón Añadir máscara de la parte inferior del panel Capas. Obtienes una máscara negra que oculta toda la capa (igual que Capa > Máscara de capa > Ocultar todo). Pulsa X para el blanco, ajusta Tamaño a 110, pulsa 5 para el 50% y pinta alrededor de la suela.

    Dónde hacer clic — Pon algunas partículas delante
    Pon algunas partículas delante — Anuncio de zapatillas con explosión de polvo, sombras y haces de luz
  9. Aclara y compara

    En la parte inferior del panel Capas, haz clic en el círculo mitad negro, mitad blanco (Crear nueva capa de relleno o de ajuste) y elige Brillo/Contraste (o Capa > Nueva capa de ajuste > Brillo/Contraste). Sus ajustes se abren en el panel Propiedades. Escribe 35 en Brillo y 20 en Contraste. Haz clic en los iconos del ojo a la izquierda de las capas para desactivarlas y activarlas y comparar el antes y el después.

    Dónde hacer clic — Aclara y compara
    Dónde hacer clic — Aclara y compara
    Dónde hacer clic — Aclara y compara
    Aclara y compara — Anuncio de zapatillas con explosión de polvo, sombras y haces de luz
Conviene saber

Si un atajo del navegador toma el control, usa el comando de menú equivalente del editor. Guarda los archivos de origen y practica sobre una copia.

Pruébalo en el editor

Preguntas

¿Necesito Photoshop para este tutorial?

No. Todos los pasos se hacen en PhotoVim, en tu navegador, sin nada que instalar. Los nombres de los menús y los atajos siguen a Photoshop, así que los pasos te resultarán familiares si ya lo usas.

¿Cómo dibujo un haz de luz recto?

Haz clic donde empieza el haz, mantén pulsada Shift y haz clic donde termina. El pincel traza una línea recta entre los dos clics.