<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://wiki.whirled.club/index.php?action=history&amp;feed=atom&amp;title=Whirled_image_editor</id>
	<title>Whirled image editor - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.whirled.club/index.php?action=history&amp;feed=atom&amp;title=Whirled_image_editor"/>
	<link rel="alternate" type="text/html" href="https://wiki.whirled.club/index.php?title=Whirled_image_editor&amp;action=history"/>
	<updated>2026-04-28T01:24:56Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.39.7</generator>
	<entry>
		<id>https://wiki.whirled.club/index.php?title=Whirled_image_editor&amp;diff=2335&amp;oldid=prev</id>
		<title>Whirled vox: Text replacement - &quot;&amp;quot;&quot; to &quot;&quot;&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.whirled.club/index.php?title=Whirled_image_editor&amp;diff=2335&amp;oldid=prev"/>
		<updated>2018-08-31T18:53:39Z</updated>

		<summary type="html">&lt;p&gt;Text replacement - &amp;quot;&amp;quot;&amp;quot; to &amp;quot;&amp;quot;&amp;quot;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 18:53, 31 August 2018&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l3&quot;&gt;Line 3:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 3:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Creating New Images ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Creating New Images ==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:Whirled image editor-Create new image.png|thumb|Image size popup.|right]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:Whirled image editor-Create new image.png|thumb|Image size popup.|right]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For many item types, you can use the &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot;&lt;/del&gt;Paint a new image&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;amp;quot; &lt;/del&gt;button when you want to Create Your Own in your [[stuff tab]].&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For many item types, you can use the &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot;&lt;/ins&gt;Paint a new image&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;quot; &lt;/ins&gt;button when you want to Create Your Own in your [[stuff tab]].&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br/&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;After you click on the button, you'll get a small popup asking you what size you want your image to be.  This is also where you can select a fill color (see the tips below about colors) if you want the background already filled in with a color before you start; with this option, using the eraser will still allow you to create transparent areas.  Leaving transparent will just give you a blank, transparent background to start with.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;After you click on the button, you'll get a small popup asking you what size you want your image to be.  This is also where you can select a fill color (see the tips below about colors) if you want the background already filled in with a color before you start; with this option, using the eraser will still allow you to create transparent areas.  Leaving transparent will just give you a blank, transparent background to start with.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Whirled vox</name></author>
	</entry>
	<entry>
		<id>https://wiki.whirled.club/index.php?title=Whirled_image_editor&amp;diff=2059&amp;oldid=prev</id>
		<title>Dragawn: Created page with &quot;The '''Whirled image editor''' is an in-browser raster graphics editor.  == Creating New Images == Image:Whirled image editor-Create new image....&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.whirled.club/index.php?title=Whirled_image_editor&amp;diff=2059&amp;oldid=prev"/>
		<updated>2018-08-26T16:05:10Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;The &amp;#039;&amp;#039;&amp;#039;Whirled image editor&amp;#039;&amp;#039;&amp;#039; is an in-browser &lt;a href=&quot;https://en.wikipedia.org/wiki/raster_graphics&quot; class=&quot;extiw&quot; title=&quot;wikipedia:raster graphics&quot;&gt;raster graphics&lt;/a&gt; editor.  == Creating New Images == Image:Whirled image editor-Create new image....&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;The '''Whirled image editor''' is an in-browser [[wikipedia:raster graphics|raster graphics]] editor.&lt;br /&gt;
&lt;br /&gt;
== Creating New Images ==&lt;br /&gt;
[[Image:Whirled image editor-Create new image.png|thumb|Image size popup.|right]]&lt;br /&gt;
For many item types, you can use the &amp;amp;quot;Paint a new image&amp;amp;quot; button when you want to Create Your Own in your [[stuff tab]].&lt;br /&gt;
&lt;br /&gt;
After you click on the button, you'll get a small popup asking you what size you want your image to be.  This is also where you can select a fill color (see the tips below about colors) if you want the background already filled in with a color before you start; with this option, using the eraser will still allow you to create transparent areas.  Leaving transparent will just give you a blank, transparent background to start with.&lt;br /&gt;
{{clearright}}&lt;br /&gt;
&lt;br /&gt;
== Editing Your Image ==&lt;br /&gt;
&lt;br /&gt;
[[Image:Whirled image editor.png|300px|right]]&lt;br /&gt;
Here are some image editing tips:&lt;br /&gt;
&lt;br /&gt;
* Your selected image size will be outlined with a dashed line.  Anything you draw outside of the specified border will not be saved.&lt;br /&gt;
* You can select different tools by clicking on the buttons with the icons.  The current tool will be highlighted as light blue.&lt;br /&gt;
* For the brush, you can select one of the colors in the popup or you can type in your own hexadecimal code for the specific color that you want to use.  A number of websites have charts of colors with their hexadecimal codes, so you can easily Google and find one to use.&lt;br /&gt;
* The eyedropper lets you change the brush to the same color as whatever you click on.&lt;br /&gt;
&lt;br /&gt;
{{stub}}&lt;br /&gt;
[[Category:Terminology]]&lt;/div&gt;</summary>
		<author><name>Dragawn</name></author>
	</entry>
</feed>