Mira a tu alrededor. Ahí, todas esas cosas en tu escritorio. ¡Vamos a crear un patrón de eso! En este tutorial, creará varios íconos de escritorio y de oficina y los compilará en un patrón fácil y rápido usando el Opciones de patrón panel. Al usar combinaciones de formas básicas (círculos, rectángulos y triángulos), creará objetos que a menudo se encuentran en el espacio de trabajo de un artista digital, listos para usar como un patrón, ilustración o infografía..
1. Dibujando el monitor
Paso 1
Abierto Adobe Illustrator CC 2014 (Las técnicas y los diseños se pueden crear en versiones anteriores del programa, pero Live Corners y el panel de Opciones de patrón se introdujo en las versiones CC y CS6 respectivamente) y crear un Nuevo documento.
Utilizando la Herramienta Rectangular (M), Dibuja un rectángulo horizontal. Con el Herramienta de selección directa (A), seleccione el rectángulo y tire de la Esquinas vivas Hacia adentro, redondeando las esquinas del rectángulo. Ajuste el color de relleno a gris (#bcbdac).
Paso 2
Vamos a convertir este rectángulo redondeado en un monitor de computadora..
Copiar (Control-C) y Pegar (Control-V) El rectángulo redondeado. Dibuje un rectángulo más pequeño sobre la mitad inferior del rectángulo recién copiado.
Selecciona ambos rectángulos y pulsa Frente menos en el Pionero panel. Establezca el color de relleno del rectángulo superpuesto en púrpura oscuro (# 3b2d38). Asegúrese de que las dos formas son Alineado hasta el borde superior del otro.
Dibuja un rectángulo redondeado más pequeño para la pantalla de tu monitor. Establezca el color de relleno en azul claro (# 8ee2e4).
Para el soporte del monitor, dibuje un pequeño rectángulo vertical y colóquelo detrás de las otras formas en el Capas panel. Luego, dibuje un rectángulo horizontal estrecho en la parte inferior (vea abajo).
Paso 3
Ahora vamos a agregar algunos detalles al diseño del monitor..
Para el resplandor en el monitor, dibuje una forma curva grande que se superponga a la pantalla con la Herramienta Pluma (P).
Seleccione el rectángulo redondeado azul y la forma curva recién dibujada. Con el Herramienta de creación de forma (Shift-M), Seleccione la porción no intersecante de la forma curva.. Deseleccionar todas las formas. Borrar la porción extraña de la forma curva.
Establezca el color de relleno de la forma del resplandor superpuesto en azul claro (# 8ee2e4). En el Transparencia panel, establecer el Modo de mezcla de esta forma a Pantalla.
Observe la parte inferior del diseño del monitor: dibujé tres rectángulos pequeños en diferentes tonos de gris para que sirvan de botones. También dibujé un rectángulo delgado para mostrar la separación entre la pantalla del monitor y su soporte en gris cálido y oscuro (# 87707a).
Etapa 4
Añadamos un poco de brillo al diseño del monitor..
Utilizando la Herramienta Elipse (L), Dibuja dos círculos idénticos. Haz que se superpongan ligeramente y golpea Unir en el Pionero panel. Utilizando la Eliminar herramienta de punto de anclaje (-), eliminar los puntos de anclaje inferior izquierdo y derecho.
Con el Herramienta de selección directa, tire del punto de anclaje inferior central hacia abajo. Utilizar el Herramienta de punto de anclaje (Shift-C) para convertir el punto de anclaje en un punto afilado.
Una vez más, use el Herramienta de punto de anclaje para convertir ese punto de anclaje más bajo en una curva. Manipule los mangos del punto de anclaje para que la parte inferior del corazón se curve suavemente.
Coloque el corazón en la parte inferior del monitor. Dibuja cuadrados de colores brillantes con el Herramienta rectangular en el lado derecho del monitor para crear pequeñas notas adhesivas.
Grupo (Control-G) todos los componentes de su monitor juntos y establezca el diseño a un lado mientras avanzamos hacia los otros elementos del patrón.
2. Dibujar una tableta gráfica
Paso 1
La tableta comienza simplemente con un rectángulo gris oscuro y cálido que se superpone a un rectángulo redondeado de color púrpura oscuro. Mueva el rectángulo gris a la derecha, ligeramente, para que haya más espacio en el lado izquierdo del diseño.
Dibuje dos rectángulos grises angostos que tengan el mismo ancho que el gran rectángulo púrpura oscuro. Colóquelos en la parte superior e inferior del rectángulo gris (ver más abajo).
Cree una forma curva para reflejar en la superficie de la tableta con el Lapicera y el Herramienta de construcción de forma Como se hizo anteriormente con el monitor. Establecer la forma de curva Modo de mezcla a Pantalla en el Transparencia panel.
Paso 2
Para los botones en el lado izquierdo de la tableta, dibuje cuatro rectángulos redondeados en gris, un círculo en gris y un círculo más pequeño en púrpura oscuro. Alinear los seis objetos en sus centros y colóquelos en el lado izquierdo del diseño de la tableta.
Paso 3
La parte del cable USB del diseño una vez más se compone principalmente de rectángulos.
Dibuja un rectángulo redondeado vertical para el enchufe..
La conexión desde el enchufe al cable es un rectángulo horizontal cuyos puntos de anclaje más a la derecha se movieron hacia adentro con la Herramienta de selección directa y cuyos rincones fueron redondeados en el Transformar panel.
Saqué el cordón con el Herramienta Pincel (B) y establecer el pincel en el primer pincel predeterminado en el Cepillos panel: 5 pt. Redondo.
La carcasa del USB es un rectángulo que ha sido Rotado ligeramente.
Una vez más, esta porción del USB es otro rectángulo girado. Esta vez, sin embargo, el color de relleno se estableció en gris (#bcbdac).
Finalmente, los pequeños agujeros en el USB son dos rectángulos de color púrpura oscuro..
Etapa 4
Ponga sus componentes USB juntos en el lado derecho del diseño de la tableta gráfica. Grupo juntos todos los componentes de la tableta gráfica, y vamos a pasar a los accesorios.
3. Dibujar un lápiz y un soporte
Paso 1
El lápiz comienza con un rectángulo largo y estrecho de color púrpura oscuro. Utilizar el Herramienta de selección directa para mover los puntos de anclaje más a la derecha hacia adentro, como si estuvieras pellizcando el lado derecho del rectángulo (no literalmente pellizcando, sino dándole ese aspecto). Redondea las esquinas más a la derecha en el Transformar panel.
Paso 2
Para la punta del lápiz, dibuje un rectángulo vertical (la misma altura que la base rectangular del lápiz) en gris cálido. O bien usar el Lapicera o la Herramienta de polígono dibujar un triángulo de la misma altura.
Unir el rectángulo y el triángulo en el Pionero panel. Agregue un pequeño rectángulo superpuesto en el lado izquierdo del objeto recién unido.
Seleccionar ambas formas y golpe Frente menos en el Pionero panel.
Paso 3
El resto de los componentes del stylus son rectángulos surtidos..
A la izquierda tiene la punta del lápiz que acaba de crearse..
Asegúrese de que la punta y el rectángulo base se alinean perfectamente.
El extremo derecho del lápiz tiene un rectángulo redondeado de color púrpura oscuro (casi parece una pequeña píldora).
La superposición de la mitad derecha del rectángulo es una forma gris cálida. Créelo agregando un rectángulo gris que se superponga al tercio más a la derecha del rectángulo base. Utilizar el Herramienta de construcción de forma para eliminar la parte que no se interseca como lo hizo anteriormente al dibujar la forma de resplandor curvo en el monitor de la computadora.
Dibuje un rectángulo largo y estrecho redondeado para el contorno de los botones del lápiz..
Dibuja un rectángulo redondeado púrpura oscuro más pequeño para los botones del lápiz..
Elija un color brillante, como el verde azulado (# 009989), y dibuje un rectángulo estrecho y vertical para la parte colorida de la punta del lápiz óptico.
Dibuja otro rectángulo estrecho, aún más pequeño, en púrpura oscuro. Utilizar el Herramienta de construcción de forma, como se hizo antes, para asegurarse de que la nueva forma se ajuste perfectamente al contorno de la punta del lápiz óptico.
Finalmente, dibuje un rectángulo pequeño y redondeado para la punta del lápiz..
Vea a continuación cómo encajan los componentes. Si está usando una tableta gráfica, intente recrear su propio lápiz usando formas básicas.
Etapa 4
El soporte del stylus es bastante simple..
Dibuja un rectángulo y trae los puntos de anclaje inferiores hacia el centro de la forma para que forme un trapecio.
Utilizando la Herramienta elipse, dibuja dos elipses estrechas que coincidan con el ancho de la parte superior e inferior del trapecio.
Dupdo y Pegar la elipse superior. Ajuste el color del trazo a gris cálido. Dibuja una pequeña elipse dentro de la copiada y Unir ellos en el Pionero Panel para crear el pequeño bulto visto en la forma de abajo. Utilizar el Lapicera para dibujar un trazo ligeramente curvo cerca de la parte inferior del soporte del lápiz óptico.
4. Dibujar un cuaderno y un teléfono inteligente.
Paso 1
Una de mis herramientas más útiles es mi cuaderno lleno de listas de tareas pendientes y esquemas y notas tutoriales. Recrearlo es una hazaña bastante fácil..
Para la cola del marcador, dibuja un pequeño rectángulo vertical. Utilizar el Añadir herramienta de punto de anclaje (+) para agregar un punto de anclaje al borde inferior del rectángulo. Con el Herramienta de selección directa, tire del punto de anclaje hacia arriba hasta obtener el borde dividido que desea. Ajuste el color de relleno a verde azulado oscuro (# 11766d).
El libro en sí es un rectángulo cuyas esquinas derechas están redondeadas más que la izquierda. Puedes hacer esto en el Transformar Panel asegurándose de que el ícono del enlace esté apagado y cambiando manualmente el radio de cada esquina.
Dibuje un rectángulo largo y delgado para el elástico que mantiene el libro cerrado, y agregue tres cuadrados de colores brillantes para pequeñas notas adhesivas que sobresalgan de debajo de la cubierta del libro. Coloque todos los componentes juntos de la manera que se ve a continuación (ajuste la posición del objeto en el Capas panel).
Paso 2
Un teléfono inteligente es otro conjunto de rectángulos apilados uno encima del otro..
Comience con un rectángulo púrpura oscuro. Si le apetece que su teléfono tenga esquinas redondeadas, hágalo. Si prefieres crear un teléfono que se parezca al tuyo (o al que quieras tener), intenta recrear ese diseño en su lugar..
La pantalla es un rectángulo más pequeño, esta vez lleno de blanco roto (# efe8d5).
Por tercera vez en este tutorial, dibujé una forma curva para replicar el resplandor en la pantalla de mi dispositivo. Establezca el color de relleno en blanquecino y Modo de mezcla a Pantalla en el Transparencia panel.
Dibuje un rectángulo horizontal delgado en la parte inferior del rectángulo y establezca el color de relleno en gris cálido.
Paso 3
Agreguemos algo simple a la pantalla del teléfono: burbujas de chat.!
Dibuja un verde brillante (# cfbe27) rectángulo.
Jale la Esquinas vivas hacia adentro para redondear la forma.
Utilizar el Lapicera dibujar una cola curva.
Cerrar la forma y Unir El rectángulo redondeado y la cola en el. Pionero panel.
Dupdo, Pegar, y crea variaciones de la burbuja de chat en la pantalla del teléfono. Asegúrese de que estén colocados debajo de la forma de resplandor curvo en el Capas panel. Dibuja pequeños rectángulos y círculos sobre y alrededor del borde del teléfono para los botones, las luces y una cámara. Grupo juntos todos los componentes del diseño del teléfono inteligente.
5. Dibujo de otros suministros de oficina
Paso 1
El patrón necesita algunas notas adhesivas grandes esparcidas alrededor. Dibuja un cuadrado con la Herramienta rectangular. Utilizar el Lapicera Dibujar un triángulo en la esquina inferior derecha del cuadrado.. Dupdo y Pegar el triangulo y Rota lo 180 ° con el Herramienta de rotación (R). Los tres objetos son del mismo color, amarillo (# f0b300), pero el triángulo superior se establece en Cubrir y el triángulo inferior se establece en Multiplicar.
Paso 2
Dibujemos un lindo lápiz mecánico para el patrón. Sus partes son muy similares a la del lápiz dibujado anteriormente:
Un pequeño rectángulo redondeado forma el conductor gráfico..
La parte superior del lápiz es un triángulo gris cálido..
Un rectángulo amarillo brillante forma el cuerpo del lápiz..
Dibuja un rectángulo gris horizontal para el clip del lápiz..
Un rectángulo rosa redondeado forma el borrador..
Finalmente, dos pequeños rectángulos grises forman la banda que conecta el borrador y se enganchan al lápiz..
Coloque todos los componentes juntos de la manera que se ve a continuación (ajuste la posición del objeto en el Capas panel).
Paso 3
¿Qué escritorio está completo sin una goma de borrar rosa? Dibuja un rosa brillante (# f1679b) rectángulo. Utilizando la Herramienta de corte, sesga el rectángulo a tu gusto. Jale la Esquinas vivas hacia adentro por lo que el borrador se redondea ligeramente.
Etapa 4
Una variedad de resaltadores es una hazaña fácil cuando se divide en cinco formas simples.
Un rectángulo redondeado en gris forma el clip de la tapa del resaltador.
Un rectángulo con las esquinas superiores redondeadas forma la propia tapa..
Superponga la tapa con una elipse y use la Herramienta de construcción de forma para eliminar la parte no intersecante de la forma.
Un gran rectángulo redondeado, el mismo ancho y radio de esquina que la tapa, forma la base del resaltador.
Finalmente, un rectángulo redondeado más pequeño, cuyo Modo de mezcla se establece en Multiplicar, Sirve como calcomanía o etiqueta en el diseño del resaltador..
Ponga todos los componentes juntos de la manera que se ve a continuación. Cambia fácilmente entre colores para crear todo un arco iris de pequeños resaltadores.
Paso 5
Finalmente, un pequeño cuaderno de espiral es simplemente una cuestión de rectángulos, círculos y triángulos..
Dibuje un rectángulo redondeado vertical con el color de relleno configurado en gris cálido. Dupdo y Pegar El rectángulo cinco veces para un total de seis formas en espiral..
Dibuja seis círculos con el Herramienta elipse. Establezca el color de relleno en blanco apagado (# efe8d5) y ellos Modo de mezcla a Multiplicar en el Transparencia panel. Asegúrese de que los círculos estén distribuidos uniformemente y alineados con las formas en espiral (a través de la Alinear panel).
Dibujar un gran rectángulo redondeado ya sea con el Herramienta rectangular o la Herramienta de rectángulo redondeado.
Finalmente, use el Lapicera para dibujar un triángulo superpuesto en la parte inferior derecha del diseño. Con el Herramienta de construcción de forma, elimine la porción que no se intersecta del triángulo del rectángulo redondeado, como se hizo anteriormente con la forma deslumbrante en el monitor de la computadora. Dupdo, Pegar, y Girar la forma. Los colores de relleno de ambas formas se establecen en blanco roto, y Modos de mezcla están configurados para Pantalla (arriba) y Multiplicar (fondo).
Paso 6
Organiza tus componentes de la manera que quieras. En este punto, puede organizar una ilustración de escritorio de icono plano para usar como fondo de escritorio o como iconos de escritorio por sí mismos, o continuar para crear el patrón final.
6. Juntando el patrón
Paso 1
Movimiento y Girar Elementos alrededor de tu mesa de trabajo. Por eso aconsejé agrupar.los componentes de cada elemento juntos: para que sean fáciles de mover.
Seleccionar Todos tus elementos y hit. Hacer patrón en el Opciones de patrón panel. Desde aquí, puede organizar y reorganizar sus piezas. No dude en Dupdo, Pegar, cambiar el color, o incluso crear formas completamente nuevas en el modo de edición.
Cuando esté satisfecho con su diseño, pulse Hecho en la parte superior de la ventana del documento. Encontrarás este nuevo patrón en tu Muestras panel.
Paso 2
Me gusta hacer capas de diseños como este. Dibuja varios círculos pequeños, cada uno de un color diferente de tu diseño. Organízalos lo mejor que puedas para que parezcan estar dispersos. Entonces pulsa Hacer patrón en el Opciones de patrón panel. Ajuste su posición o agregue círculos adicionales según sea necesario.
Gran trabajo, estás hecho!
El producto final son dos rectángulos superpuestos con cada uno de los patrones creados como color de relleno. Como ambos eran transparentes, puedes agregar un tercer rectángulo debajo de los otros dos para un toque de color detrás de tu diseño. Comparte tu patrón con nosotros en la sección de comentarios a continuación. Vaya más lejos y vuelva a crear su propio escritorio o los suministros favoritos que utiliza en el diseño..
Share
Lo que vas a crear
Accentsconagua
