{"product_id":"hands-on-integrated-b-w-and-color-workflow","title":"Hands-on Integrated B\u0026W and Color Processing","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cmeta name=\"description\" content=\"Live webinar: process an image in black and white with the hybrid harmonic model, then add color back with the harmonic color model. With Joel Tjintjelaar.\"\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cspan class=\"hero-dates\"\u003e\u003cspan class=\"eyebrow\"\u003e\u003cspan style=\"color: #00aaff;\"\u003eℹ️ EARLY BIRD VALID UNTIL NOVEMBER 20, 23:59 CET.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,400;1,9..144,500\u0026amp;family=IBM+Plex+Mono:wght@400;500\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003cspan class=\"eyebrow\"\u003eOnline Webinar · Joel Tjintjelaar\u003c\/span\u003e \u003cspan class=\"hero-dates\"\u003eJanuary 17, 2027 · 6:00 pm CET · Live via Zoom\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2\u003eProcess in black and white first. Then add the color back.\u003c\/h2\u003e\n\u003ch4\u003eMirroring the way the eye constructs an image.\u003c\/h4\u003e\n\u003cp\u003eIn this practical webinar, I process images live — at the same time articulating the artistic decision process while we navigate through Photoshop — using the hybrid harmonic model for black and white and the harmonic model for color. You see a finished black-and-white version first, then the finished color version built on it. The theory only gets a short refresher, and it is all based on a fact of human perception, overlooked by almost all color photographers:\u003cem\u003e \u003cspan style=\"color: rgb(2, 118, 177);\"\u003ethe eye reads luminance structures first, color second. This method mirrors the way the eye itself constructs an image\u003c\/span\u003e\u003c\/em\u003e. The time will be spent on practical, hands-on demonstrations, not on theory.\u003c\/p\u003e\n\u003cstyle\u003e\n  :root{\n    --bg: #F5F2EA;\n    --bg-alt: #ECE6D6;\n    --bg-card: #FBF9F3;\n    --text-primary: #22201B;\n    --text-secondary: #5C574C;\n    --accent-amber: #A96F2B;\n    --accent-teal: #2C6864;\n    --border: #DAD2BC;\n    --border-strong: #C4B99A;\n    --max-w: 920px;\n  }\n\n  *{ box-sizing:border-box; }\n  html{ scroll-behavior:smooth; }\n\n  body{\n    margin:0;\n    background:var(--bg);\n    color:var(--text-primary);\n    font-family: Georgia, 'Times New Roman', serif;\n    font-size:17px;\n    line-height:1.65;\n    -webkit-font-smoothing:antialiased;\n  }\n\n  .wrap{ max-width:var(--max-w); margin:0 auto; padding:0 28px; }\n\n  .eyebrow{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:12px;\n    letter-spacing:0.14em;\n    text-transform:uppercase;\n    color:var(--accent-teal);\n    font-weight:500;\n  }\n\n  h1,h2,h3{\n    font-family:'Fraunces', Georgia, serif;\n    font-weight:400;\n    color:var(--text-primary);\n    margin:0;\n  }\n\n  a{ color:inherit; }\n\n  \/* ---------- HERO ---------- *\/\n  .hero{\n    padding:64px 0 0 0;\n    border-bottom:1px solid var(--border);\n  }\n\n  .hero-top{\n    display:flex;\n    justify-content:space-between;\n    align-items:baseline;\n    flex-wrap:wrap;\n    gap:12px;\n    margin-bottom:36px;\n  }\n\n  .hero-dates{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:13px;\n    color:var(--text-secondary);\n    letter-spacing:0.02em;\n  }\n\n  .hero-grid{\n    display:grid;\n    grid-template-columns:1.15fr 0.85fr;\n    gap:40px;\n    align-items:end;\n    padding-bottom:44px;\n  }\n\n  .hero h1{\n    font-size:clamp(34px, 5.2vw, 54px);\n    line-height:1.08;\n    letter-spacing:-0.01em;\n  }\n\n  .hero h1 em{\n    font-style:italic;\n    color:var(--accent-amber);\n  }\n\n  .hero-sub{\n    font-size:18px;\n    color:var(--text-secondary);\n    margin-top:20px;\n    max-width:52ch;\n  }\n\n  .hero-diagram-wrap{\n    background:var(--bg-card);\n    border:1px solid var(--border);\n    border-radius:2px;\n    padding:18px 18px 14px;\n  }\n\n  .hero-diagram-caption{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:11px;\n    color:var(--text-secondary);\n    letter-spacing:0.04em;\n    margin-top:10px;\n    text-align:center;\n  }\n\n  \/* ---------- SECTION RHYTHM ---------- *\/\n  section{ padding:56px 0; }\n  section + section{ border-top:1px solid var(--border); }\n\n  section h2{\n    font-size:30px;\n    margin-top:14px;\n    max-width:26ch;\n    line-height:1.2;\n  }\n\n  .lede{\n    font-size:20px;\n    line-height:1.7;\n    max-width:64ch;\n    margin:18px 0 0 0;\n  }\n\n  .lede + .lede{ margin-top:16px; }\n\n  .lede strong{ color:var(--accent-teal); font-weight:600; }\n\n  \/* ---------- DIFFERENTIATORS \/ DEMO CARDS ---------- *\/\n  .diff-list{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:1px;\n    background:var(--border);\n    border:1px solid var(--border);\n    margin-top:32px;\n  }\n\n  .diff-card{\n    background:var(--bg-card);\n    padding:26px 26px 24px;\n  }\n\n  .diff-card h3{\n    font-size:19px;\n    margin-bottom:10px;\n    line-height:1.3;\n  }\n\n  .diff-card p{\n    color:var(--text-secondary);\n    font-size:15.5px;\n    margin:0;\n  }\n\n  .diff-tag{\n    display:inline-block;\n    font-family:'IBM Plex Mono', monospace;\n    font-size:10.5px;\n    letter-spacing:0.08em;\n    text-transform:uppercase;\n    color:var(--accent-amber);\n    border:1px solid var(--accent-amber);\n    border-radius:2px;\n    padding:2px 7px;\n    margin-bottom:12px;\n  }\n\n  \/* ---------- PRACTICAL TABLE ---------- *\/\n  table.practical{\n    width:100%;\n    border-collapse:collapse;\n    margin-top:28px;\n  }\n  table.practical td{\n    padding:14px 0;\n    border-top:1px solid var(--border);\n    vertical-align:top;\n    font-size:15.5px;\n  }\n  table.practical td:first-child{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:11px;\n    letter-spacing:0.06em;\n    text-transform:uppercase;\n    color:var(--text-secondary);\n    width:180px;\n    padding-right:20px;\n  }\n\n  .early-bird{\n    margin-top:24px;\n    background:var(--bg-alt);\n    border-left:3px solid var(--accent-amber);\n    padding:16px 20px;\n    font-size:15px;\n  }\n  .early-bird strong{ color:var(--accent-amber); }\n\n  .terms{\n    margin-top:28px;\n    max-width:64ch;\n    background:var(--bg-alt);\n    border-left:3px solid var(--accent-teal);\n    padding:16px 20px;\n    font-size:15px;\n  }\n  .terms p{ margin:0 0 8px; }\n  .terms p:last-child{ margin-bottom:0; }\n  .terms strong{ color:var(--accent-teal); font-weight:600; }\n\n  ul.tips{\n    margin:24px 0 0;\n    padding-left:0;\n    list-style:none;\n    max-width:64ch;\n  }\n  ul.tips li{\n    padding:11px 0 11px 22px;\n    border-top:1px solid var(--border);\n    position:relative;\n    color:var(--text-secondary);\n    font-size:16.5px;\n  }\n  ul.tips li:last-child{ border-bottom:1px solid var(--border); }\n  ul.tips li::before{\n    content:\"—\";\n    position:absolute;\n    left:0;\n    color:var(--accent-teal);\n  }\n\n  \/* ---------- AT A GLANCE INDICATOR ---------- *\/\n  .wsi{\n    --wsi-bg:#FBF9F3;\n    --wsi-text:#22201B;\n    --wsi-muted:#5C574C;\n    --wsi-accent:#2C6864;\n    --wsi-line:#DAD2BC;\n    --wsi-line-strong:#C4B99A;\n    box-sizing:border-box;\n    background:var(--wsi-bg);\n    border:1px solid var(--wsi-line);\n    border-radius:2px;\n    padding:22px 26px 18px;\n    margin:0;\n    color:var(--wsi-text);\n    font-family:Georgia,'Times New Roman',serif;\n    line-height:1.5;\n  }\n  .wsi *{ box-sizing:border-box; }\n  .wsi-eyebrow{\n    margin:0 0 16px;\n    font-family:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;\n    font-size:11px;\n    letter-spacing:0.14em;\n    text-transform:uppercase;\n    color:var(--wsi-accent);\n  }\n  .wsi-grid{\n    display:grid;\n    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));\n    gap:20px 32px;\n  }\n  .wsi-label{\n    font-family:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;\n    font-size:11px;\n    letter-spacing:0.06em;\n    text-transform:uppercase;\n    color:var(--wsi-muted);\n    margin-bottom:8px;\n  }\n  .wsi-meter{ display:flex; gap:4px; margin-bottom:8px; }\n  .wsi-seg{\n    flex:1;\n    height:8px;\n    border-radius:2px;\n    background:transparent;\n    border:1px solid var(--wsi-line-strong);\n  }\n  .wsi-meter.lvl-1 .wsi-seg:nth-child(1),\n  .wsi-meter.lvl-2 .wsi-seg:nth-child(-n+2),\n  .wsi-meter.lvl-3 .wsi-seg,\n  .wsi-meter.r11 .wsi-seg:nth-child(1),\n  .wsi-meter.r12 .wsi-seg:nth-child(-n+2),\n  .wsi-meter.r13 .wsi-seg,\n  .wsi-meter.r22 .wsi-seg:nth-child(2),\n  .wsi-meter.r23 .wsi-seg:nth-child(n+2),\n  .wsi-meter.r33 .wsi-seg:nth-child(3){\n    background:var(--wsi-accent);\n    border-color:var(--wsi-accent);\n  }\n  .wsi-value{\n    font-size:17px;\n    color:var(--wsi-text);\n  }\n  .wsi-legend{\n    margin-top:18px;\n    padding-top:12px;\n    border-top:1px solid var(--wsi-line);\n  }\n  .wsi-legend summary{\n    cursor:pointer;\n    font-family:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;\n    font-size:11px;\n    letter-spacing:0.06em;\n    text-transform:uppercase;\n    color:var(--wsi-muted);\n  }\n  .wsi-legend dl{ margin:12px 0 0; font-size:14.5px; color:var(--wsi-muted); }\n  .wsi-legend dt{ margin-top:8px; color:var(--wsi-text); }\n  .wsi-legend dd{ margin:0; }\n  .wsi-note{ margin:12px 0 0; font-size:13.5px; font-style:italic; color:var(--wsi-muted); }\n\n  \/* ---------- CTA ---------- *\/\n  .cta-band{\n    background:var(--text-primary);\n    padding:56px 0;\n  }\n  .cta-band .wrap{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    flex-wrap:wrap;\n    gap:24px;\n  }\n  .cta-band h2{\n    color:#F5F2EA;\n    font-size:28px;\n    max-width:36ch;\n  }\n  .cta-button{\n    display:inline-block;\n    background:var(--accent-amber);\n    color:#FBF9F3;\n    font-family:'IBM Plex Mono', monospace;\n    font-size:13px;\n    letter-spacing:0.06em;\n    text-transform:uppercase;\n    text-decoration:none;\n    padding:16px 30px;\n    border-radius:2px;\n    white-space:nowrap;\n    transition:opacity 0.15s ease;\n  }\n  .cta-button:hover{ opacity:0.88; }\n\n  \/* ---------- FOOTER ---------- *\/\n  footer{\n    padding:32px 0 48px;\n    font-size:13px;\n    color:var(--text-secondary);\n    line-height:1.6;\n  }\n\n  \/* ---------- RESPONSIVE ---------- *\/\n  @media (max-width: 760px){\n    .hero-grid{ grid-template-columns:1fr; }\n    .diff-list{ grid-template-columns:1fr; }\n    table.practical td:first-child{ width:120px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    html{ scroll-behavior:auto; }\n    .cta-button{ transition:none; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"wrap hero\"\u003e\n\u003cdiv class=\"hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"hero-diagram-wrap\"\u003e\n\u003csvg viewbox=\"0 0 340 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width: 100%; height: auto; display: block;\" role=\"img\" aria-label=\"Process diagram: a finished black-and-white image made with the hybrid harmonic model and masks, then color added back with the harmonic model for colors, resulting in a finished color image.\"\u003e\n          \u003ctext x=\"10\" y=\"18\" font-family=\"IBM Plex Mono, monospace\" font-size=\"10\" letter-spacing=\"1\" fill=\"#5C574C\"\u003eFROM B\u0026amp;W TO COLOR\u003c\/text\u003e\n\n          \u003cline x1=\"45\" y1=\"70\" x2=\"45\" y2=\"190\" stroke=\"#DAD2BC\" stroke-width=\"1.4\"\u003e\u003c\/line\u003e\n\n          \u003ccircle cx=\"45\" cy=\"70\" r=\"7\" fill=\"#FBF9F3\" stroke=\"#2C6864\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"66\" y=\"66\" font-family=\"Fraunces, serif\" font-size=\"14\" fill=\"#22201B\"\u003eFinished black and white\u003c\/text\u003e\n          \u003ctext x=\"66\" y=\"82\" font-family=\"IBM Plex Mono, monospace\" font-size=\"10\" fill=\"#5C574C\"\u003eHybrid harmonic model + masks\u003c\/text\u003e\n\n          \u003ccircle cx=\"45\" cy=\"130\" r=\"7\" fill=\"#FBF9F3\" stroke=\"#2C6864\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"66\" y=\"126\" font-family=\"Fraunces, serif\" font-size=\"14\" fill=\"#22201B\"\u003eColor added back\u003c\/text\u003e\n          \u003ctext x=\"66\" y=\"142\" font-family=\"IBM Plex Mono, monospace\" font-size=\"10\" fill=\"#5C574C\"\u003eHarmonic model for colors\u003c\/text\u003e\n\n          \u003ccircle cx=\"45\" cy=\"190\" r=\"7\" fill=\"#A96F2B\" stroke=\"#A96F2B\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\n          \u003ctext x=\"66\" y=\"186\" font-family=\"Fraunces, serif\" font-size=\"14\" fill=\"#22201B\"\u003eFinished color image\u003c\/text\u003e\n          \u003ctext x=\"66\" y=\"202\" font-family=\"IBM Plex Mono, monospace\" font-size=\"10\" fill=\"#5C574C\"\u003eBuilt on the black-and-white version\u003c\/text\u003e\n        \u003c\/svg\u003e\n\u003cdiv class=\"hero-diagram-caption\"\u003eBoth versions are finished images. The color one builds on the black-and-white.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cdiv class=\"wsi\"\u003e\n\u003cp class=\"wsi-eyebrow\"\u003eAt a glance\u003c\/p\u003e\n\u003cdiv class=\"wsi-grid\"\u003e\n\u003cdiv class=\"wsi-item\"\u003e\n\u003cdiv class=\"wsi-label\"\u003eTechnical instruction\u003c\/div\u003e\n\u003cdiv class=\"wsi-meter lvl-3\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"wsi-seg\"\u003e\u003c\/span\u003e\u003cspan class=\"wsi-seg\"\u003e\u003c\/span\u003e\u003cspan class=\"wsi-seg\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wsi-value\"\u003eIn-depth\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wsi-item\"\u003e\n\u003cdiv class=\"wsi-label\"\u003eTheory\u003c\/div\u003e\n\u003cdiv class=\"wsi-meter lvl-1\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"wsi-seg\"\u003e\u003c\/span\u003e\u003cspan class=\"wsi-seg\"\u003e\u003c\/span\u003e\u003cspan class=\"wsi-seg\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wsi-value\"\u003eBasic\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wsi-item\"\u003e\n\u003cdiv class=\"wsi-label\"\u003eExperience level\u003c\/div\u003e\n\u003cdiv class=\"wsi-meter r23\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"wsi-seg\"\u003e\u003c\/span\u003e\u003cspan class=\"wsi-seg\"\u003e\u003c\/span\u003e\u003cspan class=\"wsi-seg\"\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"wsi-value\"\u003eIntermediate to experienced\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdetails class=\"wsi-legend\"\u003e\n\u003csummary\u003eHow to read this\u003c\/summary\u003e\n\u003cdl\u003e\n\u003cdt\u003eTechnical instruction and theory\u003c\/dt\u003e\n\u003cdd\u003eNone: not part of the workshop. Basic: the essentials only. Solid: the established fundamentals, taught well. In-depth: goes beyond common knowledge, including original methods and theory.\u003c\/dd\u003e\n\u003cdt\u003eExperience level\u003c\/dt\u003e\n\u003cdd\u003eBeginner: little experience or knowledge. Intermediate: comfortable with the basics. Experienced: established practice, looking for depth.\u003c\/dd\u003e\n\u003c\/dl\u003e\n\u003cp class=\"wsi-note\"\u003eThese describe what to expect. They are not a quality rating.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"eyebrow\"\u003eWhat you'll see\u003c\/span\u003e\n\u003ch2\u003eOne full demo and two shorter ones\u003c\/h2\u003e\n\u003cp class=\"lede\"\u003eEach demo follows the same sequence. I process the image to black-and-white using the hybrid harmonic model, including creating the masks. When the black-and-white version is finished, I add the colors back following the harmonic model for color. Both versions are\u003cem\u003e finished images that could stand on their own in a gallery\u003c\/em\u003e, but the color version would not be possible without the black-and-white one: its tonal structure needs to be established first and stays intact while the colors are added. The final result is nearly impossible to achieve technically when working in color only. \u003c\/p\u003e\n\u003cdiv class=\"diff-list\"\u003e\n\u003cdiv class=\"diff-card\"\u003e\n\u003cspan class=\"diff-tag\"\u003eImage 1\u003c\/span\u003e\n\u003ch3\u003eAn architectural subject, in full\u003c\/h3\u003e\n\u003cp\u003eAn expedited but complete demo of the whole process, from the first black-and-white adjustments and masks to the colors added back. Followed by tweaking the colors according to the harmonic color model.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"diff-card\"\u003e\n\u003cspan class=\"diff-tag\"\u003eImage 2\u003c\/span\u003e\n\u003ch3\u003eA landscape\/portrait, shorter\u003c\/h3\u003e\n\u003cp\u003eThe same process on a different image type, in a shorter demo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"diff-card\"\u003e\n\u003cspan class=\"diff-tag\"\u003eImage 3\u003c\/span\u003e\n\u003ch3\u003eHow I would approach it\u003c\/h3\u003e\n\u003cp\u003eIf there is time left, a brief look at how I would approach a third image.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"diff-card\"\u003e\n\u003cspan class=\"diff-tag\"\u003eQuestions\u003c\/span\u003e\n\u003ch3\u003eAsk while you watch\u003c\/h3\u003e\n\u003cp\u003eI'll take your questions at set moments. Where a decision needs a little theory to follow, I explain it briefly and keep going.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"eyebrow\"\u003eQuick tips and tricks\u003c\/span\u003e\n\u003ch2\u003eThree quick tips you can use right away\u003c\/h2\u003e\n\u003cp class=\"lede\"\u003eBesides the demos, I share these practical tips and tricks:\u003c\/p\u003e\n\u003cul class=\"tips\"\u003e\n\u003cli\u003eEnhance intricate masks, such as leaves and branches\u003c\/li\u003e\n\u003cli\u003eAdd effects to objects that are too small to adjust accurately, and other tricks that are only possible with the Artisan panels\u003c\/li\u003e\n\u003cli\u003eColor grading and harmonic tonal distribution quick tips\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"eyebrow\"\u003eWho it's for\u003c\/span\u003e\n\u003ch2\u003eThe practical follow-up to the harmonic model webinars\u003c\/h2\u003e\n\u003cp class=\"lede\"\u003eThis is the practical follow-up to two of my more theoretical webinars on the harmonic model: \u003ca href=\"https:\/\/eto7h232lx3wwzgy-67873308990.shopifypreview.com\/products\/the-complete-b-w-fine-art-workflow-the-shape-sound-of-light\" rel=\"noopener\" target=\"_blank\"\u003eThe Complete B\u0026amp;W Fine Art Workflow\u003c\/a\u003e for black and white and \u003ca href=\"https:\/\/eto7h232lx3wwzgy-67873308990.shopifypreview.com\/products\/a-new-approach-to-color-the-harmonic-color-workflow\" rel=\"noopener\" target=\"_blank\"\u003eThe Harmonic Color Workflow\u003c\/a\u003e for color. Each covered one half in depth on a theoretical level. Here you see the whole process run continuously on the same image, without the theory and the paintings.\u003c\/p\u003e\n\u003cp class=\"lede\"\u003eIt is highly recommended if you followed one of them. If you haven't, you can still follow the process, but the theory gets only a short refresher here. \u003c\/p\u003e\n\u003cdiv class=\"terms\"\u003e\n\u003cp\u003e\u003cstrong\u003eThe hybrid harmonic model\u003c\/strong\u003e sets the tonal distribution of a black-and-white image using harmonic intervals from music and the 60-30-10 design principle.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eThe harmonic model for colors\u003c\/strong\u003e extends the same harmonic logic from tone to color, treating light, hue, and saturation as one system.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"eyebrow\"\u003ePlugins\u003c\/span\u003e\n\u003ch2\u003eEverything can be replayed in Photoshop\u003c\/h2\u003e\n\u003cp class=\"lede\"\u003eThis webinar is not about using the Artisan panels or other plugins, but they speed up the workflow and the demonstrations. All demonstrations can be replayed in Photoshop alone. Before the webinar, you will receive a short video that maps the panel steps to Photoshop steps.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003cspan class=\"eyebrow\"\u003ePractical details\u003c\/span\u003e\n\u003ctable class=\"practical\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eDate\u003c\/td\u003e\n\u003ctd\u003eSunday, January 17, 2027\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eTime\u003c\/td\u003e\n\u003ctd\u003e6:00 pm CET (Amsterdam) \/ 12:00 pm EST (New York) \/ 9:00 am PST (Los Angeles)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDuration\u003c\/td\u003e\n\u003ctd\u003e3 hours + short break\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFormat\u003c\/td\u003e\n\u003ctd\u003eLive via Zoom\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSeats\u003c\/td\u003e\n\u003ctd\u003eLimited attendance. After payment in full, you will receive the Zoom invite within 24 hours. Check your spam folder.\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLevel\u003c\/td\u003e\n\u003ctd\u003eIntermediate to experienced\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWhat you need\u003c\/td\u003e\n\u003ctd\u003ePhotoshop. The panels used in the demos are optional (see above).\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eIncluded\u003c\/td\u003e\n\u003ctd\u003e1. A short preparation video before the webinar\u003cbr\u003e2. The recording a few days after the webinar, with subtitles in seven languages: English, Spanish, German, French, Dutch, Italian and Portuguese\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePrice\u003c\/td\u003e\n\u003ctd\u003e€160\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCancellation\u003c\/td\u003e\n\u003ctd\u003e\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cul\u003e\n\u003cli\u003eCancellation within 14 days after sign-up: A 30% cancellation fee will be incurred\u003c\/li\u003e\n\u003cli\u003eCancellation on or after 14 days after sign-up: No refund will be possible. The full recording with subtitles will be provided.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"early-bird\"\u003e\n\u003cstrong\u003e[Early bird]:\u003c\/strong\u003e Early bird valid until November 20, 2026, 23:59 CEST\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cta-band\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003ch2\u003eWatch the full workflow applied, live.\u003c\/h2\u003e\n\u003ca href=\"#\" class=\"cta-button\"\u003eReserve your spot\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfooter\u003e\n\u003cdiv class=\"wrap\"\u003eWe actively foster an environment of respect for everyone, regardless of skin color, gender, sexual orientation, religion, nationality, disability, or ethnicity. Booking implies accepting our terms \u0026amp; conditions and these ethical principles.\u003c\/div\u003e\n\u003c\/footer\u003e","brand":"BWVision","offers":[{"title":"Default Title","offer_id":60488548385113,"sku":null,"price":145.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0678\/7330\/8990\/files\/webinar_banner_integrated_bw_color_410cd672-62a9-4e26-b860-2ad4507f86f4.png?v=1794662555","url":"https:\/\/store.bwvision.com\/products\/hands-on-integrated-b-w-and-color-workflow","provider":"BWVision","version":"1.0","type":"link"}