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 artculo?
Yo te voy a mostrar cmo hacer un texto 3D aicos efecto. Este efecto se hace en dos programas, Cinema 4D y Photoshop.If usted no ha odo hablar de Cinema 4D antes de
que sea relativamente fcil 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 bsico
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 Extrusin
Y colocar el texto en ella
Cambiar las propiedades de objeto de la NURBS Extrusin 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 continuacin, 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 polgono y la herramienta de seleccin rectangular, asegrese de desmarcar la casilla "seleccionar slo elementos visibles" caja
Ahora, con el botn de desplazamiento del ratn haga clic en el "lienzo" y ver que cuatro vistas diferentes acaban de abrir, vamos a utilizar la vista superior
As botn central en la visin superior para hacer que la visin ms grande, y seleccionar la primera letra "M" de los medios de comunicacin milicia clic derecho sobre l y
pulsar "Split"
Esto crea un nuevo objeto con slo la "M" ya eliminar la seleccin que haya seleccionado, se eliminar la "M" de los medios de comunicacin 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 Seleccin en vivo y en el objeto de "M", seleccione el polgono se muestra:
Haga clic derecho sobre la pantalla y seleccionar "Extrusin"
Aadir 350 para el desplazamiento
Ir al Top View y seleccione el objeto "t", presione Ctrl + A (para seleccionar todos los polgonos) 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 polgono se muestra con la herramienta Seleccin 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 Extrusin y aadir 1.000 m en el desplazamiento
Lleve a su uso de herramientas del modelo y la herramienta Seleccin 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 colquelo debajo de cada copia es original, el nombre de cada objeto como se muestra a continuacin
Crear un fragmento del objeto y copiarlo, nombre de uno aicos 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 segn su nmero 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 Seleccin 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
Asegrese de que usted no tiene polgonos seleccionados (a la izquierda, haga clic en cualquier lugar en el lienzo para de-seleccionar los polgonos es posible que haya
seleccionado)
Haga clic derecho sobre el lienzo y seleccione "Knife" (asegrese de que lo visible es slo 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 ms pequeos)
Asegrese de no dejar ninguna polgonos 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"
Despus 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 (asegrese 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 continuacin, 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 ms 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 bsica
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

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 continuacin
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 continuacin (en las opciones de golpe y el desplazamiento que tendr que cargar en la imagen de
la 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 ms 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 Iluminacin Global y Oclusin Ambiental (haga clic en la casilla de verificacin 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 botn de render
Esto puede tomar un buen tiempo, dependiendo de la fortaleza de su equipo es, pero despus de que haya terminado con Cinema 4D y vamos a ir a jugar en photoshop
Una vez que se termine la representacin guardarlo como un formato jpg y 300 dpi (puntos por pulgada)
Paso 3: Edicin 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 aade una mscara 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 tamao para que cubra todo el texto de la milicia medios, desaturar la textura y cambiar el modo de fusin de superposicin.
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 configuracin 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. Asegrese de que usted lo coloque debajo de la textura del metal
Cambiar el modo de fusin a multiplicar
Aadir una mscara 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 continuacin, con una mscara pincel muy suave las partes
que sobresalen del texto.
Luego, despus de que el cambio de la transparencia y el 5% -50% (cambiarlo todo para que usted obtenga un vistazo al azar) y con un pequeo cepillo de comenzar a cepillar
los 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 con
texturas 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, aada una lnea 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
Aadir un Gaussian Blur, 17 pxeles, 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 cmo se ve en lnea.
Si quieres ir ms 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)