COLECCIONES TUTORIALES ENTREVISTAS TIPOGRAFÍA buscar

El sitio web Rockband

Abduzeetles en Fireworks

Feb 01, 2010 ¿Qué pasa muchachos, este tutorial es una especie de especial para mí, desde que
FABIANO
vi por primera vez este sitio me quedé sorprendido con los colores, las formas y la
vida real que parece ser. Estoy hablando de página web The Beatles Rockband de,
TUTORIAL • FUEGOS ARTIFICIALES

es simplemente maravilloso. Y pensando en ello decidí rediseñar en los fuegos

artiꀅciales, pero ahora nuestro propio sitio, que llamaremos la Abduzeetles
Rockband!

Vamos a utilizar los comandos agradables en este tutorial, y lo que es realmente interesante es tratar
de probar otros valores en cada paso, otros colores, otras formas, siempre explorando todo el
potencial de cada herramienta. Espero que todos ustedes disfruten de este tutorial y si ya no sabe el
sitio original, por favor veriꀅque: thebeatlesrockband.com .

1 - Nuevo archivo
Abrir un archivo de noticias de los fuegos artiꀅciales de 1440x1260 píxeles, utilice el color # 293965 en
el fondo.

LOS ANUNCIOS
PATROCINADOS
2- Negro Elispes
Vamos a empezar creando el fondo de color. Para hacer eso, dibujar una elipse negro como la Figura 1.
Por lo tanto se aplica Comando> Creatie> Twist and Fade, usar los valores como la ꀅgura, pero trata de
jugar con los valores de averiguar todas las posibilidades que esta herramienta puede hacer.
3- Cambiar los colores elipses
Antes de crear el Twist, necesitamos cambiar los colores para tener el efecto que queremos. Aplicar
las escalas de grises entre # 000000 para #cccccc, como la ꀅgura. Ahora tenemos todavía algunos
detalles, en cada elipse, aplicar sombra interior 0 - 30% - 10, y en las últimas 2 aplicar un poco de
opacidad.
4- Beginn los Colores
Coloca este grupo tenemos ahora en la parte superior de nuestro lienzo. Después de que crear una
nueva elipse, aplicar un gradiente lineal ingenio de los colores como la imagen. Aquí puede cambiar
los colores si lo desea, no dude en hacerlo! Haciendo que la escala y mover la nueva elipse que ser
exactamente sobre el grupo de elipses.
5- superposición
Ahora solo se aplica una superposición en esta elipse de color con el 60% de opacidad, y luego
doblarla para obtener aún más el contraste.
6- área de contenido
Para obtener esta área de contenido, utilizaremos 3 rectángulos. La primera de ellas tendrá el color #
999999, la opacidad de 66% y la sombra. La segunda, que es exactamente lo mismo, sólo haga doble y
reducir los 5 píxeles en cada lado. El tercero tiene que reducir más de 5 píxeles y aplicar el color #
f5f5f5 y la textura de la vena.
7- Creación de las formas de color
Los elementos de color en la cabecera serán creados con la herramienta Pluma. Dibujar una forma
como la Figura 1, aplique la textura, el color y la sombra como la Figura 2. A continuación, duplicar
este elemento y ajustar el tamaño y los colores como la ꀅgura 3.
8- La colocación de las formas de colores
Grupo estas formas acaba de crear. Crear otros como lo hicimos en la Figura 1 Coloque luego detrás
contenido del fondo.
9- estrellas
Vamos a traer vida al fondo! Para ello basta con crear varias estrellas y círculos con diferentes colores
y opacidades. Un consejo es aplicar Resplandor en algunos de ellos para tener un efecto agradable.
10- Las nubes
Para las nubes es un poco simple, los haremos con los círculos y elipses. Crear las formas que desea,
así que vaya a Modiꀅcar> Combinar trazados> Unión. Después de que aplicar un borde blanco 10px,
jugar con gradientes y texturas, y aplicar una gota de sombra también.
11- posición de las nubes
Crear 3 modelos de nubes, colocarlos en la cabecera, detrás del contenido y en el pie de página.
Además, dibujar algunos elementos en el pie de página como la ꀅgura, para colocar algunos textos
sobre el mismo ..
12- elementos de contenido
Ahora, para terminar vamos a poner algunos elementos en el interior de nuestra página web. Como lo
hicimos, utilice una imagen principal, unas cajas con contenidos, menú principal y el menú
secundario, y por supuesto, el logotipo, que aquí está nuestro Abduzeetles Rockband!
Resultado ꀅnal
 TI's OPA2836 ADC Driver
33% Better Power Consumption. Best- In-Class Slew Rate, Bandwidth & THD

Fabiano Meneghetti

Soy un / diseñador Web UX y administrar negocios y proyectos a Zee . También

me gusta pasar algunas horas en nuestros principales proyectos Openjobs y

como escritor y colaborador de aquí en Abduzeedo ..

Rawz

Rawz es nuestro sitio generado por el usuario en el que cualquiera puede

compartir su trabajo o el trabajo con la comunidad Abduzeedo. También puede PRESENTAR LA IMAGEN
compartir lo que te inspira, siempre acreditando y la vinculación de la
fuente correctamente. Además de eso, las mejores imágenes consiguen
seleccionados y publicados en la inspiración diaria serie aquí en Abduzeedo.

acerca de Abduzeedo es un blog sobre diseño, que comenzó en 2006 y después de

todos estos años el sitio acumuló una enorme biblioteca visual de
anunciar artículos sobre arquitectura, ilustración, diseño grá co, diseño UX,
diseño de aplicaciones móviles y mucho más. Nuestro objetivo es
almacenar compartir lo que nos inspire junto con nuestra opinión.

iniciar sesión

Diseñado por los brasileños con orgullo organizada por (MT) Media Temple