tutorial para la creacion de marcos con photoshop

Visite nuestra página Web: www.anigrafics.net

Tutorial Tutorial Tutorial Tutorial Para La Para La Para La Para La CreacioCreacioCreacioCreacion Den Den Den De Marcos con: Marcos con: Marcos con: Marcos con: PhotoshopPhotoshopPhotoshopPhotoshop

1111---- PresentaciPresentaciPresentaciPresentaciónnnn Para crear Marcos podremos hacerlo de dos maneras, la primera de todas

es la manual, más trabajosa pero también con un alto grado de personalización y

la segunda mediante un plugin llamado Splat, en este tutorial recogeremos las dos

maneras de crear Marcos, espero que disfrutéis con ellos y aprendáis de ambas.

2222---- CreaciCreaciCreaciCreacioooon de Marcos Manualmenten de Marcos Manualmenten de Marcos Manualmenten de Marcos Manualmente

Lo primero de todo es tener claro que diseño queremos que tome el

Marco ya que podemos decidir que un Marco sea redondo, triangular,

rectangular… e incluso decidir si poner uno o más Marcos.

Primero crearemos un Marco sencillo, y posteriormente iremos

complicando dicho Marco.

Crearemos un Marco rectangular pero con las esquinas redondeadas, para

crearlo nos dirigiremos a la herramienta rectángulo (es la predeterminada) situada

debajo la herramienta texto, si hacemos clic con el botón derecho del ratón sobre

esta herramienta podremos ver que podemos crear mas formas.

Elegiremos la opción Rectángulo redondeado y crearemos un rectángulo

redondeado en nuestra imagen en el lugar que queramos y tan grande como

creamos necesario.


Antes de crear el recuadro debemos tener en cuenta el punto 1 de la

imagen, dentro de la celda que vemos en el dibujo hay una cantidad, aquí es 10

px, significa 10 píxel, cuanto mayor sea la cantidad mayor será la curvatura de las

esquinas del Marco.

Cuando hayamos creado el Marco veremos dos puntos más, el primero es

el Marco, que es el punto 2, nuestro objetivo ha sido cumplido, y el segundo está

situado en el panel de las capas, vemos que en vez de una nueva capa ha creado

una forma, si os fijais bien las formas no poseen la calidad de una capa, para eso

convertiremos dicha forma en capa con lo cual perdera algunas propiedades pero

ganará en calidad, para hacer esto nos situaremos encima de la capa y

seleccionaremos Rasterizar Capa, ya hemos creado nuestro primer Marco de

forma manual.

Ahora debemos conseguir q nuestra capa gane en estilo, para eso

daremos paso a nuestro ingenio grafico y sobretodo a los estilos, buscaremos un

estilo que quede bien con el fondo, recordad esto:

1- Un Marco tan solo delimita la zona de escritura en la carátula

2- Buscaremos una armonía de colores entre Marco, fuente y fondo


Buscaremos un estilo para el marco o crearemos uno de manera que nos

quede bien con el fondo y con la fuente, os aconsejo que primero creéis la fuente

y después busquéis el color del Marco, pensad que la fuente debe ser clara y el

fondo no podéis cambiarlo de color (en teoría, entonces el Marco es el objeto más

dinámico de los 3)

Como podéis observar este marco es bastante simple aunque con su

simpleza no hay una armonía con el fondo y si con la fuente.

Este segundo Marco es algo más complejo pero no mucho, tan solo he

mejorado algunas cosas que están escritas dentro del marco.


Como podéis ver con lo visto hasta ahora poseemos muchísimos Marcos,

ahora vamos a complicarlo un poco más, crearemos el Marco dentro de otro

Marco y dibujaremos unos círculos dándole forma de chapa, al final haremos

unos dibujos para darle una forma más personalizada.

Primero crearemos los dos Marcos y mediante algunos estilos haremos

que den la impresión de chapa:

Como podéis observar ya tenemos creadas las dos capas que nos servirán

de placa, una es más grande (Negra) y otra más pequeña (Plateada), ahora nos

quedaría colocar una encima de la otra pero, queremos que estén centradas, para


esto he creado dos guías, son las líneas azules q cruzan el recuadro negro, para

crearlas iré a vista�Regla (ctrl.+r) y colocaré el ratón encima de ellas

arrastrándolas hacia dentro, puedo crear todas las líneas azules (llamadas guías)

como quiera, ahora nos falta saber donde esta el centro del cuadrado, para saber

el centro dejaremos las guías en cualquier lugar (las guías no desaparecen hasta

que las arrastras otra vez hacia la regla y tampoco aparecen después al guardar en

formato JPG a no ser que se abra el documento con el photoshop y,

evidentemente tampoco salen impresas) y me dirigiré a la herramienta mover,

cuando seleccionamos la herramienta mover y en la zona superior veremos dos

casillas que se pueden marcar: Seleccionar capa automáticamente y Mostrar

rectángulo delimitador, yo tengo ambas seleccionadas, la segunda en cuestión es

la que nos interesa, cuando la hayamos seleccionado veremos como el recuadro

negro esta delimitado y en cada mitad de los lados hay un cuadrado pequeño,

seguidamente cogeremos una guía horizontal y una guía vertical y las

cruzaremos.

Después de colocar las guías agarraremos el recuadro gris y lo

colocaremos con el centro de este (también vendrá señalado) sobre el cruce de las

guías.

Ahora viene la parte más compleja, por así decirlo:

Iremos por partes:


1- Hemos creado un botón al cual le daremos un efecto de

“clavo” o enganche con la placa negra de abajo, hemos colocado el

botón donde nos ha gustado más, a una distancia del borde

horizontal y vertical que quede bien (intentaremos que sea la

misma distancia entre uno y otro), para crear los clavos

buscaremos una simetría para ello escogeremos como punto de

referencia los bordes horizontales y verticales de la placa plateada

y con la herramienta mover nos situaremos sobre ellos (para ver el

recuadro limitador) y situaremos 2 guias horizontales (1 arriba y 1

abajo) encima de los bordes y dos verticales (1 derecha y 1

izquierda) encima de los dos bordes horizontales, como podeis ver

a la izquierda de la imagen en el borde superior del marco plateado

hemos conseguido un recuadro.

2- Ahora seleccionaremos la herramienta medición, esta

situada encima de la herramienta zoom (la lupa), veréis un

cuentagotas, si hacéis clic con el botón derecho veréis la

medición, crearemos una guía en el centro de la imagen

botón y mediremos la distancia entre la guía del centro de la

imagen botón y la guía del borde izquierdo de la placa

plateada, después nos situaremos con la medición hecha

sobre la guia vertical de la derecha y, en el extremo de la

medición situaremos otra guia, así llegaremos a tener las

medidas de los botones y sus situaciones de manera

simétrica.

3- Haremos una copia del botón y lo situaremos en el borde

derecho dando paso al punto 4.

En la práctica veréis como es lógico y rápido este sistema ^_^, ahora solo

tenemos que repetirlo con los demás vértices y botones.

Ahora solo nos quedara aplicar estilos para dar la impresión de clavos y

chapas, en el PSD que incorpora el manual podréis ver los estilos usados, una

cosa importante para dar el efecto de clavo es la profundidad del Bisel, un bisel

de relieve acolchado con una profundidad de 90% - 110% es el más apropiado, y

acordaos de usar colores que contrasten.


Por ultimo la fuente dentro, os aconsejo también algo con profundidad da

un efecto más bonito y como no algún que otro adorno en el exterior, para buscar

imágenes ya hechas como las que he colocado hay dos opciones en el photoshop:

1- En la herramienta que usabamos para hacer los cuadrados del

marco, con el boton derecho encima buscaremos la opción

forma personalizada, arriba en el centro vereis una flechita y

al lado que pone Forma:

En la opción 1 es donde elegiremos la opción de forma personalizada.

En la opción 2 es donde elegimos que objeto queremos insertar

En al opción 3 se nos despliega un menú, la parte de abajo son

diferentes objetos que podemos insertar

En la opción 4 es una opción que inserta todos los objetos del

photoshop, seleccionad esta y elegís la opción aceptar, no añadir, y los tendréis

todos.

P.D.: Recordad que son formas no capas, hay que Rasterizar la forma.

2- La segunda opción es buscar fuentes que sean signos o

imágenes, encontrareis muchas mas de las que os podáis

imaginar.

Hay una tercera opción que es insertar imágenes que busquemos y

recortemos o que podamos insertar en formas

Aquí terminamos una de las formas de Marcos, como veis el marco no

combina muy bien con el fondo, es algo que no debéis descuidar, jejejeje


A lo mejor a veces queremos crear un Marco sin interior, muy bien, no es

tan difícil como parece, sino mas bien sencillo, con lo que sabemos tan solo

debemos colocar guías para buscar simetría entre un lado y otro.

Para ello crearemos un Marco y seguidamente otro mas pequeño,

situando el pequeño dentro del grande, como si fuéramos a hacer la placa,

seguidamente elegiremos la herramienta varita mágica y haremos clic con esta

encima del Marco pequeño, seguidamente nos dirigiremos al panel de capas y

seleccionaremos la capa del Marco grande, veréis como la selección sigue

manteniéndose pero ahora estamos situado sobre el Marco grande, entonces

apretaremos la tecla supr.,

Ahora hemos suprimido el interior de la capa del Marco grande con el

tamaño del Marco pequeño, seguidamente podemos borrar el marco pequeño y

nos quedará algo así:

Ahora tenemos tan solo una capa que es la del Marco Grande pero sin la

parte de dentro, tan solo el marco, la ventaja de esta opción es que cuando

queramos aplicar un estilo sobre esta hace un efecto de marco mucho mas bonito

ya que el estilo se aplica también hacia dentro del Marco, mirad esta imagen:


Sabiendo esto cada uno de nosotros puede jugar con dicho marco creando

diferentes efectos, dentro del PSD Marco 2 podréis ver el que yo he creado.

3333---- CreaciCreaciCreaciCreaciónnnn de Marcos con el de Marcos con el de Marcos con el de Marcos con el Plugin Alien Skin Splat! Plugin Alien Skin Splat! Plugin Alien Skin Splat! Plugin Alien Skin Splat!

Crear marcos con este plugin no posee ningún secreto, basta descargarse

y buscar archivos complementarios APRA que hagan de borde, el programa se

encarga de hacer el resto y los resultados son muy buenos, lo dificl talvez es

encontrar buenos archivos que hagan de marco.

El programa posee 6 opciones, las mas interesantes son:

Bordes Stamp: Inserta objetos en los bordes

Fill Stamp: Inserta objetos dentro de la carátula

Frame: Crea un Marco

Resurface: Crea la sensación de una superficie

Este plugin se puede decir que es uno de los indispensables para

cualquier amante del photoshop, el único inconveniente es encontrar archivos

complementarios al splat para poder ampliar su biblioteca y, con el, sus opciones.

Espero que este tutorial os sirva para poder crear algún futuro Marco o al

menos, para haber aprendido algo más del photoshop, atentamente os saluda

Canyavall desde Anigrafics Team

http://www.anigrafics.net

tutorial para la creacion de marcos con photoshop

Travel