Share
En el siguiente tutorial, aprenderá cómo crear una barra de paginación simple. Aprenderá a usar el Panel de aspectos, Gradientes y Efectos de transformación para diseñar una barra de paginación. Vamos a empezar!
Abre Illustrator y presiona Comando + N para crear un nuevo documento. Ingrese 600 en el cuadro de ancho y 300 en el cuadro de altura, luego haga clic en el botón Avanzado. Seleccione RGB, Pantalla (72ppi) y asegúrese de que la casilla "Alinear nuevos objetos con la cuadrícula de píxeles" no esté marcada antes de hacer clic en Aceptar. Habilitar la cuadrícula (Ver> Mostrar cuadrícula) y la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula).
A continuación, necesitará una cuadrícula cada 5px. Vaya a Edición> Preferencias> Guías> Cuadrícula, ingrese 5 en la casilla de cuadrícula cada casilla y 1 en la casilla Subdivisiones. También puede abrir el panel Información (Ventana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas. No olvide reemplazar la unidad de medida por píxeles en Editar> Preferencias> Unidad> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..
Elija la herramienta Rectángulo (M), cree una forma de 215 por 25 px, rellénela con el degradado lineal que se muestra a continuación y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2px, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.
Desactive la función Ajustar a la cuadrícula (Ver> Ajustar a la cuadrícula), luego vaya a Edición> Preferencias> General y asegúrese de que el Incremento del teclado esté configurado en 1px. Vuelva a seleccionar el rectángulo redondeado creado en el paso anterior y haga dos copias al frente (Control + C> Control + F> Control + F). Vaya al panel Capas, seleccione la copia superior y muévala hacia abajo 1px con la flecha hacia abajo desde el teclado. Vuelva a seleccionar ambas copias, abra el panel de Pathfinder y haga clic en el botón Frontal Inferior. Rellena la forma resultante con negro y reduce su opacidad al 5%..
Vuelva a seleccionar el rectángulo redondeado hecho en el segundo paso y concéntrese en la Apariencia. Agrega un trazo de 3 puntos y selecciónalo. Alinéelo al interior, hágalo negro y baje su opacidad al 5%. Manténgase enfocado en el panel Apariencia, asegúrese de que el trazo aún esté seleccionado y haga doble clic en el botón Duplicar elemento seleccionado (señalado por la pequeña flecha azul). Esto agregará dos copias de su trazo negro. Seleccione la copia de abajo y hágala de 2 puntos de ancho, luego seleccione la copia de arriba y hágala de 1 pt de ancho. Al final, su rectángulo redondeado debe verse como en la siguiente imagen.
Habilitar el ajuste a la cuadrícula (Ver> Ajustar a la cuadrícula). Para los siguientes pasos necesitará una cuadrícula cada 1px. Entonces, vaya a Editar> Preferencias> Guías y cuadrícula e ingrese 1 en la casilla de cuadrícula de cada cuadro. Céntrese en el lado derecho de las formas existentes y tome la herramienta Rectángulo (M). Cree un cuadrado de 19 píxeles, rellénelo con el degradado lineal que se muestra a continuación, colóquelo como se muestra en la siguiente imagen y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2px, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.
Vuelva a seleccionar el cuadrado redondeado creado en el paso anterior y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y presione Control + Mayús + E. Esto agregará un segundo efecto idéntico. Asegúrese de que su plaza aún esté seleccionada y muévase al panel de Apariencia. Agregue un trazo blanco de 2 puntos, alinéelo con el interior y disminuya su opacidad al 50%. Haga una copia de este trazo, selecciónelo y disminuya su tamaño a 1 pt.
Vuelva a seleccionar el cuadrado redondeado, céntrese en el panel Apariencia y agregue un segundo relleno con el botón Agregar nuevo relleno. Seleccione este nuevo relleno, arrástrelo en la parte inferior del panel Apariencia, vuélvalo negro, reduzca su opacidad al 7% y vaya a Efecto> Ruta> Ruta de desplazamiento. Ingrese un Desplazamiento de 2px, haga clic en Aceptar y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Elija la herramienta Rectángulo (M), cree un cuadrado de 5px y llénelo con R = 156 G = 156 B = 156. Céntrese en esta nueva forma, tome la Herramienta de selección directa (A), seleccione los puntos de anclaje correctos y vaya a Objeto> Ruta> Promedio (Alt + Control + J). Marque el botón Ambos y haga clic en Aceptar. Esto convertirá tu cuadrado en un triángulo. Selecciónelo y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 1px, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.
Deshabilite el ajuste a la cuadrícula (Ver> Ajustar a la cuadrícula). Vuelva a seleccionar la forma creada en el paso anterior y haga dos copias al frente (Control + C> Control + F> Control + F). Seleccione la copia superior y muévala 1px hacia abajo con la flecha hacia abajo. Vuelva a seleccionar ambas copias y haga clic en el botón Frontal Frontal del panel de Pathfinder. Rellene la forma resultante con R = 105 G = 105 B = 105. Vuelva a seleccionar la forma creada en el paso anterior y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a seleccionar las dos formas creadas en los dos pasos anteriores, agrúpelas (Control + G) y abra el panel Alinear. Seleccione este nuevo grupo junto con el cuadrado redondeado, haga clic en el borde del cuadrado redondeado (debe destacarse) y luego haga clic en los botones Centro de alineación horizontal y Centro de alineación vertical desde el panel Alinear. Esto centrará tu pequeña flecha. Vuelva a seleccionar el grupo creado al principio del paso junto con el cuadrado redondeado y agrúpelos (Control + G).
Habilitar el ajuste a la cuadrícula (Ver> Ajustar a la cuadrícula). Elija la herramienta Rectángulo (M) y cree una forma de 105 por 19 px. Rellénelo con el degradado lineal que se muestra a continuación, colóquelo como se muestra en la siguiente imagen y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 2px, haga clic en Aceptar y vaya a Objeto> Expandir apariencia.
Vuelva a seleccionar la forma creada en el paso anterior y haga una copia al frente (Control + C> Control + F). Selecciónelo, elimine el degradado lineal del relleno y agregue un trazo negro. Hágalo de 1 pt de ancho, alinéelo con el interior y vaya a Objeto> Trayectoria> Trazo de esquema. Rellene la ruta resultante con el degradado lineal que se muestra en la imagen final.
Vuelva a seleccionar el rectángulo redondeado creado en el undécimo paso y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya al panel Apariencia. Agrega un trazo de 2 puntos, hazlo blanco y alinéalo con el interior.
Elija la herramienta Rectángulo (M) y cree una forma de 1 por 17 px. Rellénelo con el degradado lineal que se muestra a continuación, colóquelo como se muestra en la primera imagen y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran en la ventana de la izquierda, haga clic en Aceptar y luego vaya nuevamente a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran en la ventana derecha y haga clic en Aceptar.
Vuelva a seleccionar el rectángulo delgado creado en el paso anterior y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a seleccionar el grupo creado en el décimo paso y vaya a Objeto> Transformar> Reflejar. Marque el botón Vertical y haga clic en el botón Copiar. Esto creará una copia volteada horizontalmente de su grupo. Seleccione este nuevo grupo, arrástrelo hacia la derecha y colóquelo como se muestra en la tercera imagen.
Deshabilite el ajuste a la cuadrícula (Ver> Ajustar a la cuadrícula). Tome la Herramienta de Tipo (T) y agregue el texto que se muestra en la siguiente imagen. Utilice la fuente Calibri con el tamaño establecido en 10 puntos y el color en R = 105 G = 105 B = 105. Seleccione todo el texto, agrúpelo (Control + G) y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Habilitar el ajuste a la cuadrícula (Ver> Ajustar a la cuadrícula). Elija la herramienta Rectángulo (M), cree una forma de 18 por 15px, rellénela con el degradado lineal que se muestra a continuación y colóquela como se muestra en la siguiente imagen. Vaya al panel Capas, seleccione este nuevo rectángulo y arrástrelo debajo del grupo con el texto. Así es como se verá la página activa.
Por último, vamos a añadir un fondo simple. Elija la herramienta Rectángulo (M), cree una forma del tamaño de su mesa de trabajo y envíela hacia atrás (Shift + Control + Left Square Bracket). Rellénelo con el degradado radial que se muestra a continuación y luego concéntrese en el panel Apariencia. Agregue un segundo relleno para esta forma y selecciónelo. Haz que sea negro, baja su opacidad al 2%, cambia el modo de fusión a Multiplicar y ve a Efecto> Artístico> Grano de película. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a seleccionar el rectángulo redondeado creado en el segundo paso y concéntrese en el panel Apariencia. Asegúrese de que no esté seleccionado ningún relleno o trazo y vaya a Efecto> Estilizar> Sombra paralela. Ingrese los datos que se muestran en la ventana de la izquierda, haga clic en Aceptar y vaya nuevamente a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran en la ventana derecha, haga clic en Aceptar y listo..
Ahora tu trabajo está hecho. Aquí es cómo debe verse.
Accentsconagua