SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
Creacion
   Tutorial Para La Creacion De Marcos con:
                  Photoshop
 1- Presentaci n
    Presentación
        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.


 2- Creacion de Marcos Manualmente
    Creacio
        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.




                    Visite nuestra página Web: www.anigrafics.net
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




                     Visite nuestra página Web: www.anigrafics.net
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.


                    Visite nuestra página Web: www.anigrafics.net
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

                    Visite nuestra página Web: www.anigrafics.net
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:



                     Visite nuestra página Web: www.anigrafics.net
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.




                     Visite nuestra página Web: www.anigrafics.net
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




                     Visite nuestra página Web: www.anigrafics.net
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:




                    Visite nuestra página Web: www.anigrafics.net
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.


 3- Creaci n de Marcos con el Plugin Alien Skin Splat!
    Creación

        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




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

Más contenido relacionado

La actualidad más candente

Ficha 1 conocemos el entorno de diseño illustrator cs6
Ficha 1   conocemos el entorno de diseño illustrator cs6Ficha 1   conocemos el entorno de diseño illustrator cs6
Ficha 1 conocemos el entorno de diseño illustrator cs6Percysermu
 
Ficha 3 organizando y agrupando los diseños en capas.
Ficha 3   organizando y agrupando  los diseños en capas.Ficha 3   organizando y agrupando  los diseños en capas.
Ficha 3 organizando y agrupando los diseños en capas.Percysermu
 
Dibujar libremente en corel draw
Dibujar libremente en corel drawDibujar libremente en corel draw
Dibujar libremente en corel drawmaria-geraldine
 
Manual De CorelDraw 12 x
Manual De CorelDraw 12 xManual De CorelDraw 12 x
Manual De CorelDraw 12 xCECYTEM
 
Ficha 4 diseñamos creativamente figuras famosas.
Ficha 4   diseñamos creativamente figuras famosas.Ficha 4   diseñamos creativamente figuras famosas.
Ficha 4 diseñamos creativamente figuras famosas.Percysermu
 
Corel draw.herramientas de forma
Corel draw.herramientas de formaCorel draw.herramientas de forma
Corel draw.herramientas de formaSophie Vargas
 
Practica Nº05 Corel Draw
Practica Nº05 Corel DrawPractica Nº05 Corel Draw
Practica Nº05 Corel DrawDaniel Zavala
 
Aprendiendo corel-draw-x7-desde-0
Aprendiendo corel-draw-x7-desde-0 Aprendiendo corel-draw-x7-desde-0
Aprendiendo corel-draw-x7-desde-0 computov2015
 
Herramientas de corel
Herramientas de corelHerramientas de corel
Herramientas de corelangie barre
 
Practica 3 ayli and mich
Practica  3 ayli and michPractica  3 ayli and mich
Practica 3 ayli and michLaura Viviana
 

La actualidad más candente (19)

Ficha 1 conocemos el entorno de diseño illustrator cs6
Ficha 1   conocemos el entorno de diseño illustrator cs6Ficha 1   conocemos el entorno de diseño illustrator cs6
Ficha 1 conocemos el entorno de diseño illustrator cs6
 
Ficha 3 organizando y agrupando los diseños en capas.
Ficha 3   organizando y agrupando  los diseños en capas.Ficha 3   organizando y agrupando  los diseños en capas.
Ficha 3 organizando y agrupando los diseños en capas.
 
Dibujar libremente en corel draw
Dibujar libremente en corel drawDibujar libremente en corel draw
Dibujar libremente en corel draw
 
Rutas
RutasRutas
Rutas
 
Manual De CorelDraw 12 x
Manual De CorelDraw 12 xManual De CorelDraw 12 x
Manual De CorelDraw 12 x
 
15 1
15 115 1
15 1
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Tutorial pantera rosa
Tutorial pantera rosaTutorial pantera rosa
Tutorial pantera rosa
 
EXAMEN
EXAMENEXAMEN
EXAMEN
 
Ficha 4 diseñamos creativamente figuras famosas.
Ficha 4   diseñamos creativamente figuras famosas.Ficha 4   diseñamos creativamente figuras famosas.
Ficha 4 diseñamos creativamente figuras famosas.
 
Corel draw.herramientas de forma
Corel draw.herramientas de formaCorel draw.herramientas de forma
Corel draw.herramientas de forma
 
Practica Nº05 Corel Draw
Practica Nº05 Corel DrawPractica Nº05 Corel Draw
Practica Nº05 Corel Draw
 
Aprendiendo corel-draw-x7-desde-0
Aprendiendo corel-draw-x7-desde-0 Aprendiendo corel-draw-x7-desde-0
Aprendiendo corel-draw-x7-desde-0
 
Guia 02 corel
Guia  02 corelGuia  02 corel
Guia 02 corel
 
Leccion1 de ink scape
Leccion1 de ink scapeLeccion1 de ink scape
Leccion1 de ink scape
 
Herramientas de corel
Herramientas de corelHerramientas de corel
Herramientas de corel
 
Practica 3 ayli and mich
Practica  3 ayli and michPractica  3 ayli and mich
Practica 3 ayli and mich
 
Leccion2
Leccion2Leccion2
Leccion2
 

Destacado

TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOPTUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOPmarcelpiebarba
 
Efectos con photoshop I
Efectos con photoshop IEfectos con photoshop I
Efectos con photoshop Iaa40estudo
 
De FutureSplash hasta Animate CC
De FutureSplash hasta Animate CCDe FutureSplash hasta Animate CC
De FutureSplash hasta Animate CCJorge Llanten
 
Trabajos con photoshop
Trabajos con photoshopTrabajos con photoshop
Trabajos con photoshopaninarosas
 
Evolución y comparativa Photoshop
Evolución y comparativa PhotoshopEvolución y comparativa Photoshop
Evolución y comparativa Photoshopvasatrasgis
 
Bosque.ComposicióN
Bosque.ComposicióNBosque.ComposicióN
Bosque.ComposicióNguest7c5454
 
Photoshop unidad 1
Photoshop unidad 1Photoshop unidad 1
Photoshop unidad 1ja45
 
Practica 1 las capas en photoshop
Practica 1 las capas en photoshopPractica 1 las capas en photoshop
Practica 1 las capas en photoshopMónica M.C
 
Diseño en Photoshop para principiantes.
Diseño en Photoshop para principiantes.Diseño en Photoshop para principiantes.
Diseño en Photoshop para principiantes.Interlat
 
Trabajo Práctico N°1 (Photoshop)
Trabajo Práctico N°1 (Photoshop)Trabajo Práctico N°1 (Photoshop)
Trabajo Práctico N°1 (Photoshop)jesicasoledad88
 
PPT on Photoshop
PPT on PhotoshopPPT on Photoshop
PPT on PhotoshopPaddy Lock
 
Photoshop practica 02-convertir imagen a dibujo
Photoshop practica 02-convertir imagen a dibujoPhotoshop practica 02-convertir imagen a dibujo
Photoshop practica 02-convertir imagen a dibujoAlviin Muped
 
Photoshop cs5 clase 2
Photoshop cs5 clase 2Photoshop cs5 clase 2
Photoshop cs5 clase 2Yerko Bravo
 
Curso de Procesado de Fotografía Digital (Sesión 1: Camera Raw/Procesador de ...
Curso de Procesado de Fotografía Digital (Sesión 1: Camera Raw/Procesador de ...Curso de Procesado de Fotografía Digital (Sesión 1: Camera Raw/Procesador de ...
Curso de Procesado de Fotografía Digital (Sesión 1: Camera Raw/Procesador de ...domingo leiva
 

Destacado (20)

TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOPTUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
TUTORIAL BÀSIC ANIMACIÓ PHOTOSHOP
 
Efectos con photoshop I
Efectos con photoshop IEfectos con photoshop I
Efectos con photoshop I
 
De FutureSplash hasta Animate CC
De FutureSplash hasta Animate CCDe FutureSplash hasta Animate CC
De FutureSplash hasta Animate CC
 
Trabajos con photoshop
Trabajos con photoshopTrabajos con photoshop
Trabajos con photoshop
 
INDESIGN 1a PART
INDESIGN 1a PARTINDESIGN 1a PART
INDESIGN 1a PART
 
Design
DesignDesign
Design
 
Evolución y comparativa Photoshop
Evolución y comparativa PhotoshopEvolución y comparativa Photoshop
Evolución y comparativa Photoshop
 
Bosque.ComposicióN
Bosque.ComposicióNBosque.ComposicióN
Bosque.ComposicióN
 
Trucos y efectos
Trucos y efectosTrucos y efectos
Trucos y efectos
 
Photoshop unidad 1
Photoshop unidad 1Photoshop unidad 1
Photoshop unidad 1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Practica 1 las capas en photoshop
Practica 1 las capas en photoshopPractica 1 las capas en photoshop
Practica 1 las capas en photoshop
 
Herramienta lazo
Herramienta lazoHerramienta lazo
Herramienta lazo
 
Clase 1 imágenes de mapa de bits
Clase 1  imágenes de mapa de bitsClase 1  imágenes de mapa de bits
Clase 1 imágenes de mapa de bits
 
Diseño en Photoshop para principiantes.
Diseño en Photoshop para principiantes.Diseño en Photoshop para principiantes.
Diseño en Photoshop para principiantes.
 
Trabajo Práctico N°1 (Photoshop)
Trabajo Práctico N°1 (Photoshop)Trabajo Práctico N°1 (Photoshop)
Trabajo Práctico N°1 (Photoshop)
 
PPT on Photoshop
PPT on PhotoshopPPT on Photoshop
PPT on Photoshop
 
Photoshop practica 02-convertir imagen a dibujo
Photoshop practica 02-convertir imagen a dibujoPhotoshop practica 02-convertir imagen a dibujo
Photoshop practica 02-convertir imagen a dibujo
 
Photoshop cs5 clase 2
Photoshop cs5 clase 2Photoshop cs5 clase 2
Photoshop cs5 clase 2
 
Curso de Procesado de Fotografía Digital (Sesión 1: Camera Raw/Procesador de ...
Curso de Procesado de Fotografía Digital (Sesión 1: Camera Raw/Procesador de ...Curso de Procesado de Fotografía Digital (Sesión 1: Camera Raw/Procesador de ...
Curso de Procesado de Fotografía Digital (Sesión 1: Camera Raw/Procesador de ...
 

Similar a Tutorial Para La Creacion De Marcos Con Photoshop

Similar a Tutorial Para La Creacion De Marcos Con Photoshop (20)

Tutorial illustrator
Tutorial illustratorTutorial illustrator
Tutorial illustrator
 
Tutorial Photoshop
Tutorial PhotoshopTutorial Photoshop
Tutorial Photoshop
 
Iniciación a photoshop
Iniciación a photoshopIniciación a photoshop
Iniciación a photoshop
 
Herramientas de dibujo
Herramientas de dibujoHerramientas de dibujo
Herramientas de dibujo
 
Manual sketchup 2013
Manual sketchup 2013Manual sketchup 2013
Manual sketchup 2013
 
INTRODUCCION ILUSTRADOR
INTRODUCCION ILUSTRADORINTRODUCCION ILUSTRADOR
INTRODUCCION ILUSTRADOR
 
Practicas
PracticasPracticas
Practicas
 
Manual ale
Manual aleManual ale
Manual ale
 
tutorial_adobeillustrator6.pdf
tutorial_adobeillustrator6.pdftutorial_adobeillustrator6.pdf
tutorial_adobeillustrator6.pdf
 
Crear Murales
Crear MuralesCrear Murales
Crear Murales
 
Practica de flash
Practica de flashPractica de flash
Practica de flash
 
Practica de flash
Practica de flashPractica de flash
Practica de flash
 
Storyboard
StoryboardStoryboard
Storyboard
 
Storyboard
StoryboardStoryboard
Storyboard
 
Herramientas1 091130135131-phpapp01
Herramientas1 091130135131-phpapp01Herramientas1 091130135131-phpapp01
Herramientas1 091130135131-phpapp01
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Ejercicio
EjercicioEjercicio
Ejercicio
 
Botella de gatorade
Botella de gatoradeBotella de gatorade
Botella de gatorade
 
Modo de dibujo combionada
Modo de dibujo combionadaModo de dibujo combionada
Modo de dibujo combionada
 

Tutorial Para La Creacion De Marcos Con Photoshop

  • 1. Creacion Tutorial Para La Creacion De Marcos con: Photoshop 1- Presentaci n Presentación 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. 2- Creacion de Marcos Manualmente Creacio 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. Visite nuestra página Web: www.anigrafics.net
  • 2. 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 Visite nuestra página Web: www.anigrafics.net
  • 3. 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. Visite nuestra página Web: www.anigrafics.net
  • 4. 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 Visite nuestra página Web: www.anigrafics.net
  • 5. 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: Visite nuestra página Web: www.anigrafics.net
  • 6. 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. Visite nuestra página Web: www.anigrafics.net
  • 7. 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 Visite nuestra página Web: www.anigrafics.net
  • 8. 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: Visite nuestra página Web: www.anigrafics.net
  • 9. 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. 3- Creaci n de Marcos con el Plugin Alien Skin Splat! Creación 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 Visite nuestra página Web: www.anigrafics.net