Share
Este tutorial te enseñará cómo crear una simple ficha de póker. Una vez que se crea el chip, podemos cambiar los colores, apilarlos juntos, rotarlos y lo que quieras.
Comencemos creando los elementos en la cara del chip. Luego usaremos una técnica que uso en Ilustración Técnica para crear un cilindro isométrico. A continuación le damos algo de color, agregamos una sombra y un fondo para finalizar la imagen. Esperemos que las técnicas en este tutorial te ayuden en algunos de tus propios proyectos..
A continuación se muestra la imagen final en la que trabajaremos. ¿Desea acceder a los archivos completos de Vector Source y las copias descargables de cada tutorial, incluido este? Únete a Vector Plus por solo 9 $ al mes.
Esta es una imagen de una ficha de poker. Estaremos basando nuestro diseño en esto. Si te das cuenta, una ficha de póquer es realmente un cilindro delgado. Hay seis tiras blancas grandes alrededor del exterior y doce tiras blancas pequeñas en la parte interior del chip. El chip también tiene una pequeña hendidura que alberga las tiras blancas más pequeñas. Voy a ignorar los íconos de los dados en la cara de la ficha de póquer, pero puedes agregar esto fácilmente si lo deseas.
Comience creando un círculo simple utilizando la herramienta Elipse (L). Dale al círculo un relleno blanco y un trazo negro de 1 pt. Si desea más realismo, puede medir la ficha de póquer de diámetro y luego hacer clic en la mesa de trabajo. Esto abrirá el cuadro de diálogo Elipse, ingrese esas dimensiones en los campos de Altura y Ancho y presione Aceptar.
La ficha de póquer tiene un anillo interior que está sangrado. Para crear este anillo interior, use la herramienta Elipse (L) para dibujar dos círculos más pequeños, dentro del círculo que acaba de crear..
Insinuación: Active las Guías inteligentes (Comando + U) y coloque el cursor en el centro exacto del primer círculo que dibujó. Con las Guías inteligentes activadas, el cursor se ajustará al centro del círculo. Haga clic en el botón del mouse y arrastre mientras mantiene presionada la tecla Opción. Esto creará un círculo proporcionado desde el punto central, hacia afuera.
Duplique lo que ha hecho hasta ahora (Edición> Copiar, Edición> Pegar) y arrástrelo hacia un lado. Esta será nuestra base, pero necesitamos la copia original de los círculos para crear nuestras tiras blancas.
En el punto central de nuestro círculo original, use la herramienta Rectángulo (M) y cree un rectángulo; consulte el siguiente ejemplo para conocer el tamaño aproximado. Nuevamente, para obtener más realismo, podrías medir las dimensiones exactas de la tira. Una vez creado, arrastre el rectángulo hasta la parte superior del círculo, permita que el rectángulo sobresalga del borde del círculo.
Usando las técnicas del Paso 2, cree otro círculo desde el punto central del original. Asegúrese de hacer que el círculo sea lo suficientemente grande como para permitir que el rectángulo que dibujó en el Paso 4 cuelgue de la parte inferior de este círculo.
Si nos fijamos en la ficha de póquer original, tenemos seis grandes tiras blancas que abarcan la cara de la ficha de póquer. Necesitamos duplicar el rectángulo que acabamos de crear cinco veces más para cubrir el chip perimetral.
Seleccione el rectángulo que creó en el Paso 4. Ahora seleccione la herramienta Rotar (R). Localiza el centro de la ficha de póquer. Con el cursor sobre el punto central del círculo (puede ser más fácil encontrarlo en el modo Esquema), mantenga presionada la tecla Opción y haga clic en el botón del mouse. Aparecerá el cuadro de diálogo de rotación. Como queremos un total de 6 rectángulos alrededor del círculo, dividimos 360 por 6, lo que nos da 60 grados. Introduzca 60 en el cuadro de diálogo Ángulo: Entonces presione Dupdo no DE ACUERDO.
Se crea un segundo rectángulo a 60 grados del centro del círculo..
Ahora podemos presionar Comando + D cuatro veces. Esto repite el último comando dado. En este caso, rotando y copiando el rectángulo. Ahora tenemos seis rectángulos alrededor de nuestro círculo..
Seleccione los seis rectángulos que acabamos de crear, junto con el círculo exterior y el primer círculo interior. En la paleta de Pathfinder, haga clic en el botón Dividir mientras mantiene presionada la tecla Opción. Esto separará todas las líneas que se cruzan.
Recortar los excesos de formas y agruparlos. Acaba de crear las grandes tiras blancas en la cara de la ficha de póquer.
Ahora crearemos las tiras blancas más pequeñas, utilizando la misma técnica que antes. Comience creando un rectángulo en el centro del círculo. Observe que las tiras más pequeñas tienen un ancho menor que las más grandes. Cree su rectángulo y asegúrese de que el rectángulo esté en una posición alta para superponer ambos círculos. Arrástrelo hacia arriba y superponga los dos círculos..
Nota: siempre puede escalar el rectángulo más grande o más pequeño una vez que se ha movido.
Seleccione la herramienta de rotación (R). Localice el centro del círculo (puede ser más fácil encontrarlo en el modo Esquema). Con el cursor sobre el punto central del círculo, mantenga presionada la tecla Opción y haga clic en el botón del mouse. Aparecerá el cuadro de diálogo Rotar. Como queremos un total de 12 rectángulos alrededor del círculo, dividimos 360 por 12, lo que nos da 30 grados. Introduzca 30 en el campo Ángulo del cuadro de diálogo Girar. Entonces presione Dupdo no DE ACUERDO.
Podemos presionar nuevamente Comando + D para duplicar nuestra última acción. Pulsa Comando + D hasta que tengas suficientes rectángulos para abarcar los círculos (deberían ser diez veces).
Seleccione los doce rectángulos que acabamos de crear, junto con los dos círculos. En la paleta de Pathfinder, haga clic en el botón Dividir mientras mantiene presionada la tecla Opción. Esto separará todas las líneas que se cruzan.
Recorta las formas sobrantes y agrupa las restantes. Acaba de crear las doce pequeñas tiras blancas en la cara de la ficha de póquer.
Arrastre las tiras blancas que creamos a la copia de los círculos originales que creamos en el Paso 3, luego colóquelas encima.
En este punto añadiremos un color genérico. En este caso, el 5% de negro para las tiras blancas (siento que el blanco puro aplana las cosas). Para el color rojo utilicé 100% magenta y amarillo. También mantuve el trazo negro de 1 punto en los círculos. Vamos a cambiar el color más adelante..
Ahora voy a utilizar una técnica que empleé para crear objetos isométricos. Selecciona todos los objetos que conforman la cara de nuestra ficha de póker. Haga doble clic en la herramienta de escala (S) en la barra de herramientas. Esto abrirá el cuadro de diálogo Escala. Seleccione la casilla de verificación No uniforme y escriba lo siguiente; Horizontal de 100%, Vertical de 86.6% y luego haga clic en Aceptar.
Con todos los objetos aún seleccionados, haga doble clic en la Herramienta de corte en la paleta de la caja de herramientas. Esto abrirá el cuadro de diálogo Shear. En el campo Shear Angle, escriba 30 y presione OK. Asegúrese de que la casilla de verificación Horizontal esté seleccionada en el grupo Eje.
Con todos los objetos aún seleccionados, haga doble clic en la herramienta Rotar en la caja de herramientas. Esto abrirá el cuadro de diálogo Rotar. En el campo Ángulo escriba -30 y presione OK.
La cara de la ficha de póquer ahora está en un ángulo isométrico. Otra forma de lograr este efecto es simplemente escalar el círculo 100% horizontal y 57% vertical. Nota: puede crear cualquier forma y ejecutarla a través de los Pasos 18-20 para crear una vista superior isométrica.
Ahora daremos profundidad a la ilusión extruyendo el círculo..
Para lograr este efecto correctamente, necesitamos agregar algunos puntos de anclaje a nuestro círculo isométrico. Dibuja una línea vertical con la herramienta Pluma (P). Usaremos esta línea para una guía. Arrastre la línea hasta que se cruce con el borde izquierdo del círculo. De nuevo, con las guías inteligentes activadas, Illustrator ajustará la línea al círculo isométrico donde se intersecan.
Seleccione la línea vertical y bloquéela en su lugar con Comando + 2. Amplíe todo lo que pueda y cambie al modo Esquema. Use la herramienta Agregar punto de anclaje (+) para agregar un punto de anclaje al círculo isométrico donde se interseca con la línea de guía vertical que bloqueó en su lugar. Repita este paso para el lado derecho del círculo..
Cuando selecciona el círculo, debe tener dos nuevos puntos de anclaje en el borde izquierdo y derecho del círculo.
Seleccioné las tiras blancas grandes, luego las escondí usando Comando + 2. Esto hará que las cosas sean más fáciles de ver y no interferirán cuando seleccionemos puntos de anclaje en el siguiente paso.
Nota: Si tiene dos objetos que se superponen entre sí y selecciona la herramienta Agregar punto de ancla, Illustrator desea agregar ese punto de ancla a la Parte superior objeto. A veces es necesario bloquear (Comando + 2) u ocultar (Comando + 3) un objeto para poder trabajar con los objetos debajo de ellos.
Coge la herramienta de selección directa (A), luego selecciona los dos puntos de anclaje inferiores. Nota: Use la tecla Mayús para seleccionar ambos puntos de anclaje a la vez. Con los puntos seleccionados, Copiar> Pegar al frente (Comando + F). Ahora hemos creado una ruta de medio círculo en la parte superior de nuestro círculo.
Use la Herramienta de selección (V) para seleccionar la nueva ruta que acaba de crear, luego arrástrela hacia abajo.
Nota: Simplemente muévalo a la profundidad que cree que debería ser la ficha de póquer. Siempre podemos hacerlo más grueso o más delgado más adelante. Con el objeto aún seleccionado eliminar el color de relleno rojo.
Con la herramienta Selección directa (A), seleccione los dos puntos de anclaje inferiores.
Nota: Use la tecla Mayús para seleccionar ambos puntos de anclaje a la vez. Con los puntos seleccionados, vaya a Editar> Copiar> Pegar al frente. Ahora hemos creado otra ruta de medio círculo en la parte superior de nuestro círculo.
Deberías haber creado dos semicírculos con rutas abiertas. Una directamente en la parte superior de nuestro círculo isométrico y una ligeramente debajo del círculo. Ahora solo tenemos que conectar los caminos abiertos..
Agarra tu herramienta pluma. En el lado izquierdo de la ficha de póquer, amplíe los dos caminos abiertos de los semicírculos que creamos. Haga clic en la ruta abierta inferior con la herramienta Pluma (P). Observe que cuando la herramienta Pluma (P) está sobre la ruta abierta, cambia para mostrar una barra diagonal inversa. Esto indica que estás en un camino abierto. Haga clic en el camino abierto con la herramienta Pluma (P).
Mueva la herramienta de la pluma (P) hasta la siguiente ruta abierta. Observe cómo la herramienta pluma vuelve a cambiar. Esta vez, aparece un símbolo de ruta cerrada en el lado derecho de la herramienta Pluma. Cuando veas este símbolo, haz clic en la ruta. Esto conecta ambos objetos con una línea y cierra el camino..
Repita los pasos 30 y 31 en el lado derecho. La ficha de póquer debe verse como la que se muestra a continuación.
Nota: Si desea que la ficha de póquer sea más delgada o más gruesa, simplemente seleccione los cuatro puntos de anclaje a continuación. Luego use la herramienta Selección directa (A) junto con la tecla Mayús para mover los puntos de anclaje seleccionados hacia arriba o hacia abajo en un ángulo restringido. Mover los puntos de anclaje hacia abajo hará que la ficha de póquer sea más gruesa, al moverlos hacia arriba hará que se vea más delgado.
Desconecta (Comando + Shift + 3) las tiras blancas que escondimos en el Paso 25. Para que nuestras tiras blancas tengan la misma profundidad, necesitamos repetir los pasos que usamos para el cuerpo de la ficha de póquer. Comencemos seleccionando el cuerpo de la ficha de póquer que acabamos de crear y enviándola a la parte posterior (tecla Comando + Soporte izquierdo).
En la franja blanca izquierda, use la Herramienta de selección directa (A) para seleccionar el punto de anclaje en el centro de la franja, luego Edición> Copiar> Pegar al frente. Has creado un camino abierto en la parte superior de la franja blanca..
Con el camino abierto ya seleccionado, muévalo hacia abajo hasta la parte inferior de la ficha de póquer. Eliminar el color de relleno blanco..
Nota: Si selecciona la ruta abierta con la Herramienta de selección (V), seleccionará todas las tiras de póquer blancas. Use la herramienta de selección de grupos y simplemente haga clic y arrastre en la ruta abierta para moverla a la parte inferior de la ficha de póquer. Con las guías inteligentes activadas, la ruta debería ajustarse a la ruta inferior.
Use la Herramienta de selección directa (A) y seleccione el punto de anclaje en el medio de la tira, luego Edición> Copiar> Pegar en frente. Has creado otro camino abierto en la parte superior de la franja blanca..
Conecte las rutas abiertas con la herramienta Pluma (P), similar a los pasos 30 y 31.
Repita los pasos para las siguientes 2 tiras blancas. Ahora debería verse como la imagen de abajo.
Nota: Para las siguientes dos tiras, no hay un punto de anclaje en el medio de los dos puntos de anclaje. Para copiar el segmento de línea, simplemente haga clic en la línea entre los dos puntos de anclaje con la herramienta Selección directa. Esto seleccionará el segmento de línea, entre el punto de anclaje. Seleccione Editar> Copiar> Pegar en frente. Ahora tendrás un camino abierto en la parte superior de la franja blanca.
El círculo interior de la ficha de póquer está un poco hundido. Para lograr esto, primero ocultemos el círculo más pequeño e interno seleccionándolo y presionando Comando + 2.
Seleccione el círculo interior con la herramienta de selección directa (V). Use el comando Editar> Copiar> Pegar en frente para crear otra instancia de este círculo.
Arrastra el círculo que acabas de crear, solo un pelo. Esta es la profundidad del recreo..
Seleccione ambos círculos. En la paleta de Pathfinder, haga clic en el botón Dividir mientras mantiene presionada la tecla Opción. Esto separará todas las líneas que se cruzan.
Los dos círculos ahora están divididos en sus puntos de intersección. Esto crea tres objetos separados. Queremos seleccionar y eliminar el objeto inferior..
Seleccione las tiras blancas pequeñas, luego muévalas hacia abajo para que queden al ras con el círculo inferior.
Seleccione el círculo interior y Editar> Copiar> Pegar en frente para crear una segunda copia. Usaremos este objeto para recortar el exceso de las pequeñas tiras blancas que no serían visibles debido al rebaje interno.
Seleccione el círculo que acaba de duplicar, junto con cualquiera de las tiras blancas que se superponen.
Nota: Las pequeñas tiras blancas están en un grupo. Por lo tanto, si intenta seleccionarlos con la Herramienta de selección (V), se seleccionarán todas las tiras blancas pequeñas. Use la Herramienta de selección de grupo y la tecla Mayús, para seleccionar cada tira individualmente, junto con el círculo.
Cuando todos los elementos superpuestos estén seleccionados, vaya a la paleta de Pathfinder, haga clic en el botón Dividir mientras mantiene presionada la tecla Opción. Esto separará todas las líneas que se cruzan.
Selecciona y elimina todas las piezas sobrantes (resaltadas en amarillo)..
No ocultar (Comando + Mayús + 3) el círculo más interior que configuramos para Ocultar en el Paso 39. Nota: Es posible que tengas que llevar este objeto al frente. Con el círculo interno seleccionado, vaya a Editar> Copiar> Pegar al frente. Esto nos dará un círculo duplicado encima del original..
Arrastre el círculo que acaba de pegar hacia abajo hasta que toque las pequeñas tiras blancas.
Con el círculo en la posición correcta, y aún seleccionado, elija, Objeto> Organizar> Enviar hacia atrás. Esto pondrá el círculo seleccionado detrás del original..
Ahora vamos a añadir un poco de color. Comience seleccionando todos los objetos y eliminando el trazo negro aplicado a ellos. Entonces tenemos que decidir de dónde viene la fuente de luz.
Para el cuerpo de la ficha de póquer, creé un degradado con tonos de rojo más oscuros en los bordes exteriores, con el tono de rojo más claro en el origen de la fuente de luz.
Agregué el mismo gradiente a todos los objetos orientados hacia adelante..
Para la parte superior, creé un degradado simple con el tono claro del rojo al frente y el tono más oscuro del rojo en la parte posterior.
Para la parte empotrada, utilicé el mismo gradiente aplicado en la parte superior, pero invirtí los tonos más oscuros y claros. Esto le da a la zona más contraste..
Varié los tonos de las tiras blancas en el lado de la ficha de póquer. Usé un porcentaje más alto de negro, cuanto más lejos estaba la tira de la fuente de luz.
Quiero dar la apariencia de un ligero bisel en el chip. Comience seleccionando el círculo grande y Editar> Copiar> Pegar al frente. Ahora tenemos dos círculos directamente uno encima del otro.
Con el círculo superior seleccionado, haga doble clic en la herramienta de escala (S). Esto abrirá el cuadro de diálogo Escala. Escriba 99% en el campo Escala y haga clic en retorno. Ahora tenemos un círculo ligeramente más pequeño encima de otro.
Con la herramienta de selección (V), mueva el círculo más pequeño directamente hacia arriba hasta que se cruce con el borde del círculo más grande.
Selecciona el círculo más grande y más bajo, dale a este círculo un tono más claro de rojo. Ahora parece que la ficha de póquer tiene un ligero biselado.
Desde aquí podemos agregar algunos elementos para sacar este objeto de la página. Empecemos con un golpe más grueso alrededor de toda la ficha..
Seleccione solo el círculo superior más grande (el rojo más claro, que usamos para el bisel) y el cuerpo frontal del chip, luego vaya a Editar> Copiar> Pegar en su lugar.
Con esos objetos aún seleccionados, vaya a la paleta de Pathfinder, haga clic en el botón Combinar mientras mantiene presionada la tecla Opción. Esto fusionará todos los objetos seleccionados en un objeto.
Con el objeto recién fusionado aún seleccionado, asigne un trazo negro de 3 puntos al objeto. Envíe el objeto a la parte posterior, utilizando Objeto> Organizar> Enviar a atrás.
A continuación se muestra lo que deberíamos tener hasta ahora. Para mejorar aún más la imagen, vamos a crear una sombra simple. Hay varias formas de crear sombras en Illustrator. Prefiero éste. Si tienes uno mejor, úsalo..
Comienza por Editar> Copiar> Pegar el círculo más grande en la ficha de póker (es la roja clara) y arrastrándolo hacia un lado.
Coloca el círculo que acabas de crear, lanzando. afuera de la fuente de luz.
Envíe el círculo que acaba de colocar en la parte posterior de todos los objetos, utilizando Objeto> Organizar> Enviar al fondo.
Dibuja una línea de guía que se cruce con la ficha de póquer y el círculo que acabas de enviar.
Agregue un punto de anclaje al círculo donde la línea se interseca con la herramienta Agregar punto de anclaje (+). Elimine la línea guía después de haber agregado el punto de anclaje.
Elimine el segmento de línea entre los dos puntos de anclaje que se muestran a continuación.
Use la herramienta Pluma (P) para dibujar un segmento de línea desde el camino abierto hasta el borde de la ficha de póquer.
Dale al círculo un color de relleno de 100% K
Con el círculo negro seleccionado, elija Efecto> Estilizar> Pluma. En el cuadro de diálogo Feather, coloque en 9pt y haga clic en Aceptar.
Usa la paleta de Transparencia para darle a la sombra una Opacidad del 50%..
Duplique su chip usando Edición> Copiar> Pegar y aplique diferentes tipos de color.
¡Apila las fichas como mejor te parezca, agrega un fondo a tu elección! Y hemos terminado!
Además, si está buscando más técnicas para crear fichas de póquer, Grant Friedman escribió un tutorial de dos partes en AiBURN sobre Creación de una ficha de póquer animada en 3D en Illustrator (Partes uno y dos), que utiliza herramientas 3D para componer la ficha y luego se exporta como flash. Es un flujo de trabajo muy diferente al tutorial anterior..
Suscríbase a Vectortuts + RSS Feed para estar al día con los últimos tutoriales y artículos de vectores..
Accentsconagua