Share
Lo que vas a crear¿Alguna vez ha querido crear un logotipo tipográfico para usted o su equipo? ¡No es tan difícil como parece! Muchas personas dicen que no pueden pintar o dibujar, pero la tipografía es parte de nuestra vida cotidiana. Siempre estamos escribiendo nombres, direcciones de correo electrónico, números de teléfono y similares. Así que todos tenemos un buen comienzo; Todos estamos familiarizados con las formas de las letras..
Ahora lo guiaré a través de todos los pasos necesarios para crear un logotipo para "Team Awesome".
Para completar este proyecto, necesitarás lo siguiente:
Escriba la palabra o frase que desea crear antes de comenzar a dibujar. Esto puede sonar tonto, pero créeme, ¡es importante! A medida que escribas las palabras, comenzarás a ver cómo las letras "bailan" y juegan entre ellas..
Para este proyecto, estoy creando un logotipo para "Team Awesome". Este es el nombre del equipo del instructor y los miembros de la comunidad en la sección Diseño e ilustración aquí en Tuts +. Ya que estás leyendo este tutorial, bienvenido al equipo!
Para mi "Equipo impresionante"logo, me preguntaba qué podría usar para representar visualmente" Awesomeness ". Lo primero que me vino a la mente fueron los superhéroes. ¿Qué es más impresionante que un superhéroe? Así que quiero que mi logo se parezca a un superhéroe..
Tómese un tiempo para pensar y planificar cómo se puede traducir visualmente el nombre que está usando para su logotipo. En este caso, nuestro logotipo será de tipo completo, por lo que usaré elementos integrados con las letras. Para este logo elegí usar un rayo..
¡Garabatear! Empieza a explorar diferentes posibilidades visuales. Jugar con tipo y elementos. No hay necesidad de refinar nada en esta etapa, solo garabatea!
Cuando comience a dibujar, piense en el estilo que desea y el mensaje que desea transmitir con su logotipo o letras. ¿Cómo quieres que se vea y se sienta tu logotipo? ¿Qué quieres que la persona que mira tu logotipo se sienta? Scott Biersack ofrece un excelente conjunto de tutoriales que te ayudarán a comprender mejor la tipografía. Dirígete a la formación de Scott en Fundamentos de letras de mano. Esto te ayudará a medida que trabajas a través de tus pensamientos..
Ahora que ha pensado en el mensaje que desea transmitir, deberá elegir un estilo tipográfico específico. Quiero que mi logo sea funky y tenga un buen flujo. Para hacer eso, elegí hacerlo en un estilo de script casual similar a la escritura a mano. Para comprender mejor la tipografía y elegir el estilo que mejor se adapte a lo que quiere transmitir, consulte este tutorial de Scott Biersack: Letras de mano: Entender los tipos de tipo.
Ahora comenzarás a explorar varias posibilidades y tratarás de unir todos los elementos..
Primero, crea miniaturas refinadas. Me gusta dibujar las miniaturas como mini versiones del logo. De esta manera puedo ver más claramente en esta etapa inicial cómo se comportará el logotipo y si funcionará o no. En este punto voy a esbozar mucho. No tengas miedo de hacer muchas versiones diferentes. También empiezo a definir dónde colocaré mis puntos bezier en esta etapa.
Dibuja las letras como líneas simples y luego agrega profundidad a los formularios de letras; tipo de una versión analógica de la Ruta de desvío mando. Es una buena técnica que puedes adaptar a tu propia letra o formas, así que tómate el tiempo para practicar. Bueno, espera.
Seleccione el boceto a lápiz con el que desea trabajar, escanéelo y cambie su tamaño a un tamaño mayor. Esta será la plantilla para que construyas los vectores sobre.
Una vez que se escanea la imagen, imprímala nuevamente y trace el trazo sobre ella para realizar ajustes y corregir posibles problemas. Luego, vuelva a escanear este boceto una vez más para usar la imagen para el rastreo real en Illustrator. Normalmente hago algunos ajustes de último minuto en este boceto..
Usted podría estar preguntándose: "Definiendo la colocación de mis manijas de bezier ... ¿ahora? ¿En papel?" Sí! Haga esto ahora, incluso antes de comenzar con la parte vectorial. Esto ayudará a crear un flujo de trabajo rápido en Illustrator más adelante y también es un buen ejercicio de vectorización general.
Tome su bosquejo aproximado seleccionado y defina los puntos clave que lo ayudarán a construir sus formas vectoriales. Esto no es una regla; a veces tendrá que agregar o quitar puntos más adelante. ¡No seas un nazi bezier! Se trata de hacer que las curvas se vean bien. Examine cuidadosamente las formas de las letras e intente identificar los puntos más externos. Traza líneas alrededor de las letras para identificar los puntos más externos. Marcalas en el papel con un bolígrafo o un marcador..
Mantenga este papel a mano para futuras referencias; lo llamaremos nuestro Hoja de referencia de Bezier.
Con el boceto seleccionado y la ubicación de los puntos bezier definidos, es hora de preparar el boceto que se va a trazar en Illustrator. Lo hacemos abriendo el boceto en Photoshop, convirtiéndolo en una imagen de mapa de bits (Imagen> Modo> Bitmap), y guardando como un archivo TIFF.
Ahora es el momento de configurar el documento de Illustrator para comenzar a construir las formas de nuestro logotipo "Equipo increíble". Primer click en Archivo> Nuevo para crear un nuevo documento. El mio es A4 (210 x 297 mm) horizontal, Modo de color: RGB. Estoy usando la versión CS5, pero no debería haber mucha diferencia en las versiones más nuevas o anteriores.
Coloca tu imagen haciendo clic en Archivo> Lugar y seleccionando el archivo TIFF que guardó previamente. Camino a seguir!
Este boceto será tu plantilla. Lo pinto con un color azul claro, para ayudarme a ver a través de las líneas..
Es una buena práctica agregar líneas que funcionarán como guías para ayudarte a colocar las formas. Yo uso un gris claro para las guías. Esta no es una regla, puedes jugar con colores para ver qué funciona mejor para ti. El gris claro funciona para mí. Lo importante a tener en cuenta es tener el dibujo visible..
Nombra esta capa "PLANTILLA", o algún otro nombre que creas que te ayudará. Una vez que esté todo listo, cree una nueva capa y llámela "RASTREO". Recomiendo elegir el color azul oscuro para la capa "RASTREO".
Usando nuestra hoja de referencia Bezier creada anteriormente, haga clic en el Herramienta Pluma (P) y comenzar a agregar puntos en los lugares definidos, siempre manteniendo pulsado el Cambio clave para restringir la posición. Esto mantendrá los puntos en ángulo en 0º, 45º y 90º, permitiendo que su forma tenga mejores curvas con menos puntos y facilitando su construcción y control más adelante.
Mantenga activada y desactivada la capa PLANTILLA para ver cómo se ven las curvas y ajústelas si es necesario. Para las formas utilizo un color rosa (# ff00ff). Esto te ayudará a ver las líneas en la parte superior del dibujo azul..
Comience con la A mayúscula y cree cada letra por separado como un objeto diferente hasta que la composición esté completa. Repita esto para todas las letras, active y desactive la capa PLANTILLA y preste atención a cómo se colocan sus puntos y cómo se ven sus curvas. Una vez que te acostumbres a esta técnica, verás lo simple que es..
Para la mayoría de las personas, trabajar con curvas de bezier es la parte más difícil y, a veces, aterradora. Puede parecer complicado la primera vez, pero no lo es. Mire las capturas de pantalla a continuación y observe cómo se colocan todos los puntos..
Con nuestras formas vectoriales básicas completadas, ahora es el momento de revisar nuestro progreso. En este punto, normalmente lo imprimiré de nuevo y haré más ajustes con un lápiz..
Este es mi boceto impreso. Sin embargo, no volveré a escanear esto. Me referiré a él para hacer modificaciones en Illustrator..
Duplica la capa TRACE y nómbrela REVISION. En esta capa, haga correcciones utilizando el boceto impreso si es necesario, conservando las otras capas y dejándolas intactas..
Has completado y refinado las formas vectoriales. Duplique esta capa y denomínela FINAL como copia de seguridad, en caso de que necesite modificarla más adelante.
¡Ahora es el momento de hacer estallar el logo! Vamos a darle un poco de vida para hacerlo aún más impresionante..
Corta algunas letras para que se vean más entrelazadas. Puede agregar formas en algunas partes y, con la Menos Espalda comando de la Pionero Panel, restarlos de la forma original..
Puede hacer esto colocando las formas cortadas en la parte inferior y haciendo clic en Objeto> Organizar> Enviar al fondo o golpear Shift-Control- [.
Abre el Pionero panel haciendo clic en Ventana> Pathfinder o haciendo clic Shift-Control-F9.
Con las dos formas seleccionadas, haga clic en el Menos espalda botón. Voilà!
Agregue un contorno a su objeto seleccionando y haciendo clic en Objeto> Ruta> Ruta compensada. Entrar 1 mm y haga clic DE ACUERDO.
Pinte el contorno con un color azul oscuro o negro, para que podamos distinguir ambos. No te preocupes por los colores por ahora, lo cambiaremos más tarde..
Ahora vamos a añadir algo de profundidad. Duplica la capa de contorno haciendo clic en Editar> Copiar (Control-C), y pegarlo en la parte posterior haciendo clic en Editar> Pegar en la parte posterior (Control-B).
Seleccione los dos contornos negros y haga clic en Objeto> Mezcla> Hacer o haga clic Control-Alt-B.
Después de aplicar el efecto, notarás que la mezcla se ve rara. Corrigamos esto haciendo doble clic en el Herramienta de mezcla botón en el Herramienta panel.
En el cuadro de diálogo que aparece, seleccione Espaciado: pasos especificados y entrar 60. Después de aplicar el efecto, seleccione Objeto> Mezcla> Expandir y se convertirá en objetos..
Con los objetos seleccionados, abre el Pionero panel y localizar el Unir botón. Haz click en eso. Esto fusionará todos los objetos en un solo objeto.
¡Y está listo! Felicidades por tu ... ¿Qué? No, no, todavía no! Amplíe y verá que algunas líneas están llenas de puntos, lo que hace que el contorno se vea irregular en algunas áreas. Necesitamos deshacernos de eso.!
Entrar Modo de esquema haciendo click Control-Y y haga clic en el Herramienta Lazo botón (Q) sobre el Herramienta panel. Seleccione los puntos extra con el Herramienta Lazo E ir a Objeto> Ruta> Eliminar puntos de anclaje. Repita esto en todas las partes necesarias hasta que tenga formas suaves y agradables.
Una vez que todo está corregido, cambiemos los colores. En mi caso, estoy haciendo este logo para un grupo increíble de personas y sus colores son los dos a continuación, así que me quedo con ellos. En este paso, eres libre de jugar con los colores que quieras.
Todavía pienso que falta algo. Todavía no es el logotipo de superhéroe que imaginé, así que agregué una elipse en el fondo y lo pinté con el color más claro..
Ahora para agregar algunos detalles. Primero agrego un contorno blanco alrededor de la extrusión. Haga clic en Objeto> Ruta de desplazamiento y entrar 1 mm.
Duplica el contorno blanco seleccionándolo y haciendo clic en Editar> Copiar (Control-C) y pegarlo en la parte posterior haciendo clic en Editar> Pegar en Atrás (Control-B) Pintaré mi "sombra" con un color más oscuro que el color de la elipse.
Ahora voy a añadir algunos puntos destacados. Haga clic en el Herramienta rectangular botón en el Herramienta panelo golpear METRO, y dibuja algunos rectángulos y píntalos de azul para que sean más visibles. Colocaré la mía junto con el ángulo de extrusión. Crear un Camino compuesto De todos los rectángulos, haciéndolos un solo camino. Con todos los rectángulos azules seleccionados, haga clic en Shift-8 o ir a Objeto> Ruta compuesta> Hacer.
Seleccione la extrusión y haga clic en Objeto> Ruta> Ruta compensada y entrar -1 mm en el cuadro de diálogo.
Seleccione la ruta generada y los rectángulos, y en la Pionero localice el panel Intersecarse botón y haga clic en él. Copia la ruta generada haciendo clic en Editar> Copiar (Control-C), y luego seleccione la extrusión y haga clic en Editar> Pegar en frente (Control-f).
¡Hurra! ¡Nuestro logo de Team Awesome está listo y brillante! Increíble!
Este tutorial está destinado a ayudarlo a comprender mejor las letras y vectores. Suena complejo al principio, pero cuanto más practiques, más fácil te resultará. Espero que toda la información que he dado sea útil para usted y que pueda adaptar las técnicas y los consejos que se muestran aquí para sus propios proyectos. Gracias por mirar, y seguir siendo increíble.!
Accentsconagua