DIBUJAR UN OBJETO 3D

En este tutorial para Photoshop y Illsutrator veremos y aprenderemos a dibujar objetos 3D, de
gran realismo y de una calidad muy buena
El director creativo de la agencia rusa SoftFacade, nos muestra cmo crear grandes iconos
vectoriales en 3D fcil y rpido en Photoshop, utilizando algunas tcnicas que pueden acelerar su
trabajo
Alguna vez ha querido utilizar esta herramienta en 3D en Photoshop para generar imgenes de
calidad profesional, y no slo para la experimentacin? Sabes que el 100% de imgenes
vectoriales en 3D son fciles de crear y hacer dentro de tu editor de imgenes? En
este tutorial vamos a la orilla. Vamos a reducir al mnimo la parte de la rutina todo el proceso
requiere slo cinco simples formas dibujadas a mano. Sombreado perfecto, texturas, luces y
perspectiva todo est hecho conPhotoshop e Illustrator. Vamos a minimizar el tiempo en este
icono se puede representar en tan slo una hora. Y vamos a maximizar la calidad.

1. Inicio de diseo
Vamos a empezar con un archivo de 800700 pxeles en Photoshop en RGB, con un degradado
de color gris para un fondo y un poco de ruido. Tambin puede crear relleno adicional en blanco y
negro.

2. Dibujar la forma de un mando

Usando una herramienta de la pluma, dibujar la mitad de su mando de videojuegos. Trate de usar
los menos puntos de ancla posibles. Alinear las dos mitades que forman un perfecto mando. Usted
debe superponerse las formas para evitar huecos entre ellas. Y no se olvide hacer una copia de
seguridad de las capas de forma!

3. Expandir la forma
Necesitamos un poco de magia de Illustrator aqu. La combinacin de estos dos mitades de una
forma, copiar y pegar en un documento de Illustrator. Hacer el Objeto> Trazado> comando Offset
Path (2 pxeles de desplazamiento).

4. Grupo de la forma
Copia de la ampliacin de la nuevo path y otra vez de pegarlo en Photoshop (como una
path). Grupo de la capa de forma. Utilice la forma original (no el expandido) como una mscara de
grupo (Alt + arrastre la mscara con el grupo). As que usted debe tener su capa de forma
ampliada en el interior del grupo con la path original como una mscara.

5. cuerpo 3D del mando

Con la forma de la capa seleccionada, haga clic en 3D> Repujado mscara de capa>. Seleccione
la textura en blanco por defecto para todos los materiales e inflar los lados de Forma
preseleccionada. No te olvides de seleccionar la calidad de malla> mejor en la configuracin de
escena, y haga clic en Aceptar.

6. La forma en 3D sin problemas

Y he aqu por qu es necesario las mscaras. Como puede ver, hacen por defecto en 3D en
Photoshop deja el render alisado, para que podamos usar la mscara vectorial para que sea
agradable y sin problemas de nuevo. Para asegurarse de que puede utilizar el modo de alta calidad
de render, pero es muy lento.

7. Material de color
Cambiar el material de la inflacin frente a algo como esto: azul oscuro, color difuso, 100% brillo, el
65% Brillo y color cian para el ambiente. Puede comprobar los valores de color exacto en el
archivoPSD adjunto, pero no tiene que ajustar el color de ahora, usted puede hacerlo ms
adelante.

8. Las luces de configuracin

La siguiente cosa que determina el aspecto de nuestro modelo 3D es un rayo. Aqu est mi
configuracin de las luces. Parece un poco complicado, pero slo hay que aadir una luz azul
infinito del volumen principal: uno para la parte superior, una para el fondo, y un par de luces a los
lados del gamepad. Tambin he aadido un par de luces de punto en los laterales, para mostrar la
mejor forma.

9. Luces
Esto es lo a lo que el modelo debe ser similar. Recuerde que podemos construir la base de nuestra
escena actual, y se puede ajustar a su gusto y obtener cualquier resultado que usted desee.

10. Textura
Vamos a aadir un poco de textura de alta tecnologa. En la ventana de Configuracin de material,
aadir la nueva textura para el canal de Bump. A continuacin, haga doble clic en la recin
aparecida textura Bump para abrirlo como un objeto inteligente.

11. Patrn
Cambiar el tamao del documento a 512512. Crear patrn de clulas simples como esta dentro
del documento. Puede utilizar mi patrn de la Divisin del Sector Privado adjunto, o crear su propio
patrn. Usted slo debe hacer que su patrn sea de trazos oscuros (pero no negro) que el fondo.

12. Mapa de relieve

Guarde y cierre el documento textura. Su mando debe actualizar y mostrar la textura aplicada. Se
ve feo, pero la textura sigue la forma del gamepad, y refleja el rayo de verdad! Vamos a
ajustar. Ajuste la cantidad de Bump a algo as como 0,1 y haga clic en el comando Editar
propiedades.

13. Puesta a punto

Establecer la escala de U a 3 y la escala de V a 2. Por supuesto, puede cambiar estos nmeros de
acuerdo con su idea y la textura de su bache. De este modo, Photoshop, se agruparn a la textura
por lo que es ms pequeo. Ntese cmo una textura sutil puede hacer que el objeto parezca real
y tangible.

14. Estilo de capa

Y ahora el toque final para el cuerpo mando. Agregue un poco de ruido con la superposicin de
patrones y una sombra interior de color azul claro a travs de la capa de estilo. Si an no tienes un
montn de patrones de ruido en la biblioteca de patrones, le recomiendo que para crear algunos o
tomar la ma. Tambin agregue 2 pxeles de trazo negro para el mando.

15. Stick analgico

Usando una herramienta de la pluma, dibuja una forma vectorial simple como esto. Trate de alinear
dos puntos a la izquierda en sentido horizontal (la misma coordenada X). Copia de seguridad de la
capa de forma.

16. 3D
Una vez ms, haga clic en 3D> Repujado> mscara de capa. Esta vez seleccione otro preset
que gira en la forma. Establecer el punto de anclaje a la izquierda-centro, ngulo X a 360, cualquier
material en blanco para todas las superficies y la calidad de la malla> Best mejor.

17. Guardado de material

Tenemos que volver a usar nuestro material azul, as que seleccione la capa principal, y en la
ventana de materiales, haga clic en el botn desplegable situado junto a la esfera material de vista
previa, el pequeo botn en la parte derecha de la lista de materiales, entonces ver el comando
de nuevo material. El nombre del material y guardarlo.

18. La aplicacin del material

Si usted an no ha guardado las luces, creado para el cuerpo principal, hazlo ahora (Ahorra Luces
de comandos predefinidos en la lista de las luces en el men desplegable).Seleccione su stick
anlogo de Jack capa 3D y aplicar el material de color azul (que ahora est en la lista de materiales
de las esferas) en el material de extrusin. Apague el mapa de relieve.

19. 3D para objetos inteligentes

Como puedes ver, tenemos alias feas aqu. Vamos a golpearlos con un pequeo truco. En primer
lugar, rotar el objeto en 3D que desee (como el 75 de rotacin de X). Si no te gusta el modelo,
modificar la capa de forma y repetir los pasos. Y cuando ests satisfecho con el modelo, convertir
la capa 3D de un objeto inteligente.

20. La aplicacin de la luz

Vamos a continuar nuestro trabajo en el interior del objeto inteligente. Antes de quitar los bordes,
tenemos que aadir las luces. En la paleta de luces 3D, haga clic en el comando de reemplazar las
luces de Presets y seleccione el ajuste preestablecido guardado previamente. Ajustar si es
necesario (brillo, color, ngulo) y eliminar las luces de punto si se ven mal. Tambin he aadido una
luz para mostrar la cara superior mejor.

21. Cambiar el tamao de los objetos inteligentes

An dentro de la objetos inteligentes. Imagen> Recortar pxeles> transparente. Imagen> Tamao
de imagen y hacer que el documento 10 veces ms grande. Si usted no puede ver la capa de 3D
despus de que este es el combo: con la herramienta de rotacin 3D seleccionada, haga clic en
el icono de la casa. Entonces (si es que todava no puede ver el modelo), seleccione la herramienta
Mover (V), flecha izquierda, flecha de la derecha.

22. Anti-aliasing
Cerca al guardar el objeto inteligente. Ver la toma de enorme dentro del documento
principal. Simplemente reducir su tamao 10 veces y tiene 10 veces ms anti-aliasing.Adems,
elmodelo 3D dentro de las actualizaciones de objetos inteligentes muy rpido (a diferencia de la
prestacin de alta calidad en Photoshop).

23. Aadir un degradado

Yo uso este truco muy a menudo. Crear un nuevo 512512 vaco (transparente). Haga doble clic
en la capa (single). Aadir un radial de blanco a transparencia del degradado. No se olvide de
apagar la capa de Transparencia.

24. Degradado como un objeto inteligente

Convertir esta capa de objetos inteligentes. Colquelo en el documento principal. Haga una copia
de la capa y moverlo a algn grupo oculto (para una copia de seguridad). Ahora usted tiene un
degradado de blanco radial que usted puede fcilmente mover, redimensionar, deformar y
distorsionar a su gusto. Aadir un par de destacados en los laterales de la toma.Claro que es un
detalle pequeo, pero con este objeto inteligente ahora usted puede agregar fcilmente luces y
sombras.

25. Toques finales

Abra la ventana de estilos de capa. Aadir un poco de ruido con la superposicin de
patrones. Aadir Superposicin de colores en el modo de color o tono justo para adaptarse mejor a
color de la carrocera gamepad. Y lo ltimo, aadir el efecto de Desenfoque de superficie con un
radio pequeo (1 2) y el umbral de alrededor de 30-35. Esto slo debera suavizar un poco la
superficie para que se vea menos vector/3D.

26. Stick analgico

Una vez ms, dibujar la forma como este y repetir los pasos que hizo para la toma: giran con la
herramienta de repujado, gire un poco y convertir el modelo en 3D de un objeto inteligente.

27. La luz, el material y anit-aliasing

Contine repitiendo los pasos. Vuelva a colocar la luz programados como lo haca antes, asignar el
material azul, retire todos los pxeles transparentes en todo y hacer que el tamao de la imagen 10
veces ms grande. Si ests contento con el relmpago y el material, cerrar y guardar el objeto
inteligente. No te olvides de hacer 10 veces ms pequeo en el documento principal.

28. Toques finales

Una vez ms, aadir un poco de ruido, Superposicin de colores, algunos Sombra interior de color
azul claro como la luz va desde la parte inferior, y la sombra negro. No te olvides de aadir un poco
de Desenfoque de superficie. Cuando ests satisfecho con el aspecto de la palanca de mando,
duplicar todo el grupo, colocarlo en forma horizontal y coloque la barra simtrica.

29. Un botn de
Ahora, cambiar a Illustrator y dibujar una forma simple como esto. Recuerde: el uso de algunos
puntos como sea posible, y en este caso de uso slo Bzier (curvas) puntos. Haga clic en el
Efecto> 3D> Girar comando.

30. 3D
Establecer un 360 simples giran con dos fuentes de luz y 64 pasos de mezcla, como se muestra
aqu. Si usted no ve todos estos ajustes, haga clic en el botn Ms opciones. No te olvides de
cambiar el ngulo de rotacin a algo as como 60 y haga clic en Aceptar. Puede comprobar la
configuracin de mi en el PSD se adjunta como de costumbre.

31. Detalles
Duplicar el objeto 3D en Illustrator y ajustarlo para mostrar el nico destacado en la superficie de
color negro, ajuste la mezcla a Color Dodge, y reducir su opacidad. Este truco puede hacer el
ajuste en3D mucho ms fcil en Illustrator: usted puede controlar las fuentes de luz de forma
independiente. Tambin he aadido un crculo negro semi-transparente de abajo y de alto brillo de
luz en la parte superior del botn.

32. Pulir el botn

Copie el botn y pgalo en tu PSD como un objeto inteligente. Ajustar el tamao y posicin, y
aadir algunos estilos de capa: Sombra blanca (para mostrar el chafln), superposicin de patrn
de ruido, color o gradiente de superposicin.

33. Cuatro botones

Aadir una capa de texto con la letra A, ajustar su estilo de capa (transparencia, Sombra blanca,
Sombra interior negro) para mostrar el bisel. Cuando ests satisfecho con el aspecto del botn, se
duplican en tres ocasiones, cambiar de posicin y las letras. Ahora usted puede fcilmente ajustar
el objeto vectorial inteligente dentro de Illustrator y se actualizar todos los cuatro botones.

34. D-Pad botn

En el documento de Illustrator, dibujar una figura como esta, utilice el objeto de trazado>>
comando Offset Ruta para aadir esquinas redondeadas. Vamos a repetir esta tcnica para el
botn d-pad. Pero esta vez estamos usando el efecto Extrusin y biselado en vez de
Revolucin. Ajustar las luces y el ngulo y copiar y pegar el botn en el interior del documento
de Photoshop.

35. Pulir el botn

Como de costumbre, aadir sombra blanca, el ruido y la superposicin de color. Tambin puede
aadir color azul claro Sombra interior va desde la parte inferior para mostrar mejor la profundidad
de la extrusin. Tambin aadir un poco de Desenfoque de superficie para que el botn parezca
menos vector. Sigue siendo vector en el camino.

36. Los cuatro botones

No podemos duplicar el objeto inteligente para hacer cuatro botones. Haga clic derecho en la capa
y seleccione el nuevo objeto inteligente a travs de comandos de copia. Haga doble clic en l para
abrir la ventana de Illustrator y girar las formas en s por lo que la extrusin de baja como
debera. Repita una vez ms y establecer todos los botones en su lugar.

37. Material brillante

Vamos a aadir algunas lneas brillantes. Duplicar el objeto en 3D del cuerpo principal y cambie su
material a algo de color azul claro, sin ningn tipo de texturas. Utilizando diferentes modos de
formas dentro de la mscara de capa vectorial crear la forma como este, la lnea que brilla
intensamente.

38. Las partes ms brillantes

Repita los pasos para aadir una lnea ms, tal vez algn logotipo u otros indicadores para hacer
que el icono se vea ms interesante. No se olvide de algunos estilos de capa de lujo como
Resplandor interior y Resplandor exterior.

39. Partes, sin la textura bump

Duplicar el cuerpo principal de nuevo, apague la textura golpe para esta capa y dibujar algunas
formas dentro de la mscara de la capa (no se olvide de utilizar los modos adecuados). Esto le
mostrar la capa sin la textura bump slo alrededor de los controles, de esta manera hacerlas ms
conectada con el cuerpo.

40. Sombra y luz

Una vez ms, duplicar el cuerpo principal, lo convierten en el objeto inteligente, el cambio Llenar la
capa a 0%, aadir un poco de gradiente de negro a su estilo de capa y reducirla as a tomar forma
de la sombra. Ahora slo tiene que aadir algunos efectos de desenfoque a la capa para que la
sombra perfecta. Use un par de objetos blancos degradado radial inteligente con superposicin de
colores para aadir un poco de brillante. Tambin he aadido un trazo negro de lo simple a lo
gamepad.

41. Ajuste final

No olvides que ahora nuestro icono es totalmente personalizable, puedes sintonizar todos los
modos para obtener el resultado perfecto. Por lo general, aado algunos Vibrance, niveles y capas
de Curvas. Colores meloda, la textura, efectos, formas todo lo que quieras. Aqu est mi
resultado: