Share
Inkscape es una alternativa de código abierto para Adobe Illustrator y otros programas para crear gráficos vectoriales. En este primer tutorial de Inkscape para Vectortuts +, crearemos una hermosa taza de café y mostraremos algunas de las características de Inkscape. Principalmente dibujaremos formas y usaremos la herramienta Degradado para lograr el efecto deseado. Si está familiarizado con Illustrator o un programa similar, debería poder seguirlo relativamente fácilmente..
Si desea descargar Inkscape, vaya a inkscape.org. Si esta es la primera vez que usa Inkscape, le recomiendo que complete algunos de los tutoriales que vienen con Inkscape primero para entender cómo funciona el programa (disponible en el menú Ayuda).
Comience abriendo un Nuevo Documento en Inkscape. Comencemos por hacer el platillo sobre el que descansa la taza de café. El platillo estará compuesto por cinco elipses diferentes, así que prepárate para dibujar. Selecciona el Círculo / Elipse herramientaF5) desde el Caja de instrumento. Luego, dibuje una elipse sobre las proporciones de la imagen de abajo..
Ahora debemos cambiar los colores de relleno y trazo (contorno), así que seleccione su elipse y abra el Rellenar y trazar ventana de diálogo yendo a Objeto> Relleno y Trazo (Control + Shift + F). Sobre el Carrera pestaña de pintura, haga clic en el botón "X" para eliminar el contorno de esta forma.
Ahora queremos llenar la elipse con un degradado radial. Haremos algunos gradientes radiales y lineales en este tutorial, así que presta mucha atención si nunca antes has hecho esto en Inkscape. Sobre el Llenar pestaña (todavía en la Rellenar y trazar ventana), haga clic en Gradiente radial botón. Inkscape rellena automáticamente su forma con un degradado; normalmente se desvanece a transparente de forma predeterminada.
Queremos un degradado con dos tonos de gris, así que haz clic en el Editar botón debajo de la pendiente. Ahora puedes editar los gradientes Paradas de color y ellos Transparencia. Establecer la primera parada a un tono de gris claro (ddddddff). Ponga la segunda parada en un tono más oscuro de gris (b2b2b2ff). Asegúrate que Transparencia para ambos colores se establece en Opaco (sin transparencia).
Lo siguiente que debe hacer es ajustar el tamaño y el centro del degradado en relación con su elipse. Arrastre los controladores de degradado en la elipse para que coincida con la imagen de abajo. Nota: Si los controladores de degradado no son visibles, simplemente haga clic en Crear y editar gradientes botón de la Caja de instrumento (Control + F1). Ahora que ha completado una elipse y sabe cómo crear y editar gradientes. Los siguientes pasos no serán tan detallados..
Las otras elipses en el platillo no son tan difíciles de hacer. La próxima elipse formará el labio blanco alrededor de la placa. La forma más fácil de hacer esto es duplicar la elipse que acaba de hacer al ir a Editar> Duplicar(Control + D). Luego rellénalo con un color gris muy claro (f2f2f2ff) desde el Rellenar y trazar ventana. Luego bájelo unos pocos píxeles por debajo de su primera elipse y colóquelo detrás de la primera elipse yendo a Objeto> Bajar.
Nota: Presione F1 (o pulsa la Seleccionar y transformar objetos botón de la Caja de instrumento) para mover objetos con el mouse o las teclas de flecha en Inkscape. Es difícil ver la elipse gris claro, así que coloco un fondo oscuro detrás para que sea más fácil de ver en la siguiente captura de pantalla.
Ahora para la base gris oscuro del platillo. Una vez más, duplica una de tus elipsis existentes. Ahora rellénalo con otro degradado radial con dos tonos muy oscuros de gris (2b2b2bff y 666666ff). Luego, mueva el centro del degradado hacia la parte inferior de la elipse. La base de la placa no necesita ser tan ancha como el resto de la placa. prensa F1 y empuje un poco los lados izquierdo y derecho de la elipse para "aplastarla"..
Tenga en cuenta que si mantiene presionado Cambio Mientras arrastra uno de los bordes, puede mover ambos lados a la vez. Además, estire la parte inferior de la elipse hacia abajo solo un poco para obtener la curva de la parte inferior del platillo justo a la derecha.
Mueva la elipse completa unos pocos píxeles y presione la tecla Página abajo botón unas cuantas veces para colocar la elipse debajo de los otros dos. Deberías terminar con algo que se parece a la imagen de abajo. Tenga en cuenta las proporciones de la elipse inferior (seleccionada) en comparación con las otras dos. El platillo empieza a tomar forma.!
Ahora tenemos que crear el centro de la placa. Dibuje una elipse más pequeña como se muestra en la imagen de abajo (o seleccione la elipse superior y escáltela). Abre el Rellenar y trazar diálogoControl + Shift + F). Luego rellénalo con un color gris plano (979797). Arrastrar el Alfa deslizador debajo de la rueda de color para 100.
Dale un color de trazo b7b7b7 (opacidad total). Sobre el Estilo de trazo pestaña establece el ancho para que coincida con la imagen de abajo. El tamaño real del trazo variará según el tamaño que dibujó sus elipses. Para mi fue 3px, pero puedes terminar con algo diferente.
El plato está casi terminado ahora. El último paso es agregar una sombra borrosa borrosa. Duplica la elipse más inferior (la base gris oscura). Entonces Difuminar eso 10% (desde el fondo de la Rellenar y trazar ventana). Colócalo debajo de todos los demás objetos..
Ahora tienes un platillo terminado! Puede elegir agrupar los cinco puntos suspensivos para que sea más fácil seleccionarlos más adelante. Solo resáltalos todos y presiona Control + G. Ahora, a la taza de café en sí!
Comenzaremos dibujando dos formas con la Curvas de bezier herramientaMayús + F6). Haga una para la cara de la taza de café y otra para formar el borde exterior de la taza. Estas formas deben coincidir en anchura y la cantidad de curva. Te recomiendo que enciendas la cuadrícula para ayudarte a dibujar estas líneas (Shift + #). Tambien nota, Hacer clic para crear un punto, clic y arrastre para crear una curva.
De hecho, dibujé estas formas una sobre otra, pero las separé en esta captura de pantalla para mostrar cómo dibujé las formas y sus curvas. Observe que ambas formas y sus longitudes de curva tienen 20 unidades de ancho. Además, observe cómo la parte inferior del borde coincide con la parte superior de la cara de la copa; Ambos son 2 unidades de profundidad. Como guía, los números en azul muestran el orden en el que creé los puntos / curvas.
Con la rejilla aún colocada, coloque el borde directamente sobre la cara de la copa. Eliminar el trazo de ambas formas. Rellene la forma del borde (que parece una elipse) con un color sólido gris (e6e6e6ff). Llene la cara de la copa con un degradado radial que va desde el ecececff en el centro hasta bdbdbdff. Luego, coloque el centro del degradado cerca de la parte superior de la forma de copa, como se muestra a continuación.
Duplique la forma de la llanta y amplíela un poco para formar el ancho de la llanta. Dale a esta forma un trazo gris fino (d6d6d6ff) y un gradiente radial de ecececff a bdbdbdff. A continuación, arrastre los controladores de degradado para que coincida con la imagen de abajo.
El siguiente paso es crear el café dentro de la taza. Obviamente, queremos crear una forma que dé la apariencia del café al estar dentro del borde. Para hacer eso tendremos que crear una elipse para el café e intersectarlo con el borde interior.
Aquí está cómo hacerlo. Cree una elipse como la marrón en la imagen de abajo. Luego colóquelo encima del borde. Luego, duplique la elipse que constituye la parte interior del borde. A continuación, seleccione la elipse duplicada y la que acaba de dibujar. Ahora ve al menú y elige Camino> Intersección (Control + *).
Deberías terminar con una forma que parece café en una taza. Ahora puede llenarlo con un degradado radial utilizando dos (o más) tonos de marrón.
Crear el asa para la taza de café es muy fácil. Utilizar el Bezier Herramienta para hacer una forma similar a la manija que se muestra a continuación. Dale un ligero trazo gris claro y rellénalo con un degradado lineal desde la parte inferior izquierda a la superior derecha usando dos tonos de gris (bdbdbdff y ecececff). Ahora ponlo detrás de la taza..
Para darle personalidad a nuestra taza, vamos a agregar algunas franjas azules alrededor de ella. La forma de hacerlo es un poco más complicada de lo que parece. No puede simplemente dibujar una línea, porque el final de la línea nunca coincidirá con el borde de la taza, como se muestra a continuación.
Así que aquí está el método que se me ocurrió que funcionó bastante bien. Cree una elipse con aproximadamente las mismas proporciones que el borde de la taza de café. Luego rellénalo con cualquier color (sin trazo). Ahora duplique esa elipse, colóquela debajo de la primera y tire de la palanca de arrastre inferior hacia abajo un poco. Luego empuja los lados en algunos también. Coloreé mis elipses en dos colores diferentes para que pueda ver cómo debería verse esto..
Selecciona ambas elipses y elige Ruta> Diferencia (Control + Signo menos) en el menú. ¡Presto! Ahora tienes una hermosa curva de desaparición. Rellena tu nueva forma con el color que prefieras. Duplica tantas veces como quieras. Luego, colóquelo sobre la taza de café en cualquier lugar que elija..
Vamos a crear un reflejo en el lado de nuestra copa. Dibuja una forma con la Bezier Herramienta como la de la captura de pantalla de abajo. Coloréalo de blanco y arrastra el Alfa deslizador a aproximadamente 90 para que sea transparente. Colóquelo sobre la cara de la copa y las líneas de colores..
Ahora para un poco de vapor. Comienza dibujando una pequeña elipse blanca. Hazlo semitransparente y difumina los bordes significativamente. Colóquelo encima de su café. Esto dará la impresión general de calor y vapor..
Ahora vamos a crear un rastro de vapor tenue. Crea una forma con el Bezier Herramienta como la de abajo. Coloréelo de color marrón claro o dorado, hágalo semitransparente y difumínelo también. Jugar con el Opacidad maestra y Difuminar configuración hasta que se vea bien.
¡Nuestra taza de café está terminada! Al igual que con el platillo, puede que le resulte útil agrupar todas las formas que forman la taza..
Pongamos nuestra taza terminada encima de nuestro platillo. Luego agrega una pequeña sombra debajo de la taza. Simplemente dibuja una pequeña elipse negra y difumínala.
¡Ahí lo tienen, una hermosa taza de café vectorial y un platillo creado con Inkscape! Espero que hayas disfrutado haciendo esto tanto como yo. También espero que este tutorial haya demostrado ser informativo al demostrar las características principales de Inkscape, una alternativa de código abierto para vector art. Disfrutar!
Accentsconagua