How to create 3D chess pieces in Adobe Illustrator

0 Projects

In this video tutorial, you will learn how to create a chess piece in Adobe Illustrator, using the 3D capabilities of the software. You will learn how easy it is to create a 3D object and give it the looks that you want. Get ready to understand the 3D capabilities of Adobe illustrator.

Hello my name is Mara Keller and I'm a digital artists from Mexico. On this tutorial I'll teach you how to use the 3D capabilities of Adobe Illustrator to create a chess piece. The first thing we're going to do is go and create a new document. So we're going to go File >New and select the size that we feel comfortable with, in this case 800 x 600. My interface may be a little bit different because I'm using Illustrator CC, but just make sure that you pick 800 x 600 and work in an RGB mode. Now the first thing I'm going to do is create a profile for my piece. So I'm going to go to my tools and probably by default you're going to see the Rectangle tool. But if you click and hold the click, you're going to find the Ellipse tool or press L on your keyboard. Now let's create one that is 83 x 83 and then I'm going to go and click on the rectangle or press M and I'm going to create one that is 80 pixels x 30 pixels and press OK. The next thing I want to do is go to my Selection tool, select the rectangle and I'm going to Ctrl + to zoom in a little bit, control - to zoom out a little bit. And then go and round the corners all the way to the center or you could input the value here on the top of 15 pixels. I'm going to select both of them and go to Window >Align, to bring this window that I have already opened here. And then just click on Horizontal Align Center. That way now they are sharing the same axis. I'm going to select again on them and click again on the circle and you can see how the outline has changed, indicating that that is a key object. Also here you can see the icon has changed to a little key. So I'm going to go here to Distribute Spacing and just click here to make 0, the distance. And I'm going to go to my Pen tool or press P on my keyboard and just make a point here and then make another point here, another one around here, another one like this, and then just go here and close on the center. Now everything has a fill that I don't want, so I'm going to remove it. I'm going to go to my Direct Selection tool or press A on my keyboard, and select this anchor point and round them all the way to the center. And the same with this one. I can get these curves a little bit better, I'm going to go to my line right here and then click and then while pressing Shift to create a straight line, click on the other side of my piece. I'm going to make sure that everything is aligned to that, to this new line that I just created and then go to my Scissors tool, you can find them here or press the shortcut C. Go and zoom in a little bit to this rectangular shape and then just click on those anchor points to remove the half. In the case of the circle, I'm going to go to my Direct Selection tool, select the anchor point on the left and just press Delete on the keyboard. Now I have just the half that I need, I'm going to select it and while I press Alt and Shift, I'm going to move it to the right to create a copy. That's going to be helpful in the future but for now we're going to work on this one, so I'm going to change the stroke to this color that I have already selected, then go to Effect> 3D > Revolve. And when you do that and click on the little preview, you can see that the effect has been applied. And if you click here on more options, you can see the rest of the options. You can change also the angle here. And the first thing I wanna do is change the position to Isometric Top. You can see how that's changed and actually it's because I made a mistake, sorry. So go and pick Isometric Right or input the values there. And I'm going to change the light intensity to 80. And leave everything but the highlight size to 100. And let's change the Blend Steps so it looks smoother, to something bigger. So let's give it a try with 90. And and you can change the shading color from black to custom and then pick a color that you like. In my case, I had already selected one, so 893820 and press OK. It's like a brown. In here you can move manually the highlights or you can change the direction of it, I'm going to move it actually there to the left. And then I want another light to be on the other side, so I'm going to go here and create a new light. You can see how that has appeared. Move it to the right, change the intensity of that light. I'm actually gonna move the selected light to the back of the object. And you can see how we get that light and press OK. Now this is working fine, but the reason they are not looking that way is because they are on the different order. So I'm going to go Right click >Arrange >Send to back, or Ctrl + Shift + [. I'm going to do the same with the bottom part and now they are fine. I'm going to move this part a little bit to the bottom so they are sitting right there where they need to be. And here's my pawn. Now I'm going to use the copy that I created before, go here to my Reflect tool or press O. Click on one of the anchor points and just reflect it by pressing Shift, so you do a - 90º. I'm going to go to my Direct Selection tool, select the anchor points on the bottom and click here on the top, with connected endpoints. I'm going to do the same for the rectangle and the same for this one on the bottom. You can see that they're a little... so I'm going to just remove that anchor right there. Now I'm going to select everything and go to my Pathfinder window. If you don't have it you can go to Window> Pathfinder and click on the first option that is called Unite. Now if I swap the fill with stroke I can go to my gradient window and if you don't see it, again go to Window > Gradient and apply a gradient. Make sure that you apply the gradient to the fill, not stroke. Let's change the angle to something like - 90. And you can see how the pieces are a little bit different because, even though they are now united they are not still intersecting. So I'm going to double click to go inside, move it a little bit to the bottom and just go to Unite again. And you can see how it's a single shape. I'm going to change the opacity of the white color to 0, move a little bit this little slider and the location is going to be around 60. And then I'm going to go to 3D> Rotate and here you can have again, a little preview and move it manually or again press Isometric Top. I'm going to move it a little bit here and then I'm going to send it to back by Right click >Arrange > Send to back. And now I have a little shadow for my pawn. What I can do right now is just move it a little bit here then create a copy again by pressing Alt+ Shift. And I'm going to select the pieces that I used 3D revolved, and I'm going to change the stroke to black. You can see how that instantly changes the color of my piece and I have that brown color that I don't want, so you can go here to the Appearance window and if you don't have it, again go Window> Appearance and find the 3D Revolve effect. You can click right there to edit it and just change the shading color preview to black. So all the way like 0,0,0,0. And now you have a black piece. And finally, I'm going to go and create a rectangle by clicking and dragging so it only has to be a little bit bigger than your canvas. I'm gonna swap this, the fill and the stroke, fill with this brown color and just arrange and send it back. Now the shadows aren't working anymore, so I will select both, go to the Transparency window. And if you don't have it, go to Window > Transparency and then go, instead of Normal, Multiply. And now you can see how that is looking better. So I hope you have enjoyed this tutorial,
Hola, me llamo María Keller y soy una artista digital mexicana. En este tutorial, te enseñaré a usar las capacidades de 3D de Adobe Illustrator para crear una pieza de ajedrez. Primero, hay que crear un nuevo documento. Para ello, ve a Archivo > Nuevo y elige un tamaño apropiado, en este caso, 800 x 600. Puede que la interfaz difiera un poco, ya que yo estoy usando la versión CC de Illustrator. Tú asegúrate de elegir 800 x 600 y el modo RGB. Ahora, voy a crear un perfil de la pieza. Si te fijas en la barra de herramientas, verás por defecto la herramienta Rectángulo. Sin embargo, si haces clic en ella y lo mantienes, encontrarás la herramienta Elipse. También puedes pulsar la tecla L para activarla. Creemos una elipse de 83 x 83 píxeles. Después, haz clic en la herramienta Rectángulo, o pulsa la tecla M, y crea uno de 80 x 30 píxeles. Después, activa la herramienta Selección y selecciona el rectángulo. Si pulsas Ctrl + +, puedes acercar el zum y si pulsas Ctrl + -, lo alejas. Ahora, redondea los vértices del rectángulo o introduce un valor de 15 píxeles en esta casilla de aquí arriba. Ahora, selecciona ambas formas y ve a Ventana > Alinear para que aparezca esta ventana. Luego, haz clic en Centrar. De esta manera, las dos formas compartirán el mismo eje. Selecciona ambas formas y haz clic de nuevo en el círculo. El contorno ha cambiado para indicar que es un objeto clave. Este icono de aquí tendrá ahora una llave. Ahora, ve a Distribuir espaciado y haz clic en la primera opción. Activa la herramienta Pluma, o pulsa P, y crea un punto aquí, luego otro aquí, otro por aquí, otro más por aquí, ve hasta aquí y ciérralo en el centro. Todo tiene un relleno, y no queremos eso, así que eliminémoslo. Activa la herramienta Selección directa, o pulsa la tecla A, selecciona este punto de ancla y redondéalo todo lo que puedas. Haz lo mismo con este. Se pueden mejorar las curvas, así que activo la herramienta Segmento de línea, hago clic aquí, mantengo Mayús y hago clic al otro lado de la pieza. Ahora, hay que asegurarse de que todo está alineado a esta nueva línea que acabo de crear. Activa la herramienta Tijeras, que encontrarás aquí, o puedes pulsar la tecla C. Acerca el zum a la forma rectangular y haz clic en estos puntos de ancla para eliminar una mitad. Para el círculo, activa la herramienta Selección directa, selecciona el punto de ancla de la izquierda y pulsa la tecla Suprimir. Ahora que tenemos la mitad que necesitamos, la seleccionamos y, manteniendo Alt y Mayús, la movemos hacia la derecha para crear una copia. Esto nos servirá más adelante. Por ahora, trabajemos con esta. Voy a cambiar el color del trazo a este que ya tenía seleccionado. Ve a Efecto > 3D > Girar. Después, al marcar la casilla de Previsualizar, verás cómo quedaría el efecto. Si haces clic en el botón de Más opciones, podrás ver el resto de opciones. También puedes cambiar el ángulo aquí. Hay que cambiar la posición a Isométrica arriba. Fíjate en el cambio. Se ve bastante mal por un motivo: había que elegir Isométrica derecha o introducir los valores correctos aquí. Cambia la intensidad de luz al 80%. Cambia la intensidad de resaltado al 100%. Cambiemos también los pasos de fusión para que el resultado sea mejor. Probemos con un valor de 90. También puedes cambiar el color de difuminado eligiendo la opción A medida y seleccionando el color que quieras. En mi caso, yo ya había seleccionado uno: #893820, un marrón. Aquí puedes mover manualmente las luces o cambiar la dirección de ellas. Yo voy a moverla a la izquierda. He decidido que haya otra luz en el otro lado, así que voy a crear una nueva luz. Verás que ha aparecido. Movámosla a la derecha y cambiémosle la intensidad. Voy a hacer clic en Mover luz seleccionada detrás del objeto. Una vez hecho esto, solo queda pulsar OK. Aunque la luz es la correcta, no se ve del todo bien porque el orden no es el correcto. Haz clic derecho y ve a Organizar > Enviar detrás, o pulsa Ctrl + Mayús + 9. Haz lo mismo con la parte inferior. Ahora, movamos esta parte un poco hacia abajo para que esté en el sitio apropiado. Aquí tenemos el peón. Usemos la copia que creamos antes. Activa la herramienta Reflejo o pulsa O. Haz clic en uno de los puntos de ancla y refléjalo manteniendo Mayús hasta obtener un reflejo de -90°. Activa la herramienta Selección directa, selecciona los puntos de ancla de arriba y haz clic en Conectar puntos finales seleccionados. Hagamos lo mismo con el rectángulo y para la forma de debajo. Después, eliminemos el punto de ancla que está aquí abajo. Ahora, seleccionamos todo y vamos al panel Buscatrazos. Si no lo ves, ve a Ventana > Buscatrazos. Haz clic en la primera opción, la de Unificar. Ahora, intercambiamos relleno y trazo y vamos al panel Degradado. Si no lo ves, ve a Ventana > Degradado. Luego, aplica un degradado. Asegúrate de que se lo aplicas al relleno, no al trazo. Cambia el ángulo a -90°. Si te fijas, el resultado no es del todo bueno, ya que, aunque las formas están unidas, siguen sin estar en intersección. Por lo tanto, voy a hacer doble clic sobre la parte superior, la voy a mover un poco hacia abajo y vuelvo a pulsar en Unificar. Ahora sí es una sola forma. Cambiemos la opacidad del color blanco al 0 y movamos este control deslizante hasta obtener un valor de 60. Luego, vamos a Efecto > 3D > Rotar. La previsualización ya está activada. Puedes mover esto manualmente o elegir Isométrica arriba. Yo voy a mover la pieza aquí y la voy a enviar detrás haciendo clic derecho y yendo a Organizar > Enviar detrás. Ya tenemos una sombra para la pieza. Ahora, podemos moverla aquí y crear una copia manteniendo Alt + Mayús. Selecciona las formas sobre las que hemos usado el efecto de giro 3D y cambia el trazo a negro. Automáticamente, se cambia el color de la pieza Tenemos este color marrón, pero no me gusta, así que vayamos al panel Apariencia. Si no lo ves, ve a Ventana > Apariencia. Haz clic en el efecto de giro 3D para poder editarlo y cambia el color de difuminado a negro. El color 0, 0, 0, 0. Ya tienes la pieza negra. Por último, vamos a crear un rectángulo que ocupe un poco más que el tamaño del lienzo. Intercambia relleno y trazo, rellénalo con color marrón y ve a Organizar > Enviar detrás. Las sombras no quedan del todo bien, así que selecciona ambas y ve al panel Transparencia. Si no lo ves, está en Ventana > Transparencia. En vez de Normal, elige el modo de fusión Multiplicar. Ahora queda mucho mejor. Espero que te haya gustado este tutorial.
The transcript in this language is not yet available. We are working on it, please come back later!

Now you can show the world what you have learned.

Add a new project

Help us to improve tutpad

What's your opinion of this tutorial?

american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram vimeo interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip suitcase French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner cookie credit-card align-left align-center align-right justify bold underline italic typography link right-quotations list-editor