{"id":263593,"date":"2024-05-01T14:55:00","date_gmt":"2024-05-01T11:55:00","guid":{"rendered":"https:\/\/inform.click\/tutorial-de-illustrator-como-crear-una-calculadora-3d-realista\/"},"modified":"2024-05-01T14:55:00","modified_gmt":"2024-05-01T11:55:00","slug":"tutorial-de-illustrator-como-crear-una-calculadora-3d-realista","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/tutorial-de-illustrator-como-crear-una-calculadora-3d-realista\/","title":{"rendered":"Tutorial de Illustrator: C\u00f3mo crear una calculadora 3D realista"},"content":{"rendered":"

\n Hacer cualquier cosa en Adobe Illustrator realmente lleva el doble de tiempo, ya que puede ser un poco complicado manejarlo. En el siguiente tutorial, aprender\u00e1 c\u00f3mo crear una calculadora 3D realista en Adobe Illustrator<\/strong>.\n<\/p>\n

\n En el siguiente tutorial, aprender\u00e1 c\u00f3mo crear una calculadora 3D realista utilizando algunas herramientas b\u00e1sicas, la paleta Pathfinder, degradados, formas duplicadas y efecto 3D. As\u00ed que empecemos.\n<\/p>\n

\n Resultado final\n<\/p>\n

\n Veamos qu\u00e9 vas a crear en este tutorial.\n<\/p>\n

\n Crear una calculadora 3D realista en Illustrator
\n<\/h3>\n
\n Crear un nuevo documento
\n<\/h5>\n

\n 1 Inicie Illustrator y luego presione (Ctrl + N<\/strong>) para crear un nuevo<\/strong> documento. Seleccione P\u00edxeles<\/strong> en el men\u00fa desplegable Unidades, ingrese<\/strong> 680<\/strong> en el cuadro de ancho y 570<\/strong> en el cuadro de alto, luego haga clic en el  bot\u00f3n Avanzado<\/strong>. Seleccione RGB<\/strong>, Pantalla (72ppi)<\/strong> y aseg\u00farese de que la  casilla Alinear nuevos objetos a la cuadr\u00edcula de p\u00edxeles<\/strong> no est\u00e9 marcada antes de hacer  clic en Aceptar<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Crear las formas principales
\n<\/h5>\n

\n 2 Comience dibujando dos objetos (576 por 336 px<\/strong> y 576 por 112 px<\/strong>) usando la herramienta Rect\u00e1ngulo (M)<\/strong>. A continuaci\u00f3n, coloque dos objetos reci\u00e9n creados en las posiciones correctas, como se muestra en la segunda imagen.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 3 Elija la Herramienta de selecci\u00f3n directa (A)<\/strong> y use esta herramienta para seleccionar dos puntos de ancla izquierdos resaltados con magenta, luego mu\u00e9valos 94px<\/strong> a la derecha. A continuaci\u00f3n, seleccione dos puntos de anclaje derechos resaltados con magenta y mu\u00e9valos 94 px<\/strong> a la izquierda. Contin\u00fae con la Herramienta de selecci\u00f3n directa (A)<\/strong>, seleccione el punto de anclaje superior izquierdo del objeto m\u00e1s peque\u00f1o y mu\u00e9valo 116 px<\/strong> a la derecha. Luego seleccione el punto de anclaje superior derecho y mu\u00e9valo 116px<\/strong> a la izquierda. Al final, sus objetos deber\u00edan verse como la tercera imagen que se muestra.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 4 Ahora seleccione dos objetos reci\u00e9n creados, dupl\u00edquelos (Ctrl +C, Ctrl +F<\/strong>) una vez y luego oculte (Ctrl +3<\/strong>) las copias. Con la ayuda de la herramienta Segmento de l\u00ednea(),<\/strong> cree dos l\u00edneas horizontales y col\u00f3quelas en las posiciones que ve en la imagen, luego bloquee estas l\u00edneas (Ctrl +2<\/strong> ). A continuaci\u00f3n, elija la herramienta Agregar puntos de anclaje (+)<\/strong> y agregue cuatro puntos de anclaje en los puntos resaltados con magenta. Una vez que haya terminado de agregar los puntos de anclaje, presione (Ctrl +Alt +2<\/strong>) para desbloquear las l\u00edneas horizontales y luego elim\u00ednelas.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 5 Pulse (Ctrl +Alt +3<\/strong>) para mostrar dos objetos ocultos en el paso 4<\/strong>. Vuelva a seleccionar el objeto m\u00e1s peque\u00f1o y vaya a Efecto > Estilizar > Esquinas redondeadas<\/strong> … Ingrese un Radio de 11px<\/strong> y luego haga clic en Aceptar<\/strong>. A continuaci\u00f3n, vuelva a seleccionar el objeto m\u00e1s grande y vaya a Efecto > Estilizar > Esquinas redondeadas<\/strong> … Ingrese un radio<\/strong> de 21 px y luego haga clic en Aceptar<\/strong>. Finalmente, vuelva a seleccionar dos objetos rojos y vaya a Objeto > Expandir apariencia<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 6 Con la herramienta Segmento de l\u00ednea (),<\/strong> cree una l\u00ednea vertical y col\u00f3quela en la posici\u00f3n que ve en la imagen, luego bloquee esta l\u00ednea (Ctrl +2<\/strong> ). A continuaci\u00f3n, elija la herramienta Agregar puntos de anclaje (+)<\/strong> y agregue un punto de anclaje en el punto resaltado con magenta. Una vez que haya terminado de agregar los puntos de anclaje, presione (Ctrl +Alt +2<\/strong>) para desbloquear la l\u00ednea vertical y luego elim\u00ednela. Ahora vuelva a seleccionar el punto de anclaje reci\u00e9n creado y mu\u00e9valo 7px<\/strong> hacia abajo. Aseg\u00farese de que el punto de anclaje reci\u00e9n creado a\u00fan est\u00e9 seleccionado, haga clic en el bot\u00f3n \u00bb Convertir puntos de anclaje seleccionados para suavizar<\/strong> \u00bb en la barra de propiedades .<\/strong> A continuaci\u00f3n, elija la Herramienta de selecci\u00f3n directa (A)<\/strong>, mantenga presionada la teclaShift<\/strong>, luego haga clic en el controlador derecho del punto de anclaje reci\u00e9n creado y mu\u00e9valo hacia la derecha para aumentar la longitud de este controlador. A continuaci\u00f3n, mantenga presionada la tecla May\u00fas<\/strong>, luego haga clic en el controlador izquierdo y mu\u00e9valo hacia la izquierda.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 7 Seleccione dos objetos rojos y bloqu\u00e9elos (Ctrl +2<\/strong> ). A continuaci\u00f3n, seleccione cuatro puntos de anclaje de los objetos negros resaltados en azul y luego elim\u00ednelos. Antes de continuar, presione (Ctrl +Alt +2<\/strong>) para desbloquear dos objetos rojos. Ahora seleccione el objeto negro m\u00e1s grande y el objeto rojo m\u00e1s grande, luego abra la paleta Buscatrazos<\/strong> (Ventana > Buscatrazos<\/strong>) y haga clic en el bot\u00f3n Unir<\/strong>. Finalmente, seleccione los dos objetos restantes y haga clic en el bot\u00f3n Unir<\/strong>. Al final, sus nuevos objetos deber\u00edan verse como la quinta imagen que se muestra.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 8 Rellena el objeto m\u00e1s peque\u00f1o con R=92, G=92, B=88<\/strong>. A continuaci\u00f3n, rellene el objeto restante con R=193, G=198, B=200<\/strong>. Ahora seleccione la forma m\u00e1s grande, dupl\u00edquela (Ctrl +C, Ctrl +F, Ctrl +F<\/strong>) dos veces y oculte una copia (Ctrl +3<\/strong> ). Seleccione la copia restante y reemplace el color existente con R=107, G=113, B=113<\/strong>. A continuaci\u00f3n, mueva la forma reci\u00e9n creada 20px<\/strong> hacia abajo y luego env\u00edela hacia atr\u00e1s (Ctrl + Shift + Corchete izquierdo<\/strong> ). Mantenga esta forma seleccionada, vaya a Objeto > Transformar > Escala<\/strong> … En el cuadro de di\u00e1logo Escala, marque<\/strong> No uniforme<\/strong> e ingrese un 95<\/strong> en Horizontal<\/strong>cuadro, luego haga clic en Aceptar<\/strong>. Ahora vuelva a seleccionar dos formas grandes y vaya a Objeto> Fusi\u00f3n> Opciones<\/strong> de fusi\u00f3n … Siga los datos como se muestra en la cuarta imagen y luego haga clic en Aceptar<\/strong>. A continuaci\u00f3n, vaya a Objeto > Fusi\u00f3n > Crear (Ctrl +Alt +B)<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 9 Presione (Ctrl +Alt +3<\/strong>) para mostrar la forma oculta en el paso 8<\/strong> y luego reemplace el color existente con el degradado lineal como se muestra a continuaci\u00f3n.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 10 Vamos a comenzar a resaltar y sombrear las formas principales para darles un aspecto m\u00e1s 3D. Primero, con la herramienta Segmento de l\u00ednea (),<\/strong> cree una l\u00ednea horizontal, con un trazo de 2px (<\/strong> R=0, G=0, B=0<\/strong>) y sin relleno. A continuaci\u00f3n, elija la herramienta Pluma (P)<\/strong> y use esta herramienta para crear tres rutas como las que ve en la tercera imagen a continuaci\u00f3n. Una vez que haya dibujado sus rutas, seleccione dos rutas rojas, rell\u00e9nelas con ninguna y agregue un trazo de 2px (<\/strong> R = 129, G = 129, B = 130<\/strong> ), luego aplique el Perfil de ancho 4<\/strong> para el resultado. Mantenga los objetos resultantes seleccionados, vaya a Efecto > Desenfocar > Desenfoque gaussiano<\/strong> … Ingrese un radio de 3px<\/strong> y luego haga clic en Aceptar<\/strong>. Ahora seleccione la ruta azul, rell\u00e9nela con ninguna y agregue un trazo de 3px<\/strong> (R=242, G=246, B=246<\/strong> ). A continuaci\u00f3n, aplique el perfil de ancho 1<\/strong> y un efecto de desenfoque gaussiano de 4px<\/strong> para el objeto resultante. Contin\u00fae creando una ruta curva con la herramienta Pluma (P)<\/strong> como en la sexta imagen a continuaci\u00f3n. Una vez que haya dibujado su ruta, rell\u00e9nela con ninguno y agregue un trazo de 2px<\/strong> (aplique el degradado lineal a lo largo del trazo), luego aplique el Perfil de ancho 3<\/strong> para el resultado.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 11 Haga doble clic en el objeto combinado creado en el paso 8<\/strong>, seleccione la forma m\u00e1s oscura y presione (Ctrl + C<\/strong>) para copiarla. A continuaci\u00f3n, haga doble clic en cualquier lugar fuera del objeto combinado, luego presione (Ctrl +F<\/strong>) para pegar la copia al frente. Reemplace el color existente de esta copia con R=0, G=0, B=0<\/strong>, reduzca la Opacidad<\/strong> al 80%<\/strong> y luego aplique un efecto de Desenfoque gaussiano de 3px<\/strong> para la forma resultante. Finalmente, env\u00ede esta nueva forma hacia atr\u00e1s (Ctrl + Shift + Corchete izquierdo<\/strong> ).\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Crear el teclado
\n<\/h5>\n

\n 12 Con la herramienta Rect\u00e1ngulo (M)<\/strong>, cree un objeto de 60 por 60 px<\/strong>. Aseg\u00farese de que el objeto reci\u00e9n creado a\u00fan est\u00e9 seleccionado, vaya a Efecto > Estilizar > Esquinas redondeadas<\/strong> … Ingrese un Radio de 5px<\/strong> y haga clic en Aceptar<\/strong>, luego vaya a Objeto > Expandir apariencia<\/strong>. Rellene el nuevo objeto con R=101, G=105, B=97<\/strong>, duplique la forma resultante una vez y reemplace el color existente de la copia con R=43, G=43, B=39<\/strong>. A continuaci\u00f3n, mueva la forma resultante 5 px<\/strong> hacia abajo y 2 px<\/strong> hacia la derecha, luego env\u00edela hacia atr\u00e1s (Ctrl + Corchete izquierdo<\/strong> ).\n<\/p>\n

\"\"<\/a><\/p>\n

\n 13 Vuelva a seleccionar la forma reci\u00e9n creada creada en el paso 12<\/strong>, vaya a Objeto > Trazado > Desplazamiento de trayecto<\/strong> … Ingrese un Desplazamiento de 1px<\/strong> y luego haga clic en Aceptar<\/strong>. Mueva la nueva forma 1px<\/strong> hacia abajo y 1px<\/strong> hacia la derecha y luego reemplace el color existente con R=0, G=0, B=0<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 14 Seleccione la forma m\u00e1s clara creada en el paso 12<\/strong>, vaya a Objeto > Ruta > Ruta compensada<\/strong> … Ingrese una compensaci\u00f3n de -1px<\/strong> y haga clic en Aceptar<\/strong>, luego oculte esta nueva forma. Vuelva a seleccionar dos formas creadas en el paso 12<\/strong> y cree una mezcla entre ellas. Ahora presione (Ctrl +Alt +3<\/strong>) para mostrar la forma oculta en este paso, reemplace el color existente de esta forma con R=72, G=73, B=66<\/strong> y vaya a Efecto > Estilizar > Desvanecer<\/strong> … Ingrese un 8px<\/strong> Radio<\/strong> y haga clic en Aceptar<\/strong>, luego mueva la forma resultante 1px<\/strong> hacia arriba. Finalmente seleccione y agrupe (Ctrl + G<\/strong>) todas las formas creadas desde el paso 12<\/strong> hasta este momento, luego nombre este grupo \u00abbutton_01\u00bb.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 15 Luego viene el segundo bot\u00f3n. Con la herramienta Rect\u00e1ngulo (M)<\/strong>, cree un objeto de 60 por 60 px<\/strong>. Aseg\u00farese de que el objeto reci\u00e9n creado a\u00fan est\u00e9 seleccionado, vaya a Efecto > Estilizar > Esquinas redondeadas<\/strong> … Ingrese un Radio de 5px<\/strong> y haga clic en Aceptar<\/strong>, luego vaya a Objeto > Expandir apariencia<\/strong>. Rellene el nuevo objeto con R=76, G=78, B=77<\/strong>, duplique la forma resultante una vez y reemplace el color existente de la copia con R=43, G=43, B=39<\/strong>. A continuaci\u00f3n, mueva la forma resultante 5 px<\/strong> hacia abajo y 1 px<\/strong> hacia la derecha, luego env\u00edela hacia atr\u00e1s (Ctrl + Corchete izquierdo<\/strong>). Aseg\u00farese de que la forma reci\u00e9n creada a\u00fan est\u00e9 seleccionada, vaya a Objeto> Ruta> Ruta compensada<\/strong> … Ingrese un desplazamiento de 1px<\/strong> y luego haga clic en Aceptar<\/strong>. Mueva la nueva forma 1px<\/strong> hacia abajo y 1px<\/strong> hacia la derecha y luego reemplace el color existente con R=0, G=0, B=0<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 16 Seleccione la forma \u00ab1\u00bb creada en el paso 15<\/strong>, vaya a Objeto > Ruta > Ruta compensada<\/strong> … Ingrese una compensaci\u00f3n de -1px<\/strong> y haga clic en Aceptar<\/strong>, luego oculte esta nueva forma. Vuelva a seleccionar dos formas (\u00ab1\u00bb y \u00ab2\u00bb) creadas en el paso 15<\/strong> y cree una mezcla entre ellas. Ahora presione (Ctrl +Alt +3<\/strong>) para mostrar la forma oculta en este paso, reemplace el color existente de esta forma con R=50, G=53, B=49<\/strong> y vaya a Efecto > Estilizar > Desvanecer<\/strong> … Ingrese un 8px Radio<\/strong> y haga clic en Aceptar<\/strong>, luego mueva la forma resultante 1px<\/strong> hacia arriba. Finalmente seleccione y agrupe (Ctrl + G<\/strong>) todas las formas creadas desde el paso 15<\/strong> hasta este momento, luego nombre este grupo \u00abbutton_02\u00bb.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 17 Para crear el tercer bot\u00f3n, primero seleccione el grupo \u00abbutton_02\u00bb y haga una copia de este grupo (Ctrl +C, Ctrl +V<\/strong> ). Haga doble clic en el grupo reci\u00e9n creado y luego haga doble clic en el objeto combinado. Seleccione la forma m\u00e1s oscura y mu\u00e9vala 1px<\/strong> hacia la izquierda, haga doble clic en cualquier lugar fuera del objeto combinado. A continuaci\u00f3n, haga doble clic en el grupo nuevamente, seleccione el objeto negro y mu\u00e9valo 2px<\/strong> a la izquierda, luego haga doble clic en cualquier lugar fuera del grupo que acaba de editar. Nombre este nuevo grupo \u00abbutton_03\u00bb.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 18 Seleccione tres grupos reci\u00e9n creados, abra la paleta Alinear (<\/strong> Ventana\/Alinear<\/strong>) y haga clic en el bot\u00f3n \u00bb Alinear horizontalmente a la izquierda<\/strong> \u00ab, luego haga clic en el bot\u00f3n \u00bb Alinear arriba verticalmente<\/strong> \u00ab. Selecciona el grupo \u00abbutton_03\u00bb y mu\u00e9velo 170px<\/strong> a la derecha. A continuaci\u00f3n, seleccione el grupo \u00abbutton_02\u00bb y mu\u00e9valo 92 px<\/strong> a la derecha.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 19 Abra la paleta Car\u00e1cter (<\/strong> Ventana > Tipo > Car\u00e1cter<\/strong>) y luego configure los datos como se muestra a continuaci\u00f3n. A continuaci\u00f3n, seleccione la herramienta Tipo (T)<\/strong>, simplemente haga clic en su mesa de trabajo y agregue el n\u00famero \u00ab0\u00bb. Haga dos copias de este n\u00famero y luego col\u00f3quelas en las posiciones correctas como se muestra a continuaci\u00f3n.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 20 Seleccione tres botones reci\u00e9n creados y vaya a Objeto > Transformar > Mover<\/strong>. Siga los datos como se muestra a continuaci\u00f3n y luego haga clic en Copiar<\/strong>. Luego presione (Ctrl +D<\/strong>) tres veces para obtener los resultados como los que ve en la imagen a continuaci\u00f3n. Ahora seleccione los tres botones superiores (excepto los n\u00fameros \u00ab0\u00bb) y vaya a Objeto > Transformar > Transformar cada uno<\/strong> … Ingrese un 80<\/strong> en el cuadro Vertical<\/strong> y luego haga clic en Aceptar<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 21 Muestre las reglas<\/strong> (Ver > Ver reglas > Mostrar regla<\/strong>) o (Ctrl +R<\/strong> ). A continuaci\u00f3n, arrastre una gu\u00eda vertical desde las Reglas (si las gu\u00edas est\u00e1n bloqueadas, vaya a Ver > Gu\u00edas > Bloquear gu\u00edas<\/strong>) o (Ctrl + Alt +;<\/strong> ). Ahora seleccione un bot\u00f3n de la tercera columna, mantenga presionada la tecla May\u00fas<\/strong>, haga clic en la gu\u00eda reci\u00e9n creada, suelte la tecla May\u00fas<\/strong> y luego haga clic en el bot\u00f3n nuevamente (para fijar su posici\u00f3n). A continuaci\u00f3n, abra la paleta Alinear (<\/strong> Ventana > Alinear<\/strong>) y haga clic en el bot\u00f3n \u00bb Centro de alineaci\u00f3n horizontal<\/strong> \u00ab. Ahora seleccione dos columnas de botones como las que ve en la imagen de abajo, elija la Herramienta Reflejo (O)<\/strong>, mantenga presionada la tecla Alt<\/strong> y haga clic en la gu\u00eda reci\u00e9n creada. En el cuadro Reflejar<\/strong>, marque Vertical<\/strong> y luego haga clic en Copiar<\/strong>. A continuaci\u00f3n, seleccione todos los n\u00fameros \u00ab0\u00bb de dos columnas reci\u00e9n creadas y vaya a Objeto > Transformar > Transformar cada<\/strong> … En el cuadro de di\u00e1logo Transformar cada, marque<\/strong> Reflect X<\/strong> y luego haga clic en Aceptar<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 22 Seleccione el bot\u00f3n inferior de la segunda columna (excepto el n\u00famero \u00ab0\u00bb) y vaya a Objeto > Transformar > Transformar cada<\/strong> … Siga los datos como se muestra a continuaci\u00f3n y luego haga clic en Aceptar<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 23 Sigue la secuencia de im\u00e1genes y reemplaza los n\u00fameros \u00ab0\u00bb con otros n\u00fameros, letras y s\u00edmbolos. Ahora seleccione todos los n\u00fameros, letras, s\u00edmbolos y luego vaya a Objeto> Expandir apariencia<\/strong>. A continuaci\u00f3n, vaya a Objeto > Expandir<\/strong> y luego haga clic en Aceptar<\/strong> cuando aparezca el cuadro Expandir .<\/strong>\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 24 Seleccione y agrupe (Ctrl + G<\/strong>) todas las formas creadas desde el paso 12<\/strong> hasta este momento. Mientras selecciona el grupo reci\u00e9n creado, vaya a Efecto > 3D > Girar<\/strong> … Siga los datos como se muestra a continuaci\u00f3n y luego haga clic en Aceptar<\/strong>. Finalmente coloca el resultado en la posici\u00f3n correcta como ves en la imagen final.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Crear dos conmutadores
\n<\/h5>\n

\n 25 Con la ayuda de la herramienta Rect\u00e1ngulo (M)<\/strong>, cree un objeto de 72 por 12 p\u00edxeles<\/strong>. Mantenga seleccionado el objeto reci\u00e9n creado, vaya a Efecto > Estilizar > Esquinas redondeadas<\/strong> … Ingrese un radio de 8px<\/strong> y haga clic en Aceptar<\/strong>, luego vaya a Objeto > Expandir apariencia<\/strong>. Aseg\u00farese de que el objeto resultante a\u00fan est\u00e9 seleccionado, vaya a Objeto > Transformar > Escala<\/strong> … Verifique No uniforme<\/strong>, ingrese 150<\/strong> en el cuadro Horizontal<\/strong> e ingrese 120<\/strong> en el cuadro Vertical<\/strong>, luego haga clic en Copiar<\/strong>. A continuaci\u00f3n, mueva el nuevo objeto 10px<\/strong>a la derecha y vaya a Objeto > Transformar > Escala<\/strong> … Ingrese un 90<\/strong> en el cuadro Escala<\/strong> y luego haga clic en Copiar<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 26 Conc\u00e9ntrese en el lado derecho de dos objetos rojos, seleccione cuatro puntos de anclaje resaltados en azul y haga clic en el bot\u00f3n \u00bb Cortar ruta en los puntos de anclaje seleccionados<\/strong> \u00bb de la barra de propiedades .<\/strong> A continuaci\u00f3n, retire dos peque\u00f1os objetos rojos.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 27 Utilice la Herramienta de selecci\u00f3n directa (A)<\/strong>, haga clic en el punto de anclaje superior resaltado en azul y mu\u00e9valo hasta el punto resaltado en verde. A continuaci\u00f3n, seleccione el punto de anclaje inferior resaltado en azul y mu\u00e9valo hacia abajo hasta el punto resaltado en verde. Ahora use la herramienta de selecci\u00f3n directa (A)<\/strong>, seleccione dos puntos de anclaje resaltados en negro y luego haga clic en el bot\u00f3n \u00bb Conectar puntos finales seleccionados<\/strong> \u00bb de la barra de propiedades<\/strong>. Repita lo mismo para dos puntos de anclaje resaltados con magenta.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 28 Seleccione el punto de anclaje resaltado con magenta y mu\u00e9valo 20px<\/strong> a la izquierda. Ahora vuelva a seleccionar el objeto rojo y rell\u00e9nelo con el degradado lineal. A continuaci\u00f3n, seleccione el objeto negro y rell\u00e9nelo con el degradado radial.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 29 Haga una copia de la forma m\u00e1s oscura (Ctrl +C, Ctrl +F<\/strong> ). Mientras esta copia seleccionada y vaya a Objeto> Ruta> Ruta compensada<\/strong> … Ingrese un desplazamiento de -1px<\/strong> y haga clic en Aceptar<\/strong>, luego mueva la forma resultante 1px<\/strong> hacia abajo. A continuaci\u00f3n, seleccione dos formas reci\u00e9n creadas, abra la paleta Buscatrazos<\/strong> (Ventana > Buscatrazos<\/strong>) y haga clic en el bot\u00f3n Menos frente<\/strong>, luego reemplace el color existente de la forma resultante con R=50, G=53, B=49.<\/strong>\n<\/p>\n

\"\"<\/a><\/p>\n

\n 30 Contin\u00fae, vuelva a seleccionar la forma m\u00e1s oscura creada en el paso 28<\/strong> y vaya a Objeto > Transformar > Transformar cada<\/strong> … Ingrese los datos como se muestra a continuaci\u00f3n y luego haga clic en Copiar<\/strong>. A continuaci\u00f3n, reemplace el color existente de la nueva forma con el degradado lineal. Mantenga seleccionada la forma resultante y vaya a Objeto > Transformar > Escala<\/strong> … Ingrese un 98<\/strong> en el cuadro Escala<\/strong> y luego haga clic en Aceptar<\/strong>. A continuaci\u00f3n, reemplace el color existente de la nueva forma con R=133, G=139, B=139<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 31 Con la herramienta Elipse (L)<\/strong>, cree un objeto de 16 x 12 px<\/strong> y luego rell\u00e9nelo con R=40, G=44, B=44<\/strong>. Con la forma resultante seleccionada, vaya a Objeto > Transformar > Escala<\/strong> … Ingrese un 92<\/strong> en el cuadro Escala<\/strong> y luego haga clic en Aceptar<\/strong>. A continuaci\u00f3n, reemplace el color existente de la nueva forma con R=58, G=60, B=62<\/strong>. Mantenga la nueva forma seleccionada, dupl\u00edquela una vez, mueva la copia 6px<\/strong> hacia arriba y luego reemplace el color existente con R=128, G=130, B=133<\/strong>. Aseg\u00farese de que la forma resultante a\u00fan est\u00e9 seleccionada, dupl\u00edquela una vez y luego oculte la copia. Ahora seleccione dos elipses reci\u00e9n creadas y cree una combinaci\u00f3n entre ellas. A continuaci\u00f3n, muestre la forma oculta en este paso y vaya a Objeto > Transformar > Escala<\/strong> … Ingrese un 85<\/strong> en el cuadro Escala<\/strong> y luego haga clic en Aceptar<\/strong>. Reemplace el color de relleno existente de la nueva forma con el degradado lineal, agregue un trazo de 2 px (R<\/strong> 118, G = 120, B = 128<\/strong>) y luego aplique el Perfil de ancho 2<\/strong> para el resultado.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 32 Seleccione y agrupe (Ctrl + G<\/strong>) todas las formas creadas desde el paso 30<\/strong> hasta este momento. A continuaci\u00f3n, vuelva a seleccionar la forma m\u00e1s oscura creada en el paso 28<\/strong>, dupl\u00edquela una vez y luego ll\u00e9vela al frente (Ctrl + Shift + Corchete derecho<\/strong> ). Seleccione dos puntos de anclaje superiores de la nueva forma y mu\u00e9valos 10px<\/strong> hacia arriba. Ahora vuelva a seleccionar la forma reci\u00e9n creada y el grupo reci\u00e9n creado, luego vaya a Objeto> M\u00e1scara de recorte> Crear (Ctrl +7)<\/strong>. Finalmente, seleccione y agrupe todas las formas creadas desde el paso 25<\/strong> hasta este momento.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 33 Vuelva a seleccionar el nuevo grupo y vaya a Objeto > Transformar > Reflejar<\/strong> … Verifique la Vertical<\/strong> y luego haga clic en Copiar<\/strong>. Haga doble clic en el nuevo grupo, luego seleccione la forma como se ve en la tercera imagen y elim\u00ednela. A continuaci\u00f3n, seleccione la forma como se muestra en la quinta imagen y reemplace el color existente con R=174, G=180, B=182<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 34 Contin\u00fae, seleccione la forma como se ve en la primera imagen a continuaci\u00f3n y luego reemplace el color existente con el degradado radial. A continuaci\u00f3n, use la Herramienta de selecci\u00f3n directa (A)<\/strong>, seleccione todos los puntos de anclaje en el lado izquierdo de dos formas oscuras y luego mu\u00e9valos 15px<\/strong> a la izquierda. Ahora seleccione todas las formas como se muestra en la cuarta imagen y luego mu\u00e9valas a la posici\u00f3n como se muestra en la imagen final a continuaci\u00f3n. Finalmente, haga doble clic en cualquier lugar fuera del grupo que acaba de editar.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 35 Coloque dos grupos reci\u00e9n creados en las posiciones correctas como se muestra a continuaci\u00f3n.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 36 Para agregar algunos detalles, primero cree siete puntos suspensivos (R=92, G=92, B=88<\/strong> ). A continuaci\u00f3n, abra la paleta Car\u00e1cter (<\/strong> Ventana > Tipo > Car\u00e1cter<\/strong>) y luego configure los datos como se muestra en la segunda imagen a continuaci\u00f3n. A continuaci\u00f3n, seleccione la herramienta Tipo (T)<\/strong>, simplemente haga clic en su mesa de trabajo y agregue algunos n\u00fameros y letras, luego col\u00f3quelos en las posiciones correctas como se muestra a continuaci\u00f3n. Ahora vuelva a seleccionar todos los n\u00fameros y letras nuevos, luego vaya a Objeto > Expandir apariencia<\/strong>. Mientras se seleccionan los resultados, vaya a Objeto> Transformar> Cortar<\/strong> … Siga los datos como se muestra en la tercera imagen y luego haga clic en Aceptar<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 37 Repita el mismo proceso para agregar estos detalles en el lado izquierdo de la calculadora. En este punto, su calculadora deber\u00eda verse como en la segunda imagen a continuaci\u00f3n.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Crear la pantalla de visualizaci\u00f3n
\n<\/h5>\n

\n 38 Con la herramienta Rect\u00e1ngulo (M)<\/strong>, cree un objeto de 358 por 60 px<\/strong> como se muestra a continuaci\u00f3n. Seleccione el punto de anclaje superior izquierdo del nuevo objeto y mu\u00e9valo 10px<\/strong> a la derecha. A continuaci\u00f3n, seleccione el punto de anclaje superior derecho y mu\u00e9valo 10 px<\/strong> a la izquierda. Ahora vuelva a seleccionar el nuevo objeto y vaya a Efecto > Estilizar > Esquinas redondeadas<\/strong> … Ingrese un Radio de 10px<\/strong> y luego haga clic en Aceptar<\/strong>. Finalmente, rellene el objeto resultante con R=213, G=218, B=221<\/strong> y agregue un trazo de 1px (R=65, G=64, B=66<\/strong> ).\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 39 Vuelva a seleccionar la forma reci\u00e9n creada y vaya a Objeto > Transformar > Escala<\/strong> … Marque No uniforme<\/strong>, ingrese 95<\/strong> en el cuadro Horizontal<\/strong> e ingrese 83<\/strong> en el cuadro Vertical<\/strong>, luego haga clic en Copiar<\/strong>. Reemplace el color existente de la nueva forma con R=159, G=188, B=167<\/strong>. Mantenga seleccionada la forma resultante, abra la paleta Apariencia (<\/strong> Ventana > Apariencia<\/strong>) y haga clic en la secci\u00f3n Esquinas redondeadas<\/strong>. En el cuadro de di\u00e1logo Esquinas redondeadas, ingrese un Radio de<\/strong> 5px<\/strong> y luego haga clic en Aceptar<\/strong>. Aseg\u00farese de que la forma resultante a\u00fan est\u00e9 seleccionada, vaya a Efecto > Estilizar > Resplandor interior<\/strong>. Siga los datos como se muestra en la segunda imagen y luego haga clic en Aceptar<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 40 Abra la paleta Car\u00e1cter (<\/strong> Ventana > Tipo > Car\u00e1cter<\/strong>) y luego configure los datos como se muestra a continuaci\u00f3n. A continuaci\u00f3n, elija la herramienta Tipo (T)<\/strong>, simplemente haga clic en su mesa de trabajo y agregue el n\u00famero \u00ab8\u00bb. Vuelva a seleccionar el n\u00famero \u00ab8\u00bb y vaya a Objeto > Transformar > Mover<\/strong>. Ingrese un 24<\/strong> en un cuadro Horizontal<\/strong> y haga clic en Copiar<\/strong>, luego presione (Ctrl +D<\/strong>) diez veces. Vuelva a seleccionar todos los n\u00fameros \u00ab8\u00bb reci\u00e9n creados, agr\u00fapelos y reduzca la Opacidad<\/strong> de este grupo al 20%<\/strong>, luego as\u00edgnele el nombre \u00abdoce_ochos\u00bb. Ahora haga una copia (Ctrl +C, Ctrl +V<\/strong>) del nuevo grupo y cambie la Opacidad<\/strong>de la copia al 100%<\/strong>. Reemplace los n\u00fameros \u00ab8\u00bb del nuevo grupo con otros n\u00fameros, luego agregue algunos detalles como los que ve en la imagen final. Finalmente seleccione y agrupe (Ctrl +G<\/strong>) el nuevo grupo y estos detalles reci\u00e9n creados, luego as\u00edgnele el nombre \u00abn\u00fameros\u00bb.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 41 Vuelva a seleccionar el grupo \u00abdoce_ochos\u00bb y vaya a Efecto > Distorsionar y transformar > Distorsi\u00f3n libre<\/strong> … En el cuadro Distorsi\u00f3n libre<\/strong>, arrastre el controlador de la esquina superior derecha en el cuadro delimitador hacia la izquierda, luego haga clic en Aceptar<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 42 Vuelva a seleccionar el grupo de \u00abn\u00fameros\u00bb y vaya a Efecto > Distorsionar y transformar > Distorsi\u00f3n libre<\/strong> … En el cuadro Distorsi\u00f3n libre<\/strong>, arrastre el controlador de la esquina superior derecha en el cuadro delimitador hacia la izquierda, luego haga clic en Aceptar<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 43 Antes de continuar, seleccione y elimine dos ochos del grupo de \u00abn\u00fameros\u00bb. A continuaci\u00f3n, vuelva a seleccionar dos grupos reci\u00e9n creados, abra la paleta Alinear (<\/strong> Ventana > Alinear<\/strong> ), haga clic en el bot\u00f3n \u00bb Alinear horizontalmente<\/strong> a la derecha \u00bb y luego haga clic en el bot\u00f3n \u00bb Alinear inferior verticalmente<\/strong> \u00ab. Finalmente coloque estos grupos en la posici\u00f3n correcta como se muestra en la imagen final a continuaci\u00f3n.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 44 Abra la paleta Car\u00e1cter (<\/strong> Ventana > Tipo > Car\u00e1cter<\/strong>) y luego configure los datos como se muestra a continuaci\u00f3n. A continuaci\u00f3n, seleccione la herramienta Tipo (T)<\/strong>, haga clic en su mesa de trabajo y agregue el texto \u00abCalculadora\u00bb. Vuelva a seleccionar el nuevo texto y vaya a Efecto > Distorsionar y transformar > Distorsi\u00f3n libre<\/strong> … En el cuadro Distorsi\u00f3n libre<\/strong>, arrastre el controlador de la esquina superior izquierda en el cuadro delimitador a la derecha, luego haga clic en Aceptar<\/strong>. El resultado deber\u00eda verse como la imagen final a continuaci\u00f3n.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 45 Para agregar algunos detalles, primero elija la herramienta Rect\u00e1ngulo (M)<\/strong> y use esta herramienta para crear un objeto de 26 por 23 px<\/strong>, luego rellene el nuevo objeto con el degradado lineal. Mantenga seleccionada la forma resultante, vaya a Objeto > Transformar > Mover<\/strong>. Ingrese un 26<\/strong> en el cuadro Horizontal<\/strong> y haga clic en Copiar<\/strong>, luego presione (Ctrl +D<\/strong>) dos veces. A continuaci\u00f3n, elija la herramienta Segmento de l\u00ednea ()<\/strong> y dibuje tres caminos verticales como se muestra a continuaci\u00f3n. Una vez que haya dibujado sus rutas, rell\u00e9nelas con ninguna y agregue un trazo de 1px (<\/strong> R = 49, G = 39, B = 40<\/strong> ). Ahora seleccione todos los objetos creados en este paso y agrupe (Ctrl +G<\/strong>) a ellos. Contin\u00fae creando otra forma (110 por 25 px<\/strong>) con la herramienta Rect\u00e1ngulo (M)<\/strong> y luego rell\u00e9nela con R=35, G=31, B=32<\/strong>. Mantenga seleccionada la forma resultante, mantenga presionada la tecla May\u00fas<\/strong> y haga clic en el grupo reci\u00e9n creado. Abra la paleta Alinear (<\/strong> Ventana > Alinear<\/strong> ), haga clic en el bot\u00f3n \u00bb Centro de alineaci\u00f3n horizontal<\/strong> \u00bb y haga clic en el bot\u00f3n \u00bb Alinear verticalmente en la parte inferior<\/strong> \u00ab, luego vaya a Efecto > Distorsionar y transformar > Distorsi\u00f3n libre<\/strong>. En el cuadro Distorsi\u00f3n libre<\/strong>, arrastre el controlador de la esquina superior derecha en el cuadro delimitador hacia la izquierda, luego haga clic en Aceptar<\/strong>. Finalmente coloque el resultado en la posici\u00f3n como se muestra en la imagen final a continuaci\u00f3n.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n Resultado final
\n<\/h4>\n

\n As\u00ed es como se ve el dise\u00f1o completo. Espero que disfrutes este tutorial.\n<\/p>\n

\n \u00a1Felicidades! Has completado la lecci\u00f3n. Espero que hayas descubierto algunas cosas \u00fatiles en este tutorial. La imagen del resultado final est\u00e1 abajo. \u00a1Disfrutar!\n<\/p>\n

\"\"<\/a><\/p>\n

\n Conclusi\u00f3n
\n<\/h4>\n

\n Por dif\u00edcil que parezca, estoy muy seguro de que si sigues mi tutorial encontrar\u00e1s mucha ayuda usando tus habilidades e im\u00e1genes para producir tu propia creaci\u00f3n. Una vez m\u00e1s, gracias por usar nuestro tutorial, estaremos encantados de responder cualquier pregunta que pueda tener. Simplemente puede dejar un comentario a continuaci\u00f3n.\n<\/p>\n

\n Descargar archivos de origen de resultados
\n<\/h3>\n
    \n
  • \n Descargar archivo fuente .ai (.zip, 1,93 MB)\n <\/li>\n<\/ul>\n
    \n Fuente de grabaci\u00f3n: instantshift.com\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Hacer cualquier cosa en Adobe Illustrator realmente lleva el doble de tiempo, ya que puede ser un poco complicado manejarlo. En el siguiente tutorial, aprender\u00e1 c\u00f3mo crear una calculadora 3D realista en Adobe Illustrator. En el siguiente tutorial, aprender\u00e1 c\u00f3mo crear una calculadora 3D realista utilizando algunas herramientas b\u00e1sicas, la paleta Pathfinder, degradados, formas duplicadas y efecto 3D. As\u00ed que empecemos. Resultado final Veamos lo que crear\u00e1 en este tutorial. Crear una calculadora 3D realista en Illustrator Crear un nuevo documento 1. Inicie Illustrator y luego presione (Ctrl +…<\/p>\n","protected":false},"author":1,"featured_media":130877,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[229,710,606,60],"tags":[],"class_list":["post-263593","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-libros-de-texto","category-software-2","category-tecnologia-y-mas","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263593"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263593\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/130877"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}