Spanish (Español) translation by Javier Salesi (you can also view the original English article)
En éste tutorial te mostraré cómo crear una plantilla para infográfico de reloj con seis opciones en un estilo lineal de moda y elegantes íconos en estilo dieño plano. Aprenderás algunos trucos para hacer que éste infográfico luzca genal y único.
Después de leer éste tutorial podrás dibujar cualquier objeto en estilo lineal y usarlo para crear perfectas presentaciones, banners, etc. Consulta éste Paquete de Infográficos de Contorno para ver algunos ejemplos de geniales gráficos creados usando éstas habilidades.
1. Cómo Crear una Forma de Reloj
Paso 1
Primero creo las capas principales con las que voy a trabajar. Es muy conveniente estructurar tu trabajo comenzando desde los primeros pasos. Presiona Control-L para crear una Nueva Capa y Renómbrala (doble-click en su nombre en el panel Capas). Repite éstas acciones hasta que hayas creado y renombrado todas las capas necesarias mostradas abajo. Vamos a usar diferentes capas, así que presta mucha atención en éste paso.
Ve a la capa "Background" (fondo), toma la Herramienta Rectángulo (M), y crea un cuadrado blanco de tamaño 1000 x 1000 px para encajar en toda el área de trabajo. Éste cuadrado nos ayudará a detectar el punto central durante los primeros pasos.
Haz click en el espacio vacío cerca del símbolo del ojo en el panel Capas para Bloquear la capa background.
Selecciona la capa "Guides". Presiona Control-R para mostrar las reglas. Arrastra y suelta la regla al centro del área de trabajo.
Paso 2
Luego cambia a la capa "Clock". Usa la Herramienta Elipse (L) para crear una elipse de 380 x 380 px y con un Grosor de Trazo igual a 25 px, y establece el Remate y Vértice de acuerdo a la captura de pantalla de abajo. Coloca el círculo en el centro del área de trabajo.
Paso 3
Cambia a la capa "Guides" de nuevo. Ahora vamos a crear algunas guías para dividir el círculo en segmentos. Intencionalmente puse éste paso después de la creación del círculo para hacerlo más comprensible.
Comienza con crear líneas usando la Herramienta Segmento de Línea (L). Haz click una vez en el centro del círculo para abrir el panel Opciones de la Herramienta Segmento de Línea, y cambia la Longitud y el Ángulo como se muestra en la captura de pantalla de abajo. Repite ésta operación varias veces para obtener tres líneas. El grosor de trazo exacto de las líneas no es importante; generalmente uso un Grosor de Trazo de línea igual a 5 px para hacer las líneas claramente visibles.
Selecciona éstas líneas y click-derecho > Crear Guías.
Paso 4
Continúa trabajando en la capa "Clock". Usa la Herramienta Pluma (P) para dividir el círculo en los puntos de intersección con las guías. Selecciona el círculo y haz click en las puntos donde necesitamos tener anclas adicionales.
Cuando las anclas son agregadas, necesitamos seleccionarlas con la Herramienta Selección Directa (A) y Cortar Trazado en Puntos de Ancla Seleccionados.
Intencionalmente no oculté las guías, porque podrían ser útiles durante los siguientes pasos y ayuar a organizar los objetos relativos unos con otros.
Justo después de eso, establece el Remate en Extremo Redondeado en el panel Trazo y cambia la transparencia a Multiplicar en el panel Transparencia.
Paso 5
Ahora crea una manecilla de reloj usando la Herramienta Segmento de Línea (\). Haz click una vez en el centro del círculo para abrir el panel de Opciones de la Herramienta Segmento de Línea e ingresa Longitud 160 px, Ángulo 45 grados para la manecilla de los minutos. Repite ésta operación con Longitud 80 px y Ángulo 135 grados para la manecilla de hora.
Paso 6
Agrega colores a éstas líneas. Selecciona los elementos del reloj uno a uno usando la Herramienta Selección Directa (A) y cambia el color de Trazo de cada elemento.
Paso 7
A menudo expando trazados abiertos en mi trabajo para tener la oportunidad de escalarlos fácilmente, pero podemos dejar los trazados sin expandir para poder cambiar su grosor en el futuro. En éste tutorial voy a expandir los trazados como lo hice en mi trabajo para el Paquete de Infográficos de Contornos.
Selecciona todos los elementos del reloj y ve a Objetos > Expandir, elige Expandir Trazo y haz click en OK. Manten los objetos seleccionados.
Como puedes ver, algunos "grupos secundarios", como los llamo, aparecen después de ésta acción. Cada uno de éstos grupos incluye únicamente un objeto, y son inútiles y dificultan trabajar con la ilustración, así que necesitamos deshacernos de ellos. Haz click-derecho y Desagrupar.
Después de eso, ve al panel Transparencia una vez más y elige la opción Multiplicar en la Transparencia.
2. Cómo Crear Texto Elegante y Colorido Dentro del Reloj
Paso 1
En éste trabajo voy a usar la fuente Tw Cen Mt Bold, que es la fuente predeterminada. Usa la Herramienta Texto (T) para crear varias palabras con diferente Tamaño de Fuente como se muestra en las capturas de pantalla de abajo.
Paso 2
Rotemos algunas palabras para hacer ésto infográfico más elegante. Selecciona varias palabras y haz click-derecho > Transformar > Transformar Individualmente, establecido en Ángulo de 90 grados y presiona OK.
Uso éste método para rotar las palabras porque están localizadas a una distancia de cada una. La Opción Transformar Individualmente rotará cada palabra alrededor de su punto central.
Ahora usa la Herramienta Selección Directa (A) y arrastra las palabras para mejores posiciones.
Paso 3
Selecciona todos los objetos del texto y hazlos un poco transparentes. Ve al panel Transparencia y selecciona Multiplicar con Opacidad 60%. Multiplicar es una opción importante que necesita ser establecida para hacer que nuestros objetos de texto y formas luzcan equilibradas cuando cambies el fondo.
Usa la Herramienta Selección Directa (A) y cambia el Color de Relleno al color que usamos previamente para colorear los elementos del reloj.
Después de cambiar el color, podemos ver que el objeto del texto amarillo es casi invisible. Para dar a éste objeto más contraste, selecciónalo con la Herramienta Selección Directa (A) y cambia la Opacidad a 100%.
Un consejo útil: establece un valor de opacidad mas alto para colores más claros y un valor de opacidad más bajo para colores más oscuros para lograr mejores resultados.
Paso 4
Corta los objetos de palabra que están localizados más allá del reloj. Para éste propósito, necesitas crear un círculo de tamaño 340 x 340 px y colócalo en el centro de la ilustración. Usa la Herramienta Elipse (L) para hacer ésto.
Selecciona el círculo y todos los objetos de texto, y luego haz click-derecho > Crear Máscara de Recorte.
Ahora puedes ocultar las guías. Observa el panel Capas y deshabilita el símbolo del ojo frente a la capa "Guides".
3. Cómo Crear el Ícono del Símbolo del Dólar
Como nuestro infográfico tiene seis opciones, necesitamos crear seis íconos para lograr una mejor visualización.
Primero que nada, cambia a la capa "Icons". Después de eso, necesitamos dibujar seis cuadrados iguales en los cuáles vamos a colocar nuestros íconos. Crea un cuadrado de 70 x 70 px con la Herramienta Rectángulo (M), y luego selecciónalo con la Herramienta Selección Directa (V) y arrástralo manteniendo presionadas las teclas Mayúsculas-Alt. Después de que el segundo cuadrado sea colocado, usa Control-D para repetir ésta operación hasta que tengas seis cuadrados en una fila.
Selecciona los seis cuadrados y haz click derecho y elige Crear guías. Así que ahora tenemos las guías que vamos a rellenar con nuestros íconos.
Paso 1
Ahora estamos listos para crear el primer ícono. Crea un círculo de 30 x 30 px con un Grosor de Trazo de 7 pt, y elige Remate Extremo Redondeado y Unión Redondeda como se muestra en la captura de pantalla de abajo.
Paso 2
Selecciona los puntos de ancla superior e inferior con la Herramienta Selección Directa (A) y Cortar Trazado en Puntos de Ancla Seleccionados.
Después de eso, mueve la parte de la derecha hacia abajo. Nota que el punto de ancla superior de la parte derecha debe encajar en el punto inferior de la parte izquierda.
Paso 3
Toma la Herramienta Segmento de Línea (L) o la Herramienta Pluma (P) y crea cuatro líneas, dos verticales y dos horizontales.
Después de eso, Herramienta Selección (V) para mover las líneas para que encajen en los puntos en los extremos de los semicírculos. Coloca el signo del dólar en el centro de la guía del cuadrado.
Paso 4
Selecciona los objetos con la forma del dólar y presiona el botón Control en tu teclado. Verás un marco alrededor de los objetos. Manten presionadas las teclas Control-Mayúsculas-Alt y arrastra el borde del marco hasta que encaje en la guía.
Paso 5
Ahora vamos a crear un marco con vértices redondeados. Utiliza la Herramienta Elipse (L) para crear una elipse de 15 x 15 px y la Herramienta Segmento de Línea (\) para crear dos líneas de Longitud 7 px.
Paso 6
Selecciona los puntos de ancla superior e inferior con la Herramienta Selección Directa (A) y Cortar Trazado en Puntos de Ancla Seleccionados. Elimina el segmento grande y coloca juntos los objetos.
Coloca el objeto en el vértice de la guía del rectángulo.
Cambia el Grosor de Trazo a 5 pt.
Paso 7
Dupliquemos el segmento del marco. Elige la Herramienta Reflejo (O) y Alt-click en el punto a través del cual necesitas el objeto para ser reflejado. Elige Eje Vertical y presiona Copiar.
Ahora elige ambos segmentos del marco y repite la acción Reflect (Reflejar). Elige Eje Horizontal y presiona Copiar.
Paso 8
Convierte las formas del trazado abierto en contornos. Selecciona todas las formas y ve a Objeto > Expandir, selecciona Expandir Trazo y presiona OK. Usa Control-Mayúsculas-G para eliminar los grupos innecesarios.
Paso 9
Ahora seleccionemos las partes superiores del dólar con la Herramienta Selección (V). Abre el panel Buscatrazos y haz click en Añadir a Área de Forma y luego haz click-derecho > Desagrupar.
Ahora selecciona las partes inferiores del dólar y repite las mismas acciones para los objetos inferiores. No olvides establecer Multiplicar apariencia en el panel Transparencia y Agrupar (Control-G) todas las partes del ícono.
Paso 10
Finalment cambia el Color de Relleno de las partes del dólar.
4. Cómo Crear un Ícono de Lápiz
Paso 1
Vamos a crear el ícono de lápiz usando sólamente líneas. Asegúrate de habilitar Ver > Guías Inteligentes. Ve a Editar > Preferencias > Guías Inteligentes si necesitas cambiar las opciones de Guías Inteligentes.
Paso 2
Selecciona la Herramienta Línea (\) y coloca una línea con Longitud 70 px y Grosor de Trazo 5 pt.
Paso 3
Continúa trabajando con la Herramienta Línea y crea otras dos líneas: una línea horizontal de Longitud 25 px y una vertical de Longitud 25 px.
Paso 4
Seecciona la Herramienta Pluma (P). Coloca tu cursor en el borde de la línea y luego comienza a mover el cursor en la dirección de 45 grados desde ese punto, y el cursor automáticamente se unirá a la Guía Inteligente. Haz click en alguna distancia desde el punto de inicio para crear el primer punto de ancla. Crea un segundo punto de ancla en la intersección entre la Guía Inteligente de ángulo de 45 grados y la guía del rectángulo.
Selecciona ésta línea con la Herramienta Selección (V) y muévela al punto de intersección de las dos guías (la Guía Inteligente del ángulo 45° de la ubicación de la línea previa y la Guía Inteligente de ángulo 45° del borde del lápiz). Presiona Control-D para repetir la operación.
Paso 5
Ahora toma la Herramienta Selección (V) y cambia los Grosores de Trazo de las partes del lápiz como se muestra en la captura de pantalla de abajo.
Paso 6
Sigue trabajando con la Herramienta Selección (V), selecciona todas las formas del lápiz y ve a Objeto > Expandir, selecciona Expandir Trazo y pulsa OK. Usa Control-Mayúsculas-G para eliminar los grupos innecesarios.
No olvides establecer Multiplicar Apariencia en el panel Transparencia y cambia los Colores de Relleno de los elementos del lápiz. Selecciona y Agrupa (Control-G) todas las partes del ícono.
5. Cómo Crear un Ícono de Pantalla
Paso 1
Toma la Herramienta Rectángulo (M) y dibuja un rectángulo de tamaño 70 x 40 px. Establece el Grosor de Trazo en 5 pt y cambia el estilo del Remate y del Vértice.
Ve a Efectos > Estilizar > Redondear Vértices y establece el Radio en 10 px. Luego elige Objeto > Expandir Apariencia.
Paso 2
Usa la Herramienta Segmento de Línea (\) para dibujar una línea desde el punto localizado directamente bajo el punto de ancla inferior izquierdo. Asegúrate que estés dibujando la línea en la guía del cuadrado.
Voy a hacer la forma de la pantalla un poco más alta. No establecí la altura correcta en el paso previo porque quiero mostrarte cómo puedes cambiar formas cuando lo necesitas.
Selecciona sus puntos de ancla inferiores y arrastra y suelta éstos puntos un poco más abajo.
Paso 3
Ahora haremos nuestra pantalla más elegante. Selecciona los dos puntos cerca del vértice redondeado en la parte inferior derecha y Cortar Trazado en Puntos de Ancla Seleccionados. Ahora puedes Eliminar éste vértice.
Paso 4
Toma la Herramienta Elipse (L) y coloca un círculo de 7 x 7 px entre los puntos finales de las dos líneas.
Paso 5
Para crear el borde de la flecha, cambia a la Herramienta Rectángulo (M). Crea un cuadrado de 20 x 20 px con los mismos parámetros del trazo que la forma de la pantalla. Haz doble-click en la Herramienta Rotar (R) y establece el valor del Ángulo en 45 grados. Aplica los cambios.
Repite las acciones del paso previo: Selecciona los puntos superior e inferior y Cortar Trazado en Puntos de Ancla Seleccionados. Ahora puedes Eliminar la parte izquierda.
Toma la Herramienta Segmento de Línea (\) y dibuja una línea desde el borde de la flecha con Longtud 35 px.
Paso 6
Copia (Control-C) y Pega (Control-V) la flecha en un espacio vacío. Establece el Grosor de Trazo en 3 pt.
Haz click en el botón derecho del mouse y selecciona Escala. Cambia las opciones de Escala a Uniforme: 30% y pulsa OK. Arrastra y suelta la flecha pequeña seleccionada para una mejor posición dentro de la forma de la pantalla.
Paso 7
Convierte las formas trazadas abiertas en contornos. Selecciona todas las formas y ve a Objeto > Expandir, selecciona Expandir Trazo y presiona OK. Usa Control-Mayúsculas-G para eliminar grupos innecesarios.
Paso 8
Selecciona la forma horizontal de la pequeña flecha y haz doble click en la Herramienta Selección Directa (A). Mueve la forma seleccionada en la dirección Horizontal en -1 px. Es un paso muy importante, y explicaré por qué más adelante.
Ahora seleccionemos las partes de la pequeña flecha con la Herramienta Selección (V). Abre el panel Buscatrazos y haz click en Añadir a Área de Forma para hacer que la flecha consista de únicamente una forma.
Recuerda, recomiendo que muevas la forma horizontal de la pequeña flecha. Si no lo haes, podrías tener muchos puntos de ancla innecesarios en el borde de la flecha.
Paso 9
Selecciona todas las formas con la Herramienta Selección (V). Abre el panel Transparencia y elige Multiplicar modo de transparencia con Opacidad igual a 100%. Después de eso, Agrupa (Control-G) todas las partes del ícono.
Cambia el Color de Relleno de las formas de la pantalla.
6. Cómo Crear un Ícono de Burbuja de Diálogo
Paso 1
Toma la Herramienta Elipse (L) y dibuja una elipse de 70 x 60 px con ningún Relleno y Grosor de Trazo de 7 px. No olvides establecer las adecuadas opciones de Remate.
Paso 2
Ahora necesitamos dividir la elipse en dos partes y eliminar una de ellas. Toma la Herramienta Pluma (P) y crea un punto de ancla adicional al hacer click en cualquier parte de la elipse.
Selecciona dos puntos de ancla: el nuevo y el derecho. Elige Cortar Trazado en Puntos de Ancla Seleccionados.
Selecciona el trazado inferior con la Herramienta Selección (V) y conviértelo en una guía. Haz ésto al hacer click con el botón derecho del mouse y elegir Crear Guías.
Paso 3
Después de eso, toma la Herramienta Elipse (L) y crea una elipse de 7 x 7 px. La guía redondeada nos ayudará a colocar la nueva elipse de manera precisa y fácilmente en la extensión de la elipse.
Paso 4
Para crear un puntero de burbuja de diálogo, toma la Herramienta Segmento de Línea (\) y dibuja una línea desde el punto de ancla final hasta cualquier punto en la guía del rectángulo.
Paso 5
Coloca tres líneas más dentro de la burbuja de diálogo para ilustrar una discusión. Dibuja una línea de 35 px con la Herramienta Segmento de Línea (\) y establece el Grosor de Trazo igual a 4 pt.
Luego coloca tres pequeños círculos cerca de las líneas de diálogo. Crea círculos de 4 x 4 px usando la Herramienta Elipse (L).
Agrupa (Control-G) las tres líneas y los tres círculos. Después de eso, selecciona el grupo y la forma de la burbuja de diálogo y haz click en la forma de la burbuja de diálogo de nuevo para hacerla un Objeto Clave. El contorno de la burbuja de diálogo llegará a ser más marcada, indicando que todos los objetos ahora serán alineados a un Objeto Clave.
Ten cuidado: el objeto clave debe estar arriiba de los otros objetos en el panel Capas.
Paso 6
Convierte las formas de trazado abierto en contornos. Selecciona todas las formas y ve a Objeto > Expandir, selecciona Expandir Trazo y pulsa OK. Usa Control-Mayúsculas-G para eliminar grupos innecesarios.
Manten las formas seleccionadas y abre el panel Transparencia, y elige Multiplicar modo de transparencia con Opacidad igual a 100%. Luego Agrupa (Control-G) todas las partes del ícono.
Finalmente cambia los Colores de Relleno de las formas de la burbuja de diálogo.
7. Cómo Crear un Ícono de Reloj
Paso 1
Éste ícono será muy sencillo pero también limpio y elegante.
Toma la Herramienta Elipse (L) y dibuja una elipse de 70 x 70 px con un Grosor de Trazo de 7pt. Asegúrate de que hayas cambiado las opciones de Remate y Vértice.
Paso 2
Para crear la manecilla del minutero del reloj, toma la Herramienta Segmento de Línea (\). Haz click en el centro del círculo y establece la Longitud en 28 px y el Ángulo en 135 grados. Aplica (OK) los cambios. Cambia las características del trazo en el panel Trazo, ingresando un valor de 3 pt, para el Grosor de Trazo y seleccionando Remate Extremo Redondeado.
Repite las acciones que realizaste para la menecilla del minutero. Toma la Herramienta Segmento de Línea (\) y dibuja una línea de Longitud 20 px desde el centro del clírculo. Usa un Grosor de 5 pt y Remate Extremo Redondeado para la apariencia del trazo.
Paso 3
Ahora necesitamos darle al ícono del reloj el mismo estilo de los otros íconos. Podemos dividir el círculo en dos partes al seleccionar el punto de ancla en el que necesitas romper el trazado al hacer click en el botón Cortar Trazado en los Puntos de Ancla Seleccionados.
Selecciona la parte donde se ubica el primer cuarto del círculo y encuentra la opción Crear Guías después de hacer click en el botón derecho del mouse.
Paso 4
Cambia a la Herramienta Elipse (L), dibuja una elipse de 7 x 7 px y colócalo entre los dos puntos extremos del reloj. Prueba diferentes posiciones para lograr un mejor resultado. Lo único que deberías recordar es la necesidad de colocar el círculo en la guía redonda. En éste infográfico he puesto el círculo aproximadamente en el centro de la guía.
Paso 5
Convierte las formas del trazado abierto en contornos. Selecciona todas las formas y ve a Objeto > Expandir, selecciona Expandir Trazo y presionar OK. Usa Control-Mayúsculas-G para eliminar grupos innecesarios.
Manten las formas seleccionadas y abre el panel Transparencia, elige modo de transparencia Multiplicar, y establece la Opacidad en 100%. Luego Agrupa (Control-G) todas las partes del ícono.
Finalmente cambia los Colores de Relleno de las formas del reloj.
8. Cómo Crear un Ícono de Teclado y Mouse
Paso 1
Voy a comenzar a crear éste ícono al hacer un símbolo del mouse. Toma la Herramienta Rectánglo (M) y dibuja un rectángulo de 20 x 30 px, y luego ve a Efecto > Estilizar > Redondear Vértices... Establece un Radio de 10 px, y verás el resultado inmediatamente si la marca de Previsualización está habilitada.
Para hacer ésta forma editable, utiliza Objeto > Expandir Apariencia.
Paso 2
Ahora creemos botones para nuestro mouse. Crea una línea horizontal desde el punto 1 hasta el punto 2 con la Herramienta Segmento de Línea (\). Pon tu cursor en el punto de ancla en el contorno y muévela a la derecha. Verás un Ajustar a guía, y el primer punto de la Línea debe estar en éste Ajustar a guía. Para dibujar la Línea horizontalmente, manten presionada el botón Mayúsculas en tu teclado.
Usa la Herramienta Segmento de Línea (\) una vez más para colocar una segunda línea verticalmente desde el punto de ancla superior del mouse hasta la intersección con la línea horizontal. No olvides mantener presionada la tecla Mayúsculas para hacer ésto correctamente.
Selecciona el contorno del mouse y las líneas. Abre el panel Buscatrazos y selecciona la opción Dividir.
Paso 3
Éste ícono será un poco más grande que los otros. Por ésta razón, coloca el mouse como se muestra en la captura de pantalla de abajo.
Ahora tenemos suficiente espacio libre para dibujar un teclado. Toma la Herramienta Rectángulo (M) y dibuja un rectángulo de 50 x 30 px. El vértice inferior izquierdo del rectángulo debe alinearse con el vértice inferior izquierdo de la guía. Establece el Grosor de Trazo en 5 pt, Remate Extremo Redondeado y Unión Redondeada.
Ve a Efecto > Estilizar > Redondear Vértices...Establece el Radio en 10 px, como lo hicimos antes para el contorno del mouse. Haz click en Expandir Apariencia en el menú Objeto.
Paso 4
Selecciona los puntos de ancla en las partes verticales con la Herramienta Selección Directa (A) como se muestra en la captura de pantalla de abajo y presiona el botón Cortar Trazado en Puntos de Ancla Selecconados.
Ahora elimina la parte inferior del contorno del teclado.
Toma la Herramienta Selección Directa (A), manten presionada la tecla Mayúsculas, y jala los puntos de ancla inferiores a la guía del rectángulo.
Paso 5
Ahora vamos a crear los botones del teclado. Crea una elipse de 5 x 5 px con la Herramienta Elipse (L). Haz doble-click en la Herramienta Selección Directa (A). Ingresa 8 px en Mover Posición Horizontal y presiona Copiar. Pulsa Control-D en tu teclado varias veces hasta que obtengas cinco círculos.
Selecciona los cinco botones y haz doble-click en la Herramienta Selección Directa (A) una vez más. Ingresa 7 px en Mover Posición Vertical y presiona Copiar. Sí, establecí Mover 7 px para hacer los círculos más cercanos a la posición vertical que a la posición horizontal. Pulsa Control-D una vez más para crear la tercera fila de círculos.
Paso 6
Ahora vamos a transformar los círculos inferiores en una barra espaciadora. Toma la Herramienta Rectángulo (M) y arrastra un rectángulo desde el punto de ancla número uno al punto de ancla número dos, como se muestra en la captura de pantalla de abajo.
Agrupa todas las formas del botón (Control-G) y Alínealas con el centro del contorno del teclado, usando el teclado como un Objeto Clave.
Paso 7
Ahora creemos un cable para nuestro teclado y mouse. Abre el panel Trazo y establece Grosor de Trazo en 3 pt, Remate Extremo Redondeado y Unión Redondeada. Después de eso, crea un círculo de 15 x 15 px usando la Herramienta Elipse (L).
Selecciona los puntos de ancla izquierdo y derecho del círculo y elige Cortar Trazado en Puntos de Ancla Seleccionados. Arrastra y suelta el trazado inferior del círculo como se muestra en la captura de pantalla de abajo. El punto de ancla derecho del semicírculo inferior debe coincidir con el punto de ancla izquierdo del semicírculo superior.
Selecciona las partes del cable con la Herramienta Selección Directa (A) y muévelas, manteniendo presionado el punto de ancla derecho.
Paso 8
Ahora toma la Herramienta Pluma (P) y dibuja dos líneas verticales. Haz el primer click en el punto de ancla final del trazado redondo y el segundo click en el extremo del cable.
Haz click en cualquier parte vacía del área de trabajo para cancelar la selección actual. Captura la intersección con Guías Inteligentes como se muestra en la captura de pantalla de abajo. Haz click en ésta intersección para colocar el punto de ancla inicial, manten presionada la tecla Mayúsculas y haz click en la guía para crear el punto de ancla final para el cable del teclado.
Paso 9
Convierte las formas de trazado abierto en contornos. Selecciona todas las formas con trazos y ve a Objeto > Expandir, selecciona Expandir Trazo y presiona OK. Usa Control-Mayúsculas-G para eliminar grupos innecesarios.
Manten las formas seleccionadas. Abre el panel Transparencia y cambia el modo de Transparencia a Multiplicar con Opacidad 100%.
Ahora seleccionemos las partes de la barra espaciadora con la Herramienta Selección Directa (A). Abre el panel Buscatrazos y haz click en Añadir a Área de Forma, convierte las partes del botón en una forma. Repite las mismas acciones para las partes largas del cable.
Paso 10
Ahora, después de que los trazos han sido convertidos en contornos, podemos alinear el mouse con el teclado. Toma la Herramienta Selección Directa (A) y selecciona la parte superior del mouse. Jala los puntos de ancla seleccionados a la intersección con la Guía Inteligente horizontal de la forma del teclado. Repite los mismos pasos para la parte inferior del mouse.
Cambia los Colores de Relleno de las formas del ícono. Finalmente, Selecciona y Agrupa (Control-G) todas las partes del ícono.
No necesitamos nuestras guías del cuadrado ahora que el último ícono está finalizado. Ve a Ver > Guías > Borrar Guías para eliminar todas las guías visibles en el documento.
9. Cómo Crear el Texto
Los infográficos generalmente contienen información úitl, así que necesitamos agregar algo de texto. Necesitamos un título y un texto de descripción para cada opción. Comencemos creando el cuadro de texto de descripción.
Paso 1
Primero, observa el panel Capas y cambia a la capa Texto.
Toma la Herramienta Rectángulo (M) y crea un rectángulo de 260 x 60 px.
Paso 2
Haz click en el rectángulo con la Herramienta Texto de Área. Puedes ver que el rectángulo se ha convertido en un cuadro de texto. En éste tutorial rellenaré el cuadro de texto con el texto abstracto "Lorem Ipsum...". Es solo un ejemplo, y podrás cambiar éste texto más adelante.
Usé la Fuente Tw Cen MT Regular con Tamaño de 12 pt y Justificar con la última línea alineada a la izquierda. Puedes cambiar éstas opciones usando el panel Carácter y el panel Párrafo.
Paso 3
Toma la Herramienta Línea (\) o la Herramienta Pluma (P) y agrega una línea con igual Longitud que la anchura del cuadro de texto. Haz doble-click en el ícono de la Herramienta Selección Directa para abrir el panel Mover y cambia Mover Vertical a -15 px.
Paso 4
Elige la Herramienta Texto en Trazado y luego haz click en la línea. Ahora puedes escribir tu título aquí.
Para el título usé la Fuente Tw Cen MT Bold con Tamaño de 25 pt y Párrafo Centrar.
Paso 5
Seleciona el título y el cuadro de texto de la descripción y presiona Control-G para Agruparlo. No olvides cambiar la Transparencia a Multiplicar en las opciones del panel Transparencia.
Haz un Alejamiento para ver todo el infográfico. Selecciona el texto con la Herramienta Selección (V), manten presionada la tecla Alt en tu teclado y arrastra los objetos de texto a otras posciciones. Continúa arrastrando objetos de texto hasta que obtengas seis cuadros de texto.
Paso 6
Ahora vamos a volver a colorear los objetos de texto. Selecciona los objetos de texto uno a uno con la Herramienta Selección Directa (A) y cambia su Color de Relleno. Para los títulos, usa los mismos colores que usaste para las partes del reloj principal. Para el texto de descripción, utilicé el mismo color que usé para nuestra manecilla.
Paso 7
Después de que hayas finalizado de trabajar con los objetos de texto, mueve los íconos con la Herramienta Selección (V) como se muestra en la captura de pantalla de abajo.
Paso 8
Solo quedan unos cuantos pasos para finalizar nuestro infográfico. Cambia a la capa "Background" (fondo) en el panel Capas.
Selecciona el rectángulo que creamos antes. Usa la Herramienta Degradado (G),establece el Degradado Radial y mueve el Regulador de Degradado a 75% como se muestra en la captura de pantalla de abajo.
¡Felicidades! ¡Nuestra Plantilla para Infográfico de Estilo Lineal Está Terminada!
Espero que haya sido interesante para tí seguir éste tutorial paso a paso sobre la creación de infográficos de reloj. Puedes fácilmente cambiar el color, el texto y el número de opciones para hacer que éste infográfico encaje perfectamente en tu presentación o sitio web.
Ahora, usando éstas habilidades, puedes crear cualquier objeto en un estilo similar, ¡y hay ilimitadas maneras de usar éste infográfico!
Puedes obtener una completa colección de 40 plantillas para infográficos (en formtos vectorial y raster) creadas por mí en éste estilo en Paquete Infográfico de Contornos.
By
