<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Apophysis 3D Revealed &#187; graph editor</title>
	<atom:link href="http://apophysisrevealed.com/apo3dblog/tag/graph-editor/feed" rel="self" type="application/rss+xml" />
	<link>http://apophysisrevealed.com/apo3dblog</link>
	<description>Using Apophysis 3D to Explore Stereoscopic Flame Fractals</description>
	<lastBuildDate>Fri, 11 Dec 2009 19:42:55 +0000</lastBuildDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ApoMap Gradients</title>
		<link>http://apophysisrevealed.com/apo3dblog/2009/02/apomap-gradients</link>
		<comments>http://apophysisrevealed.com/apo3dblog/2009/02/apomap-gradients#comments</comments>
		<pubDate>Thu, 19 Feb 2009 06:18:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Gradients]]></category>
		<category><![CDATA[ApoMap]]></category>
		<category><![CDATA[flame]]></category>
		<category><![CDATA[gradient]]></category>
		<category><![CDATA[graph editor]]></category>
		<category><![CDATA[Map file]]></category>
		<category><![CDATA[smooth palette]]></category>

		<guid isPermaLink="false">http://apophysisrevealed.com/apo3dblog/?p=105</guid>
		<description><![CDATA[
Skill Level: Beginner to Intermediate
Quick Facts

ApoMap is a unique gradient editor
Cool RGB Graph editor &#8211; could be friendlier to use
Making smooth gradients from image samples is easy
Saves gradients as Fractint Map files

The Program Interface
Here are screen shots of the main menus
The Edit Menu:
The Process Menu is perhaps more interesting:
These processes help to edit and modify [...]]]></description>
			<content:encoded><![CDATA[<p id="top" />
<h2><span style="color: #00ffff;">Skill Level:</span> <span style="color: #00ff00;">Beginner</span> to <span style="color: #ffff00;">Intermediate</span></h2>
<h2><span style="color: #ccffcc;">Quick Facts</span></h2>
<ul>
<li>ApoMap is a unique gradient editor</li>
<li>Cool RGB Graph editor &#8211; could be friendlier to use</li>
<li>Making smooth gradients from image samples is easy</li>
<li>Saves gradients as Fractint Map files</li>
</ul>
<h2><span style="color: #ccffcc;">The Program Interface</span></h2>
<p>Here are screen shots of the main menus</p>
<div id="attachment_107" class="wp-caption alignnone" style="width: 212px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/am-file-menu.jpg" rel="lightbox"><img class="size-medium wp-image-107" title="am-file-menu" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/am-file-menu.jpg" alt="The File Menu options" width="202" height="158" /></a><p class="wp-caption-text">The File Menu options</p></div>
<p>The Edit Menu:</p>
<div id="attachment_108" class="wp-caption alignnone" style="width: 210px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/am-edit-menu.jpg" rel="lightbox"><img class="size-medium wp-image-108" title="am-edit-menu" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/am-edit-menu.jpg" alt="Edit Menu options" width="200" height="151" /></a><p class="wp-caption-text">Edit Menu options</p></div>
<p>The Process Menu is perhaps more interesting:</p>
<div id="attachment_109" class="wp-caption alignnone" style="width: 213px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/am-process-menu.jpg" rel="lightbox"><img class="size-medium wp-image-109" title="am-process-menu" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/am-process-menu.jpg" alt="Process Menu Options" width="203" height="212" /></a><p class="wp-caption-text">Process Menu Options</p></div>
<p>These processes help to edit and modify a gradient.</p>
<h2></h2>
<h2><span style="color: #ccffcc;">The Graph Editor</span></h2>
<p>Here is an example of a gradient designed in the Graph editor. The picture shows the editor aligned with the gradient to show how the RGB lines correspond to the colors.</p>
<div id="attachment_110" class="wp-caption alignnone" style="width: 322px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/pm-graph.jpg" rel="lightbox"><img class="size-medium wp-image-110" title="pm-graph" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/pm-graph.jpg" alt="Graph Editor in action" width="312" height="299" /></a><p class="wp-caption-text">Graph Editor in action</p></div>
<h2></h2>
<h2><span style="color: #ccffcc;">Design Process</span></h2>
<p>It can take a few tries to get the colors right, but it is a really basic and easy process.</p>
<div id="attachment_111" class="wp-caption alignnone" style="width: 160px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gs-step1.jpg" rel="lightbox"><img class="size-thumbnail wp-image-111" title="gs-step1" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gs-step1-150x144.jpg" alt="Green Spike gradient, Step 1" width="150" height="144" /></a><p class="wp-caption-text">Green Spike gradient, Step 1</p></div>
<p><strong><span style="color: #00ffff;">The Graph editor</span> </strong>works by drawing one line at a time with any one of the three drawing pens. It only draws straight lines, click a place to start the line and click where it should end. Curves can be made by making many short lines consecutively and changing the angle of each one.</p>
<p>Colors are formed by mixing the amount of each primary color. Red and Green make Yellow, Red and Blue make purple, Blue and Green make Cyan.</p>
<div id="attachment_112" class="wp-caption alignnone" style="width: 160px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gs-step2.jpg" rel="lightbox"><img class="size-thumbnail wp-image-112" title="gs-step2" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gs-step2-150x143.jpg" alt="Adding Some Interest with a color spike" width="150" height="143" /></a><p class="wp-caption-text">Adding Some Interest with a color spike</p></div>
<p><span style="color: #00ffff;"><strong>Grays are made</strong></span> with roughly equal amounts of each color. In this example Red is the first line to be drawn. The other lines are the random gradient generated automatically.</p>
<div id="attachment_113" class="wp-caption alignnone" style="width: 160px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gm-start.jpg" rel="lightbox"><img class="size-thumbnail wp-image-113" title="gm-start" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gm-start-150x143.jpg" alt="Starting a Gray gradient" width="150" height="143" /></a><p class="wp-caption-text">Starting a Gray gradient</p></div>
<p>Next, trace over the Red line using the Green pen.</p>
<div id="attachment_114" class="wp-caption alignnone" style="width: 160px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gm-step2.jpg" rel="lightbox"><img class="size-thumbnail wp-image-114" title="gm-step2" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gm-step2-150x143.jpg" alt="Trace over the Red line with the Green Pen" width="150" height="143" /></a><p class="wp-caption-text">Trace over the Red line with the Green Pen</p></div>
<p>The last step completes the basic Gray gradient.</p>
<div id="attachment_115" class="wp-caption alignnone" style="width: 160px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gm-step3.jpg" rel="lightbox"><img class="size-thumbnail wp-image-115" title="gm-step3" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gm-step3-150x143.jpg" alt="The Gray gradient completed" width="150" height="143" /></a><p class="wp-caption-text">The Gray gradient completed</p></div>
<p>Sometimes it is interesting to add a bit of color to the grays just to see where it shows up in the Flame fractal.</p>
<div id="attachment_116" class="wp-caption alignnone" style="width: 160px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gray-rgb-added.jpg" rel="lightbox"><img class="size-thumbnail wp-image-116" title="gray-rgb-added" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gray-rgb-added-150x142.jpg" alt="Adding Color markers" width="150" height="142" /></a><p class="wp-caption-text">Adding Color markers</p></div>
<h2></h2>
<h2><span style="color: #ccffcc;">Saving the Gradients</span></h2>
<p>It is important to save the finished gradients so it will be available whenever it is needed in the future. Alternatively it can be copied to the clipboard and pasted it into <em><strong>Apophysis</strong></em> directly. The new gradient can be saved from either program.</p>
<p><em><strong>ApoMap</strong></em> saves gradients as Fractint Map files.</p>
<div id="attachment_117" class="wp-caption alignnone" style="width: 160px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gray-rgb-saved.jpg" rel="lightbox"><img class="size-thumbnail wp-image-117" title="gray-rgb-saved" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/gray-rgb-saved-150x112.jpg" alt="Saving Map Files" width="150" height="112" /></a><p class="wp-caption-text">Saving Map Files</p></div>
<p><span style="color: #00ffff;"><strong>The Graph editor is small</strong></span> so accuracy can be difficult, especially at the side edges. One way to work is to watch the numbers in the little boxes next to the color pens. The numbers provide a means to know precisely where the the click will take place. The starting number at the left side is 0, and the ending number on the right is 256.</p>
<p>If it is important that a gradient blend smoothly where the end and beginning meet, try the Rotation control in the <em><strong>Adjust panel.</strong></em> Rotate the edge gradient away from the edges, then edit the colors so there is no abrupt change.</p>
<div id="attachment_118" class="wp-caption alignnone" style="width: 160px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/br-rotate-edge.jpg" rel="lightbox"><img class="size-thumbnail wp-image-118" title="br-rotate-edge" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/br-rotate-edge-150x132.jpg" alt="Rotate gradient edges towards the center to smooth it" width="150" height="132" /></a><p class="wp-caption-text">Rotate gradient edges towards the center to smooth it</p></div>
<p>There is a sharp discontinuity where the former edge areas meet up after it has been rotated.</p>
<div id="attachment_121" class="wp-caption alignnone" style="width: 146px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/br-edge-discont.jpg" rel="lightbox"><img class="size-thumbnail wp-image-121" title="br-edge-discont" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/br-edge-discont-136x150.jpg" alt="Former edges are discontinuous" width="136" height="150" /></a><p class="wp-caption-text">Former edges are discontinuous</p></div>
<p>Below they have been smoothed out</p>
<div id="attachment_122" class="wp-caption alignnone" style="width: 146px"><a href="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/br-edge-blended.jpg" rel="lightbox"><img class="size-thumbnail wp-image-122" title="br-edge-blended" src="http://apophysisrevealed.com/apo3dblog/wp-content/uploads/2009/02/br-edge-blended-136x150.jpg" alt="Gradient now blends smoothly" width="136" height="150" /></a><p class="wp-caption-text">Gradient now blends smoothly</p></div>
]]></content:encoded>
			<wfw:commentRss>http://apophysisrevealed.com/apo3dblog/2009/02/apomap-gradients/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
