Crea maquetas de logotipos llamativos en Inkscape

1. Introducción: Si quieres aprender a usar Inkscape para hacer que tus diseños de logotipos destaquen Y esta es la clase para ti. Empezaremos por crear un logotipo, que implicará mucha manipulación de forma y texto. Después de eso, aprenderemos dos formas crear maquetas para nuestro logotipo para que podamos hacer que se vea realmente agradable y exhibirlo para clientes potenciales Si tienes al menos un conocimiento básico de Inkscape y quieres llevar tus habilidades de diseño al siguiente nivel Entonces te doy la bienvenida a clase 2. Proyecto de clase: Para tu proyecto de clase, me gustaría que crearas tu propio logotipo de sello usando los métodos que aprendemos a lo largo de la clase, y que crees al menos una maqueta para tu logo, para tus imágenes de maqueta, puedes usar una o ambas de las imágenes que yo use, cuales proporcionaré como recursos descargables o puedes usar Y cuando hayas terminado con tu proyecto, por favor no olvides enviarlo porque me encantaría ver tu increíble trabajo. 3. Crea un logotipo de sello: Para comenzar, tengo un nuevo documento predeterminado de Inkscape abierto usando el tamaño A4 estándar para la página Estoy usando Inkscape versión 1.3. Pero si estás usando una versión diferente, no te preocupes porque aún puedes seguir junto con la clase. No vamos a necesitar la página para la clase. Así que podemos pintar por aquí solo para que esté fuera del camino en este momento para comenzar a crear un logotipo, vamos a la herramienta de estrellas y polígonos En los ajustes de aquí arriba, queremos estar en modo estrella, digamos esquinas a algo bastante alto como 50. Y por ahora dejaremos los otros ajustes en los valores predeterminados. Siempre se puede hacer clic y arrastrar sobre el lienzo para crear una estrella grande con muchas esquinas. El color no importa en este momento, así que dejaré el mío leído. No obstante, cambiemos la opacidad aquí a algo así como el 50% Así podremos ver todo mejor a medida que creamos el logo. No queremos que los lados de la estrella sean tan largos. Así que vamos a agarrar el asa interior aquí y arrastrarla hacia el mango exterior. Puede mantener presionada la tecla Control o Comando en Mac para evitar que los lados se inclinen Podemos mantener la esquina afilada o podemos subir aquí y aumentar el ajuste redondeado para redondear las esquinas. A continuación, crearemos algunos círculos que están centrados en la estrella. Para hacer esto fácilmente, primero encendamos el chasquido aquí arriba Vamos a hacer clic en el botón de flecha junto a él, vaya a Modo Avanzado. Y aquí abajo debajo de otros puntos, vamos a habilitar el ajuste a centros de rotación de objetos Ahora podemos cerrar esta copia de seguridad. Vamos a la herramienta círculos y elipses. Con el ajuste a los centros de rotación de objetos habilitados, podemos flotar cerca del centro de la estrella, pero no directamente sobre la x. Y deberíamos obtener un pop-up que diga mango a centro de rotación de objeto Entonces podemos hacer click y arrastrar. Y si mantenemos pulsado el control y desplazamos y creamos un círculo se centra en la estrella. Un chasquido se está interponiendo en el camino. Así que sigamos adelante y creamos el círculo. Entonces apaguemos el chasquido. Ahora podemos ir a la herramienta Seleccionar, mantener presionada Control y Mayús y escalar el círculo hasta aproximadamente aquí mismo. A continuación se duplica el círculo haciendo clic derecho y eligiendo Duplicar Escalemos este hacia abajo mientras mantenemos presionado Control y Mayús y a un poco más pequeño que el otro. Duplicemos este círculo o Control y Mayús y escalémoslo sobre tanto. Este es un poco difícil de ver , así que voy a cambiar el color. Bien, a continuación queremos cortar el círculo más grande de la estrella y cortar el círculo más pequeño, editar el segundo más grande. Para ello, vamos a acercarnos un poco. Hagamos clic en el círculo más grande para seleccionarlo. Entonces esto mantenga presionada la tecla Mayús y haga clic en la estrella para seleccionarla también. Vayamos al camino. Diferencia. Siempre puede agarrar el círculo más pequeño, mantener presionada la tecla Mayús y seleccionar el otro círculo. Y nuevamente, vayamos a la diferencia de camino. Bien, lo siguiente que haremos es poner algunos textos que se curvan alrededor del interior de la parte circular Pondremos algunos textos tanto en la parte superior como en la parte inferior. Entonces primero vamos a crear un objeto de texto yendo a la herramienta Texto y haciendo clic en algún lugar del Lienzo. Escribamos el título de la empresa para la que estaban creando un logotipo. Voy por un logotipo de empresa de viajes. Entonces voy a escribir algo así como viajes de aventura y todas las gorras. Para la fuente. Iré con una fuente serif como comprar lengua. Otra cosa que queremos hacer aquí arriba es cambiar la alineación del texto a centrado. Esto hará las cosas mucho más fáciles cuando vayamos a centrar el texto dentro del logo posteriormente. Bien, ahora podemos ir a la herramienta Seleccionar y podemos escalar objeto de textos o manteniendo presionada la tecla de control para mantener la relación de aspecto Eso debería ser lo suficientemente grande. Bien, ahora vamos a seguir adelante y crear el otro objeto de textos duplicando este y traerlo aquí abajo. Usemos la herramienta de texto para cambiar el texto a un eslogan para la empresa. Voy a ir a algo cursi como vivir gratis. Volvamos a la herramienta Seleccionar. Vamos a escalar este un poco hacia abajo. A continuación para obtener los objetos de texto para envolver dentro de esta parte circular del logotipo primero necesitará crear otro círculo aquí. Entonces, encendamos Snapping. Entonces vayamos a la herramienta círculos y elipses. Broche al centro del logotipo aquí. Sostengamos Control y Mayús y creemos un círculo. Eso es lo suficientemente bueno por ahora. Apaguemos el chasquido Después vamos a la herramienta Seleccionar. Y con el círculo todavía se selecciona tan duro como **** y es como una parte superior de los objetos de textos. Y para envolver el texto alrededor del círculo, podemos subir al menú de texto y elegir poner en camino. En este momento podemos deseleccionar todo y seleccionar solo el círculo Entonces podemos rotar el círculo mientras mantenemos presionado Control para ajustar el ángulo hasta que el texto quede centrado en la parte superior. Entonces podemos cambiar el tamaño del círculo. Bueno, ¿cómo controlas y desplazas hasta que el texto esté centrado dentro de la parte circular del logotipo Bien, ahora una cosa que podríamos querer hacer es agregar un espacio extra entre las letras en el texto. Para ello, podemos seleccionar los objetos de texto, ir a la herramienta de texto, luego subir aquí y soltar el cuadro de espaciado. Ahora podemos agregar algo de espaciado entre las letras usando este cuadro. Eso debería funcionar. Pero ahora hay demasiado espacio entre las abejas y las letras a su lado. Para arreglar esto, puedo hacer click entre una de las V's y una de las letras al lado de ella. Luego ajuste el espaciado entre las dos letras usando el cuadro de kerning horizontal aquí Haré lo mismo entre la v y la e aquí. Y voy a repetir esto para la otra V Los textos definitivamente podrían usar algunos ajustes más, pero como en realidad no planeo vender este logotipo, no es un gran problema. Bien, A continuación envolveremos el otro objeto de textos alrededor de la parte inferior del mismo círculo. Pero por el momento, si vas a la herramienta Seleccionar y redimensionar este círculo, también afectará el posicionamiento de los textos superiores Para evitar que esto suceda, porque babear el objeto de texto e ir a Path, Object Path Ahora somos libres de ajustar el tamaño del círculo. Ahora puede seleccionar tanto el círculo los otros objetos de texto. Vayamos al texto, pongamos camino. Si giramos el círculo ahora hasta que el texto esté centrado en la parte inferior. Podemos ver que el texto está al revés. Esto se arregla con el círculo seleccionado. Podemos hacer clic aquí arriba en este botón para voltear el círculo verticalmente. Entonces podemos girar nuevamente el círculo hasta que los textos estén en la parte inferior. Sin embargo, pongamos el texto en el interior del círculo. Así que tendremos que escalar un poco más el círculo. Definitivamente necesitamos agregar algo espaciado entre las letras. Si intentamos seleccionar el objeto text aunque no podemos porque el círculo está realmente encima del texto. Entonces con el círculo seleccionado, vamos a hacer clic en el botón de selección inferior quiere paso arriba aquí. Ahora podemos seleccionar ese objeto de texto. Entonces podemos ir a la herramienta Texto y agregar algo de espaciado entre las letras. Por último, queremos eliminar este círculo. Pero primero necesitamos convertir los textos objeto en un camino como lo hicimos con el otro yendo a camino, objeto a camino. Ahora podemos eliminar este círculo. A continuación, cortaremos todos los textos y agregaremos el logo. Para ello, primero seleccionemos ambos pads de texto. Para usar una versión anterior de Inkscape. También hay que desagrupar los pads de texto yendo a Desagrupar objetos Pero Inkscape 1.3 se encarga de este paso automáticamente, siempre puede convertir los caminos en un solo camino yendo a la unión Ahora podemos cortar la ruta de texto de la ruta circular aquí seleccionándolos ambos yendo a diferencia de ruta. Bien, y para rellenar parte del espacio vacío entre los textos de cada lado aquí, podemos cortar algún tipo de forma fuera del área. Iré con una estrella. Entonces primero iré a las tiendas y a la herramienta del polígono, y esta vez quiero una estrella normal de cinco esquinas Entonces haré clic en el botón aquí a la derecha para restablecer todo a la configuración predeterminada. Ahora voy a crear una estrella aquí. Después iré a la herramienta Select y centraré la estrella aquí. Para reflejar la estrella hacia el otro lado, voy a encender el chasquido El ajuste a centros de rotación de objetos sigue habilitado. Puedo hacer clic en la estrella para mostrar su centro de rotación, que es esta pequeña cruz de aquí. Y lo arrastraré en unos broches al centro del logo. Entonces duplicaré esta estrella y haré clic en este botón de aquí arriba, que la voltea horizontalmente a lo largo de su centro de rotación Ahora voy a apagar el chasquido. Entonces agarraré ambas estrellas, las convertiré en un solo camino yendo a la unión de caminos. Después sostendré Shift y seleccionaré el pad debajo él e iré a diferencia de ruta. Bien, la parte principal del logo está terminada. Ahora podemos trabajar en llenar el espacio vacío en el centro. Para el mío, voy a crear algunas olas aquí con una pequeña isla que tiene un par de palmeras en ella. Primero para las olas, voy a ir a la herramienta pluma y dar clic dentro de la libreta aquí. Cómo se puede mostrar para mantener la línea Horizontal. Haga clic aquí y haga clic con el botón derecho para terminar el trazado. Para hacer este camino ondulado, iré a la Herramienta Nodo y seleccionaré ambos nodos del trazado. Después agregaré algunos nodos más haciendo clic en el botón insertar nuevos nodos aquí tres veces. Ahora seleccionaré aquí el segundo nodo. Después sostendré Shift y seleccionaré cada nodo par. Así que saltándose todos los impares. Ahora sostendré Control y arrastraré un poco los segundos nodos hacia arriba. Después seleccionaré todos los nodos y haré clic en este botón aquí arriba para convertirlos en nodos suaves, lo que le da al camino de aspecto ondulado. A continuación iré a la herramienta Seleccionar y quiero aumentar el ancho de trazo en este trazado. Entonces abre el diálogo de relleno y trazo. Ve a la pestaña de estilo de trazo, aumenta el ancho aquí. Ahora voy a duplicar este camino. Mantén el control y tráelo aquí abajo. Eso lo haré un par de veces más. Quiero que estos caminos tengan igual espaciamiento entre ellos. Entonces voy a seleccionarlos a todos. Entonces abriré el diálogo de distribuir alinear. Haga clic en este botón que dice distribuir verticalmente con huecos incluso verticales. También quiero que estén centradas verticalmente en el logo. Así que mantén presionada la tecla Mayús y selecciona uno de los pads principales del logotipo con el último seleccionado, elegido como ancla. ¿Cómo podría el botón de centro sobre eje vertical? A continuación para crear la isla, iré a la herramienta círculos y elipses y crearé una elipse aquí Quiero centrar esto verticalmente en el logo. Entonces iré a la herramienta Seleccionar, mantén presionada la tecla Mayús y seleccionaré una de las trayectorias del logotipo, y haré clic en el botón central en el eje vertical y alinearé el diálogo de distribución. También quiero cortar la parte inferior de la elipse donde va por debajo de la trayectoria de peso superior Para ello, duplicaré la trayectoria de onda superior Mantenga Mayús y seleccionaré la elipse e iré a División de trayectoria Esto usa la trayectoria de onda para cortar a través de la elipse. Ahora puedo seleccionar solo la parte inferior de la elipse y eliminarla. Ahora quiero convertir el camino de la isla y todos los caminos de las olas en un solo camino. Pero debido a que las trayectorias de onda son solo trazos, la operación de PAT de unión no funcionará correctamente en ellas. Nuestra primera necesidad de convertir los trazos en caminos. Para hacer esto como una psique todo el camino caminos e ir a camino, golpe a camino Ahora puedo mantener presionada la tecla Shift y seleccionar la ruta de la isla. Después, convertir todos estos en un solo camino yendo a la unión de caminos. Ahora solo necesito crear un par de palmeras. Para esto, iré a la herramienta Pluma, haga clic dentro de la isla aquí. Después voy a hacer clic y arrastrar aparecen para crear un trazado curvo. Quiero crear una esquina afilada aquí. Entonces sin soltar el botón del ratón, mantengo presionado, cambio con el asa de aquí. Solto el ratón, luego voy a hacer clic aquí y hacer clic y arrastrar hacia abajo aquí. Mantenga presionada la tecla Mayús para crear una esquina afilada y haga clic en el primer punto para cerrar el trazado. Voy a apagar el trazo de este camino manteniendo pulsada la tecla Mayús y haciendo clic en la X roja aquí abajo. Por ahora, le voy a dar un relleno negro. Entonces iré a la herramienta círculos elipses y crearé una elipse en la parte superior del tronco aquí Voy a elevar la opacidad hasta al 100%. Ahora utilizo la herramienta pluma para crear algunas hojas. Voy a apagar el trazo de todas las hojas. Hazlos negros por el momento y ajusta un poco el posicionamiento. Bien, ahora voy a seleccionar las tres partes. Ahora conviértelos en un solo camino yendo a unión de caminos para otro árbol. Duplicaré este. Voltearlo horizontalmente, moverlo por aquí, y ajustar el tamaño y girar algunos. Y está bien si eso se extiende hasta la otra parte del logo. Para un toque final, iré a la herramienta círculos y elipses sostendré Control y crearé un círculo aquí arriba para este sol. ¿Correcto? Ahora quiero convertir todas las partes del logo en un solo camino. Pero antes de hacer esto, necesito quitar las partes de las olas que cubren las áreas vacías de las almohadillas más grandes. Para ello, iré a la Herramienta Pluma, crearé un camino por aquí, lo traeré por aquí abajo y lo cerraré. Ahora vamos a seleccionar tanto este nuevo camino como el camino con las olas van a diferencia de trayectoria. También me gustaría hacer esto para el árbol si alguna parte que se superpusieran a las letras. En este momento puedo seleccionar todo e ir a Path union. Bien, el logo está terminado, así podemos elevar esta opacidad hasta el A continuación, trabajaremos en las maquetas. 4. Mockup 1: el parche en tela: Para comenzar a crear una maqueta, primero necesitamos importar una imagen a que queramos agregar nuestro logo dos Así que subamos al menú Archivo y escojamos importar. Bien, entonces tenemos dos imágenes aquí. Uno de tela azul y uno de would. Estaremos creando maquetas o ambas de estas imágenes. Comencemos con una Tela haciendo doble clic en la imagen de Tela Simplemente podemos hacer clic en Aceptar aquí. Ya que vamos a usar el logo varias veces, vamos a duplicarlo primero. Ahora podemos centrarlo sobre la imagen manteniendo pulsada la tecla Shift y seleccionando la imagen, luego usando el diálogo align, distribuya para alinearlas tanto vertical como horizontalmente. Luego podemos seleccionar solo el logotipo, mantener presionada la tecla Mayús y Control, y encogerlo un poco. Bien, entonces en esta imagen, la luz parece venir de arriba a la derecha Entonces lo que podemos hacer primero es hacer que el logo tenga un degradado que comience desde un tono más brillante en la parte superior derecha, vaya a un tono más oscuro en la parte inferior izquierda Primero, sigamos adelante y cambiemos el color del logotipo al color que queremos usar. Creo que Dios quedaría bien en esta tela azul. Entonces usaré el diálogo de relleno y trazo para establecer el color de relleno en un color de pez dorado ¿Puedo simplemente obtener el logo, un degradado lineal con este botón, Vamos a agarrar la herramienta de degradado por aquí. El resorte, el primer paso aquí a la parte inferior izquierda. Los otros en la parte superior derecha. Por el color de esta parada ha elevado el canal alfa hasta el final y hace que el color sea un poco más brillante. Para la otra parada, hagámoslo un poco más oscuro. Bien. Entonces, si quisiéramos que el logo pareciera un parche o algo así en la tela, uno para agregar una sombra paralela proveniente de la parte inferior izquierda o el logo sobre la tela. Y tendremos que agregar un resaltado a lo largo de la parte superior derecha en el logotipo. Podemos lograr ambos usando el filtro de sombra paralela Para llegar al filtro, subimos al menú del filtro y bajamos dos sombras en brillos y elegimos sombra paralela, que abre el diálogo de sombra paralela Este diálogo. Podemos hacer cosas como establecer la cantidad de desenfoque que tiene la sombra paralela, ajustar los desplazamientos de la sombra y establecer el tipo de sombra En la pestaña de color más azul, podemos establecer el color que queremos usar para la sombra Me parece que a partir de lo más destacado da mejores resorts para el color. Queremos que sea sobre blancos. Y una opacidad de alrededor del 75% más o menos debería ser buena. También desea que la opción de usar color de objetos aquí esté desmarcada Ahora volvamos a la pestaña Opciones. Primero para el tipo de sombra, las dos opciones que nos interesan principalmente, o externa e interna, externa haremos que la sombra aparezca en el exterior de los objetos seleccionados e ingresaremos. Haremos que aparezca por dentro. Queremos que el resalte aparezca en el interior del logo. Así que vamos con el interior. A continuación para los desplazamientos, un número horizontal positivo, pondremos la sombra o resaltado en el lado izquierdo del objeto y un número negativo, lo pondremos en el lado derecho Dado que la luz viene de la tarifa superior, queremos que el resalte aparezca a la derecha del logotipo. Entonces vamos con un número negativo. Podemos ajustar el valor posteriormente. Para el desplazamiento vertical, un número positivo, lo pondremos en la parte superior y un número negativo, lo pondremos en la parte inferior. Queremos lo más destacado en la parte superior derecha. Entonces usaremos un número positivo y un radio de desenfoque de aproximadamente 0.5 debería ser bueno por el momento. Ahora podemos consultar la vista previa en vivo aquí abajo se ve cómo se ve el punto culminante. Como podemos ver, se muestra en la parte superior derecha de cada parte del logotipo. Sin embargo, las compensaciones son un poco demasiado altas, por lo que podemos bajar un poco los valores Por último, podemos usar el radio de desenfoque para lo borroso o nítido que es Muy bien, cuando tenemos algo que nos guste, puedes aplicar el filtro haciendo clic en el botón Aplicar aquí abajo Ahora podemos trabajar en la sombra. Primero vayamos a la pestaña de color más azul y cambiemos el color a negro moviendo el deslizador de ligereza todo el camino hacia la izquierda Volvamos a la pestaña Opciones para la sombra, queremos que aparezca en la parte exterior del logotipo. Entonces cambiemos el tipo a externo. Y cuando usamos outer, los offsets tenemos los efectos opuestos como ellos tienen con Enter Entonces ahora un desplazamiento horizontal negativo, pondremos la sombra a la izquierda, y un desplazamiento vertical positivo, lo pondremos en la parte inferior. Esto es lo que queremos para que podamos liderar los valores solos por el momento. Sigamos adelante y verifiquemos la vista previa en vivo. Miramos muy de cerca. Podemos ver la sombra en la parte inferior izquierda, pero es un poco demasiado sutil en este momento Para que puedas elevar los valores de desplazamiento. Impresionante. Hazlo un poco más borroso Bien, lo que hayamos terminado, podemos aplicar el filtro Podemos cerrar eso, este diálogo. Eso ya se ve bastante bien. Antes de un toque final, podemos obtener el logo de la misma textura que la Tela. Esto, seleccionemos tanto el logotipo como la imagen y los dupliquemos. Entonces usemos el logo para hacer clic en la imagen haciendo clic derecho y eligiendo el clip de psique. Para recuperar el color, podemos ir a la parte inferior del diálogo de relleno y trazo y cambiar el modo de fusión aquí para superponer. Esto hace que el color sea un poco demasiado oscuro , para iluminarlo, puedes usar el filtro de contraste de luminosidad yendo a filtros color, contraste de brillo Con este filtro, podemos ajustar tanto la luminosidad como el contraste de los objetos seleccionados. Valores de cero significan sin ajuste. Como podemos ver si verificamos la vista previa en vivo para iluminar el objeto, solo necesitas elevar el valor de ligereza. También podemos ajustar el contraste algunos si queremos. Nos gusta lo que vemos, rosa da clic en el botón Aplicar y cerrar fuera del diálogo en la textura es demasiado fuerte. Podemos bajar la opacidad de la misma. Bien, y eso debería hacerlo para nuestro primer Mockup de Logo. 5. Mockup 2: el grabado de madera: Para la siguiente maqueta como abrir de nuevo el cuadro de diálogo de importación. Eso es importante. Una imagen de madera. Podemos duplicar el logotipo centrado en la imagen y cambiar el tamaño del logotipo si es necesario Esta vez, vamos a hacer que el logotipo aparezca grabado en la imagen en lugar de encima, como en la maqueta anterior La luz y la imagen parecen estar saliendo directamente de frente a la madera. Entonces, todo lo que necesitamos hacer para que el logotipo vea en grados es agregar una sombra interior en la parte superior del logotipo y un resaltado exterior en la parte inferior. Tampoco necesitamos preocuparnos el color en este momento, ya que solo vamos a hacer que parezca una versión más oscura de la imagen. Bien, así que para las sombras y reflejos, asegurémonos de que solo tenemos el logotipo seleccionado Entonces abramos el diálogo de filtro de sombra pasando a filtros, sombras y brillos, sombra caída Empecemos por la sombra. Primero. Vamos a entrar en la pestaña de color de desenfoque, asegúrate de que el color esté en negro. Y volvamos a la pestaña Opciones. El tipo que queremos elegir Enter para que aparezca en la parte superior del logotipo, necesitamos el desplazamiento vertical para tener un número positivo. Y no necesitamos un desplazamiento horizontal, así podemos establecer el valor en cero. Ahora podríamos revisar la vista previa y hacer cualquier ajuste si fuera necesario. Cuando se ve bien, podemos hacer clic en aplicar para el resaltado como primero cambiar el color a blanco. Creo que volver a la pestaña Opciones y cambiar el exterior tipo dos. Ahora podemos consultar la vista previa y hacer ajustes. También podemos volver a la pestaña de color más azul y ajustar la opacidad si queremos Bien, ya terminamos con las sombras y los reflejos. Así que hagamos clic en Aplicar y cerremos esto. A continuación, estamos trabajando en agregar la textura de madera al logotipo. Básicamente queremos que el logo se vea como un tono más oscuro de la imagen. Y la manera fácil de hacerlo es conseguir que el logo tenga un relleno gris oscuro superior al 50% y cambiar este modo de mezcla a overlay. Sin embargo, se verá más realista si compensamos el logo es textura abajo un poco. Para hacer esto como primero, haz que el logo sea 50% gris. Con el modo de fusión de superposición, el 50% de gris se vuelve invisible. Alice duplica tanto el logotipo como la imagen. Después selecciono solo la imagen y la muevo un poco hacia abajo. Simplemente presionaré la tecla de flecha hacia abajo unas tres veces. Ellis mantenga presionada la tecla Mayús y seleccione el logotipo. Después haz clic derecho y elige psique clip. Hazlo más oscuro. Puedes usar el filtro de contraste de luminosidad yendo a filtros color, contraste de brillo. Se va a comprobar la vista previa en vivo. Esta vez queremos usar un valor negativo para la ligereza. Estaremos como lo que vemos, podemos hacer clic en Aplicar y cerrar esto. Ahora sólo tenemos que bajar este único paso que trae de vuelta las sombras. Y eso debería llevarnos al final de esta clase. De veras espero que lo hayas disfrutado. Si tiene alguna duda sobre algo, por favor házmelo saber. Muchas gracias por acompañarme.