Register - Login
Views: 99393083
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-24-22 10:19:49 AM
Jul - Projects and Creations - Tips and Tricks New poll - New thread - New reply
Next newer thread | Next older thread
Tarale
Catgirl
C:\ DOS
C:\ DOS RUN
RUN DOS RUN
Level: 89


Posts: 1400/2030
EXP: 6714422
For next: 201479

Since: 07-23-07

Pronouns: she/her

Since last post: 2.0 years
Last activity: 1.6 years
Posted on 01-24-18 09:04:21 AM Link | Quote
I thought it might be fun to perhaps share some tips and tricks you've learned for making stuff? Like, art stuff, or music, or code, or whatever?

This one is pretty basic, it's just roughly how I go about choosing colours for shading:



You'll want your app to have a colour wheel, ideally, but you can also just do it with the HSB colour palette. In fact, HSB (Hue, Saturation, Brightness) will work pretty well for understanding things in general.

If you're working with traditional media, you can see how adding purples and blues goes with shadows, and mixing in warmer tones goes with highlights.

Of course, this doesn't quite work for every situation, but it'll give you more interesting colour than just adding black or white to your base shade.

____________________
Tarale.net
sofi

🌠
Level: 116


Posts: 3586/4152
EXP: 17094800
For next: 229293

Since: 02-18-11

Pronouns: she/her
From: たまごっち星

Since last post: 1 day
Last activity: 8 hours
Posted on 01-24-18 05:18:45 PM Link | Quote


this is my secret photography school hack to understanding lighting, basically every light you use/see will fulfill one of those four roles

i have a drawing i did of a pineapple in this style somewhere, but i can’t find it

____________________
sofi

t · sc · tw · ig
BatElite
Member
Level: 35


Posts: 87/345
EXP: 273817
For next: 6119

Since: 04-24-17

Pronouns: they/them, preferably she/her (fluidity is heck)

Since last post: 10 days
Last activity: 1 day
Posted on 01-31-18 09:47:12 PM Link | Quote

I usually keep saturating colours as I get darker with them, but whatever. I haven't studied it.

One other art thing I've seen recommended and do myself: Using a grey background (possibly with a slight colouring, but I don't) when drawing. The reasoning being that a bright white background is going to influence your colour choices just so they stand out from the background

Mind you, I picked that up in a place with a considerable focus on game assets. In those cases many bits of art have to mesh together into a non-clusterfuck, and it's not necessarily as important on standalone art. I still do it regardless.
It's also not that big of a deal if you know the thing is meant to be displayed on a bright background to begin with.

____________________
"Rusted old machines should stay home and play with their toasters!"
Xkeeper

Level: 263


Posts: 23260/25343
EXP: 296722240
For next: 2238213

Since: 07-03-07

Pronouns: they/them/????????

Since last post: 9 days
Last activity: 3 days
Posted on 02-01-18 04:28:02 AM (last edited by Xkeeper at 02-01-18 04:28:25 AM) Link | Quote
My tip really isn't anything amazing: just do it.

It will be garbage. That's okay. Once you have trash, you can do something with it. You can organize it or make it better. Then next time you'll make slightly pre-organized trash and be able to do it faster or better.

But just do it.

E: Ergo, just get something down, even if it's a shadow of the plan.

____________________
(Lv 242 with 220566985 EXP)
Rambly

Level: 106


Posts: 1816/3083
EXP: 12567004
For next: 104939

Since: 07-22-07

Pronouns: she/her

Since last post: 270 days
Last activity: 253 days
Posted on 02-02-18 12:51:13 PM Link | Quote
Originally posted by Xkeeper
My tip really isn't anything amazing: just do it.

It will be garbage. That's okay. Once you have trash, you can do something with it. You can organize it or make it better. Then next time you'll make slightly pre-organized trash and be able to do it faster or better.

But just do it.

E: Ergo, just get something down, even if it's a shadow of the plan.

this is really good advice. even if you make something and absolute worst-case scenario it's utterly unsalvageable, it can be a learning experience. and honestly, very rarely is there something you can't salvage or build on or fix later

____________________
Tarale
Catgirl
C:\ DOS
C:\ DOS RUN
RUN DOS RUN
Level: 89


Posts: 1727/2030
EXP: 6714422
For next: 201479

Since: 07-23-07

Pronouns: she/her

Since last post: 2.0 years
Last activity: 1.6 years
Posted on 05-10-18 10:18:13 AM Link | Quote
I was asked about digital colouring and this is kind of terrible but this is sort of the overall process I do…



Except mostly what happens is I get to stage 3/4 and I just start messing around in random ways doing… whatever I kind of feel like… so this is a very shitty tutorial

____________________
Tarale.net
Next newer thread | Next older thread
Jul - Projects and Creations - Tips and Tricks New poll - New thread - New reply


Rusted Logic
Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

28 database queries, 1 query cache hits.
Query execution time:  0.076133 seconds
Script execution time:  0.013560 seconds
Total render time:  0.089694 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 119 column 11 - Warning: <form> isn't allowed in <table> elements
line 118 column 10 - Info: <table> previously mentioned
line 120 column 11 - Warning: missing <tr>
line 120 column 119 - Warning: missing </font> before </td>
line 124 column 16 - Warning: plain text isn't allowed in <tr> elements
line 120 column 11 - Info: <tr> previously mentioned
line 125 column 68 - Warning: missing </nobr> before </td>
line 141 column 68 - Warning: missing </nobr> before <tr>
line 147 column 35 - Warning: missing <tr>
line 147 column 50 - Warning: missing </font> before </td>
line 148 column 37 - Warning: unescaped & or unknown entity "&id"
line 147 column 186 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 50 - Warning: missing </font> before </td>
line 149 column 91 - Warning: missing </font> before </table>
line 156 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 158 column 9 - Warning: missing <tr>
line 176 column 13 - Warning: missing <tr>
line 177 column 102 - Warning: unescaped & or unknown entity "&postid"
line 179 column 74 - Warning: <style> isn't allowed in <td> elements
line 179 column 9 - Info: <td> previously mentioned
line 192 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 194 column 9 - Warning: missing <tr>
line 212 column 13 - Warning: missing <tr>
line 213 column 102 - Warning: unescaped & or unknown entity "&postid"
line 215 column 74 - Warning: <style> isn't allowed in <td> elements
line 215 column 9 - Info: <td> previously mentioned
line 224 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 226 column 9 - Warning: missing <tr>
line 244 column 13 - Warning: missing <tr>
line 245 column 102 - Warning: unescaped & or unknown entity "&postid"
line 258 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 260 column 9 - Warning: missing <tr>
line 278 column 13 - Warning: missing <tr>
line 279 column 102 - Warning: unescaped & or unknown entity "&postid"
line 281 column 74 - Warning: <style> isn't allowed in <td> elements
line 281 column 9 - Info: <td> previously mentioned
line 290 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 292 column 9 - Warning: missing <tr>
line 310 column 13 - Warning: missing <tr>
line 311 column 102 - Warning: unescaped & or unknown entity "&postid"
line 313 column 74 - Warning: <style> isn't allowed in <td> elements
line 313 column 9 - Info: <td> previously mentioned
line 323 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 325 column 9 - Warning: missing <tr>
line 343 column 13 - Warning: missing <tr>
line 344 column 102 - Warning: unescaped & or unknown entity "&postid"
line 346 column 74 - Warning: <style> isn't allowed in <td> elements
line 346 column 9 - Info: <td> previously mentioned
line 353 column 17 - Warning: missing <tr>
line 353 column 17 - Warning: discarding unexpected <table>
line 356 column 35 - Warning: missing <tr>
line 356 column 50 - Warning: missing </font> before </td>
line 356 column 91 - Warning: missing </font> before </table>
line 358 column 35 - Warning: missing <tr>
line 358 column 50 - Warning: missing </font> before </td>
line 359 column 37 - Warning: unescaped & or unknown entity "&id"
line 358 column 186 - Warning: missing </font> before </table>
line 360 column 17 - Warning: discarding unexpected </textarea>
line 360 column 28 - Warning: discarding unexpected </form>
line 360 column 35 - Warning: discarding unexpected </embed>
line 360 column 43 - Warning: discarding unexpected </noembed>
line 360 column 53 - Warning: discarding unexpected </noscript>
line 360 column 64 - Warning: discarding unexpected </noembed>
line 360 column 74 - Warning: discarding unexpected </embed>
line 360 column 82 - Warning: discarding unexpected </table>
line 360 column 90 - Warning: discarding unexpected </table>
line 362 column 9 - Warning: missing </font> before <table>
line 374 column 25 - Warning: discarding unexpected </font>
line 383 column 57 - Warning: discarding unexpected </font>
line 361 column 1 - Warning: missing </center>
line 120 column 63 - Warning: <img> lacks "alt" attribute
line 125 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 125 column 93 - Warning: <img> lacks "alt" attribute
line 141 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 141 column 98 - Warning: <img> lacks "alt" attribute
line 148 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 161 column 22 - Warning: <img> lacks "alt" attribute
line 161 column 63 - Warning: <img> lacks "alt" attribute
line 161 column 112 - Warning: <img> lacks "alt" attribute
line 161 column 162 - Warning: <img> lacks "alt" attribute
line 162 column 11 - Warning: <img> lacks "alt" attribute
line 172 column 15 - Warning: <img> lacks "alt" attribute
line 183 column 1458 - Warning: <img> lacks "alt" attribute
line 196 column 11 - Warning: <img> lacks "alt" attribute
line 197 column 23 - Warning: <img> lacks "alt" attribute
line 197 column 64 - Warning: <img> lacks "alt" attribute
line 197 column 113 - Warning: <img> lacks "alt" attribute
line 197 column 163 - Warning: <img> lacks "alt" attribute
line 198 column 11 - Warning: <img> lacks "alt" attribute
line 208 column 15 - Warning: <img> lacks "alt" attribute
line 215 column 986 - Warning: <img> lacks "alt" attribute
line 229 column 22 - Warning: <img> lacks "alt" attribute
line 229 column 63 - Warning: <img> lacks "alt" attribute
line 229 column 112 - Warning: <img> lacks "alt" attribute
line 229 column 162 - Warning: <img> lacks "alt" attribute
line 230 column 11 - Warning: <img> lacks "alt" attribute
line 240 column 15 - Warning: <img> lacks "alt" attribute
line 263 column 23 - Warning: <img> lacks "alt" attribute
line 263 column 64 - Warning: <img> lacks "alt" attribute
line 263 column 113 - Warning: <img> lacks "alt" attribute
line 263 column 163 - Warning: <img> lacks "alt" attribute
line 264 column 11 - Warning: <img> lacks "alt" attribute
line 274 column 15 - Warning: <img> lacks "alt" attribute
line 294 column 11 - Warning: <img> lacks "alt" attribute
line 295 column 23 - Warning: <img> lacks "alt" attribute
line 295 column 64 - Warning: <img> lacks "alt" attribute
line 295 column 113 - Warning: <img> lacks "alt" attribute
line 295 column 163 - Warning: <img> lacks "alt" attribute
line 296 column 11 - Warning: <img> lacks "alt" attribute
line 306 column 15 - Warning: <img> lacks "alt" attribute
line 328 column 22 - Warning: <img> lacks "alt" attribute
line 328 column 63 - Warning: <img> lacks "alt" attribute
line 328 column 112 - Warning: <img> lacks "alt" attribute
line 328 column 162 - Warning: <img> lacks "alt" attribute
line 329 column 11 - Warning: <img> lacks "alt" attribute
line 339 column 15 - Warning: <img> lacks "alt" attribute
line 348 column 1327 - Warning: <img> lacks "alt" attribute
line 359 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 359 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 359 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 368 column 25 - Warning: <img> lacks "alt" attribute
line 373 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 353 column 17 - Warning: trimming empty <tr>
line 356 column 50 - Warning: trimming empty <font>
line 125 column 68 - Warning: <nobr> is not approved by W3C
line 141 column 68 - Warning: <nobr> is not approved by W3C
line 177 column 27 - Warning: <nobr> is not approved by W3C
line 213 column 27 - Warning: <nobr> is not approved by W3C
line 245 column 27 - Warning: <nobr> is not approved by W3C
line 279 column 27 - Warning: <nobr> is not approved by W3C
line 311 column 27 - Warning: <nobr> is not approved by W3C
line 344 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 130 warnings and 0 errors!


The alt attribute should be used to give a short description
of an image; longer descriptions should be given with the
longdesc attribute which takes a URL linked to the description.
These measures are needed for people using non-graphical browsers.

For further advice on how to make your pages accessible
see http://www.w3.org/WAI/GL.
You are recommended to use CSS to specify the font and
properties such as its size and color. This will reduce
the size of HTML files and make them easier to maintain
compared with using <FONT> elements.

You are recommended to use CSS to control line wrapping.
Use "white-space: nowrap" to inhibit wrapping in place
of inserting <NOBR>...</NOBR> into the markup.

About HTML Tidy: https://github.com/htacg/tidy-html5
Bug reports and comments: https://github.com/htacg/tidy-html5/issues
Official mailing list: https://lists.w3.org/Archives/Public/public-htacg/
Latest HTML specification: http://dev.w3.org/html5/spec-author-view/
Validate your HTML documents: http://validator.w3.org/nu/
Lobby your company to join the W3C: http://www.w3.org/Consortium

Do you speak a language other than English, or a different variant of
English? Consider helping us to localize HTML Tidy. For details please see
https://github.com/htacg/tidy-html5/blob/master/README/LOCALIZE.md