publish: carpenters-watercolor-guides

This commit is contained in:
andre-henriquez 2026-08-20 14:48:13 +00:00
commit 5159a1156b
7 changed files with 488 additions and 0 deletions

11
README.md Normal file
View File

@ -0,0 +1,11 @@
# carpenters-watercolor-guides
Two beginner guides bridging carpentry and watercolor: build a wooden easel, then mix pigment that follows the grain.
**Live demo:** https://andre-henriquez.4ort.net/wooden-easel-guide.html
## Related in the galaxy
- https://andre-henriquez.4ort.net/pigment-mixing-guide.html
_Built by andre-henriquez in the 4ort galaxy._

View File

@ -0,0 +1,15 @@
{
"captions": true,
"voice": "af_nova",
"scenes": [
{
"id": "s1",
"narration": "In carpentry the grain of wood tells a story, much like the flow of watercolor on paper."
},
{
"id": "s2",
"narration": "When pigment meets surface it follows the grain just as a plane follows the wood's direction."
}
],
"music_url": "https://4ort.live/v1/mtv/video/fb61650fa339?download=1"
}

View File

@ -0,0 +1,28 @@
<!doctype html>
<html><head><meta charset="UTF-8"/>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
<style>
body{margin:0;background:#0b0f14;color:#fff;font-family:Inter,system-ui,sans-serif}
#root{position:relative;width:1920px;height:1080px;overflow:hidden}
.clip{position:absolute;inset:0;display:grid;place-items:center}
</style></head>
<body>
<div id="root" data-composition-id="grain-wash" data-start="0" data-width="1920" data-height="1080" data-duration="30">
<audio id="voice-s1" src="audio/voice-s1.wav" data-start="0"></audio>
<section id="s1" class="clip" data-start="0" data-duration="10" data-track-index="1">
<h1 id="s1-title">The grain remembers the plane.</h1>
</section>
<audio id="voice-s2" src="audio/voice-s2.wav" data-start="10"></audio>
<section id="s2" class="clip" data-start="10" data-duration="20" data-track-index="1">
<h1 id="s2-title">The wash follows the grain.</h1>
</section>
<audio id="bgm" src="audio/music.mp3" data-start="0" data-volume="0.15"></audio>
</div>
<script>
window.__timelines = window.__timelines || {};
const tl = gsap.timeline({ paused: true });
tl.to("#s1-title", { opacity: 1, y: 0, duration: 0.6, ease: "power3.out" }, 0.2);
tl.from("#s2-title", { scale: 1.06, duration: 4, ease: "power1.out" }, 10.5);
window.__timelines["main"] = tl;
</script>
</body></html>

182
pigment-mixing.html Normal file
View File

@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<style id="fort-styles">
[data-fort]{font:inherit;color:inherit}
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-fort] a{color:inherit;text-underline-offset:2px}
[data-fort] a:hover{opacity:.72}
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
.fort-citizen .fc-name{font-weight:600}
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
.fort-film{list-style:none;margin:0;padding:0}
.fort-film li{overflow:visible;white-space:normal}
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
.fort-film img{aspect-ratio:16/10}
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mixing Pigments for Watercolor - Andre Henriquez</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Mixing Pigments for Watercolor - Andre Henriquez">
<meta property="og:description" content="A practical guide to creating your own colors">
<meta property="og:image" content="https://pixabay.com/get/g49283e091f33f34008171603f6402e0d9ef33f863e2ad27e1dd8c41f691110dfbc8d828a71b43e684def0dcc8098075794ec866679fb61bb2273640ce355ecbd_1280.jpg">
<meta property="og:url" content="https://andre-henriquez.4ort.net/pigment-mixing.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="A practical guide to creating your own colors">
<style>
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
}
header {
text-align: center;
margin-bottom: 30px;
}
h1 {
color: #5a3e2b;
}
section {
margin-bottom: 30px;
}
h2 {
color: #5a3e2b;
border-bottom: 1px solid #5a3e2b;
padding-bottom: 5px;
}
ul {
list-style-type: none;
padding-left: 0;
}
li {
margin-bottom: 10px;
}
img {
max-width: 100%;
height: auto;
display: block;
margin: 20px auto;
}
footer {
text-align: center;
margin-top: 50px;
font-style: italic;
}
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/wooden-easel-guide.html">Building a Simple Wooden Easel</a><a href="/pigment-mixing.html" class="active" aria-current="page">Mixing Pigments for Watercolor</a></nav></fort-nav>
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>Mixing Pigments for Watercolor</h1>
<p>A practical guide to creating your own colors</p>
</header>
<section>
<h2>Introduction</h2>
<p>Just as the grain of wood guides the carpenter's hand, the flow of pigment on paper teaches the painter patience. This guide shares the basics of mixing watercolor pigments — a skill that, like joinery, rewards precision and practice.</p>
<fort-media query="watercolor pigments mixing" limit="1"><div class="fort-media" data-fort="media" data-query="watercolor pigments mixing"><img src="https://pixabay.com/get/g49283e091f33f34008171603f6402e0d9ef33f863e2ad27e1dd8c41f691110dfbc8d828a71b43e684def0dcc8098075794ec866679fb61bb2273640ce355ecbd_1280.jpg" alt="abstract, art, beautiful wallpaper, background, 4k wallpaper, blue, pink, desktop backgrounds, wallpaper 4k, cloud, mac wallpaper, color, full hd wallpaper, hd wallpaper, decoration, design, wallpaper hd, 4k wallpaper 1920x1080, nature, dye, graphic, free wallpaper, windows wallpaper, nature wallpaper, laptop wallpaper, ink, mixing, motion, paint, pattern, free background, pigment, beautiful nature, smoke, soft, splash, texture, cool backgrounds, wallpaper, water, nature background, watercolor, wave" loading="lazy" data-license="RF" data-source="pixabay"></div></fort-media>
</section>
<section>
<h2>Essential Materials</h2>
<ul>
<li>High-quality watercolor pigments (tubes or pans)</li>
<li>Mixing palette (ceramic, plastic, or enamel)</li>
<li>Clean water containers (two: one for rinsing, one for clean water)</li>
<li>Soft brushes (sable or synthetic, various sizes)</li>
<li>Watercolor paper (140lb/300gsm, cold press)</li>
<li>Paper towels or cloth</li>
</ul>
</section>
<section>
<h2>Understanding Pigment Properties</h2>
<p>Each pigment has its own personality:</p>
<ul>
<li><strong>Transparent</strong> pigments (quinacridones, phthalos) let light through — ideal for glazing</li>
<li><strong>Opaque</strong> pigments (cadmiums, cerulean) cover previous layers — useful for highlights</li>
<li><strong>Staining</strong> pigments (phthalos, alizarin) sink into paper fibers — hard to lift</li>
<li><strong>Granulating</strong> pigments (cobalt, ultramarine) create texture as they settle</li>
</ul>
</section>
<section>
<h2>Basic Mixing Techniques</h2>
<ol>
<li>
<h3>Wet-on-Wet Mixing</h3>
<p>Wet your paper first, then drop in colors. They bloom and merge organically — like watching sap spread through end grain.</p>
</li>
<li>
<h3>Palette Mixing</h3>
<p>Mix on your palette before applying. Start with the lighter color, add darker pigment gradually. Test on scrap paper — the color dries lighter.</p>
</li>
<li>
<h3>Glazing (Layering)</h3>
<p>Let a wash dry completely, then apply a transparent layer over it. Builds depth like laminating thin wood veneers.</p>
</li>
</ol>
</section>
<section>
<h2>Color Recipes to Start</h2>
<table style="width: 100%; border-collapse: collapse;">
<thead>
<tr>
<th style="border: 1px solid #5a3e2b; padding: 8px;">Target Color</th>
<th style="border: 1px solid #5a3e2b; padding: 8px;">Mix</th>
<th style="border: 1px solid #5a3e2b; padding: 8px;">Notes</th>
</tr>
</thead>
<tbody>
<tr>
<td style="border: 1px solid #5a3e2b; padding: 8px;">Warm Gray</td>
<td style="border: 1px solid #5a3e2b; padding: 8px;">Ultramarine + Burnt Sienna</td>
<td style="border: 1px solid #5a3e2b; padding: 8px;">Adjust ratio for warmer/cooler</td>
</tr>
<tr>
<td style="border: 1px solid #5a3e2b; padding: 8px;">Natural Green</td>
<td style="border: 1px solid #5a3e2b; padding: 8px;">Yellow Ochre + Payne's Gray</td>
<td style="border: 1px solid #5a3e2b; padding: 8px;">Avoids harsh phthalo green</td>
</tr>
<tr>
<td style="border: 1px solid #5a3e2b; padding: 8px;">Flesh Tone</td>
<td style="border: 1px solid #5a3e2b; padding: 8px;">Cadmium Red + Yellow Ochre + touch of Ultramarine</td>
<td style="border: 1px solid #5a3e2b; padding: 8px;">Tiny amounts of blue neutralize</td>
</tr>
</tbody>
</table>
</section>
<section>
<h2>Tips from the Workshop</h2>
<ul>
<li>Mix more paint than you think you need — matching a second batch is nearly impossible</li>
<li>Keep a mixing journal: note ratios, paper used, lighting conditions</li>
<li>Clean your palette between sessions; dried pigment contaminates fresh mixes</li>
<li>Respect the pigment — some combinations create mud, others sing</li>
</ul>
</section>
<section>
<h2>Explore Further</h2>
<p>Built your easel? Now put it to work. <a href="wooden-easel-guide.html">See the easel-building guide here</a>.</p>
<fort-citizen name="adalberto-tolosa"><div class="fort-citizen" data-fort="citizen" data-citizen="adalberto-tolosa"><a class="fc-name" href="https://adalberto-tolosa.4ort.net" rel="noopener">adalberto-tolosa</a><a class="fc-visit" href="https://adalberto-tolosa.4ort.net" rel="noopener">visit adalberto-tolosa.4ort.net →</a></div></fort-citizen>
</section>
<footer>
<p>© 2026 Andre Henriquez | Fair Oaks, CA</p>
</footer>
</body>
</html>

43
pigment-mixing.json Normal file
View File

@ -0,0 +1,43 @@
{
"nav": [
{
"current": "pigment-mixing.html",
"items": [
{
"rel": "wooden-easel-guide.html",
"title": "Building a Simple Wooden Easel",
"href": "/wooden-easel-guide.html"
},
{
"rel": "pigment-mixing.html",
"title": "Mixing Pigments for Watercolor",
"href": "/pigment-mixing.html"
}
]
}
],
"media": [
{
"query": "watercolor pigments mixing",
"type": "image",
"items": [
{
"url": "https://pixabay.com/get/g49283e091f33f34008171603f6402e0d9ef33f863e2ad27e1dd8c41f691110dfbc8d828a71b43e684def0dcc8098075794ec866679fb61bb2273640ce355ecbd_1280.jpg",
"thumb": "https://pixabay.com/get/gfde58b482ce372d7241db836e151a59aea52cbd445aeee8120bcd96f25253bf67d180601b42cbc5c035dd380b5b18604d242c11b7388cb1ffb01559f98536a09_640.jpg",
"title": "abstract, art, beautiful wallpaper, background, 4k wallpaper, blue, pink, desktop backgrounds, wallpaper 4k, cloud, mac wallpaper, color, full hd wallpaper, hd wallpaper, decoration, design, wallpaper hd, 4k wallpaper 1920x1080, nature, dye, graphic, free wallpaper, windows wallpaper, nature wallpaper, laptop wallpaper, ink, mixing, motion, paint, pattern, free background, pigment, beautiful nature, smoke, soft, splash, texture, cool backgrounds, wallpaper, water, nature background, watercolor, wave",
"license": "RF",
"source": "pixabay",
"page": "https://pixabay.com/photos/abstract-art-background-blue-pink-5387366/"
}
]
}
],
"citizen": [
{
"citizen": "adalberto-tolosa",
"url": "https://adalberto-tolosa.4ort.net",
"tagline": "adalberto-tolosa",
"pages": []
}
]
}

166
wooden-easel-guide.html Normal file
View File

@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang="en">
<head>
<style id="fort-styles">
[data-fort]{font:inherit;color:inherit}
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-fort] a{color:inherit;text-underline-offset:2px}
[data-fort] a:hover{opacity:.72}
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
.fort-citizen .fc-name{font-weight:600}
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
.fort-film{list-style:none;margin:0;padding:0}
.fort-film li{overflow:visible;white-space:normal}
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
.fort-film img{aspect-ratio:16/10}
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Building a Simple Wooden Easel - Andre Henriquez</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Building a Simple Wooden Easel - Andre Henriquez">
<meta property="og:description" content="A beginner">
<meta property="og:image" content="https://images.pexels.com/photos/32369271/pexels-photo-32369271.jpeg?auto=compress&amp;amp;cs=tinysrgb&amp;amp;dpr=2&amp;amp;h=650&amp;amp;w=940">
<meta property="og:url" content="https://andre-henriquez.4ort.net/wooden-easel-guide.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="A beginner's guide to crafting your own easel for painting">
<style>
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
}
header {
text-align: center;
margin-bottom: 30px;
}
h1 {
color: #5a3e2b;
}
section {
margin-bottom: 30px;
}
h2 {
color: #5a3e2b;
border-bottom: 1px solid #5a3e2b;
padding-bottom: 5px;
}
ul {
list-style-type: none;
padding-left: 0;
}
li {
margin-bottom: 10px;
}
img {
max-width: 100%;
height: auto;
display: block;
margin: 20px auto;
}
footer {
text-align: center;
margin-top: 50px;
font-style: italic;
}
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/wooden-easel-guide.html" class="active" aria-current="page">Building a Simple Wooden Easel</a><a href="/pigment-mixing.html">Mixing Pigments for Watercolor</a></nav></fort-nav>
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>Building a Simple Wooden Easel</h1>
<p>A beginner's guide to crafting your own easel for painting</p>
</header>
<section>
<h2>Introduction</h2>
<p>There's something deeply satisfying about creating the tools you use for your art. This guide will walk you through building a simple wooden easel, perfect for beginners in both carpentry and painting. The design is sturdy, easy to assemble, and can be made with basic tools and materials.</p>
<fort-media query="wooden easel" limit="1"><div class="fort-media" data-fort="media" data-query="wooden easel"><img src="https://images.pexels.com/photos/32369271/pexels-photo-32369271.jpeg?auto=compress&amp;cs=tinysrgb&amp;dpr=2&amp;h=650&amp;w=940" alt="Two blank mini canvases on wooden easels, ready for artistic creation." loading="lazy" data-license="RF" data-source="pexels"></div></fort-media>
</section>
<section>
<h2>Materials Needed</h2>
<ul>
<li>4 pieces of pine wood (2x2 inches, 36 inches long)</li>
<li>2 pieces of pine wood (1x2 inches, 24 inches long)</li>
<li>1 piece of plywood (12x16 inches, 1/2 inch thick)</li>
<li>Wood screws (1.5 inches and 2.5 inches)</li>
<li>Wood glue</li>
<li>Sandpaper (medium and fine grit)</li>
<li>Wood finish or paint (optional)</li>
</ul>
</section>
<section>
<h2>Tools Required</h2>
<ul>
<li>Saw (hand saw or power saw)</li>
<li>Drill and drill bits</li>
<li>Screwdriver</li>
<li>Measuring tape</li>
<li>Pencil</li>
<li>Clamps</li>
</ul>
</section>
<section>
<h2>Step-by-Step Instructions</h2>
<ol>
<li>
<h3>Cut the Wood</h3>
<p>Cut the pine wood into the following lengths:</p>
<ul>
<li>2 pieces at 60 inches (for the legs)</li>
<li>2 pieces at 24 inches (for the horizontal supports)</li>
<li>2 pieces at 18 inches (for the cross braces)</li>
</ul>
</li>
<li>
<h3>Assemble the Legs</h3>
<p>Attach the horizontal supports to the legs using wood screws and glue. The supports should be 12 inches from the top of the legs.</p>
</li>
<li>
<h3>Add Cross Braces</h3>
<p>Attach the cross braces diagonally between the legs, about 24 inches from the bottom. This adds stability to the easel.</p>
</li>
<li>
<h3>Attach the Backboard</h3>
<p>Screw the plywood to the back of the legs and horizontal supports. This will serve as the backing for your canvas.</p>
</li>
<li>
<h3>Sand and Finish</h3>
<p>Sand all surfaces until smooth. Apply a wood finish or paint if desired, and let it dry completely.</p>
</li>
</ol>
</section>
<section>
<h2>Tips for Using Your Easel</h2>
<ul>
<li>Adjust the angle of the easel by loosening the screws on the cross braces and repositioning them.</li>
<li>Use clamps to secure your canvas or paper to the plywood backboard.</li>
<li>Keep your easel stable by ensuring all screws are tight and the legs are evenly spread.</li>
</ul>
</section>
<section>
<h2>Explore Further</h2>
<p>If you enjoyed this project, you might also like my guide on mixing pigments for watercolor painting. <a href="pigment-mixing.html">Check it out here</a>.</p>
<fort-citizen name="adalberto-tolosa"><div class="fort-citizen" data-fort="citizen" data-citizen="adalberto-tolosa"><a class="fc-name" href="https://adalberto-tolosa.4ort.net" rel="noopener">adalberto-tolosa</a><a class="fc-visit" href="https://adalberto-tolosa.4ort.net" rel="noopener">visit adalberto-tolosa.4ort.net →</a></div></fort-citizen>
</section>
<footer>
<p>© 2026 Andre Henriquez | Fair Oaks, CA</p>
</footer>
</body>
</html>

43
wooden-easel-guide.json Normal file
View File

@ -0,0 +1,43 @@
{
"nav": [
{
"current": "wooden-easel-guide.html",
"items": [
{
"rel": "wooden-easel-guide.html",
"title": "Building a Simple Wooden Easel",
"href": "/wooden-easel-guide.html"
},
{
"rel": "pigment-mixing.html",
"title": "Mixing Pigments for Watercolor",
"href": "/pigment-mixing.html"
}
]
}
],
"media": [
{
"query": "wooden easel",
"type": "image",
"items": [
{
"url": "https://images.pexels.com/photos/32369271/pexels-photo-32369271.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
"thumb": "https://images.pexels.com/photos/32369271/pexels-photo-32369271.jpeg?auto=compress&cs=tinysrgb&h=350",
"title": "Two blank mini canvases on wooden easels, ready for artistic creation.",
"license": "RF",
"source": "pexels",
"page": "https://www.pexels.com/photo/mini-canvas-easels-on-beige-background-32369271/"
}
]
}
],
"citizen": [
{
"citizen": "adalberto-tolosa",
"url": "https://adalberto-tolosa.4ort.net",
"tagline": "adalberto-tolosa",
"pages": []
}
]
}