-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout-progenflares2.html
More file actions
70 lines (65 loc) · 9.98 KB
/
about-progenflares2.html
File metadata and controls
70 lines (65 loc) · 9.98 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="./_app/immutable/assets/0.CKBinBOl.css" rel="stylesheet">
<link href="./_app/immutable/assets/ImageSlider.Ciiot1RP.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.DzfskXi1.js">
<link rel="modulepreload" href="./_app/immutable/chunks/CsHDo2vK.js">
<link rel="modulepreload" href="./_app/immutable/chunks/CWcLzSoU.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Bs7eVf7F.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.CPUvFOuL.js">
<link rel="modulepreload" href="./_app/immutable/chunks/IHki7fMi.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.DMGYKdoV.js">
<link rel="modulepreload" href="./_app/immutable/chunks/D0QH3NT1.js">
<link rel="modulepreload" href="./_app/immutable/chunks/D6YF6ztN.js">
<link rel="modulepreload" href="./_app/immutable/chunks/CCLoi3YA.js">
<link rel="modulepreload" href="./_app/immutable/chunks/C1-gdAFN.js">
<link rel="modulepreload" href="./_app/immutable/nodes/6.DvFge6dW.js">
<link rel="modulepreload" href="./_app/immutable/chunks/Cnjc5r-d.js">
<link rel="modulepreload" href="./_app/immutable/chunks/wPs4QZZY.js">
<link rel="modulepreload" href="./_app/immutable/chunks/BiTBNzXX.js">
<link rel="modulepreload" href="./_app/immutable/chunks/CGoo4xja.js">
<link rel="modulepreload" href="./_app/immutable/chunks/CRSoyZ5t.js"><title>Progen Flares 2 | Lunal Graphics</title><!-- HEAD_svelte-14pxyd8_START --><meta name="description" content="Progen Flares 2 lets artists create beautiful custom lens flares."> <meta property="og:title" content="Progen Flares 2 | Lunal Graphics"> <meta property="og:type" content="article"> <meta property="og:description" content="Progen Flares 2 lets artists create beautiful custom lens flares."> <meta property="og:image" content="https://lunalgraphics.github.io/socialPreviews/progenflares2.png"> <meta property="og:url" content="https://lunalgraphics.github.io/about-progenflares2"> <meta name="twitter:title" content="Progen Flares 2 | Lunal Graphics"> <meta name="twitter:description" content="Progen Flares 2 lets artists create beautiful custom lens flares."> <meta name="twitter:image" content="https://lunalgraphics.github.io/socialPreviews/progenflares2.png"> <meta name="twitter:image:alt" content="Image created with Progen Flares 2"> <meta name="twitter:card" content="summary_large_image"><!-- HEAD_svelte-14pxyd8_END --><!-- HEAD_svelte-armlba_START --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@600&display=swap" rel="stylesheet"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="theme-color" content="#000000"><script async src="https://www.googletagmanager.com/gtag/js?id=G-QWCHRCQ92W" data-svelte-h="svelte-eq0zf0"></script><script data-svelte-h="svelte-1aalxcm">window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-QWCHRCQ92W');</script><!-- HEAD_svelte-armlba_END -->
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents"> <div id="topbar" class="svelte-g5kr34" style="height: 64px; background-color: #22222276;"><a href="./"><img src="/_app/immutable/assets/logo_cool.pUngUhvx.png" width="64" alt="Lunal Graphics" style="vertical-align: middle;" draggable="false" class="svelte-g5kr34"></a> <span class="titleButton svelte-109074u" style="">PRODUCTS</span> <span class="titleButton svelte-109074u" style="">LEARN</span> <span class="titleButton svelte-109074u" style="">NEWS</span> <span class="titleButton svelte-109074u" style="">COMMUNITY</span> <span class="titleButton svelte-109074u" style="">SUPPORT</span> </div> <div class="titlesection" style="background-image: url(/_app/immutable/assets/progenflares2Banner.Bjec5BtM.jpg);" data-svelte-h="svelte-1n3vk2s"><div class="centered"><h1>Progen Flares 2</h1> <p>Beautiful, Fully-Customizable Lens Flares</p> <a href="./weblauncher#progenflares2"><button>Try it on the Web</button></a> <a target="_blank" href="https://www.patreon.com/posts/progen-flares-2-140240580"><button>Download</button></a></div></div> <div class="infosection"><h1 data-svelte-h="svelte-98mwgx">What is Progen Flares 2?</h1> <br> <div class="imageSlider svelte-1g2ovuy"><div> <img src="/_app/immutable/assets/progenflares21before.Cst6RoXZ.jpg" alt="before" draggable="false" class="svelte-1g2ovuy" style="width: 100%;"></div> <div style="position: absolute; top: 0; right: 0; height: 100%; overflow-x: hidden; width: calc(64% - 2px); border-left: 4px solid white; transition: width 0.1s; max-width: calc(100% - 4px); min-width: 0;"> <img src="/_app/immutable/assets/progenflares21after.C6m9n6_r.jpg" alt="after" draggable="false" class="svelte-1g2ovuy" style="height: 100%; float: right;"></div> <span class="imageLabel svelte-1g2ovuy" style="left: 0;">Before</span> <span class="imageLabel svelte-1g2ovuy" style="right: 0;">After</span> <div style="position: absolute; top: 50%; left: 36%; width: 42px; height: 42px; transform: translate(-50%, -50%); transition: left 0.1s;"><svg viewBox="0 0 100 100" style="width: 100%; height: 100%;"><line x1="10" y1="50" x2="30" y2="30" style="stroke: white; stroke-width: 7;"></line><line x1="10" y1="50" x2="30" y2="70" style="stroke: white; stroke-width: 7;"></line><circle cx="10" cy="50" r="3.5" style="fill: white;"></circle><line x1="90" y1="50" x2="70" y2="30" style="stroke: white; stroke-width: 7;"></line><line x1="90" y1="50" x2="70" y2="70" style="stroke: white; stroke-width: 7;"></line><circle cx="90" cy="50" r="3.5" style="fill: white;"></circle></svg></div> <div class="invisibleCover svelte-1g2ovuy" style="cursor: pointer;" data-svelte-h="svelte-1v0ixs0"></div></div> <p data-svelte-h="svelte-1mizznf">Progen Flares 2 is <i>the only</i> free, cross-platform lens flare studio
which gives artists complete control over their flares.
Not in the mood for flare-building? Progen Flares 2 also includes dozens of
beautiful built-in presets. Pick one and enjoy.</p> <h1 data-svelte-h="svelte-edflxd">Cinematic Looks</h1> <br> <div class="imageSlider svelte-1g2ovuy"><div> <img src="/_app/immutable/assets/progenflares22before.D-pxmNKL.jpg" alt="before" draggable="false" class="svelte-1g2ovuy" style="width: 100%;"></div> <div style="position: absolute; top: 0; right: 0; height: 100%; overflow-x: hidden; width: calc(64% - 2px); border-left: 4px solid white; transition: width 0.1s; max-width: calc(100% - 4px); min-width: 0;"> <img src="/_app/immutable/assets/progenflares22after.B7w8tXai.jpg" alt="after" draggable="false" class="svelte-1g2ovuy" style="height: 100%; float: right;"></div> <span class="imageLabel svelte-1g2ovuy" style="left: 0;">Before</span> <span class="imageLabel svelte-1g2ovuy" style="right: 0;">After</span> <div style="position: absolute; top: 50%; left: 36%; width: 42px; height: 42px; transform: translate(-50%, -50%); transition: left 0.1s;"><svg viewBox="0 0 100 100" style="width: 100%; height: 100%;"><line x1="10" y1="50" x2="30" y2="30" style="stroke: white; stroke-width: 7;"></line><line x1="10" y1="50" x2="30" y2="70" style="stroke: white; stroke-width: 7;"></line><circle cx="10" cy="50" r="3.5" style="fill: white;"></circle><line x1="90" y1="50" x2="70" y2="30" style="stroke: white; stroke-width: 7;"></line><line x1="90" y1="50" x2="70" y2="70" style="stroke: white; stroke-width: 7;"></line><circle cx="90" cy="50" r="3.5" style="fill: white;"></circle></svg></div> <div class="invisibleCover svelte-1g2ovuy" style="cursor: pointer;" data-svelte-h="svelte-1v0ixs0"></div></div> <p data-svelte-h="svelte-1sj89vn">Lens flare is often used in films and television. Thus, Progen Flares 2 is the
perfect tool for making your artwork look more cinematic. Just make sure not to
go overboard: then you'll end up looking like J. J. Abrams!</p> <h1 data-svelte-h="svelte-chnfkb">Edit on Top of Your Image</h1> <br> <img src="/_app/immutable/assets/progenflares23.CONTTj6k.jpg" alt="The innovative Reference Image feature of Progen Flares 2" style="width: 100%;"> <p data-svelte-h="svelte-1u5w7j6">Progen Flares 2 has an innovative Reference Image feature.
Import your base artwork, and see how your lens flare would look on top of that image:
all without ever leaving the app.</p> <h1 data-svelte-h="svelte-1xn07wm">Use Progen Flares 2 Directly in Photopea</h1> <p data-svelte-h="svelte-14x9i52">Progen Flares 2 is available as a Photopea plugin.
Learn how to install it <a href="./blog/2">here</a>.</p> <h1 data-svelte-h="svelte-1dvh189">Progen Flares 2 for Photoshop</h1> <p><img src="/_app/immutable/assets/progenflares2-photoshop-demo.CyOzsgiC.jpg" alt="Progen Flares 2 as a Photoshop plugin" style="width: 100%;"> <br> <br>
Progen Flares 2 is now available as a Photoshop plugin! <br>
Install it <a href="./about-progenflares2/photoshop" data-svelte-h="svelte-1hggfpr">here</a>.</p></div> <div id="bottombar" class="svelte-g5kr34" data-svelte-h="svelte-1sik0x9"><a href="./about" class="svelte-g5kr34">ABOUT US</a> |||
<a href="./sociallinks" class="svelte-g5kr34">FIND US ON SOCIAL MEDIA</a> |||
<a href="./contact" class="svelte-g5kr34">CONTACT US</a> <br> <span style="font-size: 10px; color: #DDDDDD;">(c) 2024 Lunal Graphics</span></div>
<script>
{
__sveltekit_1r3prhv = {
base: new URL(".", location).pathname.slice(0, -1)
};
const element = document.currentScript.parentElement;
Promise.all([
import("./_app/immutable/entry/start.DzfskXi1.js"),
import("./_app/immutable/entry/app.CPUvFOuL.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 6],
data: [null,null],
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>