-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
152 lines (152 loc) · 9.26 KB
/
index.html
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<html>
<head>
<title>BEACH COMMISSIONS PAGE</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/css/style.css">
</head>
<body>
<script src="src/js/main.js"></script>
<div class="back-image"></div>
<div class="content">
<div class="header">
<div class="flex-wrap header-text">
<h1>Welcome to</h1>
<img class='adaptive header-image' src="src/data/imgs/beach-header.png">
</div>
</div>
<div class="flex-wrap socials">
<a href="https://discord.com/invite/sP9kyHFj"> <input type="image" src="src/data/imgs/socials/full_logo_blurple_RGB.svg" width="200"> </a>
<a href="https://twitter.com/BUBBLINGBEACH"> <input type="image" src="src/data/imgs/socials/Logo blue.svg" width="50"> </a>
</div>
<hr>
<div class="about-myself panel">
<h2>Who am I?</h2>
<p>
If you're new, hello there !! I am BEACH, as you may have guessed.<br>
I've formed a hobby of making colorful character illustrations on MAGMA as of late, and figured it might be worth making some snack money out of it.<br>
Regardless, if you're here, you've probably seen at least a bit of my work.<br>
I'll still have some sitting around because I can.<br>
<br>
Anyway yeah commissions.<br>
How about emI currently do all my work on a MAC TRACKPAD with a 6px PIXEL PENCIL, which I am sure is not particularly conducive to most healthy artistic practices but it makes drawing condensed shapes a lot easier.<br>
I very rarely do SKETCHES or LINEART as a result—any sketches I do are pretty chunky and reserved for bigger pieces, so I usually just skip straight to FLAT COLOR.<br>
</p>
</div>
<div>
<h2>My prices</h2>
<p>Prices may vary*</p>
<div class="prices flex-wrap">
<div class="price-info">
<img class="adaptive" src="src/data/imgs/beach-icons.png">
<p>
(200*200 to 500*500 px each
~20 min to 1 hr of time each)
</p>
<h2>FLAT COLOR</h2> <p> <span class="green"> 4 USD / 400 RBX</p>
<h2>SHADED</h2> <p> <span class="green">6 USD / 600 RBX</p>
<p>
And other small doodles that fall into this general size range. They don't have to be profile pictures!
I can put up to 6 icons on one CANVAS too, if you want. Extra icons cost 75% of the base price ($3 flat, $4.50 shaded) each.
</p>
<div class="flex-wrap drawings">
<img src="src/data/imgs/samples/dizzy.jpg">
<img src="src/data/imgs/samples/dice.jpg">
<img src="src/data/imgs/samples/girl.jpg">
</div>
</div>
<div class="price-info">
<img class="adaptive" src="src/data/imgs/beach-banner-character.png">
<p>
300*900 to 500*1500 px each
~1 hr to 2 hr of time each
</p>
<h2>FLAT COLOR</h2> <p> <span class="green"> 15 USD / 1500 RBX</p>
<h2>SHADED</h2> <p> <span class="green">20 USD / 2300 RBX</p>
<h2>+ BACKGROUND</h2> <p> <span class="green">5 USD / 400 RBX</p>
<p>
And other stuff in this general size range, too. If you're not sure what size CANVAS you'd prefer, do ask! I'd be happy to help you figure it out.I have no limit on character quantity per piece—just keep in mind it might get cramped if you add too many.
</p>
<div class="flex-wrap drawings">
<img src="src/data/imgs/samples/banner.jpg">
<img src="src/data/imgs/samples/hat.jpg">
<img src="src/data/imgs/samples/hug.jpg">
</div>
</div>
<div class="price-info">
<img class="adaptive" src="src/data/imgs/beach-doodles-references.png">
<p>
700*1000 px to 900*1500 px each
~2.5 hr to 3.5 hr of time each
</p>
<h2>FLAT COLOR</h2> <p> <span class="green"> 22 USD</p>
<h2>SHADED</h2> <p> <span class="green">28 USD</p>
<p>
DOODLE PAGES are just several smaller pieces of one or two characters on one CANVAS. They're mostly just for me to mess around with little scenarios, but if you'd want one—go right ahead! Whether you have ideas for each doodle or not.
</p>
<div class="flex-wrap drawings">
<img src="src/data/imgs/samples/jester.jpg">
<img src="src/data/imgs/samples/ice.jpg">
<img src="src/data/imgs/samples/bee.jpg">
<img src="src/data/imgs/samples/alex.jpg">
<img src="src/data/imgs/samples/long.jpg">
</div>
</div>
</div>
</div>
<div class="comm-process panel">
<div>
<img class="adaptive" src="src/data/imgs/beach-process.png">
<div class="panel will-draw inspect">
<h2>I <span class="green">WILL</span> draw:</h2>
<ul>
<li>Original characters;</li>
<li>Fanart;</li>
<li>Furry characters;</li>
<li>Mecha;</li>
<li>Real people;</li>
<li>Mild gore;</li>
<li>Ship art.</li>
</ul>
</div>
<div class="panel will-not-draw inspect">
<h2>I will <span class="red">NOT</span> draw:</h2>
<ul>
<li>NSFW;</li>
<li>Illegal content;</li>
<li>Hate speech;</li>
<li>Heavy gore;</li>
<li>
Some other stuff I can't think at the top of my head.
Don't worry though, I'll make sure to warn you.
</li>
</ul>
</div>
</div>
<div>
<ul>
<li class="panel inspect">
REQUEST – be specific if you can! Reference sheets, background ideas/references, character/scenario descriptions, or even your own basic sketches are really helpful!
Makes it easier for both of us later.
</li>
<li class="panel inspect">
DRAWING PROCESS – I'll get to work after we both think everything's been sorted out!
I might have to split up my work time across several days depending on my schedule, but I won't cancel the commission outright unless something really dicey happens.
</li>
<li class="panel inspect">
IN-PROGRESS UPDATES – I'll send at least one of these no matter the job size, just to make sure everything looks alright as is. (It'll be slightly lower quality than the final product, just to be safe.)
Do give me some feedback if you notice something off or want something changed! No one wants to end up with a messed-up final product, myself included.
</li>
<li class="panel inspect">
PAYMENT – Once I finish, I'll let you know! Don't pay before this part, just in case something does happen. I'll fork over the finished piece once I'm sure the payment's gone through. (Depending on how you pay, I'll give you the directions for where to pay.)
</li>
<li class="panel inspect">
ANYTHING ELSE? – In the case that there are still changes afterwards, do let me know and I'll be happy to make them! (If they're really big changes, I may tack on an extra dollar or two.)
</li>
</ul>
<p>*Prices may vary depending on the piece's size.</p>
</div>
</div>
<p>Made by <a href="https://twitter.com/VitorGabrielGom"> Vitor </a></p>
</div>
</body>
</html>