usuario: clave:

Registrarme | Recuperar Clave

Técnica para diseñar tu Logo Web 2.0

19 de Diciembre de 2008 | Publicado en: Artículos Destacados | Ada

COMO CREAR UN LOGO 2.0 EN PHOTOSHOP CS3

¡Hola! amigos de Web artistas me gustaría compartir con ustedes una forma muy personal y sencilla de crear un logo 2.0 en pocos pasos.

Paso Nº 1

Abrimos nuestro PhotoShop seguido seleccionamos archivo nuevo, le damos la medida a la hoja que vamos a trabajar, para este ejemplo use 300×250 pixeles y fondo blanco.

Escribimos en la  hoja web 2.0.  Utilicé para el ejemplo tipo de letra (Gills Sans Ultra Bold), puede usar cualquier letra que guste, siempre y cuando sea una letra gruesa y legible. A continuación dale doble click en el recuadro que les indico con la flecha.

Paso Nº 2

Luego de haberle dado doble click le aparecera este recuadro tal cual como se muestra abajo, darle doble click en superposición de degradado y otro click donde dice degradado y se mostrara el siguiente recuadro que indica la flecha, que son los tonos que utilice:

Cuando ya estamos seguros del tono que queremos, vamos donde dice resplandor interior,  seleccionamos color y le damos el color que indico con la flecha, el número queda tal cual como está. Ya cuando realizamos este procedimiento en superposición de color y resplandor interior le damos O.K.

Paso Nº 3

Seguimos al tercer paso, duplicamos la capa que dice web 2.0, cuando realizamos la duplicación le damos un color blanco, después que le hayamos dado el color ponemos la regla en la mitad de la letras, seleccionamos opacidad y le damos un 19% este quedará en un tono semi-transparente; Ya hemos bajado la opacidad a esta capa, seguidamente en el panel de herramientas escogemos borrador modo pincel cuadrado y borramos la parte de abajo donde marcamos con la regla anteriormente.

Así tiene que quedar la imagen con un efecto espejado, de este modo obtendrá un brillo nuestro logo.

Paso Nº 4

Para el siguiente paso seleccionamos nuestras 2 capas y con el click derecho del mouse elegimos enlazar capas, verán una cadena entre las 2 letras, aquí uniremos  las capas (esto evitara que se muevan las capas, lograremos trabajar mejor), después de esto hacemos un duplicado de las capas y quedaría así, le damos un pequeño espacio entre una y otra capa que no queden tan juntas.

Después de haber hecho el duplicado nos vamos donde está el menú superior: edición, transformar, vertical y queda así:

Paso  Nº 5

Ahora remarcamos la palabra web 2.0 el que  hemos invertido y le añadimos una máscara vectorial a la capa (será un recuadro blanco que se convertirá en la máscara).

Después de haber agregado la máscara seleccionamos la herramienta degradado y hacemos una línea de abajo hacia arriba como se muestra en nuestro ejemplo, esta línea nos va a dar la guía para la altura que queremos para nuestro sombreado  (la altura la pueden elegir ustedes).

Ya cuando hemos seleccionado la altura. Le muestro el tono del degrades, (siempre para este tipo de sombras se usa blanco y negro) ¿porque blanco y negro? porque el negro se toma como transparencia y el blanco como solido.

Paso Nº 5 (Final)

Listo!! Así quedara su logo web 2.0 yo le di en lo personal un fondo negro para que resalte el logo, ustedes pueden agregar el tono que mas le guste, igual que el color de las letras.

Espero que les haya gustado este artículo, es una técnica muy fácil de cómo realizar un logo web 2.0.

Artículo realizado por:

Popularidad: 5%

Aportado por: Ada

3 comentarios para “Técnica para diseñar tu Logo Web 2.0”

  1. admin dice:

    Gracias por el articulo

  2. Deisy dice:

    Me sirvio mucho…
    Gracias.

  3. Rafa dice:

    Muy bueno che, pero no tengo el programa, de donde lo saco?

Deja un comentario

Agrega un comentario acerca de "Técnica para diseñar tu Logo Web 2.0"

Si crees que esta página puede serte útil entonces considera agregarla a tus favoritos.
Simplemente copia y pega el codigo de abajo(Ctrl+C par copiar)
El link se vera como este: Técnica para diseñar tu Logo Web 2.0

CATEGORÍAS

Últimos Comentarios

Artículos más vistos