#foroactivo

[thecodecoven]

Tutorial: ¿Cómo hacer gifs sin PS y no morir en el intento?

¡Holi! Hoy les traemos este tutorial que creemos que les puede ser muy útil si no tienen photoshop (como una brujita de este coven jaja). Eso sí, se usan al menos tres sitios web o apps distintos, así que sobre aviso no hay engaño.

Usaremos un descargador de videos online (el que sea de tu confianza y preferencia), Canva y Photopea. Otra opción que recomiendo es descargar VideoProc Converter, pero no es necesario para este tutorial.

Yo usaré este video de Timothée Chalamet para hacer este gif:

PASO 1. Primero, debes elegir tu video de donde harás el gif. Recomendamos videos de Youtube o Dailymotion de calidad muy buena (mínimo 720p). El consejo es que veas el video entero para que identifiques los segundos que quieres convertir a gif.

PASO 2. Descarga el video ya sea en línea (una simple búsqueda de "youtube downloader" y listo) o en VideoProc y guárdalo.

PASO 3. Vamos a Canva (si no tienes cuenta, tendrás que registrarte). Das click en "Crea un diseño" y eliges Video. Una vez que se abra tu proyecto, ve a la pestaña "Archivos subidos" > Videos y sube tu video.

PASO 3.1. En este punto podrás cortar la escena que deseas convertir a gif. Recomendamos no pasarse de los 10 segundos o será demasiado pesado.

También puedes agregarle algún filtro o jugar con los colores y tonalidades. El consejo es que intentes equilibrar el tono en caso de que los colores sean muy cálidos o fríos, o sean tipo Twilight con filtro verde, pero nada más. Esto para no saturarlo y que se vea de baja calidad.

En este caso, lo dejaré en 6 segundos y le quitaré el tono azulado.

PASO 4. Una vez que tengas tu clip, da click en "Compartir", luego más abajo en "Descargar" y, por último, en tipo de archivo, elige "GIF". Automáticamente, Canva lo guardará con las medidas 1152 x 648 pixeles. Pero a menos que necesites un gif más grande, esa medida es suficiente. Descarga y guarda tu gif.

PASO 5. Ahora vamos a Photopea, que es lo más cerca que existe a Photoshop. Aquí podrás cortar tu gif a la medida y agregar PSD's, colorings, textos, etc.

Mi gif de Tim de 6 segundos tiene 149 capas (por eso les recomendamos mantenerlo lo más corto posible), así que eliminaré las capas que no tengan demasiado movimiento entre una y otra. Puede ser dejar 1 y eliminar 1, cada 2 o cada 3; depende de qué tanto movimiento haya en la escena.

Decidí dejar 1 capa y eliminar 2, quedando así con 50 capas. También agregué un coloring.

PASO 6. Cuando tengas tu gif como te gusta, das click en Archivo > Exportar como > GIF. Al momento, surgirá una ventana donde podrás jugar con la calidad, la velocidad y el número de repeticiones (por defecto está en repetición infinita y recomiendo dejarlo así). También podrás elegir si quieres que se reproduzca en reversa o tipo boomerang.

En este caso, bajé la velocidad pues al eliminar un tercio de las capas, el gif se reproducía muy rápido para mi gusto.

¡Listo! Tu gif está terminado ✨.

Pero, Coven, ¿por qué no sólo hiciste el gif directamente en Photopea? Ah, excelente pregunta. Quizá no he encontrado la opción, pero me pareció mucho más complicado sin la línea del tiempo como la que tiene PS. Además, no sé si es igual de eficiente la herramienta de Importar videos a capas, así que preferí tomar el camino largo 😅.

Esperamos que este tutorial les sirva. Intentamos que las instrucciones sean simples y claras, pero si les quedan dudas nuestro inbox está abierto.

[scarlettwitch-rp]

JOE KEERY - crédit scarlettwitch-rp.

[syzygy-rpg]

jensen ackles.

[ciaransoul]

52 — HELVEGEN

Preview & Download

Preview & Download VR.Light

~~~

ES:

NO quitar los créditos.

Iconos aquí!

Colores al inicio de la tablilla: DARK: (Darkseagreen, #bbb, #151515). LIGHT: (Darkseagreen, #aaa, Mintcream).

El tamaño de la tablilla es editable.

Si necesitan soporte para cualquier cambio básico, contáctenme.

Like y reblog si llegan a usarlo  ♥  

EN:  

DON´T remove the credits.

Icons

Color at the beginning of the template.

The size of the code is editable.

If you need support for any basic changes, contact me.

Like or reblog if using ♥   

[code-lab]

Notiffi ✨

Hey !

J'ai terminé le plugin de modernisation du système de notification de Forumactif ! Je vous l'avais présenté quelques semaines plus tôt :

Visuellement plus complet, il permet d'afficher les dates des notifications ainsi que l'avatar du membre qui envoie la notification.

Contrairement à la Toolbar par défaut, il donne accès à la structure HTML des notifications, ce qui permet de les placer n'importe où et sous n'importe quelle forme.

Il ajoute quelques fonctionnalités supplémentaires, comme la possibilité de marquer toutes les notifications comme lues sans les supprimer, ou bien de tout supprimer d'un seul clic pour un ménage plus rapide.

Il est intégré par défaut au Blank Theme désormais !

Je l'ai pas mal éprouvé mais très peu essayé sur des forums avec une réelle activité, alors n'hésitez pas à me faire vos retours 🙏

Voir la documentation

☕ Me soutenir

Si le plugin vous est utile (ou le reste de mon travail), et que le cœur vous en dit : vous pouvez m'offrir un petit café sur ma page Kofi ❤

Amusez-vous bien avec ✌

[thecozycorgi]

Codember2024 - Stitch

Buenas a todos, para este prompt del codember2024 organizado por @elalmacen-rp e inspirándome aquellos puntos que necesitamos tras el fallecimiento de algún actor o personaje que significaron algo en nuestras vidas, incluso si nunca tuvimos el placer de conocerlos en persona.

En mi caso, este año fue Maggie Smith quien dio vida a Minerva McGonagall, uno de mis personajes favoritos de la saga de Harry Potter.

En el código encontrarán doce firmas inspiradas en Minerva, donde seis son sobre frases icónicas del personaje con Maggie Smith y las siguientes seis son con PBs que utilizaría o utilicé como Minerva (Lucy Hale, Nico Parker, Rachel Weisz, Mila Kunis, Antonia Thomas y Katie McGrath).

Ninguno de los gifs utilizados es de mi autoría.

Os dejo los códigos comentados con notas para mejor edición, agradezco like/reblog si van a utilizar los mismos.

Ante cualquier duda, mis ask están abiertos.

Código + Live Preview

[smokiecraft]

「 𝐒𝐩𝐚𝐫𝐤𝐥𝐢𝐧𝐠 」 ― Promo template ⊹ 002

〔 ✧ 〕 Viendo que últimamente están surgiendo muchos foros en la comunidad, se me ocurrió aportarles un template de promoción, intentando que sea sencillo pero vistoso. Dentro del PSD encontrarán, en cada capa, una pequeña instrucción pero, sí aún les queda alguna duda, pueden escribirme por ask. Se adapta perfectamente a uso para foros 2D como 3D; Les dejaré más abajo dos ejemplos como para que se hagan una idea.

⧙ Info & Samples ⧘ Tamaño: 540x540px. Tipografías: Para el título usé Carattere y Bluu Next. Para los subtítulos usé FuturaRenner.

Les comparto dos ejemplos rápidos de cómo podría quedar. Tienen marca de agua para que ninguno se pase de listo.

ʚ Sweet Reminder! ɞ

En este blog hay reglas, son muy poquitas y muy claritas. Los recursos que comparta son, en su inmensa mayoría GRATUITOS y de uso LIBRE pero lo mínimo que pido es respeto. NO te atribuyas ninguno de mis recursos y NO los uses como base ♥ ¡por favor y gracias!

L o a d i n g · · · 《 Download here 》

⧼ ❥ ⧽ Hacele un cariñito a mi alma, tus likes y reblogs son el alimento de mi corazón.

[aethereal-codes]

──── ⌗ 𝐯𝐞𝐧𝐠𝐞𝐚𝐧𝐜𝐞

okay hi yes, back with another wallpost code! very proud of this one since it works on both site (hence the lil video above) and all editors, anddd don't need a character limit LMAO. this has been good practice for me so enjoy enjoy and as always if you have any questions you can message me on here or on discord (blvntsrc) !

╰┈➤ 𝐦𝐲 𝐫𝐮𝐥𝐞𝐬 -

don't claim my code as your own

don't touch the credits

ask before moving my credits. that's all I ask <33

⋮ ⤷ ┆ get the code 𝐡𝐞𝐫𝐞 or 𝐡𝐞𝐫𝐞

[resources-by-m]

Alex Schlab 250x400 px gif avatars.

[elirosecodes]

52. ZEDEL {POST DE ROL}

Light || Dark

Yo tengo hiperfocos que me ayudan a inspirarme y mi hiperfoco ultimamente es Luvcat.

Favor no quitar los créditos ni usar la tablilla como base.

La imagen se modifica dentro del HTML.

La imagen tiene filtro de color.

Los dos tonos se modifican en style.

Hice dos versiones para que no se tengan que complicar cambiando todos los blancos a negro o viceversa.

[kkyucodes]

firma 001 | the warmth

vengo a compartir un montón de firmas que estoy haciendo por si alguien quiere utilizarlas. son bastante simples pero sí llevan crédito, así que porfa, no lo modifiques <3

la primera de esta tanda es the warmth.

soy consciente de que le he puesto el número 1 a pesar de que he hecho otras antes. es un intento de refresh. (?)

preview | code

[cactuscodes]

44. Post // Sea 2024 (Black)

Link a Ko-fi | Click

Normas:

No quites los créditos bajo ningún concepto.

No utilices la tablilla como base para otra.

Puedes cambiar las imágenes, colores y fuentes.

Iconos de: FontAwesome & Cappucicons.

El código de color para cambiar las olas es: #d945b5

Para que no se solape con otras tablas, debes añadir un identificativo diferente a: id="gradient"

Rules:

Don’t remove the credits.

Don’t use it as a base.

You can change the images, colors, fonts, etc.

Icons by: FontAwesome & Cappucicons.

Wave's color is: #d945b5

To no overlap the same code with other tables, you need to add a different identifier to: id="gradient"

[memerolero]

Contexto para Latinoamérica: El de la foto es Javier Tebas, actual presidente de la Liga Nacional de Fútbol Española. Gracias a este ser, cada vez que hay fútbol en España, los servidores de Cloudfare son capados para que la gente no pueda ver el fútbol pirata. Eso afecta a los servidores donde está alojado también Foroactivo, por lo que es casi imposible entrar a los foros si no es con una VPN mientras pasa eso.

Tebas, no te lo perdonaremos.

[cherryflancodes]

a rose by any other name... — tablilla de rol

Con Scroll: Pastebin Sin Scroll: Pastebin

¡El primer código nuevo en este blog! Este código nació en un code challenge en @dixinmortal, el cual daba una base clara u oscura, y uno tenía que decorarla a su gusto. Y terminé ganando el pequeño challenge :3 Eventualmente lo ajusté un poco a una versión que no esté tan contenida en un espacio reducido, por lo que hay dos versiones! Una versión con scroll e imagen más pequeña, y la otra con alto que se ajusta al contenido e imagen más alta. El nombre de la tablilla es similar a la de un tema de rol donde usé esta tablilla, hehe.

Ahora, algunas indicaciones. Ambas versiones usan las mismas variables CSS para los colores e imagen. Aquí, qué significa cada uno:

--wbgcol: Es el color del fondo en valores RGB, para poder usarse con transparencias (para el efecto degradado)

--wacccol: El color principal de acento, el de la letra inicial y desplazador

--wacccol2: El segundo color de acento, para la línea de fondo del desplazador

--wbgimg: La URL de la imagen de fondo. Debe ir entre url(). Para la versión scroll el tamaño de la imagen es 450x150 pixels. Para la versión sin scroll el tamaño es 500x350 pixels.

--wtxtcol: El color del texto (título y contenido)

Además de esto, la tablilla tiene un par de clases para colocar imágenes flotantes a la izquierda o derecha. Las clases son whiteimg-left y whiteimg-right. En el código se tiene un ejemplo de las imágenes.

Disclaimers y demás:

* Se permite el uso del siguiente código en cualquier lugar del Internet, ya sea en su forma íntegra como con todas las modificaciones que el usuario realice sobre él. PERO Queda prohibida su distribución en sitios de resources de códigos y gráficos suplantando mi identidad como autor. (no sé por qué alguien haría algo como eso but just in case) * Se recomienda que el usuario use su propio hosting de imágenes y/o fuentes para los recursos usados, ya que los usados aquí pueden desaparecer sin previo aviso. * Se agradece el no retirar los créditos.

[ciaransoul]

53 — I Promised You - CB

Preview & Download

~~~

ES:

NO quitar los créditos.

Las imágenes se adaptan automático.

Iconos aquí!

Colores en el HTML. PB1: #A67294 / PB2: #8C5463

El ancho de la tablilla es editable.

Si necesitan soporte para cualquier cambio básico, contáctenme.

Like y reblog si llegan a usarlo  ♥  

EN:  

DON´T remove the credits.

Icons

Color at the HTML PB1: #A67294 / PB2: #8C5463

The width of the code is editable.

If you need support for any basic changes, contact me.

Like or reblog if using ♥