Share
Lo que vas a crearCon este tutorial, Sketch nos está llevando al espacio. Vamos a crear una ilustración de lanzamiento del transbordador espacial empleando solo formas vectoriales. También aprenderá cómo combinar colores para crear una ilustración vectorial llamativa.
Arranca Sketch y lanzemos este transbordador espacial al espacio.!
Vamos a empezar por crear nuestra mesa de trabajo. Para ello, pulse UNA en el teclado y dibujar una mesa de trabajo de tamaño en 850 px por 638 px.
Selecciona el Rectángulo herramienta presionando R en el teclado (o desde el Insertar> Forma menú en la barra de herramientas superior) y cree un rectángulo del mismo tamaño que nuestra mesa de trabajo.
Desmarque los bordes, y luego haga clic en Llenar botón y cambiar a Gradiente lineal, utilizando la Panel de inspectores a la derecha.
Seleccione el tope de color en la parte superior y establezca el color en azul muy oscuro # 03121D. Muévalo hacia abajo. Usa la imagen de abajo como referencia.
A continuación, seleccione la parada de color en la parte inferior y establezca el color en # 17569F.
Recoge la Oval herramienta presionando O en el teclado, y dibuja un # 9FB1BD circulo 3 px por 3 px. No te olvides de desactivar los bordes usando la Panel de inspectores.
Continúa agregando más estrellas, como hicimos en el paso anterior. Usa diferentes tamaños y colores para crear un campo de estrellas. Para las estrellas realmente oscuras, use # 122744 Color, y para los más brillantes usar. #ffffff. Usa la imagen de abajo como referencia.
Es una buena práctica y me gusta mantener mis capas organizadas, así que seleccione todas las estrellas que ha creado y colóquelas en un grupo usando Comando-G. Nombra este grupo "estrellas".
Invocar el Rectángulo (R) herramienta y dibujar un rectángulo. Para el color, usar # 6EAAEE. Apagar las fronteras.
Dar este rectángulo Desenfoque gaussiano con Cantidad de 1 px utilizando la Panel de inspectores.
Duplicar (Comando-D) este rectángulo, y luego elija el Girar herramienta de la barra de herramientas superior y gire el rectángulo 90 ° agujas del reloj. Y voila, aquí está nuestra estrella centelleante..
Selecciona ambos rectángulos y colócalos dentro de la "estrella centellante" grupo, pulsando Comando-G en el teclado.
Duplicar el "estrella centellante" agrupe, reduzca el duplicado hacia abajo y muévalo a la esquina superior derecha de la mesa de trabajo. Finalmente, cambia el color de los rectángulos a # EE991A.
Recoge la Triángulo herramienta de la Insertar> Forma Menú en la barra de herramientas superior y hacer un triángulo. Apague el borde y cambie el color a # 083F6A.
Colóquelo como se muestra en la imagen de abajo..
Toma el Vector (V) Herramienta y dibujar una forma que representará la nieve en la cima de la montaña. Utilizar # CCE4FF colorear y apagar bordes.
Selecciona esta capa y el triángulo manteniendo pulsado. Mando en el teclado y haciendo clic en estas dos capas en el Lista de capas a la izquierda, y luego haga clic en Máscara en la barra de herramientas superior, para colocar la capa de nieve dentro del triángulo.
El resultado de esta operación de enmascaramiento se coloca automáticamente en un nuevo grupo en el Lista de capas a la izquierda. Nombra este grupo "pico de la montaña".
A continuación, dibuje un rectángulo sobre la mitad derecha de nuestro pico de montaña para crear una sombra. Utilizar # 000000 Por el color y apagar los bordes..
Cambiar el Mezcla a Cubrir y Opacidad a 20%.
Simplemente arrastre este rectángulo a la "pico de la montaña" grupo usando el Lista de capas, Para poner este rectángulo encima de nuestra montaña. Sketch aplicará automáticamente una máscara a nuestra sombra..
Añadir más picos de montaña a la escena. Duplicar (Comando-D) la "pico de la montaña" grupo. Sketch nombrará este grupo "copia de pico de montaña". En el Lista de capas, arrastra esto "copia de pico de montaña" Grupo debajo de nuestro grupo original. Muévelo hacia la izquierda y hacia abajo un poco. Usa la imagen de abajo como referencia.
Ahora, Duplicar (Comando-D) la "copia de pico de montaña" grupo. El grupo duplicado obtendrá el nombre "copia de pico de montaña 2". Colocarlo debajo "copia de pico de montaña" en el Lista de capas.
Luego, disminuya la escala y muévalo aún más hacia la izquierda y hacia abajo. Bajar el Opacidad a 50%. Deberías tener algo como esto:
Seleccione los siguientes grupos: "pico de la montaña", "copia de pico de montaña", y "pico de montaña copia2". Agruparlos en un "montañas a la izquierda" grupo usando Comando-G.
Siguiente, duplicado (Comando-D) la "montañas a la izquierda" grupo. Nombra este grupo "montañas a la derecha". Flip horizontal desde Capa> Transformar. Muévalo un poco hacia arriba y hacia el lado derecho de la mesa de trabajo.
Toma el Vector (V) Herramienta y dibujar tres formas para las nubes. Utilizar blanco (#FFFFFF) color.
Aplica los siguientes estilos a las nubes:
Selecciona todas las nubes y agrúpalas en el "nubes" grupo.
Empezaremos a trabajar en el transbordador espacial. Primero crearemos propulsores de cohetes..
Toma el Rectángulo (R) y dibuja un rectángulo como el de la imagen de abajo. Apague las fronteras y use # F8D7A2 por el color.
Ingrese al modo de edición de forma presionando Entrar en el teclado, o simplemente Haga doble clic en la forma Verás un punto redondo en cada una de las esquinas. Haga clic entre los puntos superiores para insertar un punto entre ellos. Sostener Mando para agregar un punto justo en el medio.
Haga doble clic en el punto que acabamos de añadir para convertirlo en una Espejado Apunta y mueve un poco hacia arriba..
Vamos a añadir algunos detalles. Invocar el Rectángulo (R) herramienta y dibujar un rectángulo. Apague los bordes, y para el uso del color. # 5B290E. Entonces Duplicar (Comando-D) este rectángulo tres veces más.
Cerca de la parte inferior, dibuje un rectángulo más, un poco más grande que los anteriores, y para este uso # 73320C color. Asegúrese de que hay una 1 px brecha entre este rectángulo y el de arriba.
A continuación, crea un rectángulo más. Este esta coloreado con # 000000. Usaremos este rectángulo para agregar una sombra al cohete..
Cambio Mezcla a Luz tenue y Opacidad a 30%.
Seleccione todos los rectángulos que acabamos de crear junto con la forma del cohete y elija Máscara desde la barra de herramientas superior.
Sketch colocará todas esas capas en un grupo. Solo renombra este grupo "forma de cohete".
Utilizando la Vector (V) herramienta, dibujar una naranja (# F58100) trapecio. Moverlo debajo "forma de cohete" en el Lista de capas.
Debajo de este trapecio, dibuja otro, un poco más grande, y para este uso # F8BF00 color.
El cohete izquierdo ahora está terminado. Seleccione esos dos trapezoides y el "forma de cohete" grupo y agruparlos en una "cohete de refuerzo" grupo usando Comando-G.
Agregue un propulsor de cohetes a la derecha, simplemente duplicando (Comando-D) la "cohete de refuerzo" Grupo y moviéndolo a la derecha. Usa la imagen de abajo como referencia.
Utilizando la Rectángulo (R) herramienta, dibujar un rectángulo entre "propulsores de cohetes". Para el color, usar # D43D00. No olvides apagar las fronteras..
Haga doble clic para empezar a editar la forma. Agregue un punto en el medio entre los dos puntos superiores y luego Haga doble clic para cambiar este punto a Espejado y moverlo hacia arriba.
Use dos manijas pequeñas a cada lado del punto para ajustar la forma. Piense en estos pequeños puntos de control como si estuvieran tirando de la línea hacia sí mismos. Toma una manija y aléjala un poco del punto..
Vamos a añadir algunos detalles. Dibuje un rectángulo en la parte superior para cubrir la parte superior de la forma del tanque externo. El color es # 592A0C.
A continuación, dibuja un rectángulo delgado y usa # ECA265 por el color.
Luego dibuja un gran negro (# 000000) rectángulo sobre el tanque, que usaremos como la sombra.
Cambio Mezcla a Luz tenue y Opacidad a 30%.
Seleccione todos los rectángulos que acabamos de crear junto con la forma del tanque externo del cohete y elija Máscara desde la barra de herramientas superior. Sketch colocará automáticamente todas esas capas en un grupo. Nombra este grupo "tanque externo".
Ahora vamos a crear las alas delta. Utilizando la Vector (V) herramienta, dibuje una forma como la de la imagen de abajo. Para el color, usar # FC8B03.
Luego, usando el Vector (V) herramienta, dibuje otra forma que sea similar a la que acabamos de crear, pero un poco más pequeña. El color para este es # FB6003.
Agrupe estas dos capas en el "ala delta" grupo. Puede hacerlo seleccionando estas dos capas en el Lista de capas y presionando Comando-G en el teclado.
Duplicar (Comando-D) la "ala delta" grupo, y luego Flip horizontal utilizando Capa> Transformar. Usa la imagen de abajo como referencia para la posición..
Finalmente cambia el color de la forma más pequeña para # FC6C04.
Las alas delta están en su lugar. Esto es lo que tenemos ahora mismo..
Utilizando la Rectángulo (R) herramienta, dibujar un # FED79E rectángulo de color.
Haga doble clic en la forma para entrar en el modo de edición de forma. Haga clic entre los dos puntos superiores para insertar un punto entre ellos. Sostener Mando para agregar un punto justo en el medio.
Haga doble clic en ese punto para convertirlo en un Espejado Apunta y mueve un poco hacia arriba..
Agarre una manija y aléjela un poco del punto para ajustar la forma de la punta del transbordador espacial.
Vamos a añadir algunos detalles. Como hicimos con el propulsor de cohetes, dibuja dos rectángulos diminutos usando el Rectángulo (R) herramienta. El color debe ser # E6BE81.
Luego dibuja una más grande Rectángulo (R) Sobre la parte inferior del cuerpo del transbordador espacial. Para este rectángulo, use # F5A101 color.
Al final, dibuja un negro (# 000000) rectángulo sobre la mitad derecha del cuerpo de la lanzadera, para crear una sombra.
Conjunto Mezcla a Cubrir y Opacidad a 30%.
Ahora seleccione la forma de lanzadera, los rectángulos y la forma de sombra, y elija Máscara desde la barra de herramientas superior.
Utilizar el Vector (V) Herramienta para crear las ventanas laterales y principales en la cabina del transbordador espacial. El color es # 401801.
Seleccione estas tres formas y agrúpelas en "ventanas de la cabina" utilizando Comando-G.
Para la cola vertical, primero dibuje un Rectángulo (R). Para el color, usar # F8D593.
Haga doble clic en la forma para entrar en el modo de edición de forma. Agregue un punto en el medio entre los dos puntos superiores y arrástrelo hacia arriba un poco.
Luego agregue un punto en el medio entre los dos puntos inferiores, usando el método explicado anteriormente, y muévalo un poco hacia abajo.
Vamos a añadir una sombra. Dibuja un Rectángulo (R) Sobre la mitad derecha de la cola. Utilizar # 000000 por el color.
Conjunto Opacidad a 30% y Mezcla a Luz tenue.
Seleccione la forma vertical de la cola y la forma de la sombra y haga clic en Máscara en la barra de herramientas superior.
Esto es lo que tenemos ahora mismo..
Usaremos dos formas para crear el motor principal: un rectángulo y un trapecio.
Primero vamos a crear la parte superior del motor principal. Toma el Rectángulo (R) herramienta y dibuja un rectángulo como se muestra en la imagen de abajo. El color es # F5A101.
Luego crea la parte inferior del motor principal. Con el uso de la Vector (V) herramienta, dibujar un trapecio. Establece el color en # F8BF00. Usa la imagen de abajo como referencia.
Agrupa estas capas en el "motor principal" grupo.
Duplicar (Comando-D) la "motor principal" Grupo y moverlo a la derecha..
Este es el último paso del tutorial, así que terminemos esto.
Dibuja un círculo usando la Oval (O) herramienta. Sostener Alt-Shift Mientras dibuja para crear un círculo perfecto. Para el color, usar # F7E4AA. Las fronteras deben estar apagadas.
Duplicar (Comando-D) El círculo y lo mueves hacia abajo..
Duplicar (Comando-D) doble el círculo y mueva uno a la izquierda y el otro a la derecha para establecer los límites de los gases de escape.
Rellene el espacio entre los círculos más distantes a la izquierda y a la derecha con círculos. Juega con los tamaños y las posiciones de los círculos para crear una pared de gases de escape, como se muestra en la siguiente imagen.
A continuación, conectaremos nuestros gases de escape al transbordador espacial. Selecciona el Vector (V) herramienta y dibuje una forma que sea un poco más angosta que la parte inferior del motor del transbordador espacial izquierdo y que conecte el transbordador con los gases de escape que se encuentran debajo.
Colorea esta forma con # F7E4AA.
Haz lo mismo con el motor adecuado..
Ahora vamos a añadir gases interiores. Toma el Oval (O) herramienta, establece el color a # F2CD74, y construir un muro dentro de nuestro muro, tal como lo hicimos en los pasos anteriores.
Continúa agregando círculos hasta que tengas algo como esto..
La ilustración de tu transbordador espacial ahora está completa.!
Espero que te hayas divertido al hacer esta ilustración. Ahora, intente hacer su propia versión de un transbordador espacial y mostrarnos los resultados en los comentarios a continuación.
Feliz diseño!
Accentsconagua