Hola querido lector, dejo aquí un gif que hice en estas horas libres. Como me gustó el resultado pensé en publicarlo, dejando los recursos y explicando el proceso detalladamente ❤. ¡¡Viva Bungou Stray Dogs >:'3!!

Bueno ya, me calmo ;-;... Aquí dejo los recursos (ahora ya sé que Dazai me salió algo rayado :'), F)

xdd lo hice en Photopea y por eso el gif está mal direccionado, las imágenes las coloqué en Picsart.

✧♬•*¨*•.｡APPS USADAS:

—Picsart para posicionar las imágenes y colocar los filtros.
—Ibis Paint X para editar el primer trabajo realizado.
—Photopea para colocar los gifs (también funciona con Photoshop, sólo que el proceso es más complejo, tal vez publique otro trabajo para explicar luego).

✧♬•*¨*•.｡GLOSARIO

Si eres nuevo en el mundo de la edición, no te preocupes, aquí traigo el concepto general de algunas palabras que usamos para referirnos a algún recurso.

—Textura: es una imagen, ya sea una con un estampado, o con un diseño u color que la hace acoplarse en el rol de fondo de nuestro edit.
En realidad, divido a las texturas en dos clases: las que sirven como fondo y las que se usan para colocarlas encima de nuestro edit, como un mezclador.

—Png o render: el png es una imagen que tiene un fondo transparente. En ese fondo, pueden haber objetos determinados u personajes, que están a color. Los png son importantes para agregar objetos a nuestras ediciones.
Ahora vamos con los renders: son casi lo mismo que un png, sólo que estos se refieren únicamente a personas reales o ficticias.

—Overlay: es una imagen con un fondo negro, en donde pueden haber desde formas como corazones, hasta palabras y frases, o efectos como brillos o neblina (estos efectos siempre son de color blanco).

—Trama: en este tutorial no la usaré, pero aun así explico. Son imágenes que poseen estampados determinados, que abarcan casi toda la zona del lienzo.

—Font: es la fuente de letra que usaremos, cada una tiene una estética única.

—Filtro: Es un efecto visual que está presente en algunas aplicaciones editoras. Los mejores filtros que encontré están en Picsart, y Pixrl.

—Brush: es un tipo de pincel, que tiene también un grosor y un efecto predeterminado. Los brushes son muy importantes para tonalizar nuestro edit, y agregarle de paso estampados.

—Motivo: es un patrón de imágenes que se repite.

—PSD coloring: es un documento en Photoshop que posee un conjunto de efectos que afectan tu edit. Ahora no lo usaremos, pero más adelante haré otro tutorial respecto a ello ^u^.

Ahora sí, viene la parte más compleja de explicar:

✧♬•*¨*•.｡ PROCEDIMIENTO

1. Hice un lienzo blanco con las medidas de 540x540 píxeles.

2. Luego, en el modo de edición de imagen de Picsart, coloqué la textura principal que haría de fondo, para luego quitarle brillo y contraste, además de cambiarle la matiz (tonalicé el color rojo). Agregué después las imágenes de Dazai y Chuuya.

3. Corté las imágenes o las rendericé (como quieran llamarlo xd), y las posicioné lo más juntas posibles, para luego borrar el centro y difuminar la zona. De esa forma, la imagen que decía "I speak fluent sarcasm", será posteriormente mucho más notoria. Además, les reduje por igual el contraste y brillo.

4. Una vez hecho esto di click en aceptar, y fui a la zona de ajustar. Reduje aun más el brillo pero aumenté el contraste de forma general.

Ahora, agregamos el overlay que se encuentra en la parte de abajo de los recursos. En la zona de mezcla de imagen, lo configuré en modo "pantalla". Lo posicionamos abajo de los personajes.

5. Una vez hecho esto, de nuevo ajustamos la saturación general de toda la imagen, y le reducimos en donde dice "zonas". Para resaltar el proyecto, probemos a borrar estos efectos hechos recientemente, en la zona específica del rostro de ambos personajes. Con el borrador, pasé con cuidado alrededor y dentro de los ojos. Luego, le coloqué el borde rojo, a muy baja opacidad.

6. Ahora sí, colocamos la frase que hará de título, asegurando de tapar el difuminado que une a los renders uwu:

7. Colocamos el segundo overlay, que sirve como marco decorativo ❤ (borré las partes que atravesaban los personajes), para después agregar de nuevo el primer overlay que sirvió como neblina blanca, posicionándolo en la parte superior del lienzo:

8. Ahora, le quitaremos mucho brillo, pero borraremos este ajuste con el borrador, pintando sólo los ojos de los personajes. Calma, si se ve muy oscuro, se puede solucionar con un filtro, como se mostrará a continuación:

✧♬•*QUITÁNDOLE BRILLO

✧♬•*CON FILTRO

9. Una vez hecho este paso, agregamos una imagen con una mancha blanca (que no está en la zona de recursos porque se me olvidó ;-;) , y la colocamos y ajustamos de igual manera, a cada lado de ambos personajes. Luego, con Ibis Paint X, retoqué algo el cabello y el rostro (que no se nota por cierto xd). Le agregamos otro filtro, si no me equivoco era uno que resaltaba los colores azules:

✧♬•*RETOCADA EN IBIS PAINT X

✧♬•*CON FILTRO

10. Terminando casi la imagen base del gif, colocamos el marco negro a muy baja opacidad, y borramos la mancha casi en su totalidad en el modo editar lienzo de la app, ya que ese espacio será destinado a los gifs.

Bien, tenemos a la imagen base, ahora explicaré el proceso para hacer el gif:

1. Vamos a la página de Photopea (photopea.com), y hacemos click en "open", le dan a documentos y escogerán su imagen base.

2. Ahora, de nuevo hacen click en "open" y abren el gif que quieren usar, les aparecerá en otra ventana. Se van a donde dice layer a su derecha, y verán varias imágenes que tienen ojos a los costados, háganle click a todos ellos y luego vayan a las opciones de arriba.

3. En donde dice "layers" (herramientas de la zona de arriba), le dan a "duplicate in" y les aparecerá una ventana donde pueden escoger un archivo. Cambias el que dice allí por el tuyo (que es tu imagen base), y haz click en "ok".

4. Ahora, ve a la ventana de tu archivo picsart. Verás que tu gif está sobre él. Activa la parte en donde dice "transform controls" y podrás mover tu gif. Posiciónalo y ajústalo como quieras. En mi caso, hice este paso dos veces, porque coloqué dos gifs en mi imagen. Si colocas dos gifs, tendrás que ir a la zona de "layers" — animation — merge, y hacer click en ese orden. 

5. Ahora, guarda tu proyecto: haz click en "export as — gif". Verás que los gifs están encima de tu imagen base, así que no te preocupes, guardamos el proyecto para que Photopea no se bugee luego.

6. Por último volvemos abrir Photopea, y abrimos nuestro gif ya creado. Le agregamos de nuevo nuestra imagen base, la acomodamos encima, y ¡listo! Tienes tu gif personalizado.

✧♬•*¨*•.｡COMENTARIO GENERAL:

Me encantó el resultado, y espero realmente que también les haya gustado. Dazai y Chuuya son vida, Soukoku es amor uwu ❤❤.
Terminando, no duden en pedir consejos en este libro. Hice este portafolio con el propósito de ayudar a otros que quieren aprender, como yo hasta ahora TvT.

¡¡Gracias, y nos vemos a la próxima!!
｡･ﾟ♡ﾟ･｡🍓｡･ﾟ♡ﾟ･｡🍒