El encabezado de Instructables siempre ha sido bastante sencillo, pero pensamos que sería divertido jugar con algunas imágenes que se relacionan con hacer cosas.

Para hacerlo un poco más interesante, no queríamos agregar ningún elemento a la foto más adelante en Photoshop. Podríamos ajustar las imágenes un poco y eliminar cosas, pero no se podría agregar nada. Esto significaba que el logo tenía que estar realmente allí.

Gracias a Adobe por permitirnos probar una copia anticipada de Photoshop CS5 para obtener este efecto de manera rápida y fácil.

Suministros:

Paso 1: Hacer el Logo

Nos encantan las cosas de corte por láser y este logotipo no fue la excepción. El logotipo aquí está cortado en acrílico blanco de 1/8 "en nuestra cortadora láser Epilog.

Las letras se cortaron ligeramente de modo que la capa protectora en la parte superior se cortó a través sin excavar muy profundamente en el acrílico. Esto lo hace para que pueda eliminar solo las letras y el resto del espacio aún esté cubierto.

Paso 2: Pintar

Con la capa protectora actuando como una plantilla, es fácil rociar el logotipo sobre el acrílico. Me enmascaré con cinta adhesiva y usé un par de capas de pintura en aerosol negra.

Después de eso es fácil quitar la capa protectora. El único truco es conseguir las pequeñas islas dentro de algunas de las capas. Solo mete la punta de la cuchilla de un cuchillo X-acto y viene de fuera.

Paso 3: Adjuntar soportes

Los soportes para el logotipo son solo un par de alfileres unidos a la parte posterior con pequeños trozos de cinta de gorila.

Paso 4: Colocar Logo en Escenas

En esta escena usamos una tabla para cortar, el logotipo y un cuchillo. Muy simple.

Esta escena fue única, ya que las clavijas no se pegarían en la tabla de cortar porque es muy dura. Una tercera pata hecha de un poco más de cinta de gorila y un pasador de seguridad estaba pegada a la espalda. Afortunadamente, esto también lo hizo funcionar de manera que el logotipo quedara frente a la cámara.

La cal está ahí para proporcionar apoyo emocional para el cuchillo.

Paso 5: ¡Fuera maldito lugar!

La herramienta más genial aquí es el Pincel de eliminación de puntos mejorado. Un par de pinceladas y POOF! Los alfileres son historia. Esto no habría sido una tarea tan mala antes, pero ahora es increíblemente fácil.

En serio, quitar los dos pines tomó 10 segundos. Es como la magia. Dulce, dulce magia algorítmica.

¿Y deshacerse del logo en el cuchillo? Solo otro uso del Pincel de eliminación de manchas en unos pocos segundos más. ¡Increíble!

Paso 6: Escalado

Después de hacer la imagen y colocarla en el nuevo diseño, se hizo evidente que la cuchilla estaba demasiado cerca del logotipo.Estaba dominando los elementos del menú y quería que fuera un poco más sutil, así que tenía que separarlos.

Para esto utilicé escalado consciente del contenido. De forma predeterminada, esto escala la imagen y mantiene intactas las áreas con más detalles a medida que el fondo más similar se aplasta o se estira. Esto no funcionaría ya que el logotipo tiene áreas blancas que se estiraron como un caramelo. A continuación le indicamos cómo mantener el logotipo y el cuchillo exactamente como los queremos.

1. Realice una selección que incluya los elementos que no desea modificar.
2. Guarda la selección con un nombre elegante, como "cosas"
3. Seleccione Editar> Escala de contenido
4. En el menú desplegable Proteger, seleccione "cosas"
5. Estirar la imagen

Presto cambio, ahora hay mucho espacio para que aparezcan los elementos del menú.

Paso 7: Limpia los colores y córtalo

Una vez que se eliminan rápidamente los pines, el resto del trabajo es simplemente jugar con los niveles un poco y luego hay un poco de trabajo de preparación para enviar a los codificadores para que pueda usarse como un nuevo encabezado. Esto simplemente implica convertir el logotipo en una nueva capa para que pueda ser un botón en el sitio.

Y con eso tenemos un nuevo encabezado que no agregó nada más tarde e involucra el logotipo en diferentes escenas. Encaja con nuestro propio espíritu del bricolaje y con la ayuda de Photoshop CS5 podríamos ir más rápido de la idea a la imagen.

Paso 8: Otros encabezados

Este proceso también se usó en los otros 4 encabezados de la semana. Aquí puedes ver fotos de antes y después de los diferentes temas.

¡Gracias por leer!