ANRAFERA

ANRAFERA

lunes, 16 de diciembre de 2013

CREAR Un PIN -Tutorial -


Continuando con tutoriales de "Diseño Gráfico" (algo mas largos y elaborados que los de fotografía) les he preparado este bonito efecto -muy propio para anuncios o detalles de eventos- mediante unos sencillos pasos. 

Asimismo, una vez hayamos creado el “Pin”, lo guardaremos como una plantilla y de esta manera siempre lo tendremos a mano para nuestras creaciones. 

COMENZAMOS

1. CONTROL + N para crear un documento nuevo. 
  • En mi ejemplo he puesto estos valores: 18cm X 14 cm; 300 pixeles/pulgadas de resolución
2. Hagan clic en el icono Configurar color frontal -se encuentra situado en la Paleta de Herramientas- y escojan un rojo en el Selector de Color. 
  • A continuación pulsen ALT + Suprimir y con ello rellenamos de rojo la Capa Fondo. 
3. Pulsar la tecla Mayúsculas + tecla de la letra M -2 veces-, para activar la herramienta Marco Elíptico
  • A continuación, mientras mantienen pulsada la tecla Mayúsculas, tracen una selección circular. 
4. Seguidamente vamos a escoger la fotografía que utilizaremos en el PIN
  • Pulsen CONTROL + O y escojan la fotografía que quieran. 
  • A continuación pulsar CONTROL + A, para seleccionarla, después pulsen CONTROL + C, para copiarla en la memoria del PC. 
  • Cierren  la fotografía, ya no nos hará falta. 

5. Regresamos al documento original y con la selección activada vayan a EDICIÓN > Pegar Dentro o bien pulsar ALT + Mayúsculas + Control + V
  • La fotografía que anteriormente habíamos abierto, seleccionado y copiado, se pegará en nuestra selección circular. 
6. Ahora mantengan pulsada la tecla CONTROL y hagan clic en la miniatura negra de la Capa de Máscara -en la Paleta de Capas- para crear una selección alrededor de la fotografía.


7. Pulsar CONTROL + Mayúsculas + N, para crear una nueva Capa. 
  • A continuación rellenar de rojo la selección circular pulsando el combinado de teclas ALT + Suprimir
  • Después, pulsar CONTROL + J para duplicar ésta Capa -la del círculo rojo-. 
  • Ahora en la Paleta de Capas tendremos dos círculos rojos, uno encima del otro. 

8. Hagan clic en el icono (fx) Añadir estilo de Capa, situado en la parte inferior de la paleta Capas y, en el menú desplegable, seleccionar Bisel y Relieve
  • Pongan estos valores: 290% en Profundidad, en Tamaño y Suavizar pongan 14px
  • En la sección Sombra -se encuentra en la mitad inferior del cuadro de diálogo- pongan 37º de valor en Angulo, 100% de Opacidad en Modo Resaltado y reducir al 40% la de Modo de Sombra.
  • Pulsar OK y con ello hemos aplicado al círculo, de la Capa Superior, un efecto suave de luces y sombras dándole un aspecto redondeado. 

9. Ahora vamos a activar una selección alrededor del círculo biselado, para ello mientra mantienen pulsada la tecla CONTROL, hagan clic en la capa superior del circulo rojo –Capa 3 del paso 7-, en la Paleta de Capas. 

10. Con la selección activa ir a menú Selección > MODIFICAR > CONTRAER y, en el cuadro de dialogo Contraer Selección, ajuste el valor a 45pxponemos este valor Alto por que estamos trabajando un archivo con una resolución de 300 ppp, si lo hacen con imágenes de menor resolución ajusten el valor a 12/15px-.
  • Pulsar OK
11. A continuación pulsar Mayúsculas + M para activar la herramienta Marco Rectangularsi se les activa la Herramienta Marco Elíptico, vuelvan a pulsar Mayúsculas + M para cambiar a Marco rectangular-. 
  • Mantener pulsada la tecla ALT y trazar una selección rectangular que cubra, más o menos, la mitad de la parte inferior de la selección circular. 
  • Dejen de pulsar el botón del ratón y de esta manera conseguimos eliminar el área marcada con la selección rectangular. 
  • Ahora tendremos seleccionada la parte superior del círculo. 
  • Aquí es donde aparecerá la fotografía que pegamos en el paso 5. 
12. En la paleta de Capas, hagan clic en la Capa del circulo rojoCapa 2, se encuentra justo debajo de la del círculo biselado- y luego pulsen la tecla Suprimir
  • A continuación deseleccione pulsando CONTROL + D
  • Por el momento aún no ven la fotografía
13. Seguidamente hagan clic en la Capa superiorCapa 3 la que tiene el efecto Bisel y Relieve- y reducir el Relleno de esta Capa al 0%
  • Ahora si verán la imagen, ya que al reducir el relleno, el biselado se visualiza pero el relleno rojo se oculta. 
14. Continuamos en la Capa SuperiorCapa 3-. 
  • Hagan clic en el icono (fx) Añadir estilo de Capa, situado en la parte inferior de la paleta Capas y, en el menú desplegable, seleccionar Sombra Paralela
  • Aumentar la Opacidad al 100%, desactivar la casilla de verificación Luz Global, ajustar el Ángulo a 90º, aumentar la Distancia a 14px y el Tamaño a 18. 
  • Pulsar OK, para aplicar una sombra suave al botón. 

15. En la paleta Capas, hagan clic en la capa que contiene la fotografía, pulsar la letra V para activar la herramienta Mover y coloque la imagen, a su gusto, dentro del recorte –clic con el puntero del ratón en la imagen y arrástrenla-. 
  • Si necesitan redimensionar la fotografía activen Transformación Libre, pulsando el combinado de teclas CONTROL + T
  • Mientras mantenéis pulsada la tecla Mayúsculas, tirar de uno de los vértices del marco delimitador para redimensionar la imagen dentro de la zona de recorte. 
16. Por último pongan el texto que quieran en el botón
  • Pulsar la letra T para activar la herramienta Texto y escriban lo que deseen. 
17. Ya tenemos nuestro PIN
  • Ahora lo guardaremos y será la plantilla con la que podremos hacer cuantos botones deseemos. - CONTROL + Mayúsculas + S y guardar éste trabajo en formato PSD, con todas sus Capas. 
  • Pónganle un nombre identificable y en vuestra Carpeta Plantillas. 
  • Si no la tenéis, de otros tutoriales anteriores, crearla. 
Esto es todo! 

Ahora hagan las modificaciones que crean oportunas –cambiar los colores, imágenes, tamaño, etc.- y practicar, practicar y otra vez practicar. 

DISEÑO ES IMAGINACIÓN 

Saludos.

58 comentarios:

  1. Muy bueno el tutoría,como todos lo que aporta,nunca pensé en un pink y es buena idea,un abrazo.

    ResponderEliminar
    Respuestas
    1. ...me alegra que te haya gustado esta idea Manuela. Ahora espero que te sea útil y logres bonitos "pin".
      Muchas gracias por tu visita y feliz semana.
      Un abrazo.
      Ramón

      Eliminar
  2. Bom dia!!

    Explicação preciosa Ramón.

    A foto da ponte postada em meu blog, liga o município de Aracaju?Sergipe/Brasil ao município de Barra dos Coqueiros.

    Beijos!

    ResponderEliminar
    Respuestas
    1. Hola Carla! Muchas gracias por tu agradable visita.
      Me alegra que te haya gustado mi tutorial.
      Que tengas buena semana. Un abrazo.
      Ramón

      Eliminar
  3. Precioso diseño! voy a ver si soy capaz de crear uno! Un abrazo!

    ResponderEliminar
    Respuestas
    1. ...seguro que si Leovi!
      Gracias por estar, una vez mas, por aquí. Un placer.
      Que te vaya bien la semana. Un abrazo.
      Ramón

      Eliminar
  4. Siempre tan original y creativo Ramón....me gusta el tutorial.Un saludo amigo desde Almería.-
    http://visual-anjespinosa.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola Antonio Jesús! me alegra que te guste este tutorial y espero le saques rentabilidad.
      Muy agradecido por tu visita. Un abrazo y buena semana.
      Ramón

      Eliminar
  5. Me lo leeré con calma pues tiene muy buena pinta (como siempre)
    Un abrazo Ramon

    ResponderEliminar
    Respuestas
    1. ...espero que lo encuentres interesante y te sea útil.
      Muchas gracias Josep por tu nueva visita.
      Te deseo una buena semana. Un abrazo.
      Ramón

      Eliminar
  6. Un buen tutorial con el que me quedo para practicarlo pues, aparte de crear un pin se me ocurren algunas otras utilidades. Un abrazo,

    ResponderEliminar
    Respuestas
    1. ...así es Miguel! con esta técnica y sus personalizaciones se le pueda dar otras utilidades.
      Muchas gracias por tu visita. Que te vaya todo bien Miguel.
      Un abrazo.
      Ramón

      Eliminar
  7. Bien interesante Ramón como de costumbre, lo tendremos en cuenta.
    Un saludo

    ResponderEliminar
    Respuestas
    1. Me alegra lo encuentres interesante y espero te se útil.
      Muchas gracias AGMPRISMA por estar, una vez mas, por aquí. Un placer.
      Saludos.
      Ramón

      Eliminar
  8. Iré paso a pasito, aprovechando tu buen tutorial, como siempre un placer seguirlos, son magníficos, mejor no se pueden hacer.
    Gracias Ramón.
    Felices fiestas para ti y los tuyos.
    Un abrazo

    ResponderEliminar
    Respuestas
    1. Hola Carmen! cuanto me alegra que te guste este tutorial.
      Muchas gracias por tus agradables visitas.
      Te deseo unas excelentes fiestas en unión de todos los tuyos.
      Feliz Navidad!
      Un abrazo.
      Ramón

      Eliminar
  9. Como siempre, genial.
    Toda una lección sobre estilos de capa. Badgets a porrillo para nuestra imaginación. Lo tendré en cuenta.
    Feliz semana.
    Abrazos y salud, Ramón.

    ResponderEliminar
    Respuestas
    1. ...eso espero! que lo tengas en cuenta y le saques provecho.
      Muchas gracias César por tu fidelidad a este, vuestro, blog.
      Un abrazo...que te vaya bien!
      Ramón

      Eliminar
  10. Buen trabajo Ramón. Muy agradecido
    Felices días.

    Piedra

    ResponderEliminar
    Respuestas
    1. ...agradecido yo por tus visitas!
      Feliz Navidad! Que te vayan bien estos días.
      Saludos.
      Ramón

      Eliminar
  11. Gracias, Ramón, por estar siempre ahí, estimulando mi trabajo y siempre con un cariñoso comentario.
    ¡Ya quisiera yo poder seguir tus explicaciones! Sabes que te admiro siempre.
    ¡FELIZ NAVIDAD!
    Cariños en el corazón.
    Kasioles

    ResponderEliminar
    Respuestas
    1. ...gracias Kasioles por tu generosidad.
      Un placer recibirte y tenerte por aquí.
      FELIZ NAVIDAD!
      Un fuerte abrazo.
      Ramón

      Eliminar
  12. Interessantíssima ideia! Com imaginação esse trabalho poderá ir longe!

    Feliz semana, mestre.
    Beijos.

    ResponderEliminar
    Respuestas
    1. Muchas gracias Teca por tu nueva visita, así como por tu comentario.
      Me alegra que encuentres interesante esta técnica.
      Que te vaya bien la semana. Un abrazo.
      Ramón

      Eliminar

  13. Eres fantástico, tienes tutoriales para cualquier necesidad. No me extraña que seamos legión de seguidores.

    abrazos

    · CR · & · LMA ·

    ResponderEliminar
    Respuestas
    1. ...gracias ñOCO por tu generoso comentario y siempre agradable visita.
      Un abrazo. Que te vaya todo bien.
      Ramón

      Eliminar
  14. Esta vez nos lo has puesto un poquillo complicado..........será cuestión de tener paciencia, ya veremos lo que me sale cuando lo intente.Saludos y gracias por trabajar tanto para enseñarnos.

    ResponderEliminar
    Respuestas
    1. ...no es complicado CHARO, como ya he comentados estos tutoriales son largos pero de fáciles pasos.
      Muchas gracias por tu nueva visita, es todo un placer.
      Saludos.
      Ramón

      Eliminar
  15. Respuestas
    1. Gracias Pizarro!
      Feliz Navidad!
      Un abrazo.
      Ramón

      Eliminar
  16. Respuestas
    1. Gracias Dolors! me alegra que te guste.
      Que te vaya bien. Un abrazo.
      Ramón

      Eliminar
  17. Un tutorial muy entretenido y con un por de adornos extra, podría utilizarse para adonar la presentación de algunas fotos que tomemos en esta Navidad.
    Saludos Ramón

    ResponderEliminar
    Respuestas
    1. ...como bien comentas Edertano este tutorial podemos utilizar para adornar nuestras presentaciones fotográficas navideñas...y otras!
      Que te vaya bien. Feliz Navidad!
      Saludos y gracias por tu visita.
      Ramón

      Eliminar
  18. Muy buena Ramón, como siempre nos dejas un tutorial que nos vendrá bien. Un enorme abrazo y feliz Navidad.

    ResponderEliminar
    Respuestas
    1. ...eso espero CARLOS que os venga bien mis tutoriales!
      Muchas gracias por estar de nuevo por aquí.
      Un fuerte abrazo amigo y Feliz Navidad!
      Ramón

      Eliminar
  19. Interesante lo que se puede conseguir con este efecto, muy bueno.

    Saludos.

    ResponderEliminar
    Respuestas
    1. ...desde luego que sí Jesus! con este tutorial puedes lograr muy buenos y variados trabajos.
      Gracias por tu visita y cordial saludo.
      Ramón

      Eliminar
  20. Como siempre un magnifico tutorial por su sencillez y facilidad para llevarle a la practica. Felices Fiestas por si no hablamos antes. Un abrazo.

    ResponderEliminar
    Respuestas
    1. Me alegra que te guste este tutorial, como bien comentas es sencillo y fácil de aplicar. Espero te sea útil.
      Muchas gracias por tus deseos...seguro que hablamos de nuevo antes de finalizar el año.
      Felices Fiestas Daniel. Un abrazo.
      Ramón

      Eliminar
  21. Para quem gosta e pratica, aprende-se aqui algumas técnicas.
    Como sabe eu não faço qualquer alteração nas fotos, somente uso introduzir dados na máquina ao meu estilo, procuro o mais natural possível. Gosto de olhar uma foto com uma excelente alteração devido a infelicidade do momento.
    Boas festas para todos.
    Abraço

    ResponderEliminar
    Respuestas
    1. Hola Manuel Luis! te agradezco tu visita y comentario.
      Gracias por tus deseos que hago extensible a ti y todo los tuyos.
      Felices Fiestas.
      Un abrazo.
      Ramón

      Eliminar
  22. Cómo te lo curras, desde luego eres un crack con manejando estos temas...

    Aprovecho para desearte unas felices fiestas al lado de la familia

    Un fuerte abrazo

    ResponderEliminar
    Respuestas
    1. Muy agradecido Javier e igualmente te deseo unas estupendas fiestas en unión de los tuyos.
      Feliz Navidad!
      Un fuerte abrazo.
      Ramón

      Eliminar
  23. Saludos.
    Que el próximo año te deje más creatividad, para así nosotros poder mejorar un poco...:)
    Felices Fiestas!
    Abrazos

    ResponderEliminar
    Respuestas
    1. Grácias Balamgo e igualmente te deseo Felices Fiestas!
      Que tengas un excelente y creativo 2014.
      Un abrazo.
      Ramón

      Eliminar
  24. Dime que es fácil por fass :/ , un abrazo y gracias por tu visita al faro :D

    ResponderEliminar
    Respuestas
    1. ...si que es fácil de aplicar!
      Muchas gracias por tu agradable visita. Saludos.
      Ramón

      Eliminar
  25. Me gusta muchísimo este tutotial que creo voy a poner de inmediato en practica para un album fotografico que estoy realizando.
    Gracias y SAludos.

    ResponderEliminar
    Respuestas
    1. ...cuanto me alegra que te guste mucho este tutorial, espero que te gusten los resultados de su aplicación en un álbum fotográfico...seguro que queda muy vistoso y original!
      Gracias por la visita y cordial saludo.
      Ramón

      Eliminar
  26. Otro magnifico tutorial, una pequeña joya ya que creo que se le puede sacar mucho partido.
    Felices Navidades.

    ResponderEliminar
    Respuestas
    1. ...tienes razón José Manuel, a este tutorial se le puede sacar mucho partido, espero que te sea útil.
      Muy agradecido por tu nueva visita. Un abrazo.
      Feliz Navidad!
      Ramón

      Eliminar
  27. A todos os seus trabalhos e a você
    eu desejo um feliz Natal. Abrazo

    ResponderEliminar
    Respuestas
    1. Muchas gracias Tossan!
      Que te vaya todo bien. Feliz Navidad!
      Un abrazo.
      Ramón

      Eliminar
  28. Tendrías qeu hacer uno que ponga..eres un máquina..feliz Navidad desde Murcia...

    ResponderEliminar
    Respuestas
    1. ...eres muy generoso "alp".
      Muchas gracias por tu visita y deseos.
      Feliz Navidad! Que todo te vaya bien.
      Un abrazo.
      Ramón

      Eliminar
  29. Me parece un blog de lo mas original además de muy muy práctico y este tutorial muy interesante, enhorabuena, si te apetece pongo el mio a tu disposición por si algún día te apetece visitarlo, un abrazo

    ResponderEliminar
    Respuestas
    1. Muchas gracias Jesús por tu agradable visita, un placer recibirte y saber que este, vuestro, blog lo encuentres práctico y original.
      Que te vaya todo bien. Buen fin de semana.
      Un abrazo.
      Ramón

      Eliminar