[Tutorial Photoshop] Logotipo de Firefox

El Mundo

En primer lugar crear un nuevo documento en 1024px x 970px y comenzar con la selección de la herramienta elipse (U) y dibujar un círculo grande (mantenga Mayús para restringir las proporciones) y hacer que la parte superior del círculo casi tocar la parte superior del documento y la parte inferior del círculo de casi tocar la base del documento. Cambiar el color de esta nueva forma haciendo doble clic en el color al lado de su forma en la paleta Capas y, a continuación entrar en # 1f0e6d en el espacio por debajo de RGB. Esta es su forma básica de su mundo y debería tener este aspecto:

Ahora tenemos que duplicar la forma del mundo haciendo clic derecho sobre el círculo que acaba de crear en la paleta Capas y haga clic en Duplicar. Es necesario que esta escala ligeramente inferior, así que presione CTRL T y se le cambió a Transformación libre en el que podemos manipular la forma libremente. Escala de la forma abajo muy levemente por la selección de la parte superior derecha cambiar el tamaño de manejar y arrastrando hacia el interior mientras mantiene tanto SHIFT ALT. Ahora agregamos una capa de degradado nuevo yendo Capa> Nueva capa de relleno> Degradado. Darle un nombre y haga clic en Aceptar y usted debe ser educado con un diálogo de relleno degradado. Ahora tiene que hacer clic en el gradiente junto a Desnivel: (no el menú desplegable, el gradiente de reales) y esto debería traer un editor de gradiente. A lo largo de la barra de degradado debe haber un cuadro negro en la parte inferior izquierda y un cuadro blanco en la parte inferior derecha. Haga doble clic en el cuadro negro a la izquierda y cambiar su color a # 251979 y luego haga doble clic en el cuadro de la derecha y cambia el color a # 67c4d4. Entonces la tapa de la caja, haga clic derecho y cambiar su valor de opacidad al 100%. Haga clic en Aceptar y usted debe ser presentado con una paleta de capas que tiene este aspecto:

Ahora tiene que hacer clic en sus 3 niveles (o lo que debería llamarse «Forma 1 Copiar ') máscara vectorial y arrastrarlo hasta la capa de nueva creación su relleno degradado. Esto debería crear una máscara de vector para la capa de relleno de degradado y debería tener este aspecto:

Ahora viene la parte difícil, la creación de la tierra en el mundo. Para lograr esto utilizamos la herramienta pluma (P) para crear las formas orgánicas necesarias para parecerse a la tierra. Seleccione la herramienta pluma (P) y asegúrese de Shape Layers se selecciona en el menú de herramientas en lugar de Senderos. Ahora comienza el clic y arrastrando los procesos involucrados en el uso de la herramienta de la pluma hasta lograr el siguiente resultado (no puedo más que esto para la herramienta pluma (P), pero si usted desea cubrir lo básico echa un vistazo a esta guía):


Ahora tenemos que restar una porción de tierra de la isla que hemos creado y para ello hace clic sobre la máscara vectorial en la forma de la tierra en la paleta Capas (con la herramienta pluma (P) aún seleccionado) para seleccionar la tierra; a continuación, haga clic en Restar de la forma del botón Área de la barra de opciones de la herramienta. Ahora sólo quitar el pedazo de tierra utilizando el mismo método utilizado para añadir que hasta que haya retirado la pieza se muestra en la siguiente imagen:

Con su forma seleccionada, ahora tenemos que invertir la tierra para que aparezca el mismo que en el logotipo de Firefox. Para ello, seleccione la herramienta de selección de ruta (A) y seleccionar sólo los de la tierra principal (no la resta). Ahora presione el botón '-' (menos) para invertir la selección y, a continuación, haga clic en su pedazo de tierra y resta de prensa ' ' (más) para añadir la isla de nuevo a la forma. Ahora haga clic derecho sobre la capa en la paleta de capas y seleccione Crear máscara de recorte para recortar su tierra para el mundo y que debería tener este aspecto:

Ahora bien, para lograr un efecto de degradado utilizando estilos de capa. Para lograr esto es necesario seleccionar Capa> Estilo de capa> Superposición de degradado en el menú de Photoshop y se le presentará con las opciones necesarias para editar un degradado. Haga clic en el gradiente junto a Desnivel: (no el menú desplegable, el gradiente de reales), y esto debería traer un editor de gradiente. A lo largo de la barra de degradado debe haber un cuadro negro en la parte inferior izquierda y un cuadro blanco en la parte inferior derecha. Haga doble clic en la parte inferior izquierda de recuadro negro y cambiar su color a # 00022e y deslizarlo hasta Localización lee el 40%. Luego, haga doble clic en la casilla de abajo a la derecha y cambia el color a # 0f80bc, haga clic en OK, OK, OK, y debe ser presentado con esto:

Ahora tenemos que crear el clásico efecto de la Web 2.0 orbe brillante (¿cuándo nos cansamos de ella?) Seleccionando la herramienta elipse (U) y el dibujo de un óvalo en la parte superior del globo para que se vea así:

Ahora, seleccione Capa> Estilo de capa> Superposición de degradado en el menú de Photoshop y se le presentará con las opciones necesarias para editar un degradado. Haga clic en el gradiente junto a Desnivel: (no el menú desplegable, el gradiente de reales), y esto debería traer un editor de gradiente. A lo largo de la barra de degradado haga doble clic en la parte inferior izquierda de recuadro negro y el cambio a # FFFFFF (blanco). Ahora el cuadro negro, haga clic en la parte superior izquierda y cambiar la opacidad al 0% y la ubicación al 40%. Haga clic en Aceptar y esto parece que no hacen ninguna diferencia. Haga clic en Opciones de fusión en el diálogo de estilo de capa y buscar la sección Fusión avanzada. En esta sección debe ser un regulador de Opacidad de relleno que tendrá que arrastrar a 0%. Por encima de esta sección es el General de fusión, donde encontrará un control de opacidad que ha de ser arrastrado a un 50%.

Después de esta breve poco de mezcla avanzada, haga clic en Aceptar y usted debe ser presentado con esto:


El Zorro

El zorro es definitivamente el truco y usted tendrá que tener un buen conocimiento de la herramienta de la pluma y la forma en que trabaja para sacar esto adelante. Estoy escribiendo lo siguiente en la presunción de que ha logrado la sección anterior de este tutorial, y estamos seguros con la herramienta de la pluma y los estilos de capa.

En primer lugar tenemos que empezar con el brazo. Dibuje la forma siguiente con la herramienta pluma (P) y haga doble clic en la capa para abrir el diálogo Estilo de capa. Cambiar las propiedades de gradiente hasta lograr un resultado que se asemeja a la siguiente imagen. Yo los colores # 941403 y # c04b11 para lograr el efecto siguiente (recuerde ajustar el ángulo y la escala en el diálogo de estilos de capa para lograr el resultado deseado):

Ahora tenemos la base del brazo. Ahora debemos duplicar esta capa, de forma que podemos añadir la naranja mitad superior del brazo. Después de la capa se ha duplicado (botón derecho, doble ejemplar, en paleta de capas) tenemos que restar una porción de él del mismo modo que hemos eliminado de la tierra desde el mundo en la primera parte de este tutorial, haga clic en la máscara de su vector forma duplicada en la paleta Capas y con la herramienta pluma (P) seleccionado, haga clic en el Área Reste forma de botón. Ahora dibuja una curva que coincide con la imagen que sigue, la eliminación de la parte inferior del brazo de los zorros. Una vez completado, haga doble clic en el color en el lado de la capa y aplicar # d46518 como las formas de llenar de color. Ajustar el ángulo y la escala en el diálogo de estilos de capa para lograr el resultado deseado y que ahora debe tener algo similar a esto:

Ahora tenemos que crear un hito rápida. Para ello, seleccione la herramienta pluma (P) y dibujar una forma en la pata del zorro que se asemeja a la imagen que sigue. Aplicar un estilo de capa simple con un degradado que se utiliza # f5f498 color para el cuadro de degradado a la izquierda y el mismo color de la derecha, pero con 0% de opacidad. Haga clic en Aceptar, Aceptar y vaya a la mezcla de opciones en el diálogo y en los estilos de capa avanzada mezcla de cambio Opacidad de relleno a 0%. Ajustar el ángulo y la escala en el diálogo Estilo de capa para lograr el resultado deseado y que resultado debe ser algo como lo siguiente:

Ahora tenemos que empezar a crear la mayor parte de la forma de la zorra. Empezaremos con el esquema inicial y luego pueden construir los detalles de la Fox como capas individuales. Empezaremos por crear el esquema de Fox, que incluye el oído, pero excluye la cabeza, como demuestra la siguiente imagen (utilizando la herramienta de la pluma (p)).

El esquema zorros espero que ahora este aspecto:


Usted notará que la cola del zorro es demasiado rojo con el gradiente de aplicación existentes. Una manera rápida y fácil de librarse de esto es para duplicar el esquema zorros y con la herramienta de la pluma seleccionada y restar de las formas de áreas seleccionadas, una forma de eliminar todo, pero la cola de los zorros. Luego, en el diálogo Estilo de capa, ajustar el gradiente para eliminar el enrojecimiento de la punta de la cola.

Ahora, utilizando las técnicas empleadas antes de que tenemos que empezar en la mandíbula de la zorra y el hocico. Comience por dibujar la parte inferior de la boca con la herramienta pluma (P) y cambiar el color de relleno de formas # FFFFCC.

Ahora crear una nueva forma de actuar como destacar la mandíbula. Dibujar una forma similar a la que sigue, usando el color de relleno # eea273. La forma puede extenderse a la mitad inferior de la mandíbula, porque luego aplicar una máscara de recorte, haga clic en la nueva capa y seleccionando Crear máscara de recorte. Esta muy bien que ancla su nueva forma a la mandíbula y eliminar cualquier excedente de las formas.

El hocico superior ahora es necesario crear, por lo que con la herramienta pluma (P) dibuja la forma siguiente y el cambio de gradiente en el diálogo de estilos de capa (doble clic en la capa en la paleta de capas) para utilizar los colores # # 9a1d06 y db5009, recordando a modificar la escala y el ángulo en el diálogo de estilos de capa.

Ahora tenemos que crear un relieve sutil a la parte superior del hocico de zorro. Para ello, duplicar la parte superior del hocico que acaba de crear y con la herramienta pluma (P) seleccionados, seleccione la resta de forma Espacio y eliminar el trozo como se ilustra a continuación.

Ahora cambia el estilo de la capa de este relieve de tener un gradiente usando el color # df731b en ambos cuadros, pero con el cuadro de la derecha con 0% de opacidad. Luego recuerdo ir a la mezcla de opciones, busca Fusión avanzada y cambiar la opacidad de relleno al 0%. Recuerde que debe volver a Superposición de degradado en el diálogo de estilo de capa y ajustar el ángulo y la escala para que coincida con la imagen de abajo. Usted debe terminar con algo como esto:

Por último añadir un botón negro en la nariz con un simple negro / blanco Superposición de degradado y arrastre la capa debajo del hocico otras formas en la paleta de capas.

Ahora tenemos que afinar los detalles de la cola del zorro. Crear una forma similar a lo siguiente y aplicar un estilo de capa Superposición de gradiente con un gradiente similar al siguiente (recuerde ajustar el ángulo y la escala en las opciones de superposición de degradado en el diálogo Estilo de capa):

La forma debería tener este aspecto:

El gradiente debe tener este aspecto:

En conjunto, debería tener este aspecto:

Repita este proceso hasta que todo el detalle en la cola es completa, utilizando los mismos estilos de degradado, sólo modificando ligeramente para adaptarse a cada poco separado de los detalles. Después de haber terminado el detalle que debe tener algo que se parece a esto:

Ahora necesitamos crear la pieza final de detalle de la cola, que también actúa como la sombra hacia atrás de la zorra. Para ello, duplicar la forma que hace que el cuerpo de la zorra y en la paleta Capas, arrastre en la parte superior de modo que todas las superposiciones de capas existentes. Ahora seleccione la herramienta pluma (P) y Ctrl clic en su forma de criar a las formas de esquema con todos los puntos de anclaje muestra. Un solo clic a la mayoría de los puntos de anclaje para borrarlos y sacar unas cuantas de las ya existentes sobre hasta obtener una forma similar a la imagen que sigue. Cambiar la superposición de degradado en el diálogo Estilo de capa también se asemejan a las siguientes (ajustar el estilo de la capa que usó para las colas de detalle antes):

La cabeza del zorro de pelo ahora tiene que ser creado por el dibujo de la siguiente forma con la herramienta pluma (P). Es necesario crear un estilo de capa con una superposición de degradado que utiliza el color y df731b # # e79041 y en las propiedades de superposición de degradado en la paleta de estilos de capa, cambiar el tipo de degradado radial a su lugar de lineal. De esta manera podemos añadir un toque de luz circular que sigue el arco de la cabeza del zorro. El resultado debe ser algo así:


Este gradiente radial que hemos empleado anteriormente por desgracia, no ha abarcado la parte superior de la cabeza del zorro como se esperaba, así que tenemos que duplicar la capa anterior y utilizando la herramienta pluma (P) Resta seleccionar la zona a partir de formas y eliminar el 80% de pelo de la zorra desde aproximadamente por debajo del hocico. He puesto de relieve la forma como verde en el siguiente ejemplo para que pueda ver lo que me refiero:

Ahora cambie la superposición de degradado en el diálogo Estilo de capa para crear un hito en la parte superior de la cabeza del zorro. El resultado debe ser como sigue:

Ahora tenemos la oreja para aparecer en frente de la cabeza, así que tenemos que duplicar la capa que acaba de crear y le cortó todo el mundo, aparte de la oreja utilizando la herramienta pluma (P) con restar de forma área seleccionada. Tengo un ejemplo a continuación, con el oído resaltado
Ahora aplicar una superposición de degradado en el diálogo Estilo de capa y modificar el gradiente de lo que se asemeja a la siguiente imagen:

Por último es necesario crear las últimas cosas de detalle para el pelo del zorro de una manera similar a cómo se creó el detalle a la cola del zorro. Dibuja una sucesión de formas de pelo de punta como se ve en la imagen de abajo y crear un degradado que utiliza los colores y e27d23 # # efa869, asegurándose de que modificar el ángulo y la escala para el gradiente en cada punta para su mezcla con el pelo del zorro.

Eso debería ser, debería terminar con un logotipo de Firefox que se parece a la de arriba. Este sistema utiliza varias técnicas que quizás no son tan manejables como si se acercó a la misma tarea en Illustrator, pero evita el clásico problema de tener que saltar entre Illustrator y Photoshop para realizar modificaciones, dándole un poco más de flexibilidad. Ahora usted tiene una personalizables, el logotipo de Firefox escalable para cualquier uso que usted desea. Si hay alguna pregunta, por favor deje un comentario más abajo y voy a tratar de ayudarle lo mejor que puedo.


Fuente: http://www.henryhoffman.com/design-firefox-logo-in-photoshop-tutorial.html