Share
Lo que vas a crearEn los siguientes pasos, aprenderá cómo crear un icono de cursor 3D en Adobe Illustrator. Para empezar, aprenderá cómo configurar una cuadrícula simple y cómo crear su forma principal utilizando herramientas básicas junto con la función Ajustar a cuadrícula. A continuación, le dará una sensación de 3D usando el efecto Extrusión y Biselado 3D. A continuación, aprenderá cómo agregar color, sombreado y reflejos usando el panel Apariencia y algunas técnicas básicas de fusión. Finalmente, aprenderá a cambiar fácilmente el color de todo el cursor utilizando solo una forma..
Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 600 en los cuadros de ancho y alto, y luego haga clic en el Avanzado botón. Seleccionar RGB, Pantalla (72ppi) y asegúrese de que el Alinear nuevos objetos a la cuadrícula de píxeles la casilla no está marcada antes de hacer clic DE ACUERDO.
Habilitar el Cuadrícula (Ver> Mostrar cuadrícula) y el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Necesitará una cuadrícula cada 1 px, así que simplemente ve a Edición> Preferencias> Guías> Cuadrícula, y entrar 1 en el Gridline cada caja y 1 en el Subdivisiones caja. Trate de no desanimarse por toda esa cuadrícula: facilitará su trabajo y tenga en cuenta que puede habilitarlo o deshabilitarlo fácilmente usando el Controlar-" atajo de teclado.
También debe abrir el Información panelVentana> Información) para una vista previa en vivo con el tamaño y la posición de sus formas. No olvide configurar la unidad de medida en píxeles desde Editar> Preferencias> Unidades> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..
Elige el Herramienta Rectangular (M) y enfócate en tu barra de herramientas. Elimine el color del trazo y luego seleccione el relleno y establezca su color en R = 209 G = 211 B = 212. Muévete a tu mesa de trabajo y simplemente crea un 42 x 41 px rectángulo-el Encajar a la cuadricula deberia hacer tu trabajo mas facil.
Asegúrate de que este rectángulo permanece seleccionado y ve a Objeto> Ruta> Añadir puntos de anclaje. Cambiar a la Eliminar herramienta de punto de anclaje (-) y simplemente haga clic en los cuatro puntos de anclaje resaltados en la primera imagen para eliminarlos. Esto debería convertir tu rectángulo en un triángulo, como se muestra en la segunda imagen. Enfócate en la parte inferior de tu triángulo y agarra el Herramienta de selección directa (A). Seleccione el punto de anclaje medio y arrástrelo 6 px a la derecha. Una vez más, la grilla y la Encajar a la cuadricula característica será útil.
Asegúrese de que su triángulo permanezca seleccionado, siga enfocándose en el lado inferior, agarre el Añadir herramienta de punto de anclaje (+) y agregue un nuevo punto de anclaje como se muestra en la primera imagen. Cambiar a la Herramienta de selección directa (A), seleccione los dos puntos de anclaje resaltados en la segunda imagen y simplemente arrástrelos 6 px arriba. Al final las cosas deben verse como en la tercera imagen..
Utilizando la Herramienta Rectangular (M), crear un 12 x 22px Forma y colócalo exactamente como se muestra en la primera imagen. Seleccione este nuevo rectángulo junto con la otra forma, abra el Pionero panelVentana> Pathfinder) y haga clic en Unir botón.
Asegúrate de que tu forma esté seleccionada y ve a Efecto> 3D> Extrusión y Bisel. Ingrese todos los atributos mostrados en la siguiente imagen, verifique la Dibujar caras ocultas cuadro, y luego haga clic en DE ACUERDO.
Vuelva a seleccionar su forma y vaya a Objeto> Expandir Apariencia. Asegúrese de que el grupo resultante esté seleccionado y simplemente presione Shift-Control-G dos veces para Desagrupar eso.
Utilizando la Herramienta de selección (V) y el Cambio botón, seleccione solo las formas visibles (resaltadas en la primera imagen) y simplemente presione Control-G a Grupo ellos. Mantente enfocado en el Capas Panel y desactive la visibilidad de su grupo para que pueda ver las formas que están detrás..
Deshágase de esas formas grises más oscuras y luego seleccione la restante y reemplace el color de relleno existente con un negro simple (R = 0 G = 0 B = 0). Una vez que haya terminado, puede volver a la Capas panel, vuelva a la visibilidad de su grupo y seleccione y luego Desagrupar usando ese mismo Shift-Control-G atajo de teclado.
Seleccione las cinco formas que conforman los lados laterales de su cursor y haga copias al frente (Control-C> Control-F). Asegúrese de que solo estas copias estén seleccionadas, haga clic en Unir botón de la Pionero panel, y luego pulsa el Control-8 Método abreviado de teclado para convertir las formas seleccionadas en una ruta compuesta simple. Asegúrese de que su ruta compuesta esté seleccionada y simplemente reemplace el color de relleno existente con R = 39 G = 170 B = 225.
Mover a la Capas panel, seleccione su forma negra, haga una copia al frente (Control-C> Control-F) y llevarlo al frente (Shift-Control-]). Asegúrese de que esta copia permanezca seleccionada y enfoque en la Apariencia panel. Quite el color del relleno y luego concéntrese en el trazo. Añadir R = 247 G = 148 B = 30 por el color y aumentar el Peso a 2 px. Con este camino naranja aún seleccionado, ve a Objeto> Ruta> Trazo de esquema.
Vuelva a seleccionar la ruta compuesta azul junto con la forma naranja y haga clic en Intersecarse botón de la Pionero panel. Asegúrese de que el grupo resultante de formas esté seleccionado y conviértalo en una nueva ruta compuesta usando ese mismo Control-8 atajo de teclado.
Sigue enfocándote en este camino naranja, agarra el Eliminar herramienta de punto de anclaje (-) y simplemente quite los seis puntos de anclaje resaltados en la segunda imagen. Al final, la ruta compuesta naranja debe verse como en la tercera imagen..
Asegúrate de que la ruta compuesta naranja aún esté seleccionada y muévete a la Apariencia panel. Reemplace el color de relleno existente con un negro simple y luego haga clic en ese "Opacidad"pieza de texto para abrir el Transparencia panel de salida. Bajar el Opacidad a 20% y cambiar el Modo de fusión a Luz tenue.
Seleccione las cinco formas que forman los lados laterales de su cursor una por una y simplemente reemplace los colores de relleno existentes con los gradientes lineales indicados en la siguiente imagen.
Seleccione la forma que forma la parte superior del cursor y simplemente reemplace el color de relleno existente con el degradado lineal que se muestra en la siguiente imagen.
Vuelva a seleccionar la forma que constituye la parte superior del cursor y enfoque en la Apariencia panel.
Seleccione el trazo existente, cambie su Modo de fusión a Luz tenue y agregue el gradiente lineal que se muestra en la siguiente imagen. Tenga en cuenta que los números azules de la Gradiente soporte de imagen para Ubicación porcentaje mientras que los amarillos representan Opacidad porcentaje. Volver a la Apariencia panel y haga clic en ese "Carrera"pieza de texto para abrir el Carrera menú desplegable. Asegúrese de que el Peso se establece en 1 px y luego revisa el Unirse redondeado y el Alinear el trazo al interior botones.
Vuelva a seleccionar las seis formas que forman los lados visibles de su cursor y duplíquelas (Control-C> Control-F). Asegúrese de que solo se seleccionen estas copias, reemplace los atributos de relleno existentes con dos tonos aleatorios de azul como se muestra en la segunda imagen, y no olvide eliminar el trazo utilizado para las formas superiores.
Seleccione la forma azul que constituye la parte superior del cursor y haga una copia al frente (Control-C> Control-F). Seleccione esta copia junto con la forma azul más oscura resaltada en la primera imagen y haga clic en Frente menos botón de la Pionero panel.
Vuelva a seleccionar todas sus formas azules y concéntrese en el Apariencia panel. Eliminar los colores de relleno y luego agregar una 1 px trazo negro Una vez que hayas terminado, Grupo estas formas (Control-G).
Asegúrese de que su grupo todavía esté seleccionado y haga una copia al frente (Control-C> Control-F). Seleccione esta copia y haga clic en el Unir botón de la Pionero panel. Concéntrese en la forma resultante, establezca el color de relleno en blanco, elimine ese trazo negro y luego use el Eliminar herramienta de punto de anclaje (-) para eliminar el punto de anclaje resaltado en la segunda imagen. Al final las cosas deben verse como en la tercera imagen..
Vuelva a seleccionar la forma blanca hecha en el paso anterior junto con su único grupo, abra el Transparencia panelVentana> Transparencia), y haga clic en Hacer mascara Botón, y las cosas deben verse como en la segunda imagen. Mantente enfocado en el Transparencia panel, cambiar el Modo de fusión a Luz tenue y baja el Opacidad a 30%.
Centrarse en el Capas panel, seleccione la forma negra que forma la parte inferior del cursor y muévase hasta el Apariencia panel. Selecciona el trazo existente, hazlo negro, baja su Opacidad a 5% y luego abrir eso Carrera panel de salida. Asegúrese de que el Peso se establece en 1 px y luego revisa el Round Join y Alinear el trazo al exterior botones.
Vuelva a seleccionar la forma negra que forma la parte inferior de su cursor, regrese a la Apariencia panel, asegúrese de que toda la ruta está seleccionada (simplemente haga clic en el "Camino"parte del texto desde la parte superior de su panel) y vaya a Efecto> Stylize> Drop Shadow. Ingrese los atributos que se muestran en la ventana superior izquierda (en la siguiente imagen), haga clic en DE ACUERDO y luego agregar los otros tres Sombra paralela Efectos mostrados en la siguiente imagen..
Vuelva a seleccionar su grupo enmascarado y haga una copia al frente (Control-C> Control-F). Asegúrese de que permanece seleccionado y haga clic en Unir botón de la Pionero panel. Ahora, puede utilizar esta nueva forma para cambiar fácilmente el color de todo el cursor. Asegúrese de que permanezca seleccionado y enfóquese en el Apariencia panel. Establecer el color de relleno en R = 28 G = 117 B = 188 y luego cambiar el Modo de fusión a Luz tenue.
Siéntase libre de usar un modo de fusión diferente para esta forma que recolecta todo su cursor.
Siempre puede ajustar el porcentaje de opacidad para aumentar / disminuir la intensidad del color para la forma que agrega color a su cursor.
También puedes intentar combinar dos modos de fusión diferentes.
Por último, no dudes en experimentar con diferentes colores..
Aquí es cómo debe verse. Espero que hayas disfrutado de este tutorial y que puedas aplicar estas técnicas en tus proyectos futuros..
Accentsconagua