Image Editor: Difference between revisions

From PenguinMod Wiki
Jump to navigation Jump to search
Content added Content deleted
(E)
No edit summary
 
(12 intermediate revisions by 6 users not shown)
Line 2: Line 2:


== Shapes ==
== Shapes ==
In the pens and shapes bar you can see new shapes. However, these are only available with the vector editor.<br>
[[File:Newoptions.png|thumb]]
[[File:Paint menu.png|thumb|The updated paint menu.]]
In the pens and shapes bar you can see new shapes. These are only for the vector editor however.


=== Curved Square ===
== Vector Shapes ==
{| class="sortable mw-collapsible mw-collapsed fandom-table"
[[File:Curved squares.png|thumb|265x265px|Curved squares]]
|+Vector Shapes
[[File:Curveedit.png|thumb|Corner curvature]]
!Rounded Rectangle
The curved squares are like regular squares but have curved corners. The curvature of the corners can be edited.
!The rounded rectangles are like regular rectangles, but they have curved corners.
The curvature of the corners can be edited
![[File:Curveedit.png|thumb|Corner curvature.]][[File:Curved squares.png|thumb|Curved squares.]]
|-
|Polygon Shape
|The polygon shape is a shape where you can create an equilateral polygon with a set number of sides. Minimum is 3 for a triangle and maximum is 1000, which is unneeded.
|[[File:Polygons.png|thumb|173x173px|Polygon shapes, with the number of sides marked.]]
|-
|Amogus Shape
|The amogus shape is a joke shape that was originally made for testing new shapes. However, the owner of PenguinMod wanted the shape to stay. It is also called "''Sussy''" internally. It has since been moved to the extra shapes button.
|[[File:Amogus.png|thumb|122x122px|Amogus shape.]]
|-
|Dragon Shape
|The dragon is the head of Spyro the Dragon. It has since been moved to the extra shapes button.
|[[File:Dragon.png|thumb|Dragon shape.]]
|-
|Arrow Shape
|The arrow shape is used as an easier way to create arrows.
|[[File:Screenshot 2023-10-14 7.57.27 PM.png|thumb|Arrow shape.]]
|-
|Extra Shapes
|A button which contains extra shapes, old and new. This is where the Spyro and Amogus shapes were moved to.
|[[File:Extra shapes.png|thumb|The extra shapes menu.]]
|}


==Cut Tool==
[[File:Cut.png|thumb|The cut, copy, and paste buttons.]]
The cut tool is a new option next to the copy and paste buttons. It acts like the copy tool, but it deletes the selected items.


=== Polygon Shape ===
== Better Shape Editing==
[[File:Polygons.png|thumb|489x489px|Polygon Shapes]]
The polygon shape is a shape where you can create an equilateral polygon with a set number of sides. Minimum is 3 for a triangle and maximum is 1000, which is unneeded.

=== Amogus Shape ===
[[File:Amogus.png|thumb|Amogus Shape]]
The amogus shape is a joke shape that was originally made for testing new shapes. However, the owner of PenguinMod wanted the shape to stay. It is also called "SussyTool" internally







== Cut Tool ==
[[File:Cut.png|thumb]]
The cut tool is a new option next to the copy and paste buttons. It acts like the copy tool but deletes the selected items.

== Better Shape Editing ==
[[File:Coolshapeeditor.png|thumb|190x190px]]
[[File:Coolshapeeditor.png|thumb|190x190px]]
In the ribbon, new options are available for better vector editing. This is only for vector however.
In the ribbon, new options are available for better vector editing. This is only for the vector editor, however.<br>
<tabber>

=== Merge ===
|-|Merge=
== Merge==
Merges the 2 shapes together into one vector shape.
Merges the 2 shapes together into one vector shape.
|-|Mask=

=== Mask ===
==Mask==
Deletes all parts of the 2 shapes except the parts that touch.
Deletes all parts of the 2 shapes except the parts that touch.
|-|Subtract=

=== Subtract ===
==Subtract==
Deletes the part of the back shape that the front layer shape touches.
Deletes the part of the back shape that the front layer shape touches.
|-|Filter=

=== Filter ===
==Filter==
Reverse of the mask tool, deletes the parts of the 2 shapes that touch.
Reverse of the mask tool, deletes the parts of the 2 shapes that touch.
</tabber>
==[[Fonts]]==
[[File:New Fonts.png|thumb|433x433px|The default fonts in a new project.]]
The editor adds new fonts for both editors. These new fonts are able to be used outside of the image editor too, able to be used in the code editor.


== [[Fonts]] ==
===Custom Fonts===
Custom fonts can be used in both the bitmap and vector editors. It used to warn you to use only fonts you have the license to use, but that was removed. When you upload a font file, it is added to the project, even able to be used in extensions such as Animated Text. Even after exiting the project, the fonts stay.
[[File:New Fonts.png|thumb|433x433px]]
The editor adds new fonts for both editors. These new fonts are able to be used outside of the editor too, in the code editor.
[[File:Custom fonts in vector and bitmap.png|left|thumb|214x214px|Custom fonts can be used in ''both'' the vector editor and the bitmap editor.]]
[[File:Customfonterror.png|left|thumb|(Removed) Warning you get sent before uploading a custom font.|213x213px]]

[[File:Font menu.png|center|thumb|219x219px|The menu that comes up when you press the "Add more fonts..." button in the dropdown.]]
=== Custom Fonts ===
==Trivia==
[[File:Customfonterror.png|left|thumb|Warning you get sent before uploading a custom font.]]
*The Branches font, formerly named the "Scratch" font is technically not a new font, as it is available in Scratch 2.0 as a dropdown option and still exists in 3.0, but was hidden in 3.0.<ref>https://en.scratch-wiki.info/wiki/Scratch_Font</ref><ref>https://github.com/scratchfoundation/scratch-render-fonts/tree/master/src</ref>
Custom fonts can only be used in the bitmap editor. It warns you to use only fonts you have the license to use. When you upload a font file, you get to use it, but will be gone when you exit the text editor. This means it cannot be used elsewhere.

Latest revision as of 16:13, 1 April 2024

The image editor, both vector and bitmap, have a lot of new features.

Shapes

In the pens and shapes bar you can see new shapes. However, these are only available with the vector editor.

The updated paint menu.

Vector Shapes

Vector Shapes
Rounded Rectangle The rounded rectangles are like regular rectangles, but they have curved corners.

The curvature of the corners can be edited

Corner curvature.
Curved squares.
Polygon Shape The polygon shape is a shape where you can create an equilateral polygon with a set number of sides. Minimum is 3 for a triangle and maximum is 1000, which is unneeded.
Polygon shapes, with the number of sides marked.
Amogus Shape The amogus shape is a joke shape that was originally made for testing new shapes. However, the owner of PenguinMod wanted the shape to stay. It is also called "Sussy" internally. It has since been moved to the extra shapes button.
Amogus shape.
Dragon Shape The dragon is the head of Spyro the Dragon. It has since been moved to the extra shapes button.
Dragon shape.
Arrow Shape The arrow shape is used as an easier way to create arrows.
Arrow shape.
Extra Shapes A button which contains extra shapes, old and new. This is where the Spyro and Amogus shapes were moved to.
The extra shapes menu.

Cut Tool

The cut, copy, and paste buttons.

The cut tool is a new option next to the copy and paste buttons. It acts like the copy tool, but it deletes the selected items.

Better Shape Editing

In the ribbon, new options are available for better vector editing. This is only for the vector editor, however.
<tabber> |-|Merge=

Merge

Merges the 2 shapes together into one vector shape. |-|Mask=

Mask

Deletes all parts of the 2 shapes except the parts that touch. |-|Subtract=

Subtract

Deletes the part of the back shape that the front layer shape touches. |-|Filter=

Filter

Reverse of the mask tool, deletes the parts of the 2 shapes that touch. </tabber>

Fonts

The default fonts in a new project.

The editor adds new fonts for both editors. These new fonts are able to be used outside of the image editor too, able to be used in the code editor.

Custom Fonts

Custom fonts can be used in both the bitmap and vector editors. It used to warn you to use only fonts you have the license to use, but that was removed. When you upload a font file, it is added to the project, even able to be used in extensions such as Animated Text. Even after exiting the project, the fonts stay.

Custom fonts can be used in both the vector editor and the bitmap editor.
(Removed) Warning you get sent before uploading a custom font.
The menu that comes up when you press the "Add more fonts..." button in the dropdown.

Trivia

  • The Branches font, formerly named the "Scratch" font is technically not a new font, as it is available in Scratch 2.0 as a dropdown option and still exists in 3.0, but was hidden in 3.0.[1][2]