Cómo hacer un cuadro con bordes transparentes. Cambiar el tamaño en Photoshop. Configuración de transparencia: instrucciones detalladas
Hay varias formas de crear una imagen con bordes transparentes.
1. Hacer imágenes prediseñadas usando una máscara rápida
Abra una imagen adecuada.
Establece un degradado de negro a transparente. 
Active la herramienta Máscara rápida (el icono se volverá rojo)
Sube una foto gradiente radial desde el medio hasta cualquier rincón. 
La imagen se volverá roja. máscara rápida, obtenemos una selección. Haga clic en el botón Eliminar o Editar - cortar. Parece una imagen prediseñada
2. Clipart usando una máscara
Hay muchas máscaras para imágenes prediseñadas. Los hay redondos, cuadrados, de una cara, de doble cara, rizados y un montón de diferentes, para todos los gustos y para cualquier finalidad.
Cómo usarlos:
Abre la foto, abre la máscara (yo tomé la redonda). Transferimos la máscara a la imagen, transformación libre ajustar para que se ajuste al documento. 
Así se ve en capas 
Apagamos el ojo en la capa con la imagen y vamos a los canales. Aquí activamos el canal azul (el más bajo) y hacemos clic derecho sobre él. Seleccione - Crear un canal duplicado. En la ventana que aparece, haga clic en "Aceptar". Resulta así
A veces resulta que la mirilla del canal anterior no está cerrada, lo que significa que hay que cerrarla y abrirla en el canal más bajo, en la copia. Reprimición tecla Ctrl, haga clic en el ícono del canal, obtenga una selección y vaya a capas. Aquí apagamos el ojo en la máscara, hacemos. capa activa con imagen (azul). Vayamos a Seleccionar - Inversa. Hacer clic Eliminar clave o Edición - cortar. Obtenemos imágenes prediseñadas con bordes transparentes. 
3. Clipart usando un pincel
Abrir imagen, crear nueva capa.
Seleccione la herramienta Pincel y establezca el color de primer plano en negro.
Haga clic aquí y seleccione cepillo suave tamaño adecuado. Puedes reducir la transparencia del pincel. Yo tomé el pincel a 300 px. Arrastra el pincel sobre la capa transparente como necesites, seleccionando los lugares que necesites en la imagen prediseñada. 
Manteniendo presionada la tecla Ctrl, hacemos clic en el icono de la capa donde pintaste con un pincel, obtenemos una selección. Ve a la capa con la imagen. Apague el ojo en la capa de "dibujo", vaya a Seleccionar - Invertir y presione la tecla Eliminar. 
Este método es bueno porque puedes controlar qué lugares de la imagen resaltar. Cuanto mayor sea la opacidad del “dibujo”, más brillante resultará la imagen prediseñada./>
4. Imágenes prediseñadas utilizando la herramienta Lazo de línea recta.
Abre la imagen. Dibuja un lazo recto alrededor del objeto para crear una selección. 
EN panel superior haga clic en *Refinar borde* del área seleccionada 
En la ventana que aparece, configure la configuración, recomiendo experimentar y haga clic en Aceptar. 
Sin eliminar la selección, vaya a Capas - Nueva - Copiar a nueva capa. En la capa inferior, cierra el ojo y admira tu clipart. 
Domina y utiliza el que más te guste.
Fuente
Breve demostración
compensaciones debajo del control deslizante de ajuste de transparencia.
Nota: En PowerPoint, puedes hacer que una imagen sea transparente y usarla como fondo para una diapositiva.
Establecer color transparente indisponible.
Importante:
Restablecer la configuración del patrón en un grupo cambiar .
Nota:
Cambiar la transparencia de una forma.
Eliminar el fondo de una imagen
Cambiar la transparencia de la imagen fuera de Office
Para hacer el dibujo transparente, haz próximos pasos:
Haga clic en Dibujar una forma rellenándola con la imagen y luego ajuste la transparencia del dibujo.
Este proceso se muestra en el vídeo. Para ver más detalles sobre este y otros métodos, Haga clic en un título a continuación para expandir la sección que desee.
Breve demostración
Configuración de transparencia: instrucciones detalladas
Cambiar la transparencia de toda la imagen.
Haga clic en Dibujar una forma rellenándola con la imagen y luego ajuste la transparencia del dibujo.
Consejo: Si cambia las proporciones originales de una forma arrastrándola, el diseño insertado en la forma puede distorsionarse. Además, algunos diseños no encajan bien en determinadas formas. Puedes personalizar apariencia dibujar cambiando el tamaño de la figura o usando los parámetros compensaciones encima del control deslizante de ajuste de transparencia.
Cambiar la transparencia de parte de un dibujo.
Con la función de transparencia incorporada, puede hacer que un color de un dibujo sea transparente.
A diferencia de aplicar transparencia a una imagen completa, puede hacer que un solo color sea transparente sólo en un objeto insertado como imagen (es decir, no en una imagen con forma). Si se inserta una imagen en una forma como se describe arriba, la opción Establecer color transparente indisponible.
Importante: un área que parece ser de un solo color (como hojas verdes) en realidad puede incluir toda la gama tonos de color similares, por lo que es posible que no logre efecto deseado. Aplicar colores transparentes mejor en caso de fotos simples con flores sólidas.
En la imagen de abajo, las hojas se componen de varios tonos de verde, por lo que solo una parte de las hojas se vuelve transparente, lo que dificulta su visualización. efecto transparente. Repetir el proceso con un color diferente eliminará la transparencia del primer color. Para cancelar los cambios de color, haga clic en Restablecer la configuración del patrón en un grupo cambiar .
Nota: Cuando se imprimen, las áreas transparentes de los diseños son del mismo color que el papel. En una pantalla o sitio web, las áreas transparentes son del mismo color que el fondo.
Agregar un fondo estampado
Cambiar la transparencia de una forma.
Eliminar el fondo de una imagen
Cambiar la transparencia de la imagen fuera de Office 2010
Si tienes una aplicación de edición de imágenes, puedes usarla para hacer que tu dibujo sea transparente. Luego guarde el dibujo en un formato que conserve la información de transparencia (como un archivo PNG) y péguelo en un documento de Office.
Ajuste de la transparencia de la imagen: pasos básicos
Para hacer un dibujo transparente, siga estos pasos:
Primero en dibujar la figura.
Rellénalo con un diseño.
Ajusta la transparencia de la imagen.
Configuración de transparencia: instrucciones detalladas
Cambiar la transparencia de toda la imagen.
Inserte la imagen dentro de la forma con el tamaño deseado y luego ajuste su transparencia.
Cambiar la transparencia de parte de un dibujo.
Con la función de transparencia incorporada, puede hacer que un color de un dibujo sea transparente.
Importante: Un área que parece ser de un solo color (como las hojas verdes) puede contener en realidad una gama de colores similares, por lo que es posible que no se logre el efecto deseado. Lo mejor es utilizar colores transparentes para imágenes simples con colores sólidos.
Agregar un fondo estampado
Cambiar la transparencia de una forma.
Cambiar la transparencia de la imagen fuera de Office 2007
Si tienes una aplicación de edición de imágenes, puedes usarla para hacer que tu dibujo sea transparente. Luego guarde el dibujo en un formato que conserve la información de transparencia (como un archivo PNG) y péguelo en un documento de Office.
Cambiar la transparencia de parte de un dibujo.
en la pestaña Formato de figura haga clic en el botón Color y luego haga clic Establecer color transparente.
Nota:
Cambiar la transparencia de una imagen o el color de relleno
Cambiar la transparencia de parte de un dibujo.
Un color de un diseño se puede hacer transparente para ocultar parte del diseño o crear un efecto de capas. Las áreas transparentes coinciden con el color del papel en el que están impresas. En la visualización electrónica, como en las páginas web, las áreas transparentes tienen un color de fondo.
Seleccione la imagen cuya opacidad del color desea cambiar.
en la pestaña Formato de figura haga clic en el botón repintar y luego haga clic Establecer color transparente.
Haga clic en el área del dibujo o imagen que esté rellena con el color que desea hacer transparente.
Nota: No se puede hacer transparente más de un color de un diseño. Las áreas que parecen ser de un solo color (como el azul cielo) pueden en realidad estar compuestas por una variedad de variaciones de color. Por lo tanto, es posible que el color seleccionado solo aparezca en un área pequeña y en algunos diseños puede resultar difícil ver el efecto de transparencia.
¡Hola amigos!
Este es otro material sobre cómo trabajar con imágenes.
En él aprenderás cómo reducir el tamaño de una imagen sin perder calidad con usando pintura, Photoshop y servicios en línea.
Además, aprenderá a hacer esto en dos aspectos. Después de todo, el tamaño de la imagen tiene 2 significados:
- Tamaño en píxeles, es decir, el alto y ancho de la imagen;
- Tamaño en kilobytes, es decir, el peso de la imagen en una computadora u otro medio.
Este material es apto para cualquier persona que esté interesada en reducir el tamaño de sus imágenes, fotografías, etc. Y será muy útil para los propietarios de sitios web, ya que no se recomienda publicar imágenes en sus materiales. gran tamaño y peso.
Comencemos con una pequeña consideración de la necesidad de todas las acciones que se analizan a continuación.
En cuanto a cambiar el alto y ancho de la imagen, hay muchas opciones: necesita el tamaño requerido para imprimir, para publicar en el sitio, para reducir el mismo peso de la imagen, ya que disminuye cuando se reduce el tamaño.
Es posible que sea necesario reducir el peso para ahorrar peso en el material ( disco duro, unidad flash, etc.), para carga rapida imágenes en el sitio, etc.
En realidad, hay una gran cantidad de opciones. Para no languidecer, comenzamos a practicar.
Por tradición doy videotutorial detallado, en el que todo se mostró claramente.
Ahora para los amantes de las instrucciones en texto.
Cambiar el tamaño en Paint
Para cambiar las dimensiones de alto y ancho, no recomiendo utilizar ningún servicio en línea, ya que esto se puede hacer usando conjunto estándar programas e incluso un editor de sistema operativo estándar sistemas windows- Pintar.
Abra la imagen en Paint y en la pestaña "Inicio" hay un elemento "Cambiar tamaño".
Al pulsar sobre él podremos cambiar el tamaño sin perder calidad (si la reducimos) y sin perder proporciones. Para hacer esto, asegúrese de activar la configuración para mantener las proporciones.
Al cambiar los parámetros de tamaño horizontal y vertical, ajusta el ancho y el alto de la imagen en consecuencia. Elegir parámetros requeridos, haga clic en el botón "Aceptar" y luego guarde el archivo final en su computadora.
Hemos terminado de cambiar el tamaño de la imagen en Paint.
Por cierto, cambiar los parámetros de ancho y alto también afecta el peso de la imagen. Por tanto, toma nota de esto.
Ahora considere la opción con usando photoshop.
Cambiar el tamaño en Photoshop
Abra nuestra imagen en el programa y vaya al elemento "Imagen - Tamaño de imagen".
En la siguiente ventana, el cambio se produce de la misma forma que en Paint. Asegúrese de que la casilla de verificación esté marcada para mantener las proporciones y establecer los parámetros de alto o ancho requeridos.
Después de hacer clic en el botón "Aceptar", se aplicarán los parámetros de tamaño y podrá guardar el archivo.
Estos métodos son suficientes para cambiar el tamaño de la altura y el ancho de las imágenes.
Ahora veremos 2 formas de reducir el peso de las imágenes.
Pero antes de eso, quiero señalar que ya conoces una forma. Si no necesitas imágenes más allá tallas grandes, entonces puede reducir su altura y ancho, reduciendo así el peso varias o incluso decenas de veces.
Reducir el peso en Photoshop
Este método será de gran utilidad para los propietarios de sitios web, ya que cuanto menos pesa la página, más rápido se carga. Y esto es muy importante. Un método adecuado también para cualquier necesidad.
Después de abrir una imagen en Photoshop, debe guardarla inmediatamente, pero normalmente no, sino para la web y los dispositivos.
En la siguiente ventana debe configurar los parámetros de calidad de la imagen:
- Calidad - alta (60-70). Ajuste el valor para adaptarlo a sus necesidades;
- Formato: jpeg. Si necesita guardar áreas transparentes en la imagen, entonces necesita el formato png;
- También configuramos la configuración "Progresiva".
También puedes cambiar los tamaños directamente en esta ventana, y no por separado a través del elemento "Imagen - tamaño de imagen", como mostré en el párrafo anterior. Es muy conveniente.
Después de configurar los parámetros, guarde la configuración (ver captura de pantalla arriba).
Esta es la única forma en que pude reducir el peso de la imagen de 116 kb a 75 kb sin cambiar las dimensiones (el alto y el ancho permanecieron iguales).
EN este método Puedes jugar con el valor de la calidad. Todo depende de por qué necesitas reducir el peso de la imagen. Es muy posible que pueda establecer el parámetro más bajo, haciendo que el peso sea aún menor.
Ahora veamos cómo perder peso utilizando un servicio en línea.
Servicio en línea para optimización.
Este método es muy útil para imágenes reducidas. Por ejemplo, si ya reduje la imagen anteriormente en Photoshop, podemos usar el servicio para finalizar el tamaño.
El servicio tiene un nombre. krakin.io. Pasemos a ello. Proporcioné un enlace directamente a la página de selección de imágenes.
En esta página, primero debe decidir el grado de compresión de la imagen. Hay 2 parámetros responsables de esto:
- Con pérdida- fuerte compresión(establecido por defecto);
- Sin pérdidas: menos compresión.
Puede determinar este parámetro solo probándolos. Por lo tanto, intente comprimir la imagen de esta manera y luego seleccione la opción deseada.
La imagen se optimiza inmediatamente y veremos un informe sobre el trabajo realizado en el área de selección de archivo.
Esta claro que tamaño original el archivo tenía 77 kb y después de la optimización pasó a tener 59 kb. También muestra cuánto se comprimió en kilobytes (18 kb) y en porcentaje (23,8%).
para guardar imagen comprimida, debes hacer clic en el botón "Descargar este archivo" en la última columna "Estado". Seremos trasladados a nueva pestaña, donde se abrirá la imagen final para que podamos evaluarla. Para guardar es necesario hacer clic botón derecho Coloque el mouse sobre la imagen y seleccione "Guardar imagen como".
Si viste el video al comienzo del artículo, donde mostré claramente el proceso y todos los matices de este artículo, entonces sabrás que solo estos métodos pueden reducir una imagen de 360 kb a 40 kb. Y este no es el límite.
Este material ha llegado a su fin. Todos los métodos descritos en el artículo, cómo al usuario promedio Internet, estarás perdido.
En los comentarios a continuación, me interesaría conocer algunas de sus formas de reducir el peso de las imágenes. Quizás haya algo más sencillo pero más eficaz. Por eso, te espero abajo cerca del formulario de comentarios.
¡Saludos cordiales, Konstantin Khmelev!
Vlad Merzhevich
El efecto translúcido del elemento es claramente visible en imagen de fondo y se generalizó en varios sistemas operativos porque luce elegante y hermosa. En diseño web, la translucidez también se utiliza y se logra mediante la propiedad o formato de opacidad. colores RGBA, que está configurado como fondo.
bloque de degradado
Haga el bloque que se muestra en la Fig. 1. El bloque contiene un marco degradado translúcido con fondo degradado bajo el título y un pequeño índice. El fondo de la página se proporciona únicamente para aclarar el efecto de translucidez; puede indicar cualquier imagen propia. La altura mínima del bloque es 100 px.
¿Cómo hacer una capa semitransparente?
Para cambiar el grado de transparencia de un elemento, utilice propiedad de estilo opacidad con un valor de 0 a 1, donde 0 corresponde a la transparencia total y 1, por el contrario, a la opacidad del objeto. en el navegador Explorador de Internet Esta propiedad no funciona, por lo que debe usar un filtro específicamente para ella, una propiedad que no forma parte de la especificación CSS. El ejemplo 1 muestra cómo configurar la transparencia de la capa para todos los navegadores.
Fondo translúcido
Vlad Merzhevich
La transparencia parcial, cuando se usa correctamente, luce muy impresionante en el diseño de un sitio web. Lo principal es que bajo bloques translúcidos no era un dibujo monocromático, sino una imagen; es en este caso donde se nota la transparencia. Este efecto se logra de diferentes maneras y si recuerdas todo, incluidos los métodos antiguos, entonces este es el uso imagen PNG como fondo, creación imagen a cuadros Y propiedad de opacidad. Pero tan pronto como surge la necesidad de hacerlo en el bloque. fondo translucido, estos métodos tienen un inconveniente desagradable. Haré una breve reseña para que quede claro de qué hablo. estamos hablando de, así como para aquellos lectores que no están familiarizados con opciones no tradicionales para crear un efecto translúcido.
¿Cómo configurar una mesa para que sea translúcida, pero algunas celdas no lo son?
Para cambiar la transparencia de un elemento, CSS3 proporciona la propiedad de opacidad; su valor puede variar de 0 a 1. Cero corresponde a la transparencia total del elemento y uno, por el contrario, a la opacidad. Navegadores modernos funciona bastante correctamente con esta propiedad con la excepción de navegador de internet Explorer, por lo que tienes que usar un especial propiedad de filtro con el valor alfa(Opacity=X) , donde X puede variar de 0 a 100.
"Photoshop" es un programa multifuncional y muy complejo. Está diseñado para profesionales. Por tanto, es difícil entenderlo. Sin ayuda externa es casi imposible hacer esto. Por eso se nos ocurrieron lecciones especiales sobre Photoshop. Pero no tendrán lo más importante: los conceptos básicos del trabajo con herramientas. Para cada lección se utiliza propias herramientas y configuración. Nuestra tarea es dominar los conceptos básicos. Por ejemplo, una acción tan simple como simplemente hacer transparencias en Photoshop puede ser una tarea abrumadora para un principiante. Por ello, analizaremos este momento en particular.
¿Por qué es esto necesario?
La transparencia de una imagen en Photoshop puede ser necesaria en la mayoría de los casos. varias tareas. Por ejemplo, necesita superponer una imagen sobre otra y reemplazar el fondo. Aquí no hay transparencia. O necesitas hacer una marca de agua. También debe ser traslúcido. Y, en general, la transparencia es casi el componente más importante de cualquier trabajo en Photoshop. Hay muchos usos para la transparencia. Por eso vale la pena aprender a utilizar esta interesante herramienta para la creatividad.
Hay varias formas de aplicar transparencia en Photoshop. Algunos de ellos son indecentemente simples y otros requerirán algo de esfuerzo. Pero el resultado superará todas las expectativas. Todo el mundo quiere sentirse como un dios del Photoshop. Y sin estudiar los “materiales” esto es imposible. Así que aprendan lo básico, caballeros. Y como primera lección, aprendamos a trabajar con transparencia.
Hacer transparente toda la imagen
Aquí todo es muy sencillo. Es mucho más fácil aplicar transparencia a una imagen completa que a una sección específica de la misma. Entonces, vaya a "Archivo", "Abrir" y abra la imagen que necesitamos. Ahora en la lista de capas nos fijamos en la capa llamada “Fondo”. Enfrente habrá un icono de candado. Esto significa que la capa está bloqueada. Para cambiar cualquier parámetro de una capa, debe desbloquearla haciendo clic en el icono de candado. Después de eso, puedes realizar varias manipulaciones con la capa.
Ahora, en la misma ventana de capas, justo encima, hay varios controles deslizantes que ajustan la transparencia de la imagen. Utilizándolos, configuramos la transparencia que necesitamos en Photoshop. La transparencia de las capas en Photoshop es una cuestión sencilla. Y lo lograremos imagen translúcida sin antecedentes. En lugar del fondo, aparecerán cuadrados blancos y negros. Esto significa que la imagen se ha vuelto transparente. Pero eso no es todo. Ahora lo principal es guardar la imagen correctamente. Es toda una historia.
Guardar la imagen editada
El hecho es que el predeterminado para imágenes no puede funcionar con imágenes transparentes. Por lo tanto, debe guardar la imagen resultante de ninguna manera sin esto. Vaya a "Archivo", "Guardar como..." y en la línea para seleccionar el formato del archivo de salida, seleccione PNG. Haga clic en "Guardar". Eso es todo. Pero esto es solo la punta del iceberg, ya que analizamos la forma más sencilla de crear transparencias en Photoshop. Usando la imagen completa como ejemplo. Pero ¿y si necesitamos hacer una marca de agua con alguna inscripción? Más sobre esto a continuación.
Si estas planeando trabajo adicional con la imagen resultante en Photoshop, es mejor guardar la imagen en formato PSD- estándar para este editor. Con este método se guardan incluso capas individuales, lo que facilitará enormemente el trabajo posterior con la imagen en el futuro. Pero este formato no es en absoluto adecuado para la publicación web.
Creación sobre la imagen.
Aquí, en principio, no hay nada complicado. Lo primero que debes hacer es abrir una nueva imagen. Luego agregue una nueva capa al menú de capas y vaya a la herramienta "Texto". Ingresamos el texto deseado y lo transformamos como necesitemos, utilizando elementos de control. Luego comenzamos a crear transparencias en Photoshop. Asegúrese de tener seleccionada la capa de texto y luego ajuste su transparencia usando los controles deslizantes con los que ya estamos familiarizados. Luego, vaya nuevamente al menú de capas y ejecute el comando "Aplanar capas". Debes guardar el resultado nuevamente en formato PNG.
De esta manera puedes agregar algo más que texto como marca de agua. Puedes utilizar cualquier imagen como logotipo. Naturalmente, en este caso no es necesario utilizar la herramienta "Texto". Bastará con arrastrar la imagen deseada en la capa recién creada y redúzcala a tamaños requeridos. Y luego haz todo según las instrucciones.
Hacer transparente el fondo de una imagen
Esta tarea ya no es tan sencilla como las anteriores. Aquí tendrás que utilizar combinaciones de muchas herramientas. Para aplicar transparencia en Photoshop para un área determinada imagen, primero debes crear una nueva capa duplicada. Entonces necesitas aplicar transparencia a imagen de fondo sin afectar la nueva capa. Después de eso, ve a la barra de herramientas y busca la herramienta Borrador. Activa la capa duplicada y utiliza un borrador para borrar todo el fondo, excepto el objeto que queremos dejar intacto. Debes trabajar con el borrador con mucho cuidado, porque puedes dañar una imagen que no debe tocarse en absoluto.
Una vez realizadas las manipulaciones descritas anteriormente, aplanamos las capas y observamos el resultado. Si estamos satisfechos con ello, guardamos la imagen en formato PNG. Si no, cancelamos última acción y seguir trabajando con capas hasta que el resultado nos convenga. Este trabajo es muy minucioso y requiere concentración. Porque un movimiento en falso con el borrador y tendrás que rehacerlo todo. ¿Lo necesitas? No lo creemos.
Conclusión
Gracias a este breve tutorial, aprendiste a utilizar la transparencia en Photoshop. Ahora tu trabajo con este programa será más productivo. Y siempre se necesita transparencia. No importa qué tipo de proceso de edición estés realizando. Lo principal es no exagerar, porque no es necesaria una transparencia excesiva. La imagen debe ser al menos un poco visible. De la misma manera puedes guardar objetos con fondo transparente en formato PSD para su uso posterior en otros proyectos. Usar transparencia de fondo o imagen puede ser una excelente manera de ampliar sus horizontes creativos. Así que adelante, futuros dioses del Photoshop. Entrena y serás feliz.
