Cómo hacer una caja de producto y una maqueta de unidad flash

En este tutorial, aprenderá cómo hacer su propia imagen de una unidad flash y una caja de producto utilizando la herramienta Rectángulo, la herramienta Pluma, Extrusión 3D y biselado y varios gradientes.


Paso 1

Seleccione la herramienta Rectángulo (M) y dibuje un rectángulo con dimensiones W: 596px por H: 452px.


Paso 2

Crea los símbolos que aplicarás al cuadro. Creé cuatro símbolos en uno. Después de crear las formas, deslícelas en el panel Símbolo, vea la imagen a continuación.


Paso 3

Seleccione el rectángulo desde el Paso 1 y vaya a Efecto> 3D> Extrusión y bisel, ingrese los siguientes ajustes: Especifique la rotación alrededor del eje X: 0, Especifique la rotación alrededor del eje Y: -38, Especifique la rotación alrededor del eje Z: 0, Perspectiva: 58, Extruir Profundidad: 100 puntos, active Vista previa para ver por adelantado la perspectiva, luego haga clic en el botón Mapa de arte y aplique los símbolos que creó en el Paso 2, haga clic en Aceptar y, a continuación, vaya a Objeto> Expandir apariencia.


Etapa 4

Seleccione la herramienta Pluma (P), cree una forma en la parte inferior del cuadro como se muestra a continuación y rellene con los colores Gradiente lineal R: 239 G: 133 B: 43 a R: 191 G: 106 B: 34


Paso 5

Seleccione la herramienta Rectángulo (M), dibuje un rectángulo con esquinas redondeadas, Radio: 30px sobre todas las otras formas. Después de redondear las esquinas, vaya a Objeto> Expandir apariencia.


Paso 6

Ahora debe quitar las esquinas redondeadas en el lado izquierdo de la forma del paso anterior. Para hacer esto, dibuje un rectángulo que cubra las esquinas redondeadas de la forma, luego seleccione la forma del paso anterior y el rectángulo que creó anteriormente, abra el panel de Pathfinder y haga clic en el botón Frontal Frontal.


Paso 7

Con la forma aún seleccionada, vaya a Efecto> 3D> Extruir y biselar. En la nueva ventana de apertura, ingrese los siguientes ajustes: Especifique rotación alrededor del eje X: 0, Especifique rotación alrededor del eje Y: 0, Especifique rotación alrededor del eje Z: 0, Perspectiva: 58, Profundidad de extrusión: 0pt. Por supuesto, si lo deseas también puedes agregar otro símbolo. Haga clic en Aceptar, vaya a Objeto> Expandir apariencia y rellene la forma con los colores de degradado lineal R: 242 G: 242 B: 242 a R: 240 G: 230 B: 225 y edite los puntos clave de la izquierda como se muestra en la siguiente imagen.


Paso 8

Copie la forma que creó en el paso anterior dos veces con Control + C seguido de Control + F, nuevamente haga clic en Control + F, deslice la segunda copia hacia abajo y hacia la izquierda, luego edite los puntos como se muestra en la siguiente imagen. Ahora seleccione la primera copia y la copia que movió hacia abajo y hacia la izquierda y edite los puntos, abra el panel de Pathfinder, haga clic en el botón Frontal Inferior y rellene la forma con Gradiente lineal. Para hacer esto, abra el panel Degradado yendo a Ventana> Degradado (Control + F9). Necesitas cuatro deslizadores de gradiente. Para el primero, de izquierda a derecha, seleccione el color R: 209 G: 201 B: 196 con Ubicación: 0%, para el segundo R: 145 G: 145 B: 149, Ubicación: 30%, para el tercero R: 164 G: 163 B: 163, Ubicación: 62% y para el cuarto R: 95 G: 94 B: 96, Ubicación: 100% y Ángulo: 90 grados.


Paso 9

Seleccione la herramienta Pluma (P), cree una forma en el lado izquierdo del cuadro en la posición que se muestra en la siguiente imagen y rellénela con un degradado lineal de gris oscuro a gris claro.


Paso 10

Copie la forma del paso anterior usando Control + C, haga clic en Control + B detrás de ella, cambie el color a negro. Mueva la copia unos pocos píxeles a la izquierda, aplique Desenfoque gaussiano, Radio: 14px y reduzca la Opacidad: 35px


Paso 11

Seleccione la herramienta Pluma (P) y cree una forma en la parte superior debajo de las formas de los pasos 9 y 10 y rellénela con negro.


Paso 12

Cree otra forma en el lado inferior en la posición que se muestra y rellénela con Degradado lineal. Luego aplique Resplandor externo con los ajustes: Modo: Multiplicar, color negro, Opacidad: 75%, Desenfoque: 4px. También aplique Gaussian Blur, Radio: 5,2px y reduzca la Opacidad: 60%.


Paso 13

Copie la forma del Paso 8 usando Control + C seguido de Control + F. Mueva la copia sobre todas las demás yendo a Objeto> Organizar> Traer al frente, luego cree una forma usando la herramienta Pluma (P) que cubrirá la parte superior De la forma nos movemos sobre todos los demás. Seleccione ambas formas, abra el panel de Pathfinder, haga clic en el botón Minus Front y complete la nueva forma con Gradiente lineal, también aplique Desenfoque gaussiano con radio: 5,2px y cambie el Modo de fusión de Normal a Superposición.


Paso 14

Cree otra forma en la parte inferior en la posición que se muestra a continuación, rellénela con el color R: 247 G: 237 B: 232, aplique el Resplandor interior con los siguientes ajustes: Modo: Normal, color # 5imprendientesEdad, opacidad: 75%, Desenfoque: 2px y haga clic en OK.


Paso 15

Nuevamente, utilizando la herramienta Pluma (P), cree una forma con color negro en la parte superior izquierda del cuadro debajo de todas las demás, vea la imagen a continuación..


Paso 16

En este paso volveremos cerca del principio. Seleccione la herramienta Selección directa (A), haga clic en la forma más grande del Paso 2 y rellénela con el color R: 217 G: 217 B: 217, luego haga clic en el lado izquierdo del cuadro y rellénela con el color R: 247 G: 237 B: 232, ahora copie la última forma a la que cambió el color usando Control + C seguido de Control + F. Rellene la copia con Gradiente lineal. Para ello, abre el panel de degradado. Necesitas tres Slider Gradient. Para el primero de izquierda a derecha, seleccione el color R: 145 G: 145 B: 149, para el segundo R: 164 G: 163 B: 163 y para el tercero R: 95 G: 94 B: 96. Cambie el Modo de fusión de Normal a Multiplicar y reduzca la Opacidad: 70%. Dibuje una línea en la posición como se muestra con Color de trazo R: 102 G: 102 B: 102, Peso: 1px y aplique Desenfoque gaussiano con radio: 5,6px.

Hemos terminado con la caja. En los próximos pasos crearemos la unidad flash..


Paso 17

Seleccione la herramienta Elipse (L), dibuje una elipse como se muestra a continuación, vaya a Efecto> 3D> Extruir y biselado, ingrese las siguientes configuraciones: Especifique la rotación alrededor del eje X: 58, Especifique la rotación alrededor del eje Y: -20, Especifique la rotación alrededor del eje Z: 62, Perspectiva: 80, Profundidad de extrusión: 190 puntos, haga clic en el botón Más opciones e ingrese la configuración como se muestra a continuación.


Paso 18

Seleccione la herramienta Pluma (P), cree una forma en la posición como se muestra en la siguiente imagen y rellénela con un degradado lineal, vea la imagen a continuación.


Paso 19

Cree otra forma debajo de la anterior y rellénela con Gradiente lineal como se muestra en la imagen a continuación..


Paso 20

Continuamos agregando las formas necesarias de la unidad flash como se muestra a continuación.


Paso 21

Ahora seleccione todas las formas de la unidad flash y agrúpelas yendo a Objeto> Grupo.


Paso 22

Con el grupo seleccionado, cópielo utilizando Control + C seguido de Control + F. Luego vaya a Objeto> Expandir apariencia, luego abra el panel de Conmutadores y haga clic en el botón Agregar al área de forma.


Paso 23

Con la forma que apareció en el paso anterior seleccionado, vaya a Objeto> Ruta> Ruta de compensación. En el nuevo conjunto de ventanas de apertura Desplazamiento: 5 px, haga clic en Aceptar. Notará que la forma se duplica en un tamaño más grande después de aplicar la compensación. Puede eliminar la forma más pequeña y rellenar la más grande con Gradiente lineal como se muestra a continuación y cambiar el Modo de fusión de Normal a Multiplicar, reducir la Opacidad: 32% e ir a Objeto> Ruta> Ruta de desplazamiento, configurar Desviación: -2px, hacer clic Aceptar y aumentar la opacidad: 48%.


Paso 24

Seleccione la herramienta Pluma (P), cree formas en posición como se muestra en la siguiente imagen y rellénelas con un degradado lineal.


Paso 25

Seleccione la herramienta Pluma (P), cree algunas formas sobre todas las demás, llénelas con color, aplique Desenfoque radial con la configuración: Cantidad: 100, Método de desenfoque: Girar, Calidad: Bien, haga clic en Aceptar y, una vez hecho, hemos terminado..


Conclusión

Por último, puede agregar el fondo, la sombra y la reflexión de la forma que desee. Aquí está el resultado..