Share
Con este tutorial te daré consejos para pensar al crear un logotipo. También cubriré algunas manipulaciones básicas de la herramienta Star y cómo ajustar el tipo en un camino para crear un logotipo de inspiración vintage para una cafetería..
Cuando creamos un logotipo antes de comenzar el proceso de boceto, necesitamos hablar con nuestro cliente y recopilar información. Soy de la mentalidad de que cuanto más información tenga sobre el negocio o producto de un cliente, mejor preparado estará cuando diseñe un logotipo para ayudar a transmitir ese producto al mundo..
Hay una gran cantidad de excelentes artículos en Internet que sugieren preguntas para hacer a su cliente y cómo cobrar por su talento y tiempo, por lo que no voy a entrar en demasiados detalles al respecto. Solo ten en cuenta que estás diseñando para el cliente y su marca. Debe respetar sus deseos y decisiones, pero también debe saber cuándo defender su posición y vender su diseño. Después de todo, te contactaron para diseñar para ellos, respetan tu opinión como artista, solo necesitas poder mostrarles por qué confían en ti..
Cuando se trata de dibujar, siempre es importante proporcionar opciones. Dependiendo de su flujo de trabajo, esto puede ser cualquier cosa, desde un puñado hasta una gran variedad. Personalmente, me gusta proporcionarle a un cliente unas 10 opciones diferentes para comenzar inicialmente. Luego me pondré en contacto con el cliente con estas opciones y le pediré que seleccione dos o tres y explique por qué les gusta y que proporcione la mayor cantidad de comentarios posible sobre la dirección en la que desean que vayan. Por lo general, se puede decir de inmediato cuál es la versión que más les gusta y, a partir de ahí, puede comenzar a aplicar multas al diseño. Tomaré estas dos opciones y las ampliaré en función de sus comentarios y proporcionaré un puñado de variaciones, no más de dos o menos de cada una..
Es en esta coyuntura donde necesitas comenzar a venderte. Como diseñador, puede sentir que sabe lo que es mejor y si un diseño que realmente ama es rechazado, es difícil no tomárselo personalmente. Desafortunadamente, no existe una cura para esto y generalmente ocurre al menos una vez durante cada proyecto que se encontrará. Necesitas estar preparado para ello y ser lo suficientemente maduro y lo suficientemente seguro como para poder deshacerte de él y seguir avanzando. Tenga en cuenta las sugerencias de los clientes, si son simplemente ridículas, explíquelas de la manera más humana posible. Recuerde que el trabajo de diseño es un cliente habitual y de boca en boca, no sea condescendiente o sarcástico. Esto puede dañar irrevocablemente su reputación y le puede costar negocios a largo plazo..
Con la información anterior en mente, conozcamos a nuestro cliente.
Para este tutorial usaremos una cafetería ficticia titulada "Vector Coffee". Ya que estamos en Vectortuts + asumiremos que es propiedad de la empresa Envato. Con esta información y un poco de investigación, podemos deducir que les gusta una estética de diseño moderno, limpio y nítido. Mirando alrededor del sitio les gusta un bonito diseño plano para el diseño de su empresa. Podemos ver que esta estética de diseño se extiende a todos los aspectos de su presencia digital. Esto indica que ya tienen una marca de empresa y debemos ser respetuosos con esto..
Mientras dibuja, tenga en cuenta los colores de la marca, las fuentes y las formas que consideren parte de su marca. Esta es la información que debería haber averiguado de sus preguntas al cliente antes del inicio del proyecto. También intente visualizar el logotipo en uso, ya sea en la web o en forma impresa. Comprenda que los gradientes y una amplia gama de colores y formas pueden verse bien en la web o en Adobe Illustrator, no se traduce en una impresión tan buena y puede resultar demasiado costoso de producir. Trate de mantener su paleta de colores al mínimo e imagine cómo se verá el logotipo en varios fondos o colores. Visibilidad y legibilidad es la clave para un gran diseño. El texto o las formas que son pequeños en la computadora pueden perderse por completo cuando se imprimen en un sobre o en el encabezado de una carta. Una buena regla general es que la imagen de su logotipo se imprima en una imagen un poco más grande que el tamaño de un cuarto. Si reduce su imagen para que se ajuste a este tamaño y los detalles que hacen que su logotipo se pierda, es un mal diseño y debe replantearse sus opciones..
Para este logotipo quería intentar encontrar una forma de transmitir Vector con café. Exploré algunas opciones que incluían una taza de café, un grano de café e incluso una gota de café y traté de combinarlo con objetos vectoriales comunes como los puntos de ruta y la herramienta pluma. Finalmente estoy decidiéndome por un motivo de sello clásico con bordes festoneados y texto. Después de discutirlo con el cliente, les gustó más esta opción, pero querían algo que ayudara a mejorarla un poco. También he creado una marca que se puede usar junto con la forma del sello o como un objeto independiente que se parece a una gota de café pero refleja la punta de una pluma estilográfica, que es el ícono de la herramienta Pluma en casi todos los vectores programas Para la paleta de colores, me quedo con un color rojo intenso que es indicativo de calor que ayuda a vender el hecho de que es café caliente. Estoy eligiendo un bonito amarillo dorado que también tiene un efecto de calentamiento pero también proporciona una sensación de alegría y felicidad. Y, finalmente, un bonito y rico color marrón que es, bueno, el color del café..
Con nuestro boceto en su lugar, comenzamos la parte más importante de nuestro proceso de logotipo. Vector de recreación. Tener solo una copia rasterizada de su logotipo es simplemente inaceptable en este mundo independiente de resolución y si solo proporciona una versión rasterizada a un cliente es un signo de mala calidad como diseñador.
Así que ahora que tenemos nuestra selección de logotipo del cliente, empecemos abriendo Illustrator y creando un documento usando las opciones que se describen en la siguiente imagen..
Con nuestro documento creado comencemos a elaborar nuestro logo. No importaré el boceto elegido, ya que era solo un esbozo de lo que realmente quiero lograr y tengo una idea bastante clara de cómo recrearlo en el ilustrador sin rastrear mi boceto original. Sin embargo, si desea importar su boceto, siéntase libre de hacerlo..
Para comenzar por favor seleccione la Herramienta estrella ubicado bajo el Herramienta rectangular en nuestra barra de herramientas Deberá hacer clic y mantener presionado durante uno o dos tiempos para que aparezca la ventana desplegable con las herramientas secundarias. Una vez habilitado, haga clic en su tablero de arte e ingrese los ajustes que se muestran a continuación. Cuando se crea la forma, ajuste la Altura y el Ancho de la estrella usando la Transformar panelVentana> Transformar) a 448 x 448px. Luego girar la estrella 90 grados en sentido contrario a las agujas del reloj, por lo que uno de los puntos de estrella está mirando hacia arriba.
Con nuestra forma de estrella seleccionada, ve a la Alinear panelVentana> Alinear) y elegir Alinear a Artboard luego selecciona Centro de alineación vertical y también Centro de alineación horizontal, estos son los segundos íconos desde cualquiera de los lados en la fila superior en la Alinear ventana.
Ahora que está centrado correctamente, abre tu Apariencia panelVentana> Apariencia) y agregue un bonito color marrón intenso (tomado de la información de marca del cliente). Además, seleccione la Efectos botón en la parte inferior de la Apariencia Panel y elegir Estilizar> Esquinas redondas ... luego ingrese la información que se detalla a continuación.
Selecciona el Herramienta Elipse (L) y haga clic en su tablero de arte. Ahora cree un círculo perfecto de 406 x 406 píxeles y luego céntrelo en el tablero de arte como se describe a continuación.
Cambie a su Herramienta de selección (V) y Shift-Click tanto el círculo como la estrella ondulada para seleccionarlos a la vez. Ahora abre el Pionero panelVentana> Pathfinder) y seleccione el segundo icono desde la izquierda llamado Frente menos Y con eso se completa la forma de la estrella..
Con el Herramientas de elipse (L) seleccionado nuevamente, haga clic en su tablero de arte y cree un círculo perfecto que sea 400 x 400px luego céntrelo en el tablero de arte como se describe a continuación.
Abre tu Apariencia panelVentana> Apariencia) y retire el color de relleno y luego agregue Peso del trazo es decir 5px que está alineado con el Dentro y dale un bonito color amarillo (tomado de la información de marca del cliente).
Ahora sube a Objeto> Expandir Apariencia Para expandir el trazo a una forma. Al cambiar el tamaño de los logotipos para imprimir y los trazos web a menudo pueden cambiar de tamaño según su configuración. Para evitar cualquier posible ajuste, expandimos el trazo a una forma. De esta manera su logotipo se mantiene exactamente como se pretende..
Vamos a crear un anillo más lejos para equilibrar el texto que vendrá más adelante. Una vez más seleccione el Herramienta Elipse (L) y haga clic en su tablero de arte y cree un círculo perfecto de 190 x 190 píxeles, luego céntrelo en el tablero de arte como se describe a continuación.
Abre tu Apariencia panelVentana> Apariencia) y retire el color de relleno y luego agregue Peso del trazo es decir 6px alineado a la Fuera de y dale un bonito color rojo (tomado de la información de marca del cliente).
Y finalmente, subir a Objeto> Expandir Apariencia para expandir el trazo a una forma.
Para ayudar con algunos de los detalles en este objeto, trabajemos más de lo que pretendemos que sea la marca final. En tus Panel de capas (Ventana> Capas) desactive la capa de visibilidad con nuestros objetos completados hasta ahora haciendo clic en el icono del ojo al lado del nombre de la capa. Por defecto, esto debería llamarse "Capa 1". Ahora cree una nueva capa para que tenga dos en total, la nueva capa se encuentre en la parte superior y aún visible.
Una vez más seleccione el Herramienta Elipse (L) y haga clic en su tablero de arte para crear un círculo perfecto que sea 300 x 300px luego céntrelo en el tablero de arte como se describe a continuación.
Con el Herramienta Elipse (L) aún seleccionado, haga clic en su tablero de arte para crear otro círculo perfecto que sea 70 x 70px Luego céntrelo también en el tablero de arte. También vamos a darle a este otro color para que sea más fácil de ver y ayudará a nuestra mezcla en un paso posterior..
Ahora, Botón derecho del ratón en el nuevo círculo más pequeño y seleccione Transformar> Mover ... (Shift-Command-M) e ingrese la configuración como se ve abajo.
Cambie a su Herramienta de selección (V) y Shift-Click Ambos círculos para seleccionarlos a la vez. Navegar a Objeto> Mezcla> Opciones de mezcla ... y asegúrese de que "Color suave" esté habilitado para el espaciado y la selección de acuerdo. Ahora crea la mezcla visitando Objeto> Mezcla> Hacer (Comando-Alt-B).
Ahora sube a Objeto> Expandir Apariencia para expandir los circulos. Esto hará que muchos, muchos, muchos círculos nuevos, cada uno superpuesto para crear esa mezcla que teníamos anteriormente.
Abre el Pionero panelVentana> Pathfinder) y seleccione el primer icono desde la izquierda llamado Unir para unir todas estas formas juntas.
Desafortunadamente, esto genera muchos puntos de anclaje innecesarios que necesitaremos eliminar. Para hacerlo, amplíe un poco la forma y luego active su Herramienta de selección directa (A) y arrastre una selección sobre los puntos de anclaje no deseados. Tenga en cuenta que necesitamos la parte superior e inferior de los puntos de anclaje de cualquiera de los tamaños de la forma de gota intactos. Una vez seleccionados, elimínelos pulsando el botón Retroceso llave. Ahora ve a Ruta> Unirse (Comando-J) y cerrar los caminos abiertos. Tendrá que hacer esto dos veces.
Embellecer esta nueva forma de gota y superponer un depósito de plumilla sobre él. Con el Herramienta Elipse (L), haga clic en su tablero de arte. Ahora crea un círculo perfecto que sea 60 x 60px luego céntrelo al tablero de arte como se describe a continuación. El color no importa, pero para que veas lo que estoy haciendo, lo colorearé de blanco..
Habilitar el Herramienta Rectangular (L) y haga clic en su tablero de arte. Ahora crea un rectángulo alargado que es 10px de ancho y lo suficientemente alto como para superponer la parte superior de la forma de la gota y luego centrarlo en el tablero de arte como se describe a continuación.
Cambie a su Herramienta de selección (V) y Shift-Click Tanto el círculo como el rectángulo para seleccionarlos a la vez. Ahora abre el Pionero panelVentana> Pathfinder) y seleccione el primer icono desde la izquierda llamado Unir para unir todas estas formas juntas.
Ahora Shift-Click tanto la gota como el rectángulo / círculo combinaron la forma para seleccionarlos simultáneamente y luego en el Pionero panelVentana> Pathfinder) Seleccione el segundo icono desde la izquierda llamado Frente menos para restar la forma de la punta de la pluma de la gota.
Navegar a la Transformar panelVentana> Transformar) y haga clic en el icono de enlace de cadena a la derecha de los cuadros de diálogo de ancho y alto para restringir el ancho y el alto para cambiar el tamaño. Ahora en el Anchura opción ajustar el tamaño a 90px Luego alinéalo al centro del tablero de arte una vez más.
Selecciona el Herramienta Elipse (L) y haga clic en su tablero de arte. Ahora crea un círculo perfecto que sea 182 x 182px luego céntrelo en el tablero de arte como se describe a continuación. Botón derecho del ratón en el circulo y selecciona Organizar> Enviar al fondo (Mayús + Opción + [), ahora cambia a tu Herramienta de selección (V) y Shift-Click tanto el círculo como la forma de gota para seleccionarlos a la vez. Ahora abre el Pionero panelVentana> Pathfinder) y seleccione el segundo icono desde la izquierda llamado Frente menos y ajustar el color a nuestro color marrón predeterminado
Volveremos a nuestra capa original con nuestros otros objetos para que podamos ver la ubicación. Ahora seleccione el Herramienta Elipse (L) y haga clic en su tablero de arte para crear un círculo perfecto que sea 460 x 460px Luego llénelo con nuestro color rojo y céntrelo en la tabla de arte como se describe a continuación.
Habilitar el Herramienta Rectangular (L) y haga clic en su tablero de arte. Ahora crea un rectángulo alargado que es 125px Alto y lo suficientemente ancho para superponerse al lado de nuestro círculo y luego centrarlo en el tablero de arte.
Ahora Shift-Click Tanto el círculo como el rectángulo para seleccionarlos a la vez. Abre el Pionero panelVentana> Pathfinder) y seleccione el tercer icono desde la izquierda llamado Intersecarse.
Abre tu Apariencia panelVentana> Apariencia) y seleccione la Efectos botón en la parte inferior de la Apariencia panel y elegir Estilizar> Esquinas redondas ... luego ingrese la información que se detalla a continuación. Ahora seleccione el Efectos botón de nuevo y elegir Warp> Bulge ... e ingrese los ajustes a continuación. Ahora sube a Objeto> Expandir Apariencia para expandir la forma.
Selecciona el Herramienta Elipse (L) y haga clic en su tablero de arte. Ahora crea un círculo perfecto que sea 195 x 195px luego céntrelo en el tablero de arte como se describe a continuación.
Cambie a su Herramienta de selección (V) y Shift-Click tanto el círculo como el rectángulo combado para seleccionarlos simultáneamente. Ahora abre el Pionero panelVentana> Pathfinder) y seleccione el segundo icono desde la izquierda llamado Frente menos.
Cambie a su Herramienta de varita mágica (V) y Hacer clic cualquier forma roja para seleccionar todas las formas en el tablero de arte que son rojas. Abre el Pionero panelVentana> Pathfinder) y seleccione el primer icono desde la izquierda llamado Unir para unir estas formas rojas juntas.
Selecciona el Herramienta Elipse (L) y haga clic en su tablero de arte. Ahora crea un círculo perfecto que sea 295 x 295px luego céntrelo al tablero de arte como se describe a continuación. Elimine el relleno y asegúrese de que no haya ningún trazo, ya que no es necesario para estos pasos siguientes.
Con el nuevo círculo transparente seleccionado, habilite la Tipo de herramienta (T) y mientras se mantiene Alt en su teclado, haga clic en el ancla superior del círculo. Ahora cambie el color de la fuente a nuestro marrón e ingrese el texto "VECTOR" usando todas las mayúsculas con la fuente seleccionada del cliente. En este caso, estamos usando "Gráfica de Lubalin" en peso demi que puede licenciar aquí. Asegúrese de centrar la alineación del texto usando la Párrafo panelVentana> Tipo> Párrafo).
Con el cursor todavía en juego. Haga doble clic la Tipo de herramienta en la barra de herramientas y ajuste las opciones Efecto y Alinear a la ruta como se describe a continuación. Luego cambia a Herramienta de selección (V) y tome la esquina del cuadro delimitador y gire la ruta del texto para que quede centrada como se ve a continuación.
Con el Herramienta de selección (V) aún habilitado por favor Copiar (Comando-C) La ruta de texto luego pegar en frente (Comando-F). Vuelve a la Tipo de herramienta (T) y haga clic en el texto y cambie el texto para leer "CAFÉ" y gire la ruta del texto para que aparezca al revés. Ahora Haga doble clic la Tipo de herramienta en la barra de herramientas y seleccione la opción "Voltear" en la ventana que aparece y luego presione OK.
Desafortunadamente, algunas de nuestras cartas están tocando y esto es un gran no-no, así que ajustemos el kerning entre algunas de estas cartas. Haga clic en el texto del CAFÉ y mueva el cursor para situarse entre las dos F y ajuste el kerning a 90. Haga esto nuevamente entre la F y la E, luego una vez más entre las dos E.
Con nuestro Herramienta de selección (V) Selecciona ambas formas de texto y sube a Objeto> Expandir para expandir el texto a formas.
Ahora agregaremos los adornos en el lateral. Con el Tipo de herramienta (T) haga clic en su tablero de arte (no en ninguna de las formas) y escriba la palabra "TUTS" en nuestra fuente Lubalin solo esta vez en negrita en lugar de Demi, luego ajuste el tamaño como se describe a continuación.
Acercar a su texto y la Herramienta Rectangular (L) Dibuja un rectángulo arriba y debajo del texto. Mantendremos el rectángulo tan ancho como el texto mismo con una altura de 3px. También los he mantenido cerca 4px lejos del propio texto.
Cambie a su Herramienta de selección (V) y selecciona ambos rectángulos y el texto y luego mientras mantienes presionado Opción en el teclado Click-Drag La selección sobre en cualquier dirección para duplicarla rápidamente. Luego ajuste el texto para leer "MÁS" y, si es necesario, ajuste el Ancho de los rectángulos al mismo que el texto.
Seleccione el texto para ambos conjuntos y Expandir (Objeto> Expandir) a ellos entonces Grupo (Comando-G) El texto individual y sus bordes superior e inferior juntos. No agrupe ambos objetos de texto, debe haber dos grupos cuando haya terminado, uno para "TUTS" y el otro para "MÁS".
Seleccione el grupo "TUTS" y alinéelo con el centro del tablero de arte, luego Botón derecho del ratón y seleccione Transformar> Mover ... (Shift-Command-M) e ingrese la configuración como se ve abajo.
Ahora seleccione el grupo "MÁS" y alinéelo con el centro del tablero artístico, luego Botón derecho del ratón y seleccione Transformar> Mover ... (Shift-Command-M) e ingrese la configuración como se ve abajo.
Con tu Herramienta de selección (V) habilitado seleccione ambos grupos de texto así como la forma de barra roja y luego en la Pionero panelVentana> Pathfinder) Seleccione el segundo icono desde la izquierda llamado Frente menos.
Con eso nuestro logo está completo! Asegúrate de consolidar tus capas en este punto. Es posible que tenga formas en varias capas diferentes que no son necesarias en este momento. Tenga en cuenta que todos los objetos Menos que hicimos en el Pathfinder básicamente hicieron que esa sección sea transparente. Lo que significa que cuando vayas a imprimir el papel o las imágenes debajo se mostrarán. Si lo desea, puede agregar un fondo blanco a este logotipo para evitarlo, pero esta sería una decisión que quedaría en manos del cliente..
Una vez hecho esto, guarde una versión de baja calidad de su logotipo como una imagen plana y envíela a su cliente para su aprobación. Una vez aprobado, puede proporcionar el archivo AI completo para su beneficio y preparar archivos PNG y JPEG de alta calidad a solicitud..
Por favor, asegúrese de ver nuestro Vectortuts + Logo y sesión de diseño. Esto tiene algunos excelentes consejos de otros diseñadores a lo largo de los años.!
Accentsconagua