{"id":9062,"date":"2011-02-01T10:10:02","date_gmt":"2011-02-01T09:10:02","guid":{"rendered":"http:\/\/onsoftware.softonic.com\/?p=9062"},"modified":"2025-06-13T06:34:07","modified_gmt":"2025-06-13T04:34:07","slug":"herramientas-de-photoshop-la-mascara","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/es\/herramientas-de-photoshop-la-mascara\/","title":{"rendered":"Herramientas de Photoshop: la m\u00e1scara"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" style=\"margin-left: 0px;margin-right: 0px;border: 0px\" title=\"24-01-2011 12-52-09\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/24012011125209.jpg\" border=\"0\" alt=\"24-01-2011 12-52-09\" width=\"209\" height=\"183\" align=\"right\" \/> Si recuerdas, en nuestro repaso por las herramientas b\u00e1sicas de <a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-pluma\"><strong>Photoshop<\/strong><\/a> hemos tratado dos que se suelen utilizar para seleccionar y aislar elementos de una imagen: la <a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-seleccion\">Selecci\u00f3n<\/a> y la <a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-pluma\">Pluma<\/a>. Ambas son imprescindibles en multitud de casos, pero hay otros en los que est\u00e1n limitadas por el recorrido que traces con ellas.<\/p>\n<p>Para esos casos, Photoshop dispone de otra forma de selecci\u00f3n m\u00e1s general: <strong>las m\u00e1scaras<\/strong>. Si no las has utilizado hasta ahora, acomp\u00e1\u00f1anos por este tutorial y ver\u00e1s que es el m\u00e9todo de selecci\u00f3n m\u00e1s natural e intuitivo que tiene este programa.<!--more--><\/p>\n<h3>\u00bfC\u00f3mo funcionan las m\u00e1scaras?<\/h3>\n<p>En Photoshop, las capas son como hojas de acetato superpuestas. Si recortas una mediante la <strong>Selecci\u00f3n <\/strong>o la <strong>Pluma <\/strong>y eliminas todo lo dem\u00e1s, lo que habr\u00e1s hecho ser\u00eda lo mismo que <strong>si recortaras dichas hojas<\/strong>. Como puedes suponer, \u00e9sta es una opci\u00f3n destructiva e irreversible.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"mascaras\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/mascaras.jpg\" border=\"0\" alt=\"mascaras\" width=\"600\" height=\"245\" \/><\/p>\n<p>La funci\u00f3n de la m\u00e1scara es distinta. En este caso, el equivalente ser\u00eda <strong>una hoja opaca superpuesta encima de cada capa<\/strong>, que dejar\u00eda ver solamente la parte recortada encima de ella. As\u00ed no pierdes la imagen de la capa, sino que para recuperarla s\u00f3lo habr\u00edas de borrar la m\u00e1scara que la cubre.<\/p>\n<h3>Tipos de m\u00e1scara<\/h3>\n<p>Existen tres tipos de m\u00e1scara, y cada capa s\u00f3lo puede tener uno de cada:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"margin-left: 0px;margin-right: 0px;border: 0px\" title=\"tiposmasc\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/tiposmasc.jpg\" border=\"0\" alt=\"tiposmasc\" width=\"235\" height=\"281\" align=\"left\" \/><strong>1. M\u00e1scara de capa:<\/strong> es una m\u00e1scara formada por una imagen en mapa de bits. Esta imagen s\u00f3lo puede ser en <strong>escala de grises<\/strong>, siendo esta gradaci\u00f3n lo que defina la opacidad de dicha m\u00e1scara y, por tanto, de lo que se ver\u00e1 en la capa.  <strong><\/strong><\/p>\n<p><strong>2. M\u00e1scara de vector<\/strong>: es una m\u00e1scara formada por un <strong>trazado vectorial<\/strong>. Aqu\u00ed no existe grado de opacidad; lo que defina el trazado de la m\u00e1scara ser\u00e1 lo visible tras ella.  <strong><\/strong><\/p>\n<p><strong>3. M\u00e1scara de recorte<\/strong>: consiste en hacer que una capa quede tapada por los p\u00edxeles transparentes de la que tiene debajo. Es decir, la capa debajo de una m\u00e1scara de recorte actuar\u00e1 de m\u00e1scara sobre \u00e9sta, pero ambas seguir\u00e1n funcionando como capas y se mostrar\u00e1 su contenido all\u00e1 donde no quede tapado.  <strong><\/strong><\/p>\n<p><strong>M\u00e1scara r\u00e1pida<\/strong>: hablamos de ellas en el <a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-seleccion\">tutorial sobre la herramienta Selecci\u00f3n<\/a>. Son igual que las m\u00e1scaras pero se aplican a una selecci\u00f3n en vez de a una capa.<\/p>\n<h3>Formas de aplicar una m\u00e1scara<\/h3>\n<h4>1. Edit\u00e1ndola como una capa<\/h4>\n<p>Es el tipo com\u00fan de creaci\u00f3n de una m\u00e1scara. Para llevarlo a cabo, pulsa en el bot\u00f3n \u201cCrear m\u00e1scara de capa\u201d <img loading=\"lazy\" decoding=\"async\" style=\"margin-left: 0px;margin-right: 0px;border: 0px\" title=\"mascboton\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/mascboton.jpg\" border=\"0\" alt=\"mascboton\" width=\"22\" height=\"15\" \/> dentro del men\u00fa \u201cCapas\u201d. El resultado lo ver\u00e1s en el propio men\u00fa, ya que aparecer\u00e1 <strong>a la derecha de la miniatura<\/strong> de capa.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"masc-capa\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/masccapa.jpg\" border=\"0\" alt=\"masc-capa\" width=\"311\" height=\"364\" \/><\/p>\n<p>Al principio, esta m\u00e1scara est\u00e1 totalmente en blanco y no tendr\u00e1 opacidad; si pulsas <strong>Alt<\/strong> mientras haces clic en el mismo bot\u00f3n, la m\u00e1scara partir\u00e1 de negro y tendr\u00e1 opacidad total.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"mascs-opac\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/mascsopac.jpg\" border=\"0\" alt=\"mascs-opac\" width=\"540\" height=\"77\" \/><\/p>\n<p>A partir de aqu\u00ed, puedes <strong>editar la m\u00e1scara con cualquiera de las herramientas de retoque de Photoshop<\/strong>: pinceles, l\u00e1pices, borrador, correctores, filtros\u2026 Pero ten en cuenta que, aunque selecciones cualquier color, <strong>s\u00f3lo trabajar\u00e1s en escala de grises<\/strong>. Tres ejemplos:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"ejemplo1\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/ejemplo1.jpg\" border=\"0\" alt=\"ejemplo1\" width=\"600\" height=\"355\" \/><\/p>\n<p>En el primer ejemplo, hemos partido de una m\u00e1scara sin opacidad y hemos <strong>dibujado varios trazos con variantes de oscuridad<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"ejemplo2\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/ejemplo2.jpg\" border=\"0\" alt=\"ejemplo2\" width=\"600\" height=\"354\" \/><\/p>\n<p>En el segundo ejemplo, hemos comenzado tambi\u00e9n en blanco y hemos aplicado un <strong>degradado de blanco a negro<\/strong>. Este recurso suele utilizarse mucho para crear reflejos de objetos sobre superficies.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"ejemplo3\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/ejemplo3.jpg\" border=\"0\" alt=\"ejemplo3\" width=\"600\" height=\"352\" \/><\/p>\n<p>En el tercer ejemplo, hemos renderizado el filtro Nubes sobre la m\u00e1scara. El resultado es similar al de una neblina que borra la capa.<\/p>\n<h4>2.\u00a0 Partiendo de una selecci\u00f3n<\/h4>\n<p>Otra forma tambi\u00e9n muy utilizada es <strong>partir de una selecci\u00f3n y convertirla en una m\u00e1scara<\/strong> que se aplicar\u00e1 s\u00f3lo a una capa determinada. Recuerda siempre que selecciones y m\u00e1scaras, aunque con diferentes funciones, son intercambiables.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"selecmasc\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/selecmasc.jpg\" border=\"0\" alt=\"selecmasc\" width=\"600\" height=\"233\" \/><\/p>\n<p>Define la regi\u00f3n a seleccionar con las herramientas y men\u00fas que te ense\u00f1amos <a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-seleccion\">en este tutorial<\/a>. A continuaci\u00f3n, pulsa en el bot\u00f3n \u201cCrear m\u00e1scara de capa\u201d y obtendr\u00e1s una m\u00e1scara de capa con la forma de dicha selecci\u00f3n. Incluso si has aplicado <strong>efectos de suavizado o calado<\/strong> a la selecci\u00f3n, se traducir\u00e1n en variedades de gris en su equivalente de m\u00e1scara.<\/p>\n<p>Igual que antes, si pulsas Alt junto con este bot\u00f3n, se invertir\u00e1n los colores y, en consecuencia, las zonas de recorte.<\/p>\n<h4>3. Creando una m\u00e1scara vectorial<\/h4>\n<p>Hay dos formas de crear una m\u00e1scara vectorial. La primera ya te la explicamos en <a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-pluma\">el tutorial sobre la herramienta Pluma<\/a>, en el ep\u00edgrafe \u201c\u00bfQu\u00e9 puedo hacer con un trazado?\u201d. La otra forma es habiendo creado previamente una m\u00e1scara de capa. Si vuelves a pulsar en el mismo bot\u00f3n, se crear\u00e1 una m\u00e1scara vectorial vac\u00eda.<\/p>\n<p>En ambos casos, la \u00fanica herramienta para poder editarlas es la Pluma.<\/p>\n<h4>4. Como una m\u00e1scara r\u00e1pida<\/h4>\n<p>Como ya dijimos, el manejo de este tipo de m\u00e1scaras est\u00e1 relacionado con la Selecci\u00f3n y, por tanto, encontrar\u00e1s m\u00e1s informaci\u00f3n sobre c\u00f3mo aplicarlas en <a href=\"http:\/\/onsoftware.softonic.com\/herramientas-de-photoshop-la-seleccion\">el tutorial sobre esta herramienta<\/a>.<\/p>\n<h3>Las m\u00e1scaras y su relaci\u00f3n con los canales<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"canalmasc\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/canalmasc.jpg\" border=\"0\" alt=\"canalmasc\" width=\"600\" height=\"214\" \/><\/p>\n<p>Y es que, para Photoshop, una m\u00e1scara es, al fin y al cabo, <strong>un canal alpha aplicado s\u00f3lo a una capa<\/strong>. Explicaremos m\u00e1s adelante c\u00f3mo puedes sacar partido de los canales; mientras tanto, te ayudar\u00e1 saber que en el panel <strong>Canales<\/strong>, si el canal de una m\u00e1scara est\u00e1 visible, podr\u00e1s <strong>convertirlo en Selecci\u00f3n<\/strong> mediante el bot\u00f3n inferior \u201cCargar canal como selecci\u00f3n\u201d.<\/p>\n<h3>Eliminando una m\u00e1scara<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" style=\"float: none;margin-left: auto;margin-right: auto;border: 0px\" title=\"borrarmasc\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/borrarmasc.jpg\" border=\"0\" alt=\"borrarmasc\" width=\"353\" height=\"122\" \/><\/p>\n<p>Eliminar una m\u00e1scara se consigue igual que con una capa. Sin embargo, antes de hacerlo te aparecer\u00e1 una ventana que te pregunta si quieres aplicar la m\u00e1scara definitivamente sobre la capa. Aseg\u00farate de que es lo que quieres, porque el proceso es tan destructivo como borrar lo que hay fuera de una selecci\u00f3n.<\/p>\n<h3>\u00daltimos detalles<\/h3>\n<p>Un par de consejos finales sobre las m\u00e1scaras:<\/p>\n<ul>\n<li>No se pueden aplicar <strong>estilos de capa <\/strong>ni <strong>modos de fusi\u00f3n<\/strong> a una m\u00e1scara. Sin embargo, s\u00ed pueden aplicarse a la capa enlazada y actuar\u00e1n como si la m\u00e1scara fuese transparente.<\/li>\n<li>Todo lo dicho respecto a m\u00e1scaras de capa es aplicable tambi\u00e9n a <strong>grupos de capas<\/strong>.<\/li>\n<\/ul>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8634\" title=\"separacion2\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/2\/2011\/01\/separacion24.jpg\" alt=\"\" width=\"600\" height=\"19\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2011\/01\/separacion24.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2011\/01\/separacion24-256x8.jpg 256w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Esperamos que con esta informaci\u00f3n te sea m\u00e1s f\u00e1cil utilizar m\u00e1scaras. Su uso es tan amplio que te inspirar\u00e1 a hacer dise\u00f1os mucho m\u00e1s depurados en Photoshop.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si recuerdas, en nuestro repaso por las herramientas b\u00e1sicas de Photoshop hemos tratado dos que se suelen utilizar para seleccionar y aislar elementos de una imagen: la Selecci\u00f3n y la Pluma. Ambas son imprescindibles en multitud de casos, pero hay otros en los que est\u00e1n limitadas por el recorrido que traces con ellas. Para esos &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/es\/herramientas-de-photoshop-la-mascara\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Herramientas de Photoshop: la m\u00e1scara&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1029,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[],"tags":[],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-9062","post","type-post","status-publish","format-standard","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/9062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/users\/1029"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/comments?post=9062"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/9062\/revisions"}],"predecessor-version":[{"id":385635,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/posts\/9062\/revisions\/385635"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/media?parent=9062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/categories?post=9062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/tags?post=9062"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/usertag?post=9062"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/vertical?post=9062"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/es\/wp-json\/wp\/v2\/content-category?post=9062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}