Photoshop uses PS and AI to make cool neon dynamic picture-making tutorials

Source: Internet
Author: User
To the users of Photoshop software to detailed analysis of the use of PS and AI to make cool neon dynamic picture of the production of the tutorial.
Tutorial Sharing:
Effect Chart:

First, in the AI painting sketches
1. First of all, open your AI, and then use the Oval tool to draw a circle, stroke: 5pt.

2. On the text, here is the Darwin font, no can use similar fonts Oh ~

3. Then we go to Object > Transform > Skew, tilt angle: -10°, Angle: 90°.

4. Now we want to process the text into a hollow Word ~ Select tool Selection Word, then right-click > Create Contour, clear text fill color, stroke 5pt.

5. Draw a small circle, and then use the Scissors tool to remove part of the small circle ~ in the stroke to select the 3-point circle, double-click 3-point Circle, change the size of 5pt.

6. Copy just made good graphics, placed in a blank position, looks like a lunar potholes surface ~

7. Select the circle that forms the planet, then copy the Cmd+c, paste the cmd+f, and place it on the top. Press and hold the ALT key while stretching and extruding the shape to form the surrounding planetary ring, and then copy the shape, slightly shrinking yo ~

8. Draw an ellipse somewhere on the artboard, use the direct selection tool and then drag the vertex up, stretch the shape ~ Stretch it

9. Remove the handle from the Pen tool group using the Convert Anchor Point tool, leaving a sharp point. Then the stroke is converted to a 5pt dot.

10. In order to build a simple rocket, let's add the other shapes to the center of the Alignment panel, and set all the elements.

11. Repeat the shape of the rocket two times, and then zoom it out appropriately, and place the following image as shown:

12. There are many overlapping paths at present, and in order to achieve a better neon effect, we have to deal with them in some detail. Select the main planet Circle, object > Path > Offset path. Enter 3 mm ~

13. Right click on the resulting offset path, click Set up a reference line. Make sure the guides are visible (cmd+;) and lock the Guides (cmd+alt+;).

14. Use the scissors tool to cut the intersection of the planetary path and the two outer rings. Using smart Guides (CMD + U) can be easily seen.

15. Because the letter p exceeds the contour of the planet, we want to ungroup the text or enter isolation mode, select the "P" letter, and then add the 3 mm offset path ~

16. The letter P needs to create a separate reference line. Right-click and select to release the compound path, and then remove the inner portion of the bowl before opening the main contour boot.

17. Cut off the path of the planetary ring through the letter P and delete the unwanted part of the path.

18. Next, handle other intersecting paths in the same way. But for the next section of the ring, the text will need to be modified to allow the ring to surround the Earth ~

19. Cancel the group of other text elements, and then add the offset path to the first and last letters to establish a guide. Remember to release the compound path of p to create a reference line ~

20. We're going to use these new guides to cut off the intersecting paths and remove all the overlapping paths around them ~

21. For the area where the overlapping text of the ring is, we need to create additional guides from the path of the ring.

22. Now use the scissors tool to crop and delete the text in the circle of the path ~

23. Sometimes need to release the letter compound path in order to select and delete we do not want to part of the path ~

24. Finally we deal with the text as shown below, next we want to add a neon effect to the text in Photoshop ~

25. Select the path and change the color of the text. (You can choose the color you like, the color of the tutorial is just to do reference oh ~)

26. In the selection > the same > Fill and stroke, with the selection of different colors, it is processed into the following image of the effect of ~ Haha, look is not very good!

27. File > Export, change its file format to PSD. Make sure the write layer in the pop-up dialog box is checked.

28. Open the file in Photoshop. Background fills the black and adds the brick texture ~ (Baidu searches the brick wall texture to have)

29. Select all the neon word footage and then press Cmd+j (CTRL+J) to copy them and then use Ctrl+e to merge all of them. Small series that can be directly stamped layer yo (ctrl+shift+alt+e) ~ Then name this layer "off" ~

30. This step is to add a layer style to the layer yo ~
Color Overlay, #2A2A2A
Inner Glow, #2A2A2A
Projection, transparency 20%, Angle 90°, distance 6, extended 32, size 9.

31. Place the layer at the bottom ~

32. Now add a neon effect to the ring around the planet,
Inner glow-Linear depth, parameters as shown
Outer glow-Multiply, parameters as shown
Three projections, parameters as shown in the picture Oh ~

33. The effect is shown in the following picture ~

34. After the text material is copied and pasted layer style, and change its color ~

35. In order to save time, you can choose the same color text, and then paste the same color layer style.

36. After finishing all the text, the whole text looks very good. Small knitting I think this effect is very beautiful ~ you pinch?

37. Set up all the material separately, as shown in the following picture ~

38. Next Open the Timeline window Oh, in the window > timeline, create frame animation ~

39. In the first window, turn off all the text with the neon effect. Then change the time to 1 seconds yo ~

40. Then add a new frame. Turn on the ring with the neon effect. Keep in mind that time is set without delay yo ~

41. Add two frames, 3rd point to open the red neon text, the 4th point to open the blue Neon Planet ~ time is no Delay ~ La ~o (∩_∩) O haha ~

42. In the next 5th frame to open the first rocket, change the duration of 1 seconds ~ yo yo yo ~ different time set out the effect of different oh ~

43. Then in 7, 6 frames, open a second rocket, close the first rocket ~

44. Open the last rocket in the 7th frame and close the previous rocket

45. Then the part of the rocket, repeat 5~6 time or so we are done ~ finally exported-stored in the Web format-gif format.
Completed!

Well, the above information is small compiled for you photoshop This software users brought to the detailed use of PS and AI to make cool neon dynamic picture of the production of the complete tutorial to share the whole content, as you can see, this is a very clear tutorial now. Then you guys come quickly to follow the small series of tutorials to make their own.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.