Tutorial Photoshop: Crear un marco para tus fotos.
Domingo, Febrero 18, 2007 21:52Pues aquí os voy a poner mi primer tutorial. Y como quiero que sea ameno y
fácil de entender para todos los niveles voy a hacerlo pasito a pasito para que
nadie se me pierda.
Primero cogemos una imagen cualquiera, a poder ser una bonita y que merezca
la pena ponerle marco 
Luego nos vamos a crear una capa nueva.
Y la llamamos en un alarde de originalidad “Marco” haciendo doble click en el nombre.
Con la nueva capa seleccionada nos vamos a Imagen/tamaño del lienzo…
… y con la casilla de relativo seleccionada yo pongo unos 20 píxeles para el marquito blanco que separará el marco de la fotografía. Importante poner como color Blanco.
Después repetimos el proceso en Imagen/tamaño del lienzo…
… y en esta ocasión ponemos un tamaño mayor, en este caso unos 75 píxeles, aunque todo depende del tamaño de la fotografía, en este caso la foto es grande. El color del relleno en este caso es negro.
Ahora vamos a hacer que el margen de abajo sea un poco más amplio para poner el título de la foto o el nombre del autor.
Volvemos a Imagen/tamaño del lienzo…
Y en la opción de las flechas anclamos en la flecha que señala hacia arriba para que el desplazamiento no afecte a la parte superior. No olvidar que el color ha de ser el negro, el mismo que hemos utilizado para el marco. Yo he añadido 75 píxeles más. Así tenemos un marco de 75 píxeles por todos los lados excepto el margen inferior que hay 75+75 píxeles.
Ahora podemos ponerle un título con la herramienta texto.
La imagen la tenemos así:
Y ya tenemos una versión algo seria de un marco. Pero más de uno se preguntará que porque he hecho una capa si tampoco era necesario para conseguir esto. Y es cierto, la capa es necesaria para lo siguiente.
Ahora, eliminamos o dejamos inactiva la capa del texto para irnos a la capa de Fondo, donde está la imagen original de fondo. Con esa capa seleccionada cogemos la varita mágica y clickamos en cualquier parte del marco negro. Al quedar hecha la selección, pasamos a la capa Marco.
Con la capa Marco seleccionada y la selección activa nos vamos a Edición/Rellenar y seleccionamos por ejemplo el mismo color negro. Aparentemente no hay ningún cambio, pero si vemos la capa Marco veremos que el marco se ha hecho presente.
Bien, ahora podemos aplicarle estilos. No olvidar tener la capa Marco seleccionada.
En la paleta estilos tenemos varios predefinidos.
Es probable que vuestra paleta no sea idéntica a la mía. A través de la flecha de la derecha podemos elegir otras muestras.
Para probar los estilos nos puede ser de gran ayuda eliminar las marcas de selección (Control+H).
Puedes ver los efectos de la capa que han creado los estilos predefinidos.
Y haciendo doble click al símbolo (f) que aparece al lado de la flecha que acabo de señalar accederemos a los efectos de capa donde podremos variar las propiedades del estilo, por si no nos gustan los colores, sombras, o algún que otro efecto.
Y ya tenemos un marco decente y completamente configurable.
Espero que os haya sido de utilidad.
There are currently no comments highlighted.
nAt says:
Febrero 19th, 2007 at 23:55
qué chulo!
hace unos días buscaba algun tutorial de photoshop para hacer ‘pokeouts’… pero no encontré ninguno que entendiera >.
nAt says:
Febrero 19th, 2007 at 23:57
(se me ha cortado medio comentario :/)
decía que mejor empiezo con algo mas sencillito
gracias!! ^^
SISOR says:
Febrero 20th, 2007 at 8:52
Si te soy sincero no tenía ni idea de lo que era un pokeout, hasta que me he dado un paseo por Google y he encontrado estos ejemplos.
Es un efecto curioso y no descarto probarlo en alguna foto. Para hacer un pokeout hay que dominar un poco las selecciones y capas.
Cuando lo tenga currado te hago un tutorial sobre el tema.
sara says:
Febrero 21st, 2007 at 0:24
Se sale lo de los pokeouts (plural raro…). Yo hago montajes y se andar un poco con lo de las capas y eso, pero como soy autodidacta probablemente todo lo q sé hacer es una chorrada. Me encantan los tutoriales estos, gracias!
omaira says:
Mayo 29th, 2007 at 4:28
me enkanto..y me sirvio harto =)
gracias
Alf says:
Octubre 26th, 2007 at 6:04
Esta muy bien explicado, te felicito
Herzeleyd says:
Marzo 12th, 2008 at 23:26
Hola, muchas gracias por el tutorial
Sólo me gustaría saber una cosa ¿Cómo haces para que aparezca un pequeño marco alrededor de las imágenes que pones en el post?
Un saludo.
SISOR says:
Marzo 13th, 2008 at 0:19
Ese marco aparece por defecto en el programa Windows Live Writer. Lo considero indispensable para postear, de verdad. Altamente recomendable.
De todas maneras es muy sencillo de hacer. con la capa fondo seleccionada amplias el lienzo color blanco y luego amplias otra vez lienzo con 2 píxeles con un color gris.
Saludos.
Herzeleyd says:
Marzo 13th, 2008 at 0:33
mmm, no se si me expliqué mal o no te entendí heheheh
Me refiero al marco que te genera el tema de wordpress
cada vez que pones una imagen en un post.
Es que lo intenté una vez, y me añadia ese marco también en los emoticonos y yo sólo quería en las imágenes.
Por si sabias que hay que modifcar para que parezca.
Muchas gracias
SISOR says:
Marzo 13th, 2008 at 0:44
Si que te entendí, si. Ese marco es una de las opciones del Windows Live Writer para añadir imágenes. Hay cuatro posibilidades creo y esta es una de ellas.
No es del tema de wordpress, es una función del programa que añade ese marco a las fotos que tu quieras.
Puede que haya algún plugin para ello, pero lo desconozco.
Herzeleyd says:
Marzo 13th, 2008 at 0:47
ahhhh,gracias
Fui yo el que no te entendía 
Por cierto, con el tuto, pongo unos marcos sencillos, rápidos y funcionales
Genial
Miguel says:
Septiembre 30th, 2009 at 11:50
¡Enhorabuena! Estupendo tutorial, ¡¡muchas gracias!!
maru says:
Octubre 19th, 2009 at 15:37
hola! me sirvio el del marco…pero como bajo marcos? xq tengo re pocos, y no entiendo bien el programa :S
grasias!
daniela says:
Febrero 25th, 2010 at 5:25
Graciasssss!! te pasaste! muy fácil de entender, se agradece el uso de ilustraciones