I will give you a detailed analysis of the Illustrator software and share with you the tutorial on creating the three-dimensional ring text effect.
Tutorial sharing:
1. Create a new file and create a grid. Click Ctrl + N to create a new file. 600 in width and 360 in height, and then click the Advanced button. Select RGB mode and the resolution is 72 dpi ). Enable grid (View> display grid) and align grid (View> align to grid ). A grid is required for each 1px, so go to edit> Preferences>> grid, enter 1 in the gridline column, and enter 1 in the partition column. You should also open the information panel (window> information) to give a vivid preview of your shape size and position. Do not forget to set the measurement unit pixel editing> Preferences> unit to set the measurement unit for the Pixel. All these options will accelerate your work.
2. Create a set of image styles. Step 1 create a 6px circle with the elliptic tool (L) filled with R = 39, G = 170, B = 225, and the line is unfilled. Select the blue shape to go to effect> distortion & Transformation> transformation. Enter property settings, and click OK to go to object> extension. To ensure that the result Group of the shape is selected, click Shift-Ctrl-G to disband them twice.
Step 2 focuses on your blue circles. Select one on the left, open the appearance panel (window> appearance), select the current fill, and enter the effect> path> offset path. Enter a-1.5px offset, click OK. Select the appearance panel, and use the add new fill button to add a second fill to the circle (the blue arrow points to the following figure ). Select the new fill and drag it to the bottom of the exterior panel. Set the color to R = 21, G = 62, B = 110. Make sure that your circle is selected, open the graphic style panel (window> graphic style>), and click the new graphic style button (as shown in the following figure, the small blue arrow points ).
Step 3 select the next blue circle and add the second fill on the appearance panel. Select the new fill and set the color to white to go to effect> path> offset path. Enter the-2px offset and click OK. Go to effect> distortion & Conversion> conversion. Enter attribute settings as shown in the following figure, and click OK. Make sure that the second circle is still selected, move to the graphic style panel, and add a new graphic style.
Step 4 select the next blue circle. On the appearance panel, click Shift-X. This will convert the color attribute from fill to line. Move to the appearance panel, select a blue line, and arrange it inward to go to effect> style> shadow. Select a circle on the left, open "window-appearance", select the current fill, select effect> path> offset path. Enter the 1.5px offset (as shown in the following figure) and click OK. Make sure that the third circle is still selected, go to the graphic style panel, and add a new graphic style.
Step 5 select the next blue circle. On the appearance panel, click shift-x. As shown in the following figure, set the width to PX and go to effect> style> shadow. Enter properties as shown in the following figure and click OK. Make sure that the fourth circle is selected, go to the graphic style panel, and add a new graphic style.
Step 6 select the next blue circle. On the appearance panel, click shift-x. Select a line, set the color to white, arrange it inside, and then go to effect> style> shadow. Enter properties, as shown in the following figure, and click OK. Make sure that the fifth circle is selected, go to the graphic style panel, and add a new graphic style.
Step 7 select the last blue circle. On the appearance panel, click shift-x. Select a line and set the width to 1.5. The color is white and arranged inside. Then, choose effect> style> shadow. Enter properties, as shown in the following figure, and click OK. Make sure that the fifth circle is selected, go to the graphic style panel, and add a new graphic style.
In step 8, replace R = 39, G = 170, B = 225 with R = 250, G = 109, B = 143, and replace R = 21, G = 62, B = 110 is R = 147, G = 66, B = 67. Select these shapes one by one and save the image style as shown in the following figure.
In step 9, replace R = 250, G = 109, B = 143 with R = 255, G = 205, B = 5, and replace R = 147, G = 66, B = 67 for R = 241G = 90, B = 41. Select these shapes one by one and save the image style as shown in the following figure.
In step 10, replace R = 255, G = 205, B = 5 with R = 85, G = 185, B = 72, and replace R = 241, G = 90, B = 41 is R = 0G = 105, B = 55. Select these shapes one by one and save the image category as shown in the following figure. Select all six circles and delete them.
3. Create text blocks and text step 1 select the elliptic tool (L) and create a 6px circle filled with R = 0, G = 149, B = 66. On the layers panel, double-click the green shape and name it "1 circle. Make sure that the Ellipse Tool (L) is still valid. Create a new 6px circle and fill it with R = 247, G = 148, B = 30, go to effect> distortion & Conversion> conversion, enter the property settings shown in the following figure, click OK, and enter the object> extension. Select a shape and change it to a composite path (Control-8 or object> composite path ). On the layers panel, double-click the orange compound path and name it "2 circles ".
Step 2 make sure that the elliptic tool (L) creates a new 6px circle filled with R = 222, G = 26, B = 54 and goes to effect> distortion & Conversion> conversion, enter the properties shown in the following figure, click OK, and enter the object> extension. Select a shape and change it to a composite path (Control-8 or object> composite path ). On the layers panel, double-click the red compound path and name it "3 circles ".
Step 3 make sure that the elliptic tool (L) creates a new 6px circle with R = 39, G = 170, B = 225, go to effect> distortion & Conversion> conversion (as shown in the figure below), enter properties in the left window, click OK, and enter the object> extension. Select a shape and change it to a composite path (Control-8 or object> composite path ). On the layers panel, double-click the red compound path and name it "4 circles ".
Step 4. Make sure that the elliptical tool (L) creates a new 6px circle, fills it with R = 255, G = 221, B = 0, and enters the effect> distortion & Conversion> conversion, (as shown in the following figure) enter properties in the left window, click OK, and enter the object> extension again. In the right window shown in the following figure, enter properties, click OK, and enter object> extension. Select a shape and change it to a composite path (Control-8 or object> composite path ). On the layers panel, double-click the red compound path and name it "6 circles ".
Step 5 use circle 1, Circle 2, circle 3, circle 4, Circle 6 and your imagination to create letters.
4. Extend the text, use a graphic style, and add a shadow effect. Step 1 select to create all the images of your text, open the path finder control panel (window> Path Finder), and click the divide button. On the layers panel, select a group and click Shift-Control-G to cancel the group.
Step 2 focus on creating a letter circle in the top word, and use a green and blue style, as shown in the following figure.
Step 3 focus on creating a letter circle in the bottom word, and use a pink and orange style, as shown in the following figure.
Step 4 use the elliptic tool (L) to create a new 6px circle and fill it in blue. Copy the shape (click Alt, click it, and drag it easily) to spread the copied shape, as shown in the first segment. Select the small circles one by one and add the blue and green image styles.
Step 5 use the elliptic tool (L) to create a new 6px circle, filled with pink. Copy the shape (click Alt, click it, and drag it easily) to spread the copied shape, as shown in the first segment. Select the small circles one by one and add the pink and orange Image styles.
Step 6 select all circles, set the green and blue image styles, and combine them (Control-G ). Select the new group and add five shadow effects (effect> stylized> shadow), as shown in the following figure.
Step 7 select all circles, set the pink and orange Image styles, and combine them (Control-G ). Select the new group and add five shadow effects (effect> stylized> shadow), as shown in the following figure.
5. Add a background pattern. Step 1 select the rectangle tool (M) to create a shape for your art board size (600px 350px), fill with R = 240, G = 240, B = 240, put it behind (Shift-Control -[). make sure the new rectangle is selected, select the appearance panel, and add the second fill. Select the new fill, reduce its opacity to 30%, and add a radial gradient, as shown in the following figure.
Step 2: make sure that the rectangle created in the previous step is still Selected. Select the appearance panel and third fill. You will need to fill in a new built-in mode. Go to the color palette (window> color palette), open the color palette Library> mode> basic graphics-texture, and a new window with a built-in mode should be opened. Return to the appearance panel and make sure the third fill is still selected. Add the "USGS 7 Vineyard" mode, reduce its opacity to 90%, and change the blending mode to soft light. On the layers panel, lock the rectangle so that it will not be accidentally selected or moved.
6. Create and use a scatter brush step 1 select the elliptical tool (L) and create a 1px circle, filled in white. Select the new shape, open the paint panel, and click the new paint button (as indicated by a small blue arrow in the figure below ). Select the scatter brush box, set attributes as shown in the following figure, and click OK. At last, your new cloth brush should be displayed in the brush column.
Step 2 select the tool (V), focusing on the top bar. Remove the fill color and set the stroke color to black and the size to 2pt. Focus on the toolbar, double-click the paint brush tool, enter attribute settings as shown in the following figure, and click OK. Unalign the grid (View> align the grid), select the paint brush tool (B), and draw some simple paths around your canvas, as shown in the following figure.
Step 3 select all the paths created in the previous step, group them (Control-G), and replace the black lines with your white scattering brush. On the layers panel, make sure the new group is selected, change its blending mode to soft light, and drag it directly to the background shape.
7. Add a small circle to shine. Step 1 select the alignment grid (View> alignment grid ). Select the elliptic tool (L) to create a 4px circle that is adjacent to the circles that make the text. Fill in the new shape to no color, but add a 1pt line, arrange it inside, set the color to white. Copy this small circle (Control-C> Control-F) and spread the replication around your text, as shown in the following figure.
Step 2 select the elliptical tool to create a 2px circle and place it in a relatively close 4px circle (previously added ). Set its fill color to none, but add a PT, white line. Copy this small circle (Control-C> Control-F) and spread the replication around your text, as shown in the following figure.
8. Add a light star. Step 1 select the elliptical tool (L), create a 2px circle, fill it in white, and go to effect> deformation & Conversion> expansion. As shown in the following figure-50%, click OK.
Step 2 copy the tiny star shape (Control-C> Control-F) and spread the replication around your text, as shown in the following figure.
Step 3 select one of the stars and choose "same"> "external" to select all shapes and set similar external attributes. Combine all these star shapes (Control-G), select a group, and change its blending mode to soft light. To the layers panel, simply lock the new group.
Step 4 select the elliptical tool, create a 5px circle, fill it in white, go to effect> deformation & Conversion> expansion. As shown in the following figure-50%, click OK. Copy the tiny star shape (Control-C> Control-F) and spread the replication around your text, as shown in the following figure.
Step 5 select all the 5px stars and combine them (Control-G), select this group, and change the blending mode to soft light.
9. Reset the size of the entire text effect. First, go to edit> Preference> General (Control-K) to ensure that the scale line & effect box are selected. Next, focus on layers and unlock the 2px star shape group. Select tool (V), select ownership as text shape, and open the conversion panel (window> conversion ). Make sure that the constraint width and height ratio button is selected, and then simply enter a higher or lower number in the width and height columns to reset the size of your entire text effect.
Congratulations! You have done it! This is what the image should look like. If we only use nine colors for the entire text, you can easily reproduce the entire illustration. Please use your favorite set of colors freely. I hope you will enjoy this tutorial and use these skills in your future project design.
All right, the above information is the detailed tutorial for creating the three-dimensional ring text effect for all the users of Illustrator's software, all users have seen this, and I believe that everyone is very clear about the drawing steps, so everyone will try the results according to the tutorial above.
