Share
Lo que vas a crearPara empezar, aprenderá cómo configurar una cuadrícula simple y cómo crear varias formas de píxeles perfectos. Continuando, aprenderá cómo agregar puntos destacados sutiles utilizando el panel de Pathfinder y las técnicas básicas de fusión. Finalmente, aprenderá cómo agregar sombreado y un fondo simple utilizando el panel Apariencia y el panel Trazo junto con un montón de efectos simples.
Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 600 en los cuadros de ancho y alto, 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 5px, así que simplemente ve a Edición> Preferencias> Guías> Cuadrícula, entrar 5 en el Gridline cada caja y 1 en el Subdivisiones caja. 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, luego seleccione el relleno y establezca su color en R = 255 G = 238 B = 205. Muévete a tu mesa de trabajo y simplemente crea un 115 x 125px rectángulo, la función Ajustar a la cuadrícula debería facilitar su trabajo.
Utilizando la Herramienta de selección directa (A), vuelva a seleccionar su rectángulo, vaya al panel de control y escriba "5px" en el Las esquinas caja. Si usa una versión anterior de Illustrator, tendrá que usar la Esquinas redondeadas efecto. Asegúrese de que su rectángulo está seleccionado y vaya a Efecto> Estilizar> Esquinas redondeadas. Entrar a Radio 5px, hacer clic DE ACUERDO E ir a Objeto> Expandir Apariencia. Al final, su forma debe verse como en la siguiente imagen..
Mover a la Capas panelVentana> Capas), abra la capa existente, simplemente haga doble clic en su forma y renómbrelo "página".
Utilizando la Herramienta Pluma (P), crear un 115px, Ruta horizontal y colóquela como se muestra en la primera imagen. Una vez más, el Encajar a la cuadricula característica será muy útil. Agrega un 1 pt trazo para este nuevo camino y establecer su color en R = 0 G = 128 B = 200.
Asegúrese de que su trayectoria horizontal permanezca seleccionada y enfoque en la Apariencia panelVentana> Apariencia). Simplemente haga clic en ese "Opacidad"pieza de texto para abrir el Transparencia panel desplegable y bajar el Opacidad a 15%. A continuación, debe asegurarse de que su ruta esté perfectamente alineada con la cuadrícula de píxeles. Vuelva a seleccionarlo y vaya a Efecto> Distorsionar y transformar> Transformar. Arrastrar el Movimiento vertical control deslizante en -0.5px y haga clic DE ACUERDO. Habilitar el Vista previa de píxeles (Ver> Vista previa de píxeles) luego eche un vistazo a su camino con y sin el Transformar afecta a entender exactamente cómo cambian las cosas.
Asegúrate de que tu camino horizontal todavía esté seleccionado y ve a Efecto> Distorsionar y transformar> Transformar. Entrar "8" en eso Copias cuadro, arrastre el Movimiento vertical control deslizante en 10px y luego haga clic DE ACUERDO.
Utilizando la Herramienta Pluma (P), crear un 100px, Recorra el camino vertical y colóquelo como se muestra en la primera imagen. Agrega un 1 pt trazo para este nuevo camino, establece su color en R = 248 G = 164 B = 150, bajar el Opacidad a 80% y luego ir a Efecto> Distorsionar y transformar> Transformar. Arrastrar el Movimiento horizontal control deslizante en 0.5px y haga clic DE ACUERDO.
Deshabilitar el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula) luego ve a Editar> Preferencias> General y asegúrese de que el Incremento de teclado se establece en 1px. Asegúrese de que su "página"Se selecciona la forma y se hacen dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 1px arriba usando el botón de flecha arriba de tu teclado.
Vuelva a seleccionar las dos copias realizadas en este paso, abra el Pionero panelVentana> Pathfinder) y haga clic en Frente menos botón. Seleccione la forma resultante, establezca el color de relleno en negro (R = 0 G = 0 B = 0) y baja su Opacidad a 5%. Asegúrese de que esta ruta nueva y delgada permanezca seleccionada, abra el Estilos gráficos panelVentana> Estilos gráficos) y simplemente haga clic en ese Nuevo estilo Graphci Botón para guardar un nuevo estilo gráfico..
Asegúrese de que su "página"Se selecciona la forma y se hacen dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 2px usando el mismo botón de flecha hacia arriba de tu teclado.
Vuelva a seleccionar las dos copias realizadas en este paso y haga clic en Frente menos botón de la Pionero panel. Seleccione la forma resultante y simplemente agregue su estilo gráfico guardado de la Estilos gráficos panel.
Asegúrese de que su "página"Se selecciona la forma y se hacen otras dos copias al frente (Control-C> Control-F> Control-F). Selecciona la copia superior y muévela. 3px arriba.
Vuelva a seleccionar las dos copias realizadas en este paso y haga clic en Frente menos botón de la Pionero panel. De nuevo, seleccione la forma resultante y agregue su estilo gráfico desde el Estilos gráficos panel.
Habilitar el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Asegúrese de que su "página"Se selecciona la forma y se hace una copia al frente (Control-C> Control-F). Utilizando la Herramienta Rectangular (M), crear un 115 x 25px forma, establecer el color de relleno en R = 235 G = 175 B = 56 y colóquelo como se muestra en la segunda imagen..
Seleccione este nuevo rectángulo junto con la copia realizada al comienzo del paso y haga clic en el Intersecarse botón de la Pionero panel. Al final, su forma naranja debe verse como en la cuarta imagen..
Mover a la Capas panel, simplemente haga doble clic en la forma hecha en este paso y renómbrela "parte superior".
Deshabilitar el Encajar a la cuadricula (Ver> Ajustar a la cuadrícula). Asegúrese de que su "parte superior"Se selecciona la forma y se hacen dos copias al frente (Control-C> Control-F> Control-F).
Selecciona la copia superior y muévela. 1px hacia abajo con el botón de flecha hacia abajo de su teclado. Vuelva a seleccionar las dos copias realizadas en este paso y haga clic en Frente menos botón de la Pionero panel.
Seleccione la forma resultante, establezca el color de relleno en blanco (R = 255 G = 255 B = 255), baja su Opacidad a 50% y cambiar el Modo de fusión a Luz tenue.
Asegúrese de que su "parte superior"se selecciona la forma y se enfoca en la Apariencia panel. Seleccione el trazo y establezca el color en blanco, baje su Opacidad a 30% y cambiar el Modo de fusión a Luz tenue.
Mantente enfocado en el Apariencia panel y simplemente haga clic en ese "Carrera"pieza de texto para abrir el Carrera panel de salida. Selecciona el Peso a 1px y compruebe el Alinear el trazo al interior botón. Al final las cosas deberían verse como en la siguiente imagen..
Vuelva a seleccionar su "parte superior"forma, asegúrese de que toda la ruta está seleccionada (simplemente haga clic en"Camino"pieza de texto desde la parte superior de la Apariencia panel) y ve a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana izquierda (en la siguiente imagen), haga clic en DE ACUERDO e ir de nuevo a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana central, haga clic en DE ACUERDO e ir una vez más a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana derecha y haga clic en DE ACUERDO.
Vuelva a seleccionar su "parte superior"forma, asegúrese de que toda la ruta está seleccionada y agregue los tres Sombra paralela efectosEfecto> Stylize> Drop Shadow) se muestra en la siguiente imagen.
Elige el Herramienta Rectangular (M) y simplemente haga clic en su mesa de trabajo para abrir el Rectángulo ventana. Entrar 610 en el Anchura y Altura cajas luego haga clic DE ACUERDO. Rellena la forma recién creada con R = 0 G = 167 B = 157 luego enviarlo a la parte posterior (Shift-Control- [ ).
A continuación, necesitas centrar esta plaza, así que abre el Alinear panelVentana> Alinear). Establezca la alineación en Artboard (abra el menú desplegable y vaya a Mostrar opciones si no puedes ver el Alinear hacia sección como se muestra en la siguiente imagen) luego simplemente haga clic en Centro de alineación horizontal y Centro de alineación vertical botones.
Al final, su cuadrado debe cubrir toda la mesa de trabajo como se muestra en la siguiente imagen. Mover a la Capas y renombrar esta nueva forma "fondo".
Vuelva a seleccionar su "fondo"forma, foco en el Apariencia panel y segundo relleno utilizando el Añadir nuevo relleno Botón (señalado por el círculo azul en la siguiente imagen). Asegúrese de que este nuevo relleno permanezca seleccionado, abra el Gradiente panelVentana> Gradiente) y simplemente haga clic en la miniatura del degradado para agregar el degradado lineal predeterminado de negro a blanco.
Mantente enfocado en tu Gradiente panel, seleccione Radial desde el Tipo menú desplegable luego pasar a los colores degradados. Seleccione el control deslizante derecho y establezca el color en R = 38 G = 34 B = 98 a continuación, seleccione el control deslizante izquierdo, establezca el color en R = 0 G = 167 B = 157 y baja su Opacidad a 0%. Toma el Herramienta de gradiente (G), muévase a su mesa de trabajo y estire ese degradado radial como se muestra en la siguiente imagen.
Asegúrese de que su "página"se selecciona la forma y se enfoca en la Apariencia panel. Seleccione el trazo existente, establezca su color en negro y cambie el Modo de fusión a Luz tenue. Abre el Carrera panel desplegable para este golpe, asegúrese de que el Peso se establece en 1px y compruebe el Alinear el trazo al interior botón.
Mantente enfocado en el Apariencia Panel y agregue un segundo trazo para su forma usando el Añadir nuevo trazo Botón (señalado por el círculo azul en la siguiente imagen). Seleccione este nuevo trazo, baje su Opacidad a 20%, cambiar el Modo de fusión a Luz tenue y compruebe el Alinear el trazo al exterior botón de la Carrera panel desplegable.
Asegúrese de que su "página"se selecciona la forma, se enfoca en la Apariencia panel, seleccione el relleno existente y agregue los dos Sombra paralela efectosEfecto> Stylize> Drop Shadow) se muestra en la siguiente imagen.
Asegúrese de que su "página"se selecciona la forma, se enfoca en la Apariencia panel y agregar un segundo relleno utilizando ese mismo Añadir nuevo relleno botón. Seleccione este nuevo relleno, arrástrelo en la parte inferior de la Apariencia Panel y establecer el color en negro.
Asegúrese de que permanece seleccionado, baje su Opacidad a 10%, cambiar el Modo de fusión a Luz tenue E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 1px, hacer clic DE ACUERDO E ir a Efecto> Distorsionar y transformar> Transformar. Arrastrar the movimiento vertical control deslizante en 4px y haga clic DE ACUERDO.
Asegúrese de que su "página"se selecciona la forma, se enfoca en la Apariencia panel y agregar un tercer relleno utilizando ese mismo Añadir nuevo relleno botón. Seleccione este nuevo relleno, arrástrelo en la parte inferior de la Apariencia Panel y establecer el color en negro.
Asegúrese de que permanece seleccionado, cambie el Modo de fusión a Luz tenue E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 3px, hacer clic DE ACUERDO E ir a Efecto> Distorsionar y transformar> Transformar. Arrastrar the movimiento vertical control deslizante en 6px, hacer clic DE ACUERDO E ir a Efecto> Blur> Gaussian Blur. Entrar a Radio de 10px y haga clic DE ACUERDO.
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