Cómo hacer que los personajes sean lentamente transparentes en PS
Primero inicie Photoshop cs5 y abra dos imágenes de materiales.
Haga clic para ingresar la descripción de la imagen
Seleccione la herramienta de movimiento y arrastre la imagen del personaje al material del paisaje para formar una nueva capa 1.
Haga clic para ingresar la descripción de la imagen
Seleccione la herramienta de selección rápida, recorte el personaje, cree una nueva capa 2 y oculte la capa 1.
Haga clic para ingresar la descripción de la imagen
Luego haz clic en Seleccionar la ropa del personaje de la misma manera, crea una nueva capa 3, luego selecciona la capa 2 para agregar una máscara de capa, mantén presionada la tecla Ctrl y haz clic en la capa 2 para cargar la selección y rellenarla de negro. .
Haga clic para ingresar la descripción de la imagen
Seleccione la capa 3 y ejecute el comando Imagen-Ajuste-Decolorar para decolorar la imagen.
Haga clic para ingresar la descripción de la imagen
6
Modifique el modo de fusión de la capa 3 a luz lineal, reduzca la transparencia adecuadamente y guarde el archivo.
Haga clic para ingresar la descripción de la imagen
上篇: ¿Qué debo hacer si hao123 secuestra el navegador QQ? 下篇: ¿Qué hacer cuando los eventos de arrastre en las páginas de deslizamiento hacia la izquierda y hacia la derecha de la aplicación Vue interfieren entre sí? El método específico para vincular eventos a elementos DOM en Vue es vincular eventos a elementos DOM mediante la directiva v-on o la sintaxis de eventos sugar @ en la sección de métodos y controladores de eventos del artículo. Vue analizará la plantilla del componente y luego vinculará los eventos al elemento DOM al vincular la actualización a la directiva v-on (por supuesto, si el elemento es un iframe, esperará hasta que el iframe haya terminado de cargarse antes de vincularle los eventos). . Vue utiliza el manejo de eventos de nivel DOM2 para vincular eventos a elementos DOM porque Vue sirve a navegadores modernos superiores a IE9 y todos admiten eventos de nivel DOM2. Por lo tanto, el siguiente ejemplo es efectivamente equivalente a el.addEventListener('click',func), por lo que addEventListener admite eventos vinculantes, al igual que la directiva v-on. Del mismo modo, es teóricamente posible desvincular eventos, pero si bien existe una API para esto, la documentación de Vue no nos muestra cómo hacerlo. Como puede ver en el código, cada directiva v-on tiene un método de reinicio, que es una operación de desvinculación. Cuando el método vinculado a la directiva cambia, podemos usar este método para volver a vincularlo antes del evento. Por lo tanto, si necesitamos desvincular un evento, podemos recorrer vm._directives, encontrar la directiva correspondiente y desvincularla. Por supuesto, dado que estamos usando procesamiento de eventos de nivel DOM2, también puede usar removeEventListener para desvincular directamente el evento; consulte esta demostración. Después de la operación de desvinculación, btn1 se desvincula, pero btn2 no se desvincula correctamente, es decir, el modificador de la directiva v-on; consulte el manejo de controladores con modificadores en el código fuente. Como sugiere el nombre, el modificador modifica lo que hace el método de procesamiento de Vue: encapsular el controlador original en un nuevo controlador para vincular elementos DOM. Por supuesto, la desvinculación o desvinculación del método original fallará. Por supuesto, esto es solo un análisis de los principios de vinculación de eventos de Vue. En la mayoría de los casos, no necesitamos desvincular eventos. El uso adecuado de la delegación de eventos puede resolver la mayoría de los problemas de rendimiento causados por la vinculación de eventos. Eventos personalizados Los eventos personalizados de Vue están diseñados para la comunicación entre componentes. Los eventos personalizados proporcionan varias API: $on, $off, $once, $emit, $broadcast y $dispatch, que son muy concisas. Primero, hay dos variables privadas de vm, vm._events y vm._eventCount. Todos los eventos personalizados de cada instancia de vm se almacenarán en vm._eventsCount, que almacena la subrutina que activa el controlador de eventos personalizado después de ejecutar la transmisión del evento. La cantidad de componentes, esta es la optimización de la transmisión de eventos. Si la transmisión de eventos no está optimizada, el controlador de eventos no activará el controlador de eventos personalizado. vm._eventsCount[events] es cero. Cuando se transmite un evento, se puede concluir que el subcomponente no tiene un detector para el evento, por lo que no es necesario capturar el detector de eventos en la capa del subcomponente. $on registra un evento personalizado. Registrar el evento es muy simple. Primero, móntelo en la instancia vm._events[event]=fn y luego propague hacia arriba para actualizar _eventsCount de cada componente. Tenga en cuenta que podemos registrar enlaces del ciclo de vida a través de $on, pero el ciclo de vida no puede difundirse ni difundirse, por lo que debemos actualizar el eventsCount de cada componente. Por lo tanto, necesitamos filtrar el recuento de eventos antes de actualizarlo. Marque modificarListenerCount $once, porque el evento registrado por $once es un evento único y se descargará después de la ejecución, por lo que, de hecho, la función $once llama a $on para registrar el evento y está encapsulado. Si $off comprende el proceso de registrar eventos (en realidad cambia _events y _eventsCount), entonces descargar eventos será obvio.