Usa Photoshop e Illustrator para crear tipografía de cuerdas de guitarra

Photoshop e Illustrator son excelentes herramientas para ayudarte a crear cosas que solo existen en tu imaginación. En este tutorial, crearemos palabras a partir de cuerdas de guitarra entrelazadas. Empecemos!


Activos Tutoriales

Los siguientes recursos fueron utilizados durante la producción de este tutorial..

  • Textura de madera

1. Crea las cadenas en Illustrator

Paso 1

Empezaremos en Illustrator. Crea un nuevo documento yendo a Archivo> Nuevo (Comando / Ctrl + N). Utilicé el siguiente tamaño de documento:

  • Anchura fijado a 250 mm
  • Altura fijado a 175 mm

Selecciona el Herramienta de segmento de línea (\), y mientras presionas Cambio dibuje una línea horizontal a lo largo del ancho del documento, en algún lugar en el cuarto superior de la página. Ahora establece:

  • Color de relleno (X) a ninguno
  • Peso del trazo a 5 pt
  • Gorra a tapa redonda
  • Esquina para redondear unirse

Utilizando la Herramienta de rotación (R) girar la línea horizontal en 11 °.

Utilizando la Herramienta de movimiento yendo a Objeto> Transformar> Mover (Comando / Ctrl + Mayús + M) Duplica la línea con los siguientes valores:

  • Horizontal: 0 mm
  • Vertical: 21 mm

No te olvides de hacer clic Dupdo en lugar de OK.

Duplicar La nueva línea 4 veces más simplemente por ir a Objeto> Transformar> Transformar de nuevo (o Comando / Ctrl + D), por lo que terminas con 6 líneas en total.

Paso 2

Ahora dibujaremos las letras..

Utilizar el Herramienta Tijeras (C) para cortar la ruta superior en dos puntos, en una distancia que es aproximadamente la longitud de la primera palabra. Utilizando la Herramienta de selección directa (A) agarrar el camino en el medio y eliminarlo. (No te olvides de pulsar Borrar dos veces, por lo que también elimina los puntos finales de la ruta no deseada.)

Utilizando la Herramienta Pluma (P) haga clic en el punto final derecho de la primera ruta para continuar la ruta y comience a dibujar la primera letra. Es una buena idea ver los caminos en Vista de esquema (Ver> Esquema, Comando / Ctrl + Y) para poder trabajar con mayor precisión.

Las letras pueden estar formadas por diferentes caminos por ahora, especialmente porque algunos caminos necesitan ser duplicados (las dos curvas de la 'm' son similares, así como la curva de la 'u', etc., pero sí necesitan ser ajustado para que estén conectados muy bien con la siguiente letra).

Esta fase del tutorial probablemente involucrará bastante trabajo, retocando y corrigiendo los caminos para que las curvas se vean impecables, pero esta es la base de nuestra obra de arte, por lo que debe verse perfecta..

Agregue todas las letras que necesita en una cadena y ajuste el punto final izquierdo de la ruta de la segunda línea para que comience donde termina el punto final de la última letra.

Paso 3

Vamos a crear todas las letras en las seis cadenas. Las mismas letras pueden ser duplicadas. Después de dibujar todos los caminos, así es como debe verse nuestra obra de arte. Vista exterior.

Ahora tenemos que unir todas las rutas para que cada cadena sea una sola. Asegúrese de que los puntos que necesitan unirse estén en la misma posición. Si no lo están, ajuste sus posiciones utilizando el Herramienta de selección directa (A).

Una vez que estén en la posición correcta, seleccione ambos puntos finales con el Herramienta de selección directa (A), y Promedio ellos (Objeto> Ruta> Promedio, Comando / Ctrl + Opción + J). Puede omitir este paso si está absolutamente seguro de que las rutas están exactamente una encima de la otra. Entonces Unirse ellos (Objeto> Ruta> Unir, Comando / Ctrl + J). Recorra todo el documento y únase a todas las rutas vecinas, por lo que solo le quedan 6 rutas.

Etapa 4

Vamos a crear el color de las cuerdas a continuación. Ve a la Paleta de color (Ventana> Color), y suma los valores.

  • C: 55
  • M: 60
  • Y: 65
  • K: 40

Para crear un color marrón. (Estoy usando valores CMYK porque esta ilustración fue creada para imprimir). Arrastre este color para Muestras, así que podemos usarlo fácilmente la próxima vez que lo necesitemos.

A continuación definimos los deslizadores de la Gradiente (Ventana> Gradiente). Arrastre el color marrón al primer y último deslizadores del degradado, y arrastre Blanco al centro del degradado, creando así un nuevo deslizador. Este control deslizante medio debe estar en 50%. Arrastra este gradiente a Swatches también.

Ahora seleccione las 6 rutas y establezca el trazo al degradado que acabamos de crear..

Haga clic en Aplicar gradiente a través de trazo en la paleta de degradado para lograr el aspecto de cadena.

La dirección de cada camino debe ir de izquierda a derecha, de lo contrario, las letras no seguirán la dirección de escritura..

En caso de que su ruta no esté configurada en la dirección correcta, use la herramienta Pluma para hacer clic en el punto final derecho de su ruta para invertir el orden de la ruta..

Paso 5

Solo nos queda una última cosa que hacer con las cadenas en Illustrator: cuidar el enclavamiento.

Utilizando la Lapicera dibuje un nuevo camino alrededor de la segunda cadena asegurándose de que omita la parte que se va a ocultar. Esto debe hacerse con mucha precisión. Asegúrate de cerrar el camino..

A continuación, asegúrese de que está delante de la ruta de la cadena (Objeto> Organizar> Traer al frente), pero lo más probable es que sea, como fue creado más tarde. Seleccione ambas rutas (la nueva ruta cerrada y la cadena), y haga una Máscara de recorte (Objeto> Máscara de recorte> Crear, Comando / Ctrl + 7). Ahora parte de la letra 'k' debería haber desaparecido detrás de la parte inferior de la letra 'c'.

Repita este paso en la cuarta cadena para la letra 'f'.

La parte inferior de 'e' en 'yo' ahora debe superponerse sobre el ascendente de 'f'.

Ahora hemos terminado con la parte vectorial de las cadenas, debe verse similar a la imagen de abajo. Luego, guarde el archivo como 'instrumentos de cuerda'.


2. Crea los trastes en Illustrator.

Paso 6

Aún en Illustrator, cree un nuevo documento (Tamaño: 350 x 350 mm), de lo contrario, la misma configuración que la última vez. Con el Herramienta de segmento de línea Dibujar turnos Una línea vertical, de aproximadamente 240 mm de largo. Selecciona el Color de relleno (X) a ninguno, y Peso del trazo a 6,4 pt.

Presiona la tecla Opción y con la tecla Herramienta de selección (V) Shift-drag La línea a la derecha (aproximadamente 35 mm). Repita este paso con la segunda línea, pero esta vez haga que la distancia sea un poco más grande (unos 45 mm). Repita de nuevo, con una distancia aún mayor (55 mm). (También podrías usar el Herramienta de movimiento para estos pasos)

Selecciona las cuatro líneas y usa la Herramienta de rotación (R) Girarlos por 11 °. Establecer el color del trazo en blanco. Guarde el documento como 'trastes'. Es hora de pasar a Photoshop.


3. Configurar la base de la obra de arte en Photoshop

Paso 7

En Photoshop crear un Nuevo documento (Archivo> Nuevo, Comando / Ctrl + N) con los siguientes valores:

  • Anchura: 175 mm
  • Altura: 250 mm
  • Resolución: 300 píxeles / pulgada
  • Modo de color: Color CMYK

Rellena el fondo con Negro predeterminado (C: 91 M: 79 Y: 62 K: 97 o # 000000).

Abierto Textura de madera desde Activos y arrastre la miniatura de su capa a su nuevo documento para crear una nueva capa. Utilizar el Herramienta de transformación gratuita (Edición> Transformación libre, Comando / Ctrl + T) para rotar y Shift-reducir el tamaño de la textura como se muestra en la paleta de información. Haga doble clic en el nombre de la capa para cambiar su nombre. 'madera'. Ajusta la opacidad al 83%..

Ahora vamos a Añadir una máscara de capa haciendo click Capa> Máscara de capa> Revelar todo. Use un gran, de bordes suaves Cepillo (B) (aproximadamente 350 px, dureza 0%) para dibujar en la máscara. Haga clic en el punto izquierdo de la parte superior de la imagen de madera, luego mantenga presionado Cambio y haga clic en el punto correcto, para dibujar una línea recta. Haz lo mismo en la parte inferior de la imagen de madera..

Desvincular la máscara, entonces Difuminar (Filtro> Blur> Gaussian Blur) La máscara con un radio de 160 px..

Comando / Ctrl clic en la mascara para Selección de carga, entonces Crear una nueva capa de ajuste de brillo / contraste (el icono está en el pie de página o en la pestaña Capas) con los siguientes valores.

  • Brillo poner a -27
  • y Contraste puesto a 52

Comando / Ctrl clic en la mascara para Selección de carga otra vez y Crear una nueva capa de ajuste de tono / saturación con:

  • Matiz establecer en -3
  • Saturación establecer en +41
  • y Ligereza establecer en -10.

Seleccione estas 3 capas ('madera' capa y las 2 capas de ajuste), y Grupo ellos (Comando / Ctrl + G). Nombra el grupo de madera bg.


4. Añadir trastes a la obra de arte

Paso 8

Cambie de nuevo a Illustrator y Dupdo las cuatro líneas de Traste, entonces Pegar en el archivo de Photoshop (alternativamente, permanezca en Photoshop y Lugar (Expediente > Lugar) el archivo 'trastes'). Suelo pegar datos vectoriales como Objetos inteligentes para mantenerlos editables para su uso posterior, pero también puede pegarlos como Pixeles ahora. Asegúrese de pegar / colocar los trastes al 100% (verifique la Paleta de información). Coloque las líneas como se muestra a continuación. Nombra la capa 'trastes'.

Comando / Ctrl clic en la máscara de capa 'madera' a Selección de carga, y Añadir una máscara de capa (Capa> Máscara de capa> Revelar selección) a la capa 'traste'. Ahora agregaremos los siguientes tres estilos de capa: Biselado y Relieve, Superposición de color y Sombra, con los valores que se ven a continuación..

Nuestra obra de arte debería verse como esta ahora.

Paso 9

De acuerdo, como podemos ver, los lados de la guitarra aún no se mezclan bien con el fondo.

Utilizar el Herramienta Elipse (U) para crear una elipse que se extienda sobre el ancho de nuestro documento.

Utilizando la Herramienta de transformación gratuita (Comando / Ctrl + T) gire la elipse 11 ° y muévala un poco hacia arriba.

Selección de carga (Comando / Ctrl clic en la capa de elipse) y apagar Visibilidad (haga clic en el icono del ojo a la izquierda de la miniatura de la capa), pero incluso puede eliminar esta capa. prensa Mayús + F6 (Seleccionar> Modificar> Desvanecimiento) a Pluma la selección, y establecer la Radio de la pluma a 250 píxeles.

prensa Comando / Ctrl + Shift + I (Seleccionar> Inverso) a Invertir selección, presiona D para asegurarse de que su color de relleno se establece en negro, Crear una nueva capa (Capa> Nueva capa),y Llenar la selección golpeando Opción / Alt + Retroceso. Establecer la capa Modo de fusión Multiplicar, de la capa. Opacidad al 30%. Presiona Opción + D para deseleccionar.  Nombre la capa 'oscurecer'.

Duplicar esta capa (arrastrándola sobre la Crear un nuevo icono de capa), selecciona el Opacidad al 73%, y ampliarlo a alrededor del 148% (con el Herramienta de transformación gratuita). Nombra esta capa 'oscurecer más'.


5. Agrega cuerdas a la obra de arte

Paso 10

Ahora es el momento de Lugar Nuestras cuerdas, del mismo modo que colocamos los trastes. (Copiar-pegar o colocar). Tendremos que ampliarlo a alrededor del 120%. Nombra la capa 'instrumentos de cuerda'.

Lo haremos ahora Añadir dos Estilos de capa: Bisel y relieve y sombra, como se muestra.

Modificar el Orden de la capa, así que eso 'instrumentos de cuerda' va por debajo 'oscurecer más'.

Paso 11

A continuación, crearemos un efecto de luz para hacer que nuestras cuerdas sean más tridimensionales.. Selección de carga de 'instrumentos de cuerda' (Comando / Ctrl clic en la capa) y Contrata la Selección (Seleccionar> Modificar> Contrato) por 3 px. prensa Comando / Ctrl + Shift + I a Invertir selección, y haga clic en el Capa de ajuste de curvas. El conjunto es como se muestra.

Selección de carga del 'instrumentos de cuerda' otra vez (Comando / Ctrl clic en la capa), Invertir selección y rellena la máscara de la capa de ajuste con negro.. Difuminar La máscara con un radio de 1.5 píxeles..

Establecer la capa Modo de fusión a Color Dodge, la Opacidad al 35%. Nombra la capa 'luces'. Selecciona el 'capa de cuerdas' y la capa de ajuste de curvas, Grupo ellos, y el nombre del grupo 'texto'.

Paso 12

Dentro del grupo, agregue otro Capa de ajuste de curvas para hacer que toda la obra sea aún más oscura. Establecer la capa como se muestra.

Haga clic en el 'instrumentos de cuerda' capa, y añadir un Capa de ajuste de brillo / contraste con los valores como se muestra. Activar el Icono de recorte (o Crear máscara de recorte desde el Paleta de capas, Comando / Ctrl + Opción / Alt + G) para limitar el ajuste a la capa inferior ('instrumentos de cuerda' solamente).

Nuestra obra de arte debe verse algo como esto ahora:


6. Crear desgaste en la madera

Paso 13

Dejemos las cuerdas por un tiempo y creamos el desgaste de la parte de madera.. Selección de carga de las cuerdas (Comando / Ctrl clic en la capa), y Añadir la selección de la capa 'trastes' (Comando / Ctrl + Shift clic en la capa, pero no la máscara). Amplia la seleccion (Seleccionar> Modificar> Expandir) por 50 píxeles.

Ahora establece el Radio de la pluma (Mayús + F6) a 40 píxeles, y añadir un Capa de ajuste de tono / saturación con los valores establecidos como se muestra.

Paso 14

Selección de carga de la última capa que creamos (Capa de ajuste de tono / saturación), y Invertir la selección.

Utilizando la Herramienta de lazo (L) sustraer Las partes superior e inferior de la selección.. Contrata la selección eso queda (Seleccionar> Modificar> Contrato) por 50 píxeles.

Agrega un Capa de ajuste de balance de color como se muestra.

Podemos refinar aún más la máscara haciendo clic en Afinar el borde de la máscara en el Paleta de propiedades. Asegurarse Modo de vista Está encendido Cubrir, De esta manera es fácil ver cómo cambia tu máscara..

Ponlo como se muestra.

Ahora el desgaste en la madera debe ser similar a esto:


7. Crea Inlays

Paso 15

Vamos a usar el Herramienta de marquesina elíptica (M) para hacer una selección redonda (mantenga pulsado Cambio para hacer un círculo regular). Haga el diámetro alrededor de 0,8 mm (puede verificar el ancho / alto en el Paleta de información).

Selecciona el Color de primer plano a:

  • C: 39
  • M: 37
  • Y: 36
  • K: 16

y el Color de fondo a

  • C: 51
  • M: 51
  • Y: 52
  • K: 46

Selecciona el Herramienta de gradiente (G) a Primer plano al fondo y Gradiente lineal en el Barra de opciones, Opacidad debe ser 100%. Crear una nueva capa y rellenarlo con el degradado. Nombra la capa 'punto incrustado'.

Añadir un poco ruido (Filtro> Ruido> Añadir ruido) como se muestra, entonces Descolorarse el ruido (Editar> Desvanecer agregar ruido, Comando / Ctrl + Shift + F) al 68%.

Vamos a Añadir dos Estilos de capa: Bisel y relieve y Sombra paralela, y aplicar los siguientes ajustes..

Paso 16

Duplicar la 'punto incrustado' capa dos veces y coloca los nuevos puntos como se muestra.

Crear una nueva capa y Cargar la selección de los tres puntos (Comando / Ctrl haga clic en la capa, luego Comando / Ctrl + Shift haga clic en las otras dos capas). Selecciona el Herramienta de pincel (B) a 130 px, dureza al 0% en el Barra de opciones, la Color de primer plano a blanco, y pinta los lados superiores derechos de los tres puntos para agregar resaltes.

Nombra la capa 'reflejos'. Seleccione las tres capas 'punto de incrustación' más la capa 'puntos destacados', agrúpelas y nombre al grupo 'embutido'.


8. Mejorar cuerdas

Paso 17

Ahora es el momento de volver a nuestras cuerdas para perfeccionarlas..

Coloquemos sombras en las cuerdas para agregarles más profundidad. Lo hice manualmente por primera Seleccionando áreas (con el Herramienta Lazo) sobre la cual se proyecta la sombra. Asegúrese de que la selección sea precisa donde divide las diferentes áreas (áreas con y sin sombra).

Siguiente la selección de cuerdas tiene que ser Intersectado con la selección actual (ya sea Comando / Ctrl + Opción / Alt + Shift clic en la capa 'cadenas', o haga clic en la capa 'cadenas' y vaya a Seleccionar> Cargar selección, y haga clic Intersección con la selección).

Selecciona el Color de primer plano a un gris parduzco

  • C: 66
  • M: 67
  • Y: 69
  • K: 58

Crear una nueva capa y utilizando un aproximadamente Cepillo ancho 80 px Empieza a pintar las sombras. (Usted puede Esconder selección para deshacerse de las inquietantes 'hormigas marchando' presionando Comando / Ctrl + H, o Ver> Extras).

Establecer la capa Modo de fusión a Multiplicar, Opacidad al 84%. Nombra la capa 'oscuridad'.

Paso 18

Repetir Paso 17 para cada área donde las curvas del texto se encuentran o se intersecan. Este es un paso que requiere mucho tiempo, pero es importante hacerlo bien, ya que realmente agrega vida a la obra de arte..

Una vez hechas las sombras, Selección de carga de cuerdas una vez más, haga clic en 'oscuridad' y Difuminar Con un radio de 5.0 píxeles..

Paso 19

Hacer una nueva capa dentro del grupo 'texto' y llamalo 'retocar'. Haga clic en el Herramienta de sello de clonación (S), y establecer Muestra Alineada a Todas las capas en el Barra de opciones. Ahora puedes retocar las imperfecciones de las letras 'm', 'g' y 'o'.


9. Toques finales

Paso 20

Creo que todavía tenemos que hacer que los lados o la obra de arte sean un poco más oscuros, así que vamos a hacer clic en el Herramienta de marquesina elíptica (M) y coloque el cursor en el centro de la ilustración (tanto horizontal como verticalmente). Sujetar Opción / Alt y hacer una elipse similar a esta.

prensa Mayús + F6 a Pluma La selección por 200 píxeles.. Invertir la selección, Crear una nueva capa, presiona D y Llenar La capa con negro. prensa Comando / Ctrl + D para Deseleccionar. Establecer la capa Modo de fusión a Multiplicar, Opacidad al 21%. Nombra la capa 'frontera'.

Paso 21

Solo nos queda una última cosa por hacer. Añadamos los créditos centrados horizontalmente en la parte inferior..

Haga clic en la capa 'Fondo' y arrastre una guía desde la regla izquierda hasta el centro. Conjunto Párrafo a Alineación central, haga clic en el Herramienta de tipo horizontal (T), haga clic exactamente en la guía, y Copiar pegar el siguiente texto:

Letra: Sleepy Brown | La música me hace sentir tan bien

Usa la fuente 'Aller' en un tamaño de 5 pt. Establezca 'Sleepy Brown' en Aller Bold.


Conclusión

Gracias por tomarse el tiempo para completar este tutorial. Repasemos rápidamente lo que hemos aprendido..

  • Creamos los elementos basados ​​en vectores en Illustrator.
  • Creamos la base de la guitarra en Photoshop.
  • Añadimos los componentes de la guitarra y utilizamos herramientas de Photoshop para lograr una apariencia realista.

Espero que hayas encontrado este tutorial comprensible, interesante y educativo. Preguntas, comentarios y sugerencias son bienvenidas..