mirror of
https://github.com/LCTT/TranslateProject.git
synced 2024-12-26 21:30:55 +08:00
Merge pull request #18676 from lujun9972/add-MjAyMDA2MDggSG93IHRvIENyZWF0ZSBDdXJ2ZSBUZXh0IGluIEdJTVAgaW4gNSBTaW1wbGUgU3RlcHMgLUdJTVAgQmVnaW5uZXItcyBUdXRvcmlhbC5tZAo=
自动选题: 20200608 How to Create Curve Text in GIMP in 5 Simple Steps [GIMP Beginner’s Tutorial]
This commit is contained in:
commit
b2ef76183a
@ -0,0 +1,118 @@
|
||||
[#]: collector: (lujun9972)
|
||||
[#]: translator: ( )
|
||||
[#]: reviewer: ( )
|
||||
[#]: publisher: ( )
|
||||
[#]: url: ( )
|
||||
[#]: subject: (How to Create Curve Text in GIMP in 5 Simple Steps [GIMP Beginner’s Tutorial])
|
||||
[#]: via: (https://itsfoss.com/curve-text-gimp/)
|
||||
[#]: author: (Dimitrios Savvopoulos https://itsfoss.com/author/dimitrios/)
|
||||
|
||||
How to Create Curve Text in GIMP in 5 Simple Steps [GIMP Beginner’s Tutorial]
|
||||
======
|
||||
|
||||
When you are working on a badge, poster or any other composition in GIMP and you need to bend or curve some text. The versatile [GIMP][1] tool offers several ways to create curved text. Depending on how you will use it and the curvature you want to give to your text, some methods are better than others.
|
||||
|
||||
In this GIMP tutorial, I’ll show you my preferred way of creating curve texts.
|
||||
|
||||
### How to create curve text in GIMP
|
||||
|
||||
![][2]
|
||||
|
||||
Please make sure that you have GIMP installed on your system already.
|
||||
|
||||
#### Step 1: Create a path that matches the type of curve you want
|
||||
|
||||
Create a new image or open an existing one. Select the paths tool and then having in mind roughly the position of the curved text, create your path by clicking once for the start and then for the end of path point.
|
||||
|
||||
![Create a path][3]
|
||||
|
||||
**Then give to your path a curvature.** First drag the line in the middle either up or down, and fine tune by moving the adjusting points. This will give it an arch.
|
||||
|
||||
![Curving the path][4]
|
||||
|
||||
#### Step 2: Create the text you want to curve
|
||||
|
||||
When you are satisfied with your curved path, you can move to the next step and **create your text**.
|
||||
|
||||
You may want to change the font and the font size. My selections are for demonstration purpose only.
|
||||
|
||||
![Create a text][5]
|
||||
|
||||
#### Step 3: Create a new layer
|
||||
|
||||
I strongly suggest separating each different element of a GIMP image in different layers, in order to manipulate them easily like move, turn on/off an element etc.
|
||||
|
||||
Following this rule our curved text will be placed at a new layer. It is recommended to name your new layer like “Curved Text” or something similar to easily identify it.
|
||||
|
||||
![Create a new layer for the curved text][6]
|
||||
|
||||
#### Step 4: Curve the text
|
||||
|
||||
Now you need to click on the layer that your text is and right click on it and then click on “Text along path” to bend your text. The curved text will be placed at the newly created layer.
|
||||
|
||||
![Text Along Path][7]
|
||||
|
||||
You just curved the text! Let’s make the text more presentable by filling it with colour.
|
||||
|
||||
### Step 5: Final touches and export
|
||||
|
||||
Click on the curved text layer and then go to the path tab to select the text boundaries.
|
||||
|
||||
![Path To Selection][8]
|
||||
|
||||
Finally, select the bucket tool, a colour of your choice and apply your selection as per below.
|
||||
|
||||
![][9]
|
||||
|
||||
As the last step, turn the visibility of the layers that you don’t want and keep only the curved text. Then you are ready to export your file as your preferred image format.
|
||||
|
||||
![][10]
|
||||
|
||||
#### Bonus Tip: Create shade effect
|
||||
|
||||
I have an additional step as an exercise/challenge if you want to go the extra mile. Let’s create a shade effect to the curved text by [outlining the text in GIMP][11].
|
||||
|
||||
I will give you some hints:
|
||||
|
||||
* Turn all the layers back on
|
||||
* Click on the curved text layer and the use the move tool to move the text away
|
||||
* Create another layer and repeat the bucket fill procedure with a black colour
|
||||
* Overlay the layers in a way that they mimic a shaded position (you may need to change the layers order)
|
||||
* Turn off the auxiliary layers
|
||||
|
||||
|
||||
|
||||
**The final result!**
|
||||
|
||||
![][12]
|
||||
|
||||
Let me know in the comments below your thoughts about this GIMP tutorial and how many of you tried the bonus step.
|
||||
|
||||
Don’t forget to [subscribe to the newsletter][13] as It’s FOSS team has much more for you in the near future!
|
||||
|
||||
--------------------------------------------------------------------------------
|
||||
|
||||
via: https://itsfoss.com/curve-text-gimp/
|
||||
|
||||
作者:[Dimitrios Savvopoulos][a]
|
||||
选题:[lujun9972][b]
|
||||
译者:[译者ID](https://github.com/译者ID)
|
||||
校对:[校对者ID](https://github.com/校对者ID)
|
||||
|
||||
本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译,[Linux中国](https://linux.cn/) 荣誉推出
|
||||
|
||||
[a]: https://itsfoss.com/author/dimitrios/
|
||||
[b]: https://github.com/lujun9972
|
||||
[1]: https://www.gimp.org/
|
||||
[2]: https://i2.wp.com/itsfoss.com/wp-content/uploads/2020/05/Curve-text-in-GIMP.jpg?ssl=1
|
||||
[3]: https://i2.wp.com/itsfoss.com/wp-content/uploads/2020/05/1image-1.png?fit=800%2C508&ssl=1
|
||||
[4]: https://i2.wp.com/itsfoss.com/wp-content/uploads/2020/05/2.png?fit=800%2C500&ssl=1
|
||||
[5]: https://i0.wp.com/itsfoss.com/wp-content/uploads/2020/05/3.png?fit=800%2C503&ssl=1
|
||||
[6]: https://i1.wp.com/itsfoss.com/wp-content/uploads/2020/05/new-layer.png?fit=800%2C637&ssl=1
|
||||
[7]: https://i2.wp.com/itsfoss.com/wp-content/uploads/2020/05/text-along-path.png?fit=800%2C625&ssl=1
|
||||
[8]: https://i1.wp.com/itsfoss.com/wp-content/uploads/2020/05/path-to-selection.png?ssl=1
|
||||
[9]: https://i1.wp.com/itsfoss.com/wp-content/uploads/2020/05/6.png?fit=800%2C539&ssl=1
|
||||
[10]: https://i1.wp.com/itsfoss.com/wp-content/uploads/2020/05/4.png-copy.png?ssl=1
|
||||
[11]: https://itsfoss.com/gimp-text-outline/
|
||||
[12]: https://i2.wp.com/itsfoss.com/wp-content/uploads/2020/05/its-foss-curved.jpg?fit=800%2C409&ssl=1
|
||||
[13]: https://itsfoss.com/subscribe-to-newsletter/
|
Loading…
Reference in New Issue
Block a user