Cómo se dibujan los logotipos web 2.0 (Photoshop)

¿Alguna vez te has preguntado cómo estos tipos dibujan sus logotipos web 2.0? A veces es bueno aprender de los demás, desarrollar las habilidades básicas y comenzar tu propia creatividad a partir de ahí. En este tutorial de Photoshop, te mostraré algunos de los agradables logotipos de la Web 2.0, cómo puedes dibujar su logotipo exactamente igual (bueno, aunque no realmente al 100%) con Photoshop.

1. Descargar e instalar el archivo de estilo

En primer lugar, deberá descargar un estilo que he creado y cargarlo en Photoshop..

1. Descarga el estilo de Photoshop aquí. (Clic derecho -> Guardar como)
2. Para usuarios de Photoshop CS2, ponga este archivo de estilo en “C: \ Archivos de programa \ Adobe \ Adobe Photoshop CS2 \ Presets \ Styles” Photoshop de otras versiones, coloque el archivo dentro. Presets \ Estilos

2. estilo de carga

Llame a su cuadro de diálogo de estilo en Photoshop

1. Windows -> Estilos
2. Observe un pequeño botón de flecha en la esquina superior derecha. Haga clic en él y seleccione Cargar estilos desde el menú desplegable
3. Encontrar web20 de la lista y haga clic Carga. Si no encuentra web20, intente cerrar Photoshop, vuelva a abrirlo, repita el paso 1.
4. Haga clic nuevamente en el botón de flecha y seleccione Lista grande desde el menú desplegable

Su resultado debe ser similar a la imagen de abajo..

3. Los seis logos de la web 2.0.

Aquí hay seis logotipo de la Web 2.0; MyBlogLog, Imified, mixd, skype, Linked In y Go2Web20. El estilo que acaba de instalar va a revelar cómo dibujarlos. Voy a pasar por “mixd” y “Go2Web20” Logos, el resto es solo reutilizando la misma técnica..

4. como dibujar

La razón por la que uso el Estilo aquí es porque una vez que se guardan en un archivo .asl (el archivo que descargó), son convenientes de aplicar. Vamos a dibujar algunos de estos logos..

Dibujo mixd Logo

Observación inicial, logo mixd compuesto por.

1. “mixd” texto
2. redondeado rectangular
3. punto pequeño
4. punto más pequeño

Los dibujaremos aproximadamente en Photoshop, cada uno de los elementos en una capa diferente, como se ilustra en la imagen de abajo..

Ahora aquí está el truco. Buscar “mixd-label” en el Diálogo de estilo. Arrástrelos directamente a la capa de fondo, la capa de punto pequeño y la capa de punto más pequeña respectivamente. Si los arrastra correctamente, notará que la capa ahora heredará los colores y la combinación del estilo. Encontrar “fuente mixd” en Diálogo de estilo, arrástrelo a la capa de texto y su logotipo de Mixd está completo, 90% como el original, diré.

Dibujo Go2Web20 Logo

Ten 4 nuevas capas creadas, cada una para “IR“, “2“, “WEB” y “2.0“

Arrastrar “go2web20-púrpura” de Style Dialog en “IR” Y “WEB”, arrastrar “go2web20-green” dentro “2” Y “2.0” y obtendrás esta salida final.

En cuanto al resto (MyBlogLog, imified, skype y Linked In), se trata de arrastrar sus respectivos estilos y combinarlos con la fuente correcta..

5. Conclusión

Si miras en el Opciones de mezcla De cada estilo, notará que la mayoría de los logotipos de la Web 2.0 son cuestión de jugar con degradados, trazos con la combinación de las fuentes correctas. Esto no puede “exacto” cómo estos chicos habían hecho su logotipo, pero al menos es una forma de lograrlo. No te estoy animando a imitar su estilo y volver a dibujar tu logotipo, pero trata de entenderlo y espero que puedas sacar un bonito y elegante logotipo Web 2.0. Me encanta poner mis diseños en Estilo (.asl), puedo reutilizarlos cuando quiera..