ANRAFERA

ANRAFERA

viernes, 18 de julio de 2014

LOGOTIPO -Efecto Vítreo-






















La técnica que os voy a enseñar hoy está muy de moda, sobre todo en los logotipos de empresas, marcas de vehículos, productos…etc.

Con ella vamos a añadir de manera sencilla un juego de luces y sombras al logotipo que vamos a crear.

Espero que les resulte interesante y útil.

COMENZAMOS

1. CONTROL + N, para crear un documento nuevo en Modo RGB
  • El tamaño y resolución a vuestro gusto. 
2. Pulsar la letra D, para configurar como negro el color frontal y a continuación pulsáis ALT + Suprimir, para rellenar de negro la Capa Fondo. 

3. CONTROL + MAYÚSCULAS + N, para crear una nueva Capa. 
  • Seleccionar un color azul como color frontal -o el color que queráis-.
  • Activar la herramienta Marco Elíptico, pulsando la letra M al tiempo que mantenéis pulsada Mayúsculas y volvéis a pulsar M -ya os he dicho en otras ocasiones que para alternar herramientas que se encuentran en la misma opción de la Paleta de Herramientas, se ha de mantener pulsada la tecla mayúsculas al tiempo que pulsamos la correspondiente letra, en éste caso la M-. 
4. Trazar una selección ovalada y con la selección activa pulsar ALT +Suprimir, para rellenarla del color frontal, que será el color elegido en el paso anterior. 
  • Pulsar CONTROL + D, para deseleccionar. 
5. Clic en el icono (fx) Añadir Estilo de Capas -se encuentra en la parte inferior de la Paleta de Capas- y seleccionar TRAZO en el menú desplegable que se nos muestra. 
  • En el cuadro de dialogo Trazo ajustar el Tamaño a 8px y como color del Trazo configurar el que os guste -clic Configurar Color de Trazo y seleccionar uno-. 
  • Pulsar OK y veréis como se añada a la elipse un contorno, del color elegido. 
6. Nuevamente clic en el icono (fx) "Añadir Estilo de Capas" y del menú desplegable seleccionar SOMBRA INTERIOR
  • Pongan estos valores de Ajustes (son orientativos): 
  • 10 px de Distancia y 9 px en Tamaño
  • El resto de las opciones dejarla tal cual. 
  • Pulsar OK y notareis que al añadirle una sombra le hemos dado un poco de profundidad. 
7. Pulsar CONTROL + J, para duplicar la Capa de la elipse y después hagan doble clic en el efecto TRAZO de la parte inferior de la Capa de la elipse original. 
  • Se nos muestra el cuadro de dialogo Trazo, hagan clic con el puntero del ratón en Configurar Color de Trazo y escojan el color blanco.
  • Aumentar el Tamaño a 12px.
  • Pulsar OK
  • Con esto hemos creado un trazo blanco por fuera del trazo que teníamos. 
8. Hagan clic en la copia de la Capa de la elipse, de color, para convertirla en la Capa activa. 
  • Pulsar la letra T para activar la herramienta TEXTO.
  • Configurar un color que os guste e introducir el texto que queráis. 
9. Escrito el texto elegido para vuestro Logo, vamos a acoplar todas las capas -sin llegar a acoplar verdaderamente el documento- en una sola para aplicarle un efecto. 
  • Hagan esto: clic con el puntero del ratón en la primera de las Capa de la pila.
  • A continuación pulsar Control + Mayúsculas + N para crear una nueva Capa. 
  • Ocultar la Capa Fondo -ya sabéis haced clic en su icono de ojo ubicado a la izquierda, Paleta de Capas-.
  • Mantengan pulsada la tecla ALT y hagan clic en la flechita ubicada en la parte superior derecha de la Paleta Capas y acto seguido seleccionar Combinar Visibles, en el menú desplegable de la Paleta.

10. Ya tenemos la versión acoplada del Logo, en una Capa independiente. 
  • Hagan visible la Capa Fondo -haciendo clic en el recuadro donde estaba su icono de ojo-. 
  • Activar la herramienta Marco Elíptico pulsando la letra M.
  • Trazar una selección ovalada algo mayor que la del Logo sin que los bordes se extiendan más allá del área de la imagen.

11. Pulsar la combinación de teclas ALT + CONTROL + R para CALAR la selección (SELECCIÓN > CALAR o también SELECCIÓN > PERFECCIONAR BORDE: Calar, dependiendo de la versión que tengáis de Photoshop). 
  • Ajustar el calado a 30 px, pero si estáis trabajando con una imagen de alta resolución (300ppp) utilizar un ajuste de 65/70 px
  • Clic en OK
12. Una vez hemos suavizado los bordes de la selección ovalada, la rotaremos un poco. 
Ir al menú SELECCIÓN > TRANSFORMAR SELECCIÓN.
  • Aparece un marco delimitador. 
  • Situar el cursor en la parte inferior de la elipse, es decir debajo del marco delimitador, y arrastrar hacia la derecha para rotar la selección en el sentido contrario a las agujas del reloj. 
  • Pulsar INTRO.
  • De esta manera aplicamos la transformación. 
13. Pulsar la letra M para activar la herramienta Marco Elíptico -por si éste se ha desactivado- y situar la selección en la parte superior izquierda del Logo. 
  • Al tener activa ésta herramienta, situando el cursor dentro de la selección podréis recolocarla a vuestro antojo. Es fácil. 
14. Pulsar CONTROL + L (IMAGEN > AJUSTES > NIVELES) y arrastrar el deslizador situado en el extremo izquierdo de NIVELES DE SALIDA hacia la derecha. 
  • Conforme lo arrastran va apareciendo la zona de Luz. 
  • Pulsen OK, cuando estén satisfech@s con el ajuste, pero no deseleccionar todavía. 
15. Hagan clic, con el puntero del ratón,  en el interior de la selección -se supone que aún tenemos activada la herramienta Marco Elíptico- y arrastrarla a la parte inferior derecha del Logo. 
  • Pulsen de nuevo la combinación de teclas CONTROL + L (IMAGEN > AJUSTES > NIVELES) y en esta ocasión arrastrar el deslizador del extremo derecho de NIVELES DE SALIDA hacia la izquierda para oscurecer el área seleccionada y con ello crear una Sombra en el Logo. 
  • Cuanto tengáis el ajuste deseado pulsar OK y a continuación deseleccionar la selección pulsando CONTROL + D
16. Por último hagan clic, con el puntero del ratón, en la Capa acoplada - la del Paso 9- y arrastradla debajo de la Capa de Texto - en la Paleta de Capas-. 
  • Así conseguimos que el texto quede delante de las Luces y Sombras. 
Esto es todo ¡ya tenéis vuestro Logo. 

Pese a que parezca complicado...no lo es! sigan mis pasos y ya verán como logran realizar vuestro logotipo con luces y sombras (efecto vítreo).

...y a ahora practicar, practicar y practicar!

DISEÑO ES IMAGINACIÓN 

Saludos.

51 comentarios:

  1. Como todos tus trabajos; muy artístico, creativo y desde luego interesante como no puede ser menos.
    Un abrazo maestro.

    ResponderEliminar
    Respuestas
    1. Muchas gracias Seva por tu agradable visita. Aprovechando que tengo unos días mas relajados puedo responderos de manera individual -como siempre ha sido mi deseo-.
      Me alegra que lo encuentres interesante.
      Un abrazo y feliz fin de semana.
      Ramón

      Eliminar
  2. Te queda muy bello y limpio. Buena marca de la casa.
    Expresiones
    Piedra

    ResponderEliminar
    Respuestas
    1. Hola Miguel!
      Es todo un placer volver a recibirte, así como saber que te ha gustado esta técnica.
      Cordial saludo y buen fin de semana.
      Gracias.
      Ramón

      Eliminar
  3. Creo que esta técnica puede ser válida para otras cosas además de logotipos. Así que tomo buena nota.
    Gracias y un abrazo, amigo Ramón.

    ResponderEliminar
    Respuestas
    1. ...tienes razón Anaximandro!
      Esta técnica es muy válida para otras cosas; espero que le saques provecho.
      Muchas gracias por estar de nuevo por aquí.
      Un abrazo amigo...y que disfrute del fin de semana!.
      Ramón

      Eliminar
  4. Un nuevo, interesante y como siempre, útil tutorial.
    Muchas grácias Ramon.
    Un fuerte abrazo

    ResponderEliminar
    Respuestas
    1. Hola Josep!
      Me alegra que te guste este tutorial y lo encuentres útil. Ahora espero que le saques rentabilidad para alguno de tus buenos trabajos.
      Muy agradecido por tu visita.
      Que tengas buen fin de semana. Un fuerte abrazo amigo.
      Ramón

      Eliminar
  5. Un tutorial interesantisimo como ya es costumbre en ti y en tus trabajos, saludos amigo.

    ResponderEliminar
    Respuestas
    1. ...muchas gracias Jesús!
      Me alegra saber que encuentras interesante mis trabajos.
      Agradecido por tus visitas. Que pases un buen fin de semana.
      Cordiales saludos.
      Ramón

      Eliminar
  6. Interesante y práctico tutorial, saludos.

    ResponderEliminar
    Respuestas
    1. Hola Edertano!
      Muchas gracias por tu fidelidad, me alegra mucho tenerte por aquí y saber que te resulta interesante y práctico este nuevo tutorial.
      Espero que te sea útil.
      Saludos y buen finde.
      Ramón

      Eliminar
  7. GRACIAS MI HERMANO, POR REGALARNOS TU EXPERIENCIA.
    UN ABRAZO

    ResponderEliminar
    Respuestas
    1. ...gracias a tí ReltiH por tus agradables visitas y comentarios.
      Me alegra recibirte.
      Un abrazo amigo y a disfrutar del fin de semana.
      Ramón

      Eliminar
  8. Muchas gracias Ramón, siempre que paso por tu blog, aprendo algo.
    Un abrazo

    ResponderEliminar
    Respuestas
    1. ...me alegro de ello Ana!
      Muchas gracias por tus siempre agradables visitas.
      Que tengas buen fin de semana. Un abrazo.
      Ramón

      Eliminar
  9. Un bonito efecto, otra gran clase de diseño gráfico! Un abrazo!

    ResponderEliminar
    Respuestas
    1. Gracias Leovi! me alegra mucho que te haya gustado este nuevo tutorial en torno al mundo del Diseño Gráfico.
      Un abrazo y buen finde.
      Ramón

      Eliminar
  10. Hola Ramón, con tu forma de enseñarnos, vas consiguiendo que los que solo editábamos fotografía, estemos empezando a crear en diseño gráfico.
    Gracias por enseñarnos cada día un poco más.
    SAludos.

    ResponderEliminar
    Respuestas
    1. ...cuanto me alegro de ello!
      Ciertamente todo es empezar y...dar rienda suelta a la Creatividad!
      Muchas gracias por estar de nuevo por aquí.
      Cordiales saludos y feliz fin de semana.
      Ramón

      Eliminar
  11. Se me está acumulando el trabajo pues en el hospital no tengo la comodidad de casa para intentar hacer estos trabajos que nos enseñas, me lo he copiado para cuando esté en casa. Saludos y gracias

    ResponderEliminar
    Respuestas
    1. Hola CHARO!
      Espero y deseo que todo te vaya bien...y pronto te encuentres de nuevo en casa.
      Cordial saludo y muchas gracias por tu visita.
      Ramón

      Eliminar
  12. Muchissimas gracias por tu buena voluntad, pero yo soy un desastre y no entendo nada de máquinas :( :(

    Venho aqui muitas vezes , mas nem deixo comentário por isso mesmo.

    Bem hajas e que tenhas bom fim de semana, Ramón :)

    ResponderEliminar
    Respuestas
    1. Muchas gracias Säo por tu detalle al dejarme comentario pese a que esto no es lo tuyo...muy agradecido!
      Que tengas un feliz fin de semana. Cordial saludo.
      Ramón

      Eliminar
  13. ✿✿º°。
    Passo a passo didático e prático. Ótima dica.
    º°。♡♡彡
    Bom fim de semana!
    Beijinhos.
    ♪♬♫º°

    ResponderEliminar
    Respuestas
    1. Muchas gracias Inês por tu visita y siempre agradables comentarios.
      Te deseo un estupendo fin de semana.
      Un abrazo.
      Ramón

      Eliminar
  14. Otro estupendo tutorial. Interesante.

    Abrazos Ramón

    ResponderEliminar
    Respuestas
    1. Gracias Esmeralda, me alegra que te haya gustado y lo encuentres interesante.
      Buen fin de semana.
      Un abrazo.
      Ramón

      Eliminar
  15. Otro tutorial interesante y practico, para algunos trabajos y videos me vendra muy bien. Gracias.
    Un abrazo.

    ResponderEliminar
    Respuestas
    1. ...me parece estupendo Jose Manuel y así lo espero que te venga bien esta técnica para tus trabajos.
      Muchas gracias por estar por aquí, una vez mas.
      Un abrazo y espero que tengas un buen fin de semana.
      Ramón

      Eliminar
  16. Éste me ha gustado mucho Ramón. Fijo que lo voy a hacer, Gracias!!
    Un fuerte abrazo y buen finde :)

    ResponderEliminar
    Respuestas
    1. ...ya me contaras que tal te ha ido este tutorial.
      Gracias Gumer por tu visita y me alegra de que te haya gustado.
      Un fuerte abrazo amigo.
      Ramón

      Eliminar
  17. Como siempre, compartiendo didácticamente tus muchos saberes. Gracias

    ResponderEliminar
    Respuestas
    1. ...gracias a ti Indigo por estar de nuevo por aquí y comentar.
      Que tengas buena semana. Cordial saludo.
      Ramón

      Eliminar
  18. Sempre uma aula com criatividade...

    Beijo.

    ResponderEliminar
    Respuestas
    1. ...me alegro de ello Teca!
      Muy agradecido por tu visita, siempre es un placer recibirte.
      Un abrazo y feliz semana.
      Ramón

      Eliminar
  19. Otro estupendo trabajo para intentarlo más adelante. Muy preciso y elegante. Feliz verano, Ramón.

    Un abrazo

    ResponderEliminar
    Respuestas
    1. Muchas gracias José Luis por tu agradable visita y comentario.
      Espero y deseo tengas un excelente verano...que disfrutes!
      Un abrazo.
      Ramón

      Eliminar
  20. Otro de los tutoriales que me viene muy bien amigo Ramón.
    Un abrazo y muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Paco! Como te va? Espero que bien amigo.
      Me alegra tu visita así como saber que te viene muy bien este nuevo tutorial. Espero que le saques provecho.
      Un fuerte abrazo y feliz semana.
      Ramón

      Eliminar
  21. Como siempre unos tutoriales la mar de interesantes. Me gusta mucho este efecto, le da luz y vida a los logos. Rompe con la linealidad del color a secas, un poco más aburrido.

    Un beso,

    Margarita

    ResponderEliminar
    Respuestas
    1. ...eso es precisamente lo que buscaba con esta técnica Margarita. Muchas gracias por tu nueva visita y comentario.
      Espero que todo te vaya bien. Un abrazo.
      Ramón

      Eliminar
  22. PhotoShop es una buena herramienta para los diseñadores, aunque no debemos basarnos únicamente en la utilización de un programa. Los conceptos es lo que marca la diferencia en un buen diseño o uno malo. Y eso se consigue con años de estudios.

    Por cierto yo hubiera utilizado Illustrator para hacer un “logo”. Si se hace en Photoshop el logotipo está en píxeles y eso nos resta facilidades en su aplicación.

    Saludos

    ResponderEliminar
    Respuestas
    1. Gracias por tu visita y comentario Vero.
      Como habrás comprobado este blog es exclusivamente de Photoshop, programa que manejo desde hace 14 años y en el quiero plasmar las muchas técnicas que podemos emplear para realizar trabajos de todos los estilos (collage, ilustraciones, logos, anuncios,etc) y todo ello a través de tutoriales donde, de manera desinteresada, las enseño paso a paso.
      Tienes razón en cuanto usar el programa Ilustrator para crear un Logo, pero eso sería un trabajo vectorial...y eso no es lo que busco y quiero plasmar.
      Cordial saludo.
      Ramón

      Eliminar
  23. Maestro te mereces unas buenas vacaciones.

    Feliz verano!!!

    Besos.

    ResponderEliminar
    Respuestas
    1. ...llegarán! jajaja
      Muchas gracias por vuestra nueva visita.
      Que os vaya todo de maravilla. Feliz Verano Gemelas!
      Abrazos.
      Ramón

      Eliminar
  24. Excelente tema para hacer buenos y vistosos coloridos.-

    ResponderEliminar
    Respuestas
    1. ...me alegra que te guste Enrique.
      Muchas gracias por estar de nuevo por aquí.
      Cordial saludo.
      Ramón

      Eliminar
  25. Hola Ramón. me encanta el logo que has creado con esta técnica que seguramente vendrá muy bien para muchos.
    Buen fin de semana y un abrazo.

    ResponderEliminar
    Respuestas
    1. Hola Eric!
      Muy agradecido por tu nueva visita y comentario. Un placer te haya gustado esta técnica y espero que os sea de ayuda.
      Te deseo una estupenda semana.
      Un abrazo.
      Ramón

      Eliminar
  26. Vaya Ramón! cuántos deberes a practicar que no había visto estos dias. Un abrazo y buen finde.

    ResponderEliminar