<rss version="2.0"
     xmlns:atom="http://www.w3.org/2005/Atom"
     xmlns:dc="http://purl.org/dc/elements/1.1/">
        <channel>
        <title>Magazine - marco-de-fotos</title>
        <link>https://www.xatakafoto.com</link>
        <description>Publicación de noticias sobre gadgets y tecnología. Últimas tecnologías en electrónica de consumo y novedades tecnológicas en móviles, tablets, informática, etc</description>
        <pubDate>Wed, 10 Jun 2026 23:12:15 +0000</pubDate>
        <generator>https://www.xatakafoto.com</generator>
        <atom:link href="https://www.xatakafoto.com/tag/marco-de-fotos/rss2.xml" rel="self" type="application/rss+xml" />
                                        <item>
                <title><![CDATA[Cómo crear un marco con sombra en Photoshop. Vídeo Screencast]]></title>
                <link>https://www.xatakafoto.com/tutoriales/como-crear-un-marco-con-sombra-en-photoshop-video-screencast</link>
                <guid>https://www.xatakafoto.com/tutoriales/como-crear-un-marco-con-sombra-en-photoshop-video-screencast</guid>
                <pubDate>Wed, 30 Jun 2010 21:46:45 +0000</pubDate>
                                <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/76226f/marcoconsombra/1024_2000.jpg" alt="C&#x00F3;mo&#x20;crear&#x20;un&#x20;marco&#x20;con&#x20;sombra&#x20;en&#x20;Photoshop.&#x20;V&#x00ED;deo&#x20;Screencast">
    </p>
    <p>Nuevo <strong>Vídeo Screencast</strong> el que os traemos hoy para terminar el mes. </p>

<p>En esta ocasión vamos a aprender a realizar un <strong>marco para con sombra para nuestras fotos</strong> usando <strong>Photoshop</strong>, algo útil y efectivo si queremos hacer una presentación distinta de nuestras fotos, un dossier, o simplemente integrarlo en un documento, en una web, o subirla a nuestro servicio de alojamiento de imágenes favorito.</p>
<!-- BREAK 1 -->
<p>Los pasos para realizar un <strong>marco con sombra</strong> son los siguientes:</p>
<!--more--><ul>
<li><p>Abrimos la imagen en Photoshop. Para el ejemplo hemos usado una foto con 500 píxeles de ancho. Esto es importante, porque a la hora de crear el marco tendremos que <strong>tener en cuenta el tamaño de la imagen</strong> para ampliar el lienzo de forma proporcional.</p>
</li>
<li><p>Empezamos por crear el marco en si. Lo hacemos desde <strong><em>Imagen - Tamaño de Lienzo</em></strong></p>
</li>
<li><p>Marcamos la opción relativo, elegimos un color de fondo (en este caso blanco) y ampliamos el lienzo. Para una foto de 500 píxeles de ancho hemos ampliado 25 píxeles por cada lado.</p>
</li>
<li><p>Volvemos a ampiar el lienzo desde <strong><em>Imagen - Tamaño de lienzo</em></strong> para ponerle un borde al marco. En este caso eligiremos un color gris y ampliaremos 2 píxeles por lado.</p>
</li>
<li><p>Una vez tenemos el marco que nos guste vamos a crearle una sombra. Para ello empezamos por convertir el fondo en capa pulsando en <strong><em>Capa - Nueva - Capa a partir de fondo</em></strong> o pulsando con el botón derecho en la miniatura y marcando en <strong><em>Capa a partir de fondo... </em></strong>.</p>
</li>
<li><p>Tras esto, creamos una nueva capa en el botón de <em>crear una nueva capa</em> del administrador de capas o en <strong><em> Capa - Nueva - Capa</em></strong>.</p>
</li>
<li><p>Movemos esta nueva capa debajo de la fotografía pinchando y arrastrando, ya que la usaremos como fondo.</p>
</li>
<li><p>Volvemos a ampliar el lienzo de la nueva capa que hemos creado. Para ello la seleccionamos y nos vamos a<em> Imagen - Tamaño de Lienzo</em> donde de nuevo ampliaremos 25 píxeles por cada lado.</p>
</li>
<li><p>El siguiente paso es crear la sombra. Para ello haremos doble click en la miniatura de la capa de la foto en el administrador de capas, que hará que se nos abra una nueva paleta de herramientas de <em>Estilo de capa</em>. En ella elegiremos <strong><em>Sombra paralela</em></strong> para poder crear la sombra.</p>
</li>
<li><p>También podemos acceder directamente desde <strong><em>Capa - Estilo de Capa - Sombra paralela</em></strong>.</p>
</li>
<li><p>Crearemos la sombra a nuestro gusto, configurando <strong><em>opacidad, color, ángulo, etc, etc...</em></strong>.</p>
</li>
<li><p>Una vez que tengamos la sombra que nos guste sólo nos queda guardar la imagen en <strong><em>Archivo - Guardar</em></strong>.</p>
</li>
<li><p>Como formato elegiremos <strong>PNG</strong>, que nos va a permitir mantener la transparencia, algo fundamental si después queremos insertar la foto en un fondo en algún documento, independientemente del color de este.</p>
</li>
<li><p>De cualquier forma, siempre podemos elegir un color de fondo, aplicárselo a la capa inferior y guardar el resultado como JPG o cualquier otro formato.</p>
</li>
<li><p>Y listo, aquí tenemos el resultado:</p>
</li>
</ul>
<div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
                   <img class="centro_sinmarco" height=500 width=650 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/06a935/sombra/450_1000.webp 450w, https://i.blogs.es/06a935/sombra/650_1200.webp 681w,https://i.blogs.es/06a935/sombra/1024_2000.webp 1024w, https://i.blogs.es/06a935/sombra/1366_2000.webp 1366w" src="https://i.blogs.es/06a935/sombra/450_1000.webp" alt="sombra" onerror="this.src='https://i.blogs.es/06a935/sombra/450_1000.jpg';this.srcset='https://i.blogs.es/06a935/sombra/450_1000.jpg 450w, https://i.blogs.es/06a935/sombra/650_1200.jpg 681w,https://i.blogs.es/06a935/sombra/1024_2000.jpg 1024w, https://i.blogs.es/06a935/sombra/1366_2000.jpg 1366w';return false;">
   <img alt="sombra" class="centro_sinmarco" src="https://i.blogs.es/06a935/sombra/450_1000.webp">
   
      </div>
</div>
<p>Os dejo con un <strong>vídeo - Screencast</strong> donde podéis ver todos los pasos, por si a alguien no le ha quedado claro:</p>

<p>{{blip:AYHqyh8C}}</p>

<p>Vídeo | <a rel="noopener, noreferrer" href="http://blip.tv/file/3824253">Blip.tv</a> - <a rel="noopener, noreferrer" href="https://www.youtube.com/watch?v=LCUm4gbmlvI">YouTube</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
            </channel>
</rss>
