shatter efecto dge texto en 3d - tutorial _ milicia medios

19
25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 1/19 Texto 3D Shatter Efecto - Tutorial Autor: Arno Van Waeyenberg. con 141 Comentarios (#comments) ¿Te gustó este artículo? Yo te voy a mostrar cómo hacer un texto 3D añicos efecto. Este efecto se hace en dos programas, Cinema 4D y Photoshop.If usted no ha oído hablar de Cinema 4D antes de que sea relativamente fácil de usar 3D, es muy similar a 3dsMax o Maya. Voy a ir muy a fondo con la parte de Cinema 4D, para todos los usuarios sin experiencia, tan desnudo conmigo si voy demasiado lento. Ahora basta charlar, vamos a saltar dentro Recursos necesarios En este tutorial vamos a utilizar algunos de los recursos que se desea descargar antes de comenzar: (https://www.box.net/shared/static/jgoed6n0rd.zip) (Opcional) Cinema 4d materiales (http://designfreebieshub.com/downloads/shinyroughsteel.zip) * NEW * - Acabamos de publicar una fuente que se puede descargar, que crea un efecto similar. Hay que ver! (http://mediamilitia.com/shattered-3d-font-free/) Final preliminar de la imagen Paso 1: Crear el texto básico Abre Cinema 4D y crea un objeto de texto Escriba "Milicia de Medios" en el objeto de texto

Upload: jesus-eduardo-albarracin

Post on 28-Dec-2015

29 views

Category:

Documents


1 download

DESCRIPTION

para aprender

TRANSCRIPT

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 1/19

Texto 3D Shatter Efecto - Tutorial

Autor: Arno Van Waeyenberg. con 141 Comentarios (#comments)

¿Te gustó este artículo?

Yo te voy a mostrar cómo hacer un texto 3D añicos efecto. Este efecto se hace en dos programas, Cinema 4D y Photoshop.If usted no ha oído hablar de Cinema 4D antes deque sea relativamente fácil de usar 3D, es muy similar a 3dsMax o Maya. Voy a ir muy a fondo con la parte de Cinema 4D, para todos los usuarios sin experiencia, tan desnudo

conmigo si voy demasiado lento. Ahora basta charlar, vamos a saltar dentro

Recursos necesarios

En este tutorial vamos a utilizar algunos de los recursos que se desea descargar antes de comenzar:

(https://www.box.net/shared/static/jgoed6n0rd.zip)

(Opcional) Cinema 4d materiales (http://designfreebieshub.com/downloads/shinyroughsteel.zip)

* NEW * - Acabamos de publicar una fuente que se puede descargar, que crea un efecto similar. Hay que ver! (http://mediamilitia.com/shattered-3d-font-free/)

Final preliminar de la imagen

Paso 1: Crear el texto básico

Abre Cinema 4D y crea un objeto de texto

Escriba "Milicia de Medios" en el objeto de texto

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 2/19

Ahora gire el objeto de texto: 90 * en el eje X y -90 * en el eje Y

Crear un objeto NURBS Extrusión

Y colocar el texto en ella

Cambiar las propiedades de objeto de la NURBS Extrusión de 0/0/35

Ahora tome su objeto ExtrudeNURBS y pulsa "C" (esto hace que su objeto editable)

Abrir este objeto y seleccione todo (Ctrl + A) a continuación, haga clic en el objeto y pulse "Conectar"

Ahora puede eliminar su viejo objeto que acaba de "Conectado"

Cambie el nombre del objeto "Milicia de Medios"

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 3/19

Tome la herramienta de polígono y la herramienta de selección rectangular, asegúrese de desmarcar la casilla "seleccionar sólo elementos visibles" caja

Ahora, con el botón de desplazamiento del ratón haga clic en el "lienzo" y verá que cuatro vistas diferentes acaban de abrir, vamos a utilizar la vista superior

Así botón central en la visión superior para hacer que la visión más grande, y seleccionar la primera letra "M" de los medios de comunicación milicia clic derecho sobre él y

pulsar "Split"

Esto crea un nuevo objeto con sólo la "M" ya eliminar la selección que haya seleccionado, se eliminará la "M" de los medios de comunicación que te deja con un objeto de "M"

y un objeto "edia Milita". Cambie el nombre del objeto que acaba de dividir a la "M"

Ahora vuelve a tu objeto "Media Militia" y seleccionar y dividir la "t", tal como lo hicimos con la "M". Eliminar la "t" de su objeto Milicia Medios y cambiar el nombre de la "t"que acaba de dividir a la "t"

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 4/19

Oriente clic en la pantalla y volver a la vista de perspectiva. Tome la herramienta Selección en vivo y en el objeto de "M", seleccione el polígono se muestra:

Haga clic derecho sobre la pantalla y seleccionar "Extrusión"

Añadir 350 para el desplazamiento

Ir al Top View y seleccione el objeto "t", presione Ctrl + A (para seleccionar todos los polígonos) y luego tomar su herramienta Escala y ampliar el eje X (o del eje rojo) a 220

Volver a la vista de perspectiva y seleccione el polígono se muestra con la herramienta Selección en vivo

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 5/19

Haga clic derecho sobre la pantalla y seleccione Extrusión y añadir 1.000 m en el desplazamiento

Lleve a su uso de herramientas del modelo y la herramienta Selección en vivo

Hacer un piso

Ir a la vista derecha, seleccione los tres objetos de texto y mover a la derecha en la parte superior de su piso

Ahora hace dos copias de cada objeto de texto y colóquelo debajo de cada copia es original, el nombre de cada objeto como se muestra a continuación

Crear un fragmento del objeto y copiarlo, nombre de uno añicos objeto "Shatter 1" y el otro "Shatter 2"

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 6/19

Cambie la fuerza del objeto "fragmento 1" a 20%, y la fuerza del objeto "Destruir 2" a 10%

Seleccione ambos Destruir objetos y copiarlos en dos ocasiones, ahora hacer una Shatter objeto en cada objeto de texto copiado (el partido para arriba según su número como

se muestra)

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 7/19

Ahora selecciona todos los objetos de texto que terminan en un 1 o un 2 y tomar la herramienta Selección en vivo

Y mover el "eje verde" hasta 14,3 puntos, por lo que es en la parte superior del objeto de texto original

Ir a la vista superior, tomar la herramienta poligonal para seleccionar todos los objetos de texto que termina con "1"

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 8/19

Asegúrese de que usted no tiene polígonos seleccionados (a la izquierda, haga clic en cualquier lugar en el lienzo para de-seleccionar los polígonos es posible que haya

seleccionado)

Haga clic derecho sobre el lienzo y seleccione "Knife" (asegúrese de que lo visible es sólo chequeado)

Ahora empezar a cortar al azar de un lado de su texto a otro, haga lo siguiente en torno a 30 a 60 veces (esto hará que los pedazos más pequeños)

Asegúrese de no dejar ninguna polígonos largos como el M T extruido y sin cortes

Mantenga cortar hasta que tenga algo como esto

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 9/19

Ahora haga lo mismo para los objetos de texto que terminan en "2"

Después de que vaya a la vista lateral y empezar a cortar los objetos de texto que terminen en 1 y 2 tal como lo hicimos antes (asegúrese de desmarcar la casilla "Visible Only")

Ahora selecciona todos los objetos de texto "2" y ampliar el eje verde utilizando la herramienta de escala

A continuación, mueva hacia abajo, de modo que la parte superior de las letras son un poco por encima de su texto original

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 10/19

Desde aquí, tomar todos los objetos de texto "1" y ampliar su escala, así

Entonces, como lo hicimos antes movemos hacia abajo, de modo que la parte superior es un poco más alto que el texto original

Paso 2: Agregar la luz y las texturas de nuestra imagen

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 11/19

Haga una luz básica

Haga tres copias de la misma, y el nombre de las cuales son 1, 2, 3, 4 en consecuencia

Cambiar la intensidad de los tres primeros objetos de luz a 45% y cambiar la intensidad de la 4 ª a la luz 70%

Ahora seleccione la 2 ª 3 ª y 4 ª objetos ligeros y cambiar la sombra de "Shadow Maps (Suave)"

Ahora entra en la vista superior y mover cada luz como se muestra a continuación

Ir a la vista lateral, seleccione todas las luces y se mueven un poco, como se muestra

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 12/19

Ahora vamos a hacer que los materiales de nuestro suelo y de nuestro texto

Comience por hacer un nuevo material

Haga doble clic en el material (para abrir el editor de materiales) y cambiar el color de la siguiente

Ahora, active las casillas de luminancia, Bump, especular y Desplazamiento

Cambie los ajustes a los valores que se muestran en las capturas de pantalla a continuación (en las opciones de golpe y el desplazamiento que tendrá que cargar en la imagen dela textura de metal)

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 13/19

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 14/19

Ahora cierra el editor de materiales, y colocar el material en el suelo

Esta parte no es necesario pero le da a su texto un buen toque, hace falta más tiempo para hacer bien.

Vamos a cargar el material descargado y colocarlo en todos nuestros objetos de texto

Ve a los ajustes de procesamiento, y cambiar la salida de la siguiente

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 15/19

Luego nos vamos a poner de Iluminación Global y Oclusión Ambiental (haga clic en la casilla de verificación en la parte superior, deje todos los otros valores de default)

Antes de que prestamos nuestra escena vamos a poner nuestra vista en perspectiva de un buen ángulo, puse mi foto en este ángulo

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 16/19

Ahora pulse el botón de render

Esto puede tomar un buen tiempo, dependiendo de la fortaleza de su equipo es, pero después de que haya terminado con Cinema 4D y vamos a ir a jugar en photoshop

Una vez que se termine la representación guardarlo como un formato jpg y 300 dpi (puntos por pulgada)

Paso 3: Edición de la imagen en photoshop

Abre la imagen en photoshop

Haga doble clic en la capa y el nombre "Base"

Hacer una nueva capa debajo de la capa de base y llenarlo con blanco

Ahora añade una máscara blanca a su "base" y con un pincel negro suave grande (poner la opacidad del pincel a 50%) inicia enmascarar los bordes de color

Ahora importa la textura del metal y cambiar su tamaño para que cubra todo el texto de la milicia medios, desaturar la textura y cambiar el modo de fusión de superposición.

Lleve a su herramienta de goma de borrar y eliminar cualquier exteriores duras

Lleve a su capa de base e ir a Imagen> Ajustes> Curvas y cambiar la configuración a algo como lo siguiente

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 17/19

Ahora importa la textura tinta, que rasterizar, y el nombre de la tinta. Asegúrese de que usted lo coloque debajo de la textura del metal

Cambiar el modo de fusión a multiplicar

Añadir una máscara a la capa y deshacerse de todas las zonas oscuras que rodean la tinta real

Ahora duplicar esta capa y ocultar la original, rotar y mover la copia para que esté en la parte superior del texto, a continuación, con una máscara pincel muy suave las partesque sobresalen del texto.

Luego, después de que el cambio de la transparencia y el 5% -50% (cambiarlo todo para que usted obtenga un vistazo al azar) y con un pequeño cepillo de comenzar a cepillarlos bordes de la tinta que está en la parte superior de su texto

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 18/19

Duplicar la textura original de la tinta y cubra otra parte del texto y repetir el mismo proceso que con la otra textura tinta. Haga esto hasta que todo el texto se cubre contexturas de tinta.

Ahora seleccione todas las capas de tinta y agregarlos a un grupo, el nombre del grupo de la tinta.

Cambiar la opacidad de su grupo de la tinta y el 40%

Ahora hacer una nueva capa, el nombre Shadow, y con un color negro y un gran cepillo suave, añada una línea alrededor del texto, como se muestra:

25/07/13 Shatter efecto de texto en 3D - Tutorial | Milicia Medios

mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/ 19/19

Añadir un Gaussian Blur, 17 píxeles, y reducir la opacidad al 30 por ciento. Ahora eliminar cualquier parte de la sombra que no le gusta con un pincel grande y suave

Y estamos casi terminado. Cargue su producto terminado en su alojamiento web (http://www.webhostingsearch.com/) y ver cómo se ve en línea.

Si quieres ir más lejos se puede tomar el esquivar y herramientas quemaduras y hacer algunos aspectos destacados de su capa de Base

Espero que este tutorial fue de alguna ayuda Saludos!

(https://www.paypal.com/cgi-bin/webscr?

cmd=_donations&business=contact%40mediamilitia%2ecom&lc=US&item_name=Media%20Militia&item_number=23169832089&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted)