Share
En el siguiente tutorial, aprenderá cómo crear un ícono del portapapeles simple. Utilice un flujo de trabajo completo de Illustrator CS5, técnicas de creación de formas vectoriales y efectos vectoriales para diseñar este icono. Empecemos.
Pulsa Comando + N para crear un nuevo documento. Ingrese 600 en los cuadros de ancho y alto, 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 esté desactivada antes de hacer clic en Aceptar. Ahora, active Grid (Ver> Grid) y Snap to Grid (Ver> Snap to Grid).
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 a píxeles de Edición> Preferencias> Unidad> General. Todas estas opciones aumentarán significativamente tu velocidad de trabajo..
Elija la herramienta Rectángulo (M) y cree una forma de 240 por 325px. The Snap to Grid facilitará tu trabajo. Recuerde mirar en su panel de información la vista previa en vivo con el tamaño y la ubicación de su forma. Una vez creado, llena tu forma con R = 195, G = 153, B = 108. Eliminar el color del trazo. Vaya al panel Capas, haga doble clic en esta nueva forma y llámela "Soporte".
Vuelva a seleccionar "Soporte" y vaya al panel de Apariencia. Seleccione el relleno existente y vaya a Efecto> Estilizar> Resplandor interior. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a seleccionar "Soporte" y haga clic en el botón Agregar nuevo relleno. Es el pequeño icono cuadrado blanco de la parte inferior del panel Apariencia. Obviamente, esto agregará un nuevo relleno para su forma. Selecciónelo en el panel Apariencia, establezca su color en R = 35 G = 31 B = 32, baje la Opacidad al 5%, cambie el modo de fusión a Multiplicar y vaya a Efecto> Boceto> Lápiz gráfico. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a seleccionar "Soporte" y agregue un tercer relleno. Arrastre este nuevo relleno a la parte inferior del panel Apariencia, rellénelo con el degradado lineal que se muestra a continuación y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación y haga clic en Aceptar. Los números blancos de la imagen de degradado representan el porcentaje de ubicación.
Vuelva a seleccionar "Soporte" y céntrese en el panel Apariencia. Seleccione el relleno agregado en el paso anterior y haga clic en Duplicar elemento seleccionado. Es el pequeño icono de archivo ubicado en la parte inferior del panel Apariencia. Esto agregará una copia del relleno..
Seleccione este nuevo relleno, establezca su color en R = 35 G = 31 B = 32, reduzca su Opacidad a 5%, cambie el modo de fusión a Multiplicar y vaya a Efecto> Boceto> Lápiz gráfico. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a seleccionar "Soporte" y agregue un quinto relleno. Arrástrelo a la parte inferior del panel Apariencia, llénelo con R = 117 G = 76 B = 41, 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 "Soporte" y agregue un sexto relleno. Arrástrelo a la parte inferior del panel Apariencia, llénelo con R = 35 G = 31 B = 32, baje su Opacidad al 20% 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 "Soporte" y agregue un primer golpe. Establezca su color en R = 212 G = 183 B = 150, hágalo 2 puntos de ancho y alinéelo con el interior. Concéntrese en el panel Apariencia y agregue un segundo trazo con el botón Agregar nuevo trazo. Es el pequeño cuadrado negro de la parte inferior del panel Apariencia. Seleccione este nuevo trazo, establezca su color en R = 138 G = 94 B = 60, hágalo de 1 pt de ancho y asegúrese de que esté alineado con el interior.
Vuelva a seleccionar "Soporte", asegúrese de que no esté seleccionado ningún relleno o trazo, y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y vaya a Efecto> Estilizar> Esquinas redondeadas. Introduzca un radio de 7px y haga clic en Aceptar. Eche un vistazo más de cerca al panel Apariencia y asegúrese de que el efecto Esquinas redondeadas esté en la parte superior del panel.
Para los siguientes pasos necesitará una cuadrícula cada 1px. Entonces, vaya a Editar> Preferencias> Guías> Cuadrícula e ingrese 1 en la casilla de cuadrícula de cada cuadro. Elija la herramienta Rectángulo (M), cree una forma de 210 x 290 píxeles y rellénela de blanco. Cambie a la herramienta Elipse (L), cree un círculo de 7px, rellénelo con un color al azar y colóquelo como se muestra en la siguiente imagen.
Vuelva a seleccionar el círculo creado en el paso anterior y vaya a Efecto> Distorsionar y transformar> Transformar. Ingrese los datos que se muestran a continuación, haga clic en Aceptar y aplique Objeto> Expandir apariencia.
Seleccione el grupo de círculos creados en el paso anterior, junto con el rectángulo blanco, y haga clic en el botón Frontal Inferior del panel de Pathfinder.
Vuelva a seleccionar la forma blanca (resultado del paso anterior) y colóquela como se muestra en el siguiente paso.
Vuelva a seleccionar la forma blanca y agregue un trazo. Establece su color en R = 229 G = 230 B = 231, haz que tenga 2 puntos de ancho y alinéalo con el interior. Agregue un segundo trazo para esta forma, configure el color en R = 255 G = 255 B = 255, hágalo de 1 pt de ancho y alinéelo con el interior.
Elija la herramienta Rectángulo (M) y cree una forma de 202 por 1px. Rellénelo con R = 152, G = 199, B = 219. Ahora colócalo como se muestra en la siguiente imagen..
Vuelva a seleccionar la forma azul creada 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.
Elija la herramienta Rectángulo (M) y cree una forma de 1 por 282 px. Rellénelo con R = 246, G = 186, B = 186. Ahora colóquelo como se muestra.
Vuelva a seleccionar la forma rosa creada 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.
Seleccione la forma blanca, junto con las formas azul y rosa, luego agrúpelas (Comando + G). Seleccione este nuevo grupo y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Vuelva a seleccionar el grupo 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.
Elija la herramienta Rectángulo (M) y cree una forma de 95 x 24 px. Elimine el color del relleno y agregue un trazo de 3 puntos. Establezca su color en R = 109, G = 110, B = 113. Asegúrese de que esta forma fresca aún esté seleccionada y vaya a Efecto> Estilizar> Esquinas redondeadas. Introduzca un radio de 5px y haga clic en Aceptar. Al final, su forma debe verse como la primera imagen mostrada..
Vuelva a seleccionarlo y haga una copia al frente (Comando + C> Comando + F). Seleccione esta copia, aumente el tamaño del trazo a 5 puntos y vaya a Objeto> Ruta> Trazo de esquema. Seleccione la ruta resultante y haga una copia al frente (Comando + C> Comando + F).
Elija la herramienta Rectángulo (M), cree dos cuadrados de 17 píxeles y colóquelos como se muestra en la primera imagen. Seleccione la casilla de la izquierda, junto con una de las rutas creadas al final del paso anterior, y haga clic en el botón Intersectar del panel de Pathfinder. Seleccione el cuadro de la derecha, junto con la otra ruta creada al final del paso anterior, y haga clic nuevamente en el botón Intersectar del panel de Pathfinder.
Concéntrese en las dos formas creadas en el paso anterior. Primero, necesitarás el script Round Any Corner. Puede encontrarlo en el artículo de Vectortuts + artículo 20 de Adobe Illustrator Scripts, gratuito y útil. Guárdelo en su disco duro y tome la herramienta de selección directa (A).
Seleccione los ocho puntos de anclaje resaltados en la primera imagen y vaya a Archivo> Secuencias de comandos> Otras secuencias de comandos. Abra el script Round Any Corner, ingrese un radio de 1px y haga clic en Aceptar. Al final, sus formas deben verse como la segunda imagen mostrada..
Vuelva a seleccionar las dos formas editadas en el paso anterior y reemplace el color plano del relleno con el degradado radial que se muestra a continuación.
Nuevamente, vuelva a seleccionar las formas creadas en el paso anterior y agregue los dos trazos simples que se muestran en el panel Apariencia.
Vuelva a seleccionar el rectángulo redondeado creado en el paso 22. Agregue un segundo trazo para esta ruta, hágalo de 2.5 pts de ancho y establezca el color en blanco. Agrega un tercer golpe para esta ruta, haz que sea de 1.75 pts de ancho y establece su color en R = 229, G = 230, B = 231.
Vuelva a seleccionar la forma editada en el paso anterior y agregue un nuevo trazo. Selecciónelo en el panel Apariencia, haga que tenga un ancho de 0.5 pts, establezca su color en R = 166, G = 168, B = 171. Ahora ve 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) y cree dos formas de 13 por 1px. Rellene ambas formas con R = 250 G = 250 B = 250 y colóquelas como se muestra en la siguiente imagen.
Seleccione todas las formas creadas en los últimos ocho pasos y agrúpelas (Comando + G). Seleccione este nuevo grupo y vaya a Efecto> Estilizar> Sombra. Ingrese los datos que se muestran a continuación y haga clic en Aceptar.
Elija la herramienta Elipse (L) y cree un círculo de 14px. Rellénelo con el degradado lineal que se muestra a continuación y colóquelo como se muestra en la siguiente imagen. Agregue un trazo de 2 puntos para esta forma, alinéelo con el interior y establezca su color en R = 245, G = 245, B = 245. Agregue un segundo trazo para esta ruta, establezca su color en R = 166, G = 168, B = 171, hágalo de 1 pt de ancho y alinéelo con el interior. Agrega un tercer golpe para esta ruta, establece su color en R = 88 G = 89 B = 91, haz que tenga 0.3 puntos de ancho y alinéalo con el exterior.
Elija la herramienta Rectángulo (M), cree una forma de 85 por 11px, rellénela con R = 229, G = 230, B = 231. Ahora colóquelo como se muestra en la siguiente imagen. Vaya al panel Apariencia y agregue los tres trazos que se muestran a continuación.
Es el mismo conjunto de trazos utilizados para la forma creada en el paso anterior. Asegúrese de que esta forma aún esté seleccionada y vaya a Efecto> Estilizar> Esquinas redondeadas. Ingrese un radio de 3px y haga clic en OK.
Elija la herramienta Rectángulo (M), cree una forma de 83 por 3px y rellénela con R = 166, G = 168, B = 171. Ahora colóquelo como se muestra en la primera imagen. Continúe con la herramienta Rectángulo (M) y cree dos formas de 81 por 1px. Rellénelos con R = 245 G = 245 B = 245 y R = 128 G = 129 B = 132, luego colóquelos como se muestra en la segunda imagen que se muestra a continuación.
Seleccione todas las formas y grupos creados en los últimos doce pasos y agrúpelos (Comando + G). Seleccione este nuevo grupo y colóquelo como se muestra en la segunda imagen..
Elija la herramienta Rectángulo (M), cree una forma de 83 por 8px, rellénela con el degradado lineal que se muestra a continuación y colóquela como se muestra en la siguiente imagen. Concéntrese en el panel Apariencia y agregue los tres trazos que se muestran a continuación. Vaya al panel Capas y arrastre este rectángulo fresco debajo de los dos grupos.
Finalmente, si puedes editar la forma "Soporte". En las siguientes imágenes puede encontrar dos conjuntos diferentes de propiedades que puede usar para esta forma.
Ahora tu trabajo está hecho. Aquí es cómo debe verse.
Accentsconagua