Share
En los siguientes pasos, aprenderá a crear un marco de póster simple con un fondo de muro de ladrillo sucio en Adobe Illustrator.
Para empezar, aprenderá cómo configurar una cuadrícula simple y cómo crear los dos marcos principales utilizando herramientas y efectos simples, junto con el panel Pathfinder y algunas técnicas básicas de enmascaramiento. A continuación, aprenderá cómo agregar un poco de sombreado sutil utilizando el panel Apariencia, el efecto Resplandor interno y las técnicas de fusión básicas. Finalmente, creará el fondo de la pared de ladrillos utilizando rectángulos simples, algunos efectos de trama, pinceles de arte incorporados, efectos sutiles de Sombra paralela y dos efectos de Transformación.
Golpear Control-N para crear un nuevo documento. Seleccionar Pixeles desde el Unidades menú desplegable, entrar 600 en la caja de ancho y 700 en el cuadro de altura 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). Para empezar necesitarás una grilla cada 10px, así que simplemente ve a Edición> Preferencias> Guías> Cuadrícula, entrar 10 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 simplemente crea un 280 x 360 px Forma, el Snap to Grid facilitará su trabajo. Asegúrese de que esta nueva forma permanezca seleccionada y enfoque en la Apariencia panelVentana> Apariencia). Asegúrese de que no haya un conjunto de colores para el relleno, luego seleccione el trazo y establezca el color en negro (R = 0 G = 0 B = 0).
Sigue enfocándote en tu trazo y simplemente haz clic en "Carrera"pieza de texto para abrir el Carrera panel de salida. Selecciona el Peso a 10px y compruebe el Alinear el trazo al interior. Al final, su rectángulo debe verse como en la siguiente imagen. Vuelva a seleccionarlo y vaya a Objeto> Ruta> Trazo de esquema.
Asegúrese de que su forma negra todavía esté seleccionada y haga una copia al frente (Control-C> Control-F). Seleccione solo la copia y reemplace el color de relleno existente con blanco (R = 255 G = 255 B = 255). Mover a la Capas panelVentana> Capas) y simplemente haga clic en el ícono del ojo pequeño que representa su forma blanca para hacerla invisible. Necesitarás esta forma más tarde.
Utilizando la Herramienta Pluma (P), cree un camino simple oblicuo como se muestra en la siguiente imagen. Agrega un 1 pt trazo para este nuevo camino y establecer su color en R = 233 G = 28 B = 36.
Asegúrate de que tu camino rojo todavía esté seleccionado y ve a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen (no olvide revisar la Reflejar x cuadro) luego haga clic DE ACUERDO.
Asegúrate de que tu camino rojo todavía esté seleccionado y ve de nuevo a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen (no olvide revisar la Reflejar y cuadro) luego haga clic DE ACUERDO.
Asegúrese de que su ruta roja todavía esté seleccionada y haga una copia al frente (Control-C> Control-F). Mover a la Capas Panel y simplemente apague la visibilidad para esta copia nueva. Lo necesitarás unos pasos más tarde..
Vuelva a seleccionar la ruta visible, roja y vaya a Objeto> Expandir Apariencia. Seleccione el grupo resultante de caminos junto con la forma negra, abra el Pionero panelVentana> Pathfinder) y haga clic en Dividir botón. Asegúrese de que el grupo resultante de formas esté seleccionado y simplemente presione Shift-Control-G a Desagrupar eso.
Mover a la Capas Panel y enfoque en las formas recién creadas. Seleccione el que no tiene color definido para el relleno o el trazo (resaltado en la cuarta imagen) y simplemente elimínelo con la tecla Borrar botón de tu teclado.
Seleccione la parte superior, foco de forma negra en el Apariencia panel. Primero, seleccione el relleno y reemplace el color existente con R = 55 G = 55 B = 55.
Mantente enfocado en el Apariencia panel y agregue un segundo relleno para su forma usando el Añadir nuevo relleno Botón (señalado por el círculo azul en la siguiente imagen). Seleccione el nuevo relleno, establezca el color en R = 100 G = 100 B = 100 E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 1px y haga clic DE ACUERDO.
Asegúrese de que la forma superior permanezca seleccionada, enfoque en la Apariencia panel, seleccione el relleno superior y duplíquelo utilizando Duplicar el elemento seleccionado Botón (señalado por el círculo azul en la siguiente imagen).
Seleccione el nuevo relleno, 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 el Gradiente panel, establecer el Ángulo a 90 grados a continuación, mueva a los controles deslizantes de degradado. Seleccione el control deslizante de degradado izquierdo y establezca el color en R = 50 G = 50 B = 50 a continuación, seleccione el control deslizante de degradado correcto y establezca el color R = 65 G = 65 B = 65. Asegúrese de que el relleno agregado en este paso todavía esté seleccionado y vaya a Efecto> Distorsionar y transformar> Transformar. Centrarse en el Movimiento sección, arrastre el Vertical control deslizante en 1px luego haga clic DE ACUERDO.
A continuación, debe copiar las propiedades utilizadas para la forma superior y pegarlas en la parte inferior, forma negra. Aquí es cómo puedes hacerlo fácilmente. Ve a la Capas Panel, enfóquese en el lado derecho y notará que cada forma viene con un pequeño círculo gris. Se llama un icono de destino. Sostener el Alt desde el teclado, haga clic en el icono de destino que representa la forma superior y simplemente arrástrelo hacia el círculo que representa la forma inferior, negra. Ahora, seleccione su forma inferior y concéntrese en la Apariencia panel. Seleccione el relleno superior, mueva al Gradiente panel y establecer el Ángulo a -90 grados luego regresa a la Apariencia panel y abrir el existente Transformar efecto. Simplemente arrastre el Movimiento vertical control deslizante en -1px y haga clic DE ACUERDO. Al final las cosas deberían verse como en la siguiente imagen..
Una vez más, use los iconos de destino para copiar el Apariencia atributos utilizados para las formas superior e inferior y pegarlos en las formas izquierda y derecha. Seleccione las formas izquierda y derecha una por una. Primero, edite el ángulo establecido para el gradiente y luego las propiedades usadas para Transformar Efectos como se muestra en la siguiente imagen..
Centrarse en el Capas Panel y active la visibilidad de su camino rojo. Selecciónalo y simplemente pulsa Shift -Control-] traerlo al frente.
Asegúrese de que su camino rojo todavía esté seleccionado y enfóquese en el Apariencia panel. Seleccione el trazo existente, reemplace el rojo con R = 100 G = 100 B = 100 E ir a Efecto> Distorsionar y transformar> Transformar. Centrarse en el Movimiento sección, arrastre el Vertical control deslizante en 0.7px y haga clic DE ACUERDO.
Asegúrese de que su camino gris todavía esté seleccionado, enfóquese en el Apariencia Panel y añadir un segundo trazo utilizando el Añadir nuevo trazo Botón (señalado por el círculo azul en la siguiente imagen). Seleccione el nuevo trazo, establezca la Peso a 1px y el color en R = 30 G = 30 B = 30 luego ve a Efecto> Distorsionar y transformar> Transformar. Centrarse en el Movimiento sección, arrastre el Vertical control deslizante en -0.7px y haga clic DE ACUERDO.
Centrarse en el Capas panel, active la visibilidad de su forma blanca y póngala al frente (Shift -Control-] ). Vuelva a seleccionar esta forma blanca junto con ese camino oblicuo, abra el Transparencia panelVentana> Transparencia) y simplemente haga clic en Hacer mascara botón. Al final las cosas deben verse como en la tercera imagen..
Selecciona todas las formas hechas hasta ahora y simplemente pulsa Control-G a Grupo ellos. Mover a la Capas panel, haga doble clic en tu nuevo grupo y renómbrelo "marco negro".
Utilizando la Herramienta Rectangular (M), crear un 260 x 340 px Forma y colócalo como se muestra en la siguiente imagen. Agrega un 20px trazo para este nuevo rectángulo, establezca el color en R = 247 G = 172 B = 64 y alinearlo con el interior. Asegúrese de que su forma no tenga un color definido para el relleno y luego vaya a Objeto> Ruta> Trazo de esquema.
Utilizando la Herramienta Pluma (P), cree un nuevo camino oblicuo como se muestra en la siguiente imagen. Agrega un 1 pt trazo y establece su color en R = 233 G = 28 B = 36.
Asegúrate de que tu camino rojo todavía esté seleccionado y ve a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen (no olvide revisar la Reflejar x cuadro) luego haga clic DE ACUERDO.
Asegúrate de que tu camino rojo todavía esté seleccionado y ve de nuevo a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen (no olvide revisar la Reflejar y cuadro) luego haga clic DE ACUERDO.
Vuelva a seleccionar su camino rojo y vaya a Objeto> Expandir Apariencia. Seleccione el grupo resultante de rutas junto con la forma naranja y haga clic en Dividir botón de la Pionero panel. Asegúrese de que el grupo resultante de formas esté seleccionado y Desagrupar eso (Shift-Control-G). Mover a la Capas panel, seleccione la forma sin color para el relleno o el trazo y simplemente elimínela.
Seleccione la forma superior, naranja y reemplace el color plano utilizado para el relleno con el degradado lineal que se muestra en la siguiente imagen.
Seleccione la parte inferior, la forma naranja y reemplace el color plano utilizado para el relleno con el degradado lineal que se muestra en la siguiente imagen.
Concéntrese en las formas naranjas restantes y reemplace la naranja con los colores señalados en la siguiente imagen.
Vuelva a seleccionar las cuatro formas grises y Grupo ellos (Control-G). Mover a la Capas panel, haga doble clic en este nuevo grupo y renómbrelo "marco blanco".
Utilizando la Herramienta Rectangular (M), crear un 220 x 300px dar forma y establecer el color de relleno en blanco. Coloque este nuevo rectángulo como se muestra en la siguiente imagen y luego envíelo a la parte posterior (Shift-Control- [ ). Mover a la Capas panel, simplemente haga doble clic en esta nueva forma y renómbrela "imageMask".
Utilizando la Herramienta Rectangular (M), crear un 260 x 340 px forma, configure el color de relleno en blanco y colóquelo como se muestra en la siguiente imagen. Asegúrese de que este nuevo rectángulo esté seleccionado y vaya a Efecto> Estilizar> Resplandor interior. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Vuelva a seleccionar el rectángulo con el Brillo interior efecto e ir a Objeto> Expandir Apariencia. Mover a la Capas Panel y abra el grupo de formas recién creado. Eliminar el rectángulo blanco y luego Desagrupar (Shift-Control-G) La forma enmascarada restante. Al final las cosas deben verse como en la tercera imagen..
Utilizando la Herramienta Rectangular (M), crear un 260 x 340 px forma, configure el color de relleno en negro y colóquelo como se muestra en la siguiente imagen.
Asegúrate de que tu rectángulo negro permanece seleccionado y simplemente pulsa Shift-X Para transferir las propiedades de color del relleno al trazo..
Centrarse en el Apariencia panel, seleccione ese trazo, establezca Peso a 3px, alinéelo con el interior y luego simplemente haga clic en el Opacidad pedazo de texto para abrir el Transparencia panel de salida. Cambiar el Modo de fusión a Luz tenue y baja el Opacidad a 10%.
Mantente enfocado en el Apariencia panel, asegúrese de que el trazo todavía esté seleccionado y duplíquelo utilizando ese mismo Duplicar el elemento seleccionado botón. Seleccione el nuevo trazo, aumente su Opacidad a 20% y establecer el Peso a 2px. Duplica tu 2px trazo, seleccionar la copia, aumentar su Opacidad a 30% y establecer el Peso a 1px. Al final las cosas deberían verse como en la siguiente imagen..
Utilizando la Herramienta Rectangular (M), crear un 220 x 300px forma, configure el color de relleno en negro y colóquelo como se muestra en la siguiente imagen.
Asegúrate de que tu rectángulo negro permanece seleccionado y pulsa Shift-X. Centrarse en el Apariencia panel, seleccione ese trazo, establezca Peso a 4px, alinéelo con el interior y baje el Opacidad a 2%. Duplique este trazo, seleccione la copia, configure el Peso a 2px y aumentar la Opacidad a 3%. Duplica tu 2px trazo, seleccionar la copia, aumentar su Opacidad a 5% y establecer el Peso a 1px.
Mantente enfocado en el Apariencia Panel y agregue un cuarto relleno para su forma utilizando ese mismo Añadir nuevo trazo botón. Seleccione el nuevo trazo, establezca la Peso a 1px y el color en blanco, alinéelo con el exterior y luego baje su Opacidad a 75% y cambiar el Modo de fusión a Luz tenue. Al final las cosas deberían verse como en la siguiente imagen..
Arrastre la imagen que desea encuadrar dentro de su documento y envíela al reverso (Shift-Control- [ ). Intente cambiar el tamaño de su imagen y si excede los límites del marco, utilice el "imageMask"rectángulo para enmascararlo.
La imagen que estoy usando para este ejemplo es del tutorial de Monika Zagrobelna sobre cómo dibujar caballos..
Concéntrese en la parte superior de su marco. Utilizando la Herramienta Rectangular (M), crear un 260x 50px Forma y colócalo como se muestra en la siguiente imagen. Agrega un 1px trazo para esta nueva forma y establece su color en R = 55 G = 55 B = 55. Cambiar a la Eliminar herramienta de punto de anclaje (-), enfóquese en el lado superior y simplemente haga clic en el punto de anclaje izquierdo para eliminarlo. Toma el Herramienta de selección directa (A), Seleccione el punto de anclaje superior restante y arrástrelo 130px a la izquierda. Esto debería convertir tu rectángulo en un triángulo..
Para este paso necesitarás una grilla cada 1px, entonces ve a Edición> Preferencias> Guías y cuadrícula y entrar 1 en el Gridline cada caja. Enfócate en la esquina superior de tu triángulo. Utilizando la Herramienta Elipse (L), crear un 6px círculo, establece el color de relleno en R = 55 G = 55 B = 55 y colóquelo como se muestra en la siguiente imagen..
Asegúrese de que esta pequeña y nueva forma permanezca seleccionada, enfóquese en el Apariencia Panel y añadir un segundo relleno. Seleccione el nuevo relleno, establezca el color en R = 100 G = 100 B = 100 E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 1px y haga clic DE ACUERDO.
Volver a la Apariencia Panel y agregar un tercer relleno para su círculo. Selecciónelo, establezca el color en R = 55 G = 55 B = 55 E ir a Efecto> Ruta> Ruta compensada. Entrar a -Desplazamiento 1px, hacer clic DE ACUERDO E ir a Efecto> Distorsionar y transformar> Transformar. Centrarse en el Movimiento sección, arrastre el Vertical control deslizante en 1px y haga clic DE ACUERDO.
Volver a línea de cuadrícula cada 10px, así que simplemente ve a Edición> Preferencias> Guías y cuadrícula y entrar 10 en el Gridline cada caja.
Vuelva a seleccionar su triángulo junto con el círculo pequeño y Grupo ellos (Control-G). Asegúrese de que este nuevo grupo permanezca seleccionado, envíelo al respaldo (Shift-Control- [ ) E ir 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 derecha y haga clic en DE ACUERDO.
Selecciona todas las formas hechas hasta ahora y Grupo ellos (Control-G). Mover a la Capas Panel y simplemente renombrar este nuevo grupo "posterFrame".
Utilizando la Herramienta Rectangular (M), crear un 620 x 720px forma, establecer el color de relleno en R = 237 G = 237 B = 237 y enviarlo a la parte posterior (Shift-Control- [ ).
A continuación, necesitas centrar este rectángulo gris, 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 rectángulo debe cubrir toda la mesa de trabajo. Mover a la Capas Panel y simplemente renómbrelo "bg".
Asegúrese de que su "bg"la forma todavía está seleccionada, enfóquese en la Apariencia Panel y añadir un segundo relleno. Selecciónelo, establezca el color en negro, baje su Opacidad a 5%, cambiar el Modo de fusión a Multiplicar E ir a Efecto> Artístico> Grano de película. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Asegúrese de que su "bg"la forma todavía está seleccionada, enfóquese en la Apariencia Panel y añadir un tercer relleno. Selecciónelo, establezca el color en blanco, baje su Opacidad a 30%, cambiar el Modo de fusión a Multiplicar E ir a Efecto> Artístico> Esponja. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Abre el Cepillos panelVentana> Cepillos) y enfóquese en la esquina superior izquierda de su mesa de trabajo. Utilizando la Herramienta Rectangular (M), crear un 60 x 20px Forma y colócalo como se muestra en la siguiente imagen..
Abra el menú desplegable de la Cepillos panel, ir a Abrir la Biblioteca de pinceles> Artística> Artística_ChalkCharcoalPencil y se abrirá una nueva ventana con un montón de pinceles incorporados. Vuelva a seleccionar el rectángulo hecho hace unos momentos, seleccione el trazo, agregue el Lápiz - Delgado pincel de arte y establecer su color en R = 125 G = 125 B = 125. Asegúrese de que el trazo permanezca seleccionado y vaya 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 derecha y haga clic en DE ACUERDO.
Vuelva a seleccionar el rectángulo con el pincel artístico, enfóquese en el Apariencia panel, seleccione el trazo y duplíquelo utilizando ese mismo Duplicar el elemento seleccionado botón. Enfócate en el nuevo golpe, abre los dos. Sombra paralela efectos y reemplace los atributos existentes con los que se muestran en la siguiente imagen.
Vuelva a seleccionar el rectángulo con los pinceles artísticos, duplíquelo (Control-C> Control-F), seleccione la copia y colóquela como se muestra en la primera imagen. Vuelva a seleccionar los rectángulos y Grupo ellos (Control-G). Mover a la Capas Panel y nombre a este nuevo grupo "ladrillos".
Centrarse en el Capas panel y arrastre su "ladrillos"grupos debajo del"posterFrame"grupo. Seleccione el"ladrillos"grupo e ir a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Asegúrese de que su "ladrillos"el grupo sigue seleccionado y vuelve a ir a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen y haga clic en DE ACUERDO.
Utilizando la Herramienta Rectangular (M), crear un 280 x 360 px forma, configure el color de relleno en negro y colóquelo como se muestra en la siguiente imagen. Mover a la Capas Panel y nombre este nuevo rectángulo "sombra".
Centrarse en el Capas panel y arrastre su "sombra"rectángulo debajo del"posterFrame"grupo. Asegúrese de que este rectángulo negro permanece seleccionado, enfóquese en el Apariencia panel, seleccione el relleno y vaya a Efecto> Stylize> Drop Shadow. Ingrese las propiedades que se muestran en la ventana superior izquierda (en la siguiente imagen), haga clic en DE ACUERDO luego agrega los otros tres Sombra paralela efectos que se muestran a continuación.
Vuelva a seleccionar su "sombra"rectángulo, foco en el Apariencia Panel y añadir un segundo relleno. Selecciónelo, asegúrese de que el color esté configurado en negro, baje su Opacidad a 15% E ir a Efecto> Distorsionar y transformar> Transformar. Ingrese las propiedades que se muestran en la siguiente imagen (asegúrese de marcar la parte superior, punto de referencia central), haga clic en DE ACUERDO E ir a Efecto> Blur> Gaussian Blur. Entrar a 15px radio y haga clic DE ACUERDO.
Utilizando la Herramienta Rectangular (M), crear un 280 x 170 px forma, rellénelo con el degradado lineal que se muestra a continuación y colóquelo como se muestra en la siguiente imagen. El cero amarillo de la Gradiente imagen significa Opacidad
Accentsconagua