7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Cómo crear un documento de 3D corte efecto de texto en Adobe Photoshop

Scroll to top
Read Time: 8 mins

Spanish (Español) translation by Mariola Vidal (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Este tutorial le mostrará cómo utilizar herramientas 3D y configuración de Photoshop con algunas capas de ajuste, para crear un efecto de texto 3D de papel. Vamos a empezar!

Este efecto de texto fue inspirado por los muchos estilos de capa en GraphicRiver.

Tutoriales activos

Los siguientes activos fueron utilizados durante la producción de este tutorial:

  • Construcción fuente de titulación
  • Smooth_stucco_flat_white_paint_plaster_wall_textur por hhh316

1. Cómo crear capas de forma de texto

Paso 1

Crear un nuevo documento de 1250 x 800 px.

A continuación, crear el texto en mayúsculas utilizando la fuente Negrita de saneamiento construido. Establezca el tamaño en el pt 300 y el seguimiento a 100.

Create the TextCreate the TextCreate the Text

Paso 2

Cambiar el nombre de la capa de texto a texto, lo haga clic derecho y elegir convertir a forma.

Convert to ShapeConvert to ShapeConvert to Shape

Paso 3

Duplicar la capa de texto dos veces y luego cambiar el nombre de la primera copia al fondo y el segundo a la parte superior.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

2. Cómo restar formas

Paso 1

Arrastre a una guía dónde desea separar el texto para doblar en el efecto 3D.

Add a GuideAdd a GuideAdd a Guide

Paso 2

Elija la herramienta Rectángulo, asegúrese de que está seleccionada la capa superior y luego mantener la tecla de opción para restar formas.

Haga clic y arrastre para crear un rectángulo que cubre la parte inferior del texto, a partir de la guía que has agregado. Puede soltar la tecla de opción y utilizar la barra espaciadora para mover el rectángulo si es necesario.

Remove the Lower PartRemove the Lower PartRemove the Lower Part

Paso 3

Una vez que se crea el rectángulo, se eliminará la parte inferior.

Para limpiar el camino, haga clic en el icono de las operaciones de trazado en la barra de opciones y elija la opción de combinar componentes de forma.

Merge Shape ComponentsMerge Shape ComponentsMerge Shape Components

Paso 4

Repita los mismos pasos a la capa inferior, restando la parte superior esta vez.

Remove the Upper PartRemove the Upper PartRemove the Upper Part

3. Cómo crear capas de fondo en 3D

Paso 1

Con la herramienta Rectángulo aún seleccionada, crear una nueva forma de rectángulo que se extiende un poco fuera de los bordes del documento y llame a su capa de fondo.

Create a Background RectangleCreate a Background RectangleCreate a Background Rectangle

Paso 2

Duplicar la capa de fondo y seleccione la copia de rectángulo y capas de texto.

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

Paso 3

Ir a capa > combinar formas > restar formas en superposición. Esto restará el texto de la forma de fondo del rectángulo.

Subtract Shapes at OverlapSubtract Shapes at OverlapSubtract Shapes at Overlap

4. Cómo convertir forma capas capas 3D

Paso 1

Para cada capa de forma tienen, seleccionarlo y luego ir a 3D > extrusión 3D nuevo de ruta seleccionada.

Create the 3D LayersCreate the 3D LayersCreate the 3D Layers

Paso 2

Seleccione todas las capas 3D y luego ir a 3D > combinar capas 3D.

Merge 3D LayersMerge 3D LayersMerge 3D Layers

5. Cómo trabajar con la escena 3D

Paso 1

Para acceder a las propiedades y ajustes de malla 3D, usted necesitará abrir dos paneles: el panel 3D y el panel de propiedades (ambos se encuentran en el menú ventana).

El panel 3D tiene todos los componentes de la escena 3D, y al hacer clic en el nombre de cualquiera de ellos, usted podrá tener acceso a su configuración en el panel Propiedades. Así que asegúrese de seleccionar siempre la ficha del elemento que desea modificar en el panel 3D antes de cambiar su configuración en el panel Propiedades.

3D and Properties Panel3D and Properties Panel3D and Properties Panel

Paso 2

Si selecciona la herramienta mover, encontrarás un conjunto de modos 3D para él a la derecha de la barra de opciones.

Cuando usted elige una de esas, puede haga clic y arrastre para realizar cambios (en el elemento seleccionado en el panel 3D).

Move Tool 3D ModesMove Tool 3D ModesMove Tool 3D Modes

6. Cómo modificar los ajustes de malla 3D

Paso 1

Seleccione la parte superior, inferior, fondo fichas en el panel 3D de malla y entonces, en los paneles propiedades, cambiar la profundidad de extrusión de 2 px.

Extrusion DepthExtrusion DepthExtrusion Depth

Paso 2

Seleccione la ficha de acoplamiento del texto y luego cambiar la profundidad de extrusión a 5 px.

Extrusion DepthExtrusion DepthExtrusion Depth

Paso 3

Seleccione todas las pestañas de la malla, luego haga clic en el icono de coordenadas en la parte superior del panel de propiedades y cambiar el ángulo de rotación X 90.

X Rotation AngleX Rotation AngleX Rotation Angle

Paso 4

Haga clic en el icono de menú de panel de 3D y elija Mover objeto a plano de tierra.

Si todavía no ves todas las mallas 3D, usted puede ir a 3D > paquete de objetos en el plano de tierra, o seleccione cada malla y pasar al plano de tierra por separado.

Move Meshes to Ground PlaneMove Meshes to Ground PlaneMove Meshes to Ground Plane

7. Cómo volver a colocar las mallas 3D

Paso 1

Elija la herramienta mover y usar el eje 3D para mover las mallas 3D en la escena.

Las flechas en los extremos del eje de mover la malla, la parte por debajo de ellos se utiliza para la rotación y los cubos se utilizan para escalar. El cubo en el centro se utiliza para escalar el objeto uniformemente. Todo lo que necesitas hacer es hacer clic y arrastrar la parte que desee.

Reposition the MeshesReposition the MeshesReposition the Meshes

Paso 2

Puede también haga clic en la ficha de vista actual y luego elegir cualquiera de las opciones del menú desplegable Vista en el panel de propiedades, para ayudarle mejor colocar las mallas.

Change the Camera ViewsChange the Camera ViewsChange the Camera Views

Paso 3

Tenga en cuenta que puede usar modos 3D el movimiento de la herramienta para ajustar la vista.

Move Tool 3D ModesMove Tool 3D ModesMove Tool 3D Modes

Paso 4

Mantenga una distancia ligera entre las mallas de fondo y texto para crear algo de espacio.

Podría tomar un tiempo y un montón de ir hacia adelante y hacia atrás entre los diferentes puntos de vista, pero usted debe terminar con un resultado como el de abajo.

Siempre puede hacer ajustes cuando sea necesario, especialmente después de la aplicación de los materiales y el ajuste de la iluminación.

Repositioned TextRepositioned TextRepositioned Text

8. Cómo crear un Material de fondo ilumina

Paso 1

Seleccione todas las pestañas de Material tiene y luego haga clic en el icono de textura difusa y seleccione quitar textura.

Remove Diffuse TextureRemove Diffuse TextureRemove Diffuse Texture

Paso 2

Seleccione la ficha fondo Material delantero de la inflación y utilizar estos ajustes:

(Los valores de color utilizados son en RGB).

  • Difusa: 197, 163, 163
  • Specular: 239, 226, 231
  • Iluminación: 145, 76, 84
  • Brillo: 50
  • Reflexión: 10
Background Front Inflation MaterialBackground Front Inflation MaterialBackground Front Inflation Material

9. Cómo crear un fondo con dos materiales

Paso 1

Seleccione la pestaña de texto Material delantero de la inflación y utilizar estos ajustes:

  • Difusa: 231, 228, 228
  • Specular: 239, 235, 230
  • Iluminación: 35, 34, 32
  • Brillo: 50
Text Front Inflation MaterialText Front Inflation MaterialText Front Inflation Material

Paso 2

Haga clic en el icono de carpeta de Bump y seleccione carga textura y luego abre la imagen Smooth_stucco_flat_white_paint_plaster_wall_textur.

Load Bump TextureLoad Bump TextureLoad Bump Texture

Paso 3

Haga clic en el icono de textura Bump y elija Editar propiedades de UV.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Paso 4

Ajuste los valores de azulejo y Offset hasta que te gusta el efecto.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Paso 5

Disminuir el valor de rugosidad a 3.

Bump ValueBump ValueBump Value

Paso 6

Seleccione el texto frontal biselado, extrusión de texto y fichas de texto nuevo bisel Material y utilizar estos ajustes:

  • Difusa: 197, 163, 163
  • Specular: 239, 226, 231
  • Iluminación: 145, 76, 84
  • Brillo: 50
  • Reflexión: 10
Illuminating MaterialIlluminating MaterialIlluminating Material

10. Cómo crear un Material de papel 3D

Paso 1

Seleccione la pestaña de Material de inflación frontal inferior y utilizar estos ajustes:

  • Difusa: 231, 228, 228
  • Specular: 239, 235, 230
  • Iluminación: 35, 34, 32
  • Brillo: 50

Utilice la misma textura Bump.

Bottom Front Inflation MaterialBottom Front Inflation MaterialBottom Front Inflation Material

Paso 2

Ajuste los valores de las propiedades UV según sea necesario.

Edit UV PropertiesEdit UV PropertiesEdit UV Properties

Paso 3

Haga clic en el cuadro selector de Material, luego haga clic en el icono de menú emergente y elija Nuevo Material.

Add New MaterialAdd New MaterialAdd New Material

Paso 4

Escriba un nombre para el material y haga clic en Aceptar.

Material NameMaterial NameMaterial Name

Paso 5

Seleccione el resto de las pestañas superior e inferior Material.

Abrir el selector de Material, desplácese hasta el icono material has de guardar y haga clic en él para aplicar a los materiales seleccionados.

Apply Saved MaterialApply Saved MaterialApply Saved Material

11. Cómo ajustar la iluminación de una escena 3D

Paso 1

Haga clic en la ficha de infinita luz 1 en el panel 3D y luego, en el panel Propiedades, cambie el tipo a punto.

Utilice estos ajustes para el punto de luz:

  • Intensidad: 65
  • Suavidad de la sombra: 30
  • Punto de acceso: 10
  • Cono: 25
  • Marque la casilla de difuminación de luz
  • Interior: 1000
  • Exterior: 3000

También se pueden utilizar cualquier otros valores que prefiere.

Spot Light SettingsSpot Light SettingsSpot Light Settings

Paso 2

Utilice la herramienta mover, o los valores de coordenadas, para volver a colocar el punto de luz hasta llegar a una iluminación que más te guste.

Move the Spot LightMove the Spot LightMove the Spot Light

Paso 3

Haga clic en la ficha entorno y cambiar la intensidad a un 25%.

Una vez haya terminado, asegúrese de que todas las mallas están bien situadas y seleccione una vista de cámara final de la escena.

Environment LightEnvironment LightEnvironment Light

12. Cómo crear un efecto de profundidad de campo

Paso 1

Seleccione la ficha escena y luego elegir la opción de alambres ocultos en el menú desplegable de Presets.

Esto le ayudará a ver mejor el efecto fuera de foco.

Hidden WireframeHidden WireframeHidden Wireframe

Paso 2

Seleccione la ficha de vista actual y cambiar el valor de profundidad de campo profundidad a 8.

Dependiendo del ángulo de cámara que tienes, puede que necesite utilizar diferentes valores de distancia y profundidad. La vista de tramas ocultas le ayudará a ver los resultados al cambiar los valores.

Depth of Field ValuesDepth of Field ValuesDepth of Field Values

Paso 3

Volver a la pestaña de escena y establecer en forma predeterminada.

Default Scene PresetDefault Scene PresetDefault Scene Preset

Paso 4

Si no hay nada para cambiar, seguir adelante y renderiza la escena por ir a 3D > procesamiento capa 3D.

La representación puede tomar un tiempo, pero usted puede parar cualquier momento pulsando la tecla Esc.

Render the SceneRender the SceneRender the Scene

13. Cómo puedo ajustar la escena renderizada

Paso 1

Haga clic en el crear nuevo relleno o el icono de capa de ajuste en la parte inferior del panel capas y elija el Color selectivo.

Selective ColorSelective ColorSelective Color

Paso 2

Elija rojos y utilizar estos ajustes:

  • Cyan: -35
  • Magenta: 30
  • Amarillo: 10
  • Negro: 5
Reds SettingsReds SettingsReds Settings

Paso 3

Añadir una capa de ajuste curvas, cambiar su modo de mezcla a luminosidad y hacer una curva que crea un efecto final que te gusta.

Curves SettingsCurves SettingsCurves Settings

Felicitaciones, ¡listo!

En este tutorial, hemos creado texto y fondo capas de forma para el efecto. Luego convertir las capas de forma en las capas 3D y ajustar su configuración de malla.

Después de eso, nos recolocan las mallas, creó los diferentes materiales, ajustar la iluminación, mayor profundidad de efecto de campo y procesa la escena 3D.

Finalmente, se utilizan capas de ajuste para acabar con el efecto.

No dude en dejar sus comentarios, sugerencias y los resultados de abajo.

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.