Blog

Learn how to create 3D textual content results with Mission Neo and Adobe Firefly

December 11, 2024 3:23 pm   Graphic Designing   Poetic   Comments

Immediately, we’ll discover Adobe’s new web-based design device, Mission Neo. It is at the moment in beta and accessible to the general public on the Adobe web site. Mission Neo permits customers to simply create and edit volumetric designs, drawings, textual content, and shapes with easy turns and tweaks to create distinctive 3D paintings.

This device will be helpful for creating 3D designs, model graphics, product designs, and digital artwork. And one of the best half? It is joined forces with Adobe Firefly, the place Mission Neo gives the inspiration of the 3D fashions and Adobe Firefly provides the artistic aptitude and customization, opening up a world of prospects in your designs.

Let’s discover a number of the options of the Mission Neo internet app whereas we learn to flip textual content right into a neat 3D picture. We’ll begin by choosing the textual content device, typing our desired textual content, and making use of embossing and extruding results. Then, we’ll soar into its add-on function, Adobe Firefly, so as to add depth and customization to the design.

1. Learn how to entry Mission Neo (beta)

You’ll need an Adobe ID to entry and take part in Mission Neo’s personal beta. If you do not have an Adobe ID, you’ll be able to create a free account on the Adobe web site. As soon as you have signed in, you’ll be able to entry the Mission Neo app by means of the official web site. Mission Neo is at the moment in beta model, so ensure that your browser and system necessities are suitable. The app solely runs on desktops, and it is best to make use of a Chrome or Safari browser.

Access the Project Neo app Beta version using your AdobeIDAccess the Project Neo app Beta version using your AdobeID

2. Learn how to construct 3D textual content results on the Mission Neo app

Step 1

As soon as you have launched Mission Neo, click on Create within the top-right nook to start out a brand new design undertaking. It will get you into the UI, the place you will see the principle instruments on the left, with rendering choices for various inventive kinds and surroundings settings within the top-left menu. The center is the viewport preview space with a contextual bar under, and now we have the properties part on the appropriate. 

Adobe Neo will mechanically give the undertaking a singular and fascinating identify—on this case, it is known as ‘beige’. By default, a airplane floor with a dice will seem within the viewport.

Create text to 3d project using project neoCreate text to 3d project using project neoCreate text to 3d project using project neo

Step 2

Mission Neo has a co-edit or co-viewing function the place individuals can see or edit your undertaking. Within the high menu, you’ll discover a Shared field highlighted in inexperienced, which signifies that the undertaking is seen to the neighborhood. When you desire to maintain your design personal, you’ll be able to flip sharing off by choosing the Share tab within the top-right menu and selecting Take away from Group to exclude the design from the general public gallery.

Disable share feature from Project Neo community Disable share feature from Project Neo community Disable share feature from Project Neo community

Step 3

Now, let’s set our Scene properties. Underneath Artboard, disable Present body to show off the body and clear our visible house. Set Atmosphere: Outer coloration to white, #ffffff.

By default, the viewport Digicam is about to Parallel, however you’ll be able to shift it to Isometric or Perspective if you happen to discover it extra appropriate visually. Word that if you choose any object on the Artboard, you will not have the ability to entry the viewport settings as a result of the Properties menu switches to the properties of the chosen object. So, to entry the point of view settings, be sure to click on exterior the scene.

Set scene viewport and environment for new project on Adobe NeoSet scene viewport and environment for new project on Adobe NeoSet scene viewport and environment for new project on Adobe Neo

Step 4

Let’s delete the dice since we’re simply creating 3D textual content for this tutorial. Choose the dice and hit Delete.

Subsequent, choose the bottom object. Within the Properties panel, beneath Look, give the bottom object a Shade of #d4c3a1, set the Roughness (how a lot the sunshine impacts the form) to 0.9, and click on Carried out.

set the properties of base object like color and roughness on Project Neoset the properties of base object like color and roughness on Project Neoset the properties of base object like color and roughness on Project Neo

Step 5

Subsequent, click on the Tilt Down arrow (Command-Down Arrow) as soon as and the Flip Left arrow (Command-Left Arrow) as soon as to view the bottom object’s flat entrance. 

Now, let’s add our textual content by choosing the Add Textual content Device. Place the cross cursor in the course of the body and drag to insert the default textual content.

tilt down and tilt left arrows to turn canvas and add text to 3D base object on project neotilt down and tilt left arrows to turn canvas and add text to 3D base object on project neotilt down and tilt left arrows to turn canvas and add text to 3D base object on project neo

Step 6

We’ll learn to make the 3D textual content: “Attempt NEO issues”. Let’s begin by modifying the phrase “Attempt”. Choose (V) the textual content, after which use the arrow handles to maneuver it alongside the axis. Subsequent, head over to the Properties part on the right-hand facet so we will edit the textual content.

Apply the next settings beneath the Textual content part:

  • Textual content Enter: Attempt
  • Font: CooperBlackStd Font, Common
  • Font Measurement: 0.45
  • Textual content Spacing: -100%.

Underneath the Look part, set the next values for a delicate reflection:

  • Shade: #00725b
  • Roughness: 0.242
  • Metallic: 0.113

Add the text input settings and tweak text appearance propertiesAdd the text input settings and tweak text appearance propertiesAdd the text input settings and tweak text appearance properties

Step 7

You possibly can experiment with the settings, however I went with these values for this tutorial:

  • Backside Nook (for softer edges): 0.016
  • High Nook (for softer edges): 0.016
  • Inside Shell: 0.109
  • Inflate: 0.017

turn text to 3d then set text effects to shape using extrude from properties panelturn text to 3d then set text effects to shape using extrude from properties panelturn text to 3d then set text effects to shape using extrude from properties panel

Step 8

Let’s transfer on and create the textual content “issues” in 3D utilizing the identical settings. We are able to do that simply by duplicating the “Attempt” textual content utilizing the Duplicate shortcut, Command-D. You’ll mechanically see the brand new form seem within the Layers widget. Choose (V) the textual content form and drag it down.

Use the Duplicate shortcut to copy the shape texture properties Use the Duplicate shortcut to copy the shape texture properties Use the Duplicate shortcut to copy the shape texture properties

Step 9

Change the Textual content Enter from “Attempt” to “issues”, apply a brand new Shade of #2d80a5, and set the Font Measurement to 0.35.

make changes to the 3d text input and apply new color and font sizemake changes to the 3d text input and apply new color and font sizemake changes to the 3d text input and apply new color and font size

Step 10

Let’s add the phrase “NEO” on high, between the 2 phrases. Choose (V) and Duplicate (Command-D) the phrase “Attempt”. Change the Textual content Enter to “NEO”, and alter the Shade to #c24020.

Change the Font Measurement to 0.55, and beneath the Shapes part, choose the Repel impact. The Repelimpact will be certain that that the shapes push off one another and do not merge once we convey them collectively.

Apply a Mixing of 0.118.

duplicate shape and apply new texture values and repel blending effect settings to Neo typeduplicate shape and apply new texture values and repel blending effect settings to Neo typeduplicate shape and apply new texture values and repel blending effect settings to Neo type

Step 11

Use the Choose (V) device to pick every phrase and the handlebars to maneuver the phrases shut to 1 one other, after which rotate “Neo” barely.

rotate and move shapes along the axis using the arrow handles in Project Neorotate and move shapes along the axis using the arrow handles in Project Neorotate and move shapes along the axis using the arrow handles in Project Neo

Step 12

Faucet as soon as on the viewport and change the digital camera to Isometric. Use the handlebars to elevate “NEO” up barely to drift above the bottom object. Then head over to the top-left menu and choose the solar icon to enter the Atmosphere part so we will alter the lighting.

Set the Gentle Rotation values to 87, Peak to 25.1, and Shadow Distance to 0.059. 

To govern the viewport, roll the mouse to zoom in or out, and right-click it to rotate.

set the Environment lighting and shadow values to the 3D text shapes in the environment sectionset the Environment lighting and shadow values to the 3D text shapes in the environment sectionset the Environment lighting and shadow values to the 3D text shapes in the environment section

Step 13

Set the viewport Digicam again to Parallel, and use the lean arrows to make the body face ahead.

set the viewport camera to parallel and use tilt arrows to bring the view to the frontset the viewport camera to parallel and use tilt arrows to bring the view to the frontset the viewport camera to parallel and use tilt arrows to bring the view to the front

3. Learn how to use Adobe Firefly to stylize the 3D scene

Step 1

As soon as you have blocked out your 3D textual content thought in Mission Neo, head over to the contextual bar under and choose Create picture from scene to entry one other part which options Adobe Firefly. Right here, we’ll use the construction of our mannequin to stylize the scene with textures and supplies and create a practical picture primarily based on a immediate. It is an unbelievable function that lets you transfer from 3D fashions to artwork inside minutes.

Enter the specified Immediate. On this case, I used:product shot of 3D textual content on plaque fabricated from darkish oak wooden hanging on a tree with an autumn background leaves and oblique daylight.

Click on Generate. Adobe Firefly will immediately generate 4 3D design choices primarily based in your immediate, or you’ll be able to add your personal type reference to create different inventive kinds.

in Project Neo click the Create Image from Scene feature to use the Adobe Firefly feature in Project Neo click the Create Image from Scene feature to use the Adobe Firefly feature in Project Neo click the Create Image from Scene feature to use the Adobe Firefly feature

Step 2

As soon as Adobe Firefly has generated the 3D textual content results, you’ll be able to both faucet on the generated picture of your alternative and Obtain or click on the … icon to Generate comparable.

You can download or generate similar renders in Adobe Firefly generated imagesYou can download or generate similar renders in Adobe Firefly generated imagesYou can download or generate similar renders in Adobe Firefly generated images

Congratulations! You are achieved!

You’ve discovered the best way to create textual content in 3D in Mission Neo and the best way to use Adobe Firefly to stylize your scene and make 3D artwork. It’s extremely straightforward to create 3D textual content results, and the probabilities are infinite. Now that you understand how to make 3D artwork, you’ll be able to head over to Envato, the place you will get limitless downloads of graphics, 3D fashions, and far more to make use of in your initiatives.

Adobe firefly rener feature to stylize 3D model in Project NeoAdobe firefly rener feature to stylize 3D model in Project NeoAdobe firefly rener feature to stylize 3D model in Project Neo

Extra 3D design tutorials on Envato Tuts+

Studying the best way to make 3D textual content? We have now loads of nice tutorials so that you can try:

Tags: , , , , , ,