Register - Login
Views: 99368946
Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies
04-23-22 06:16:17 PM
Jul - Projects and Creations - Anyone here also like spriting? New poll - New thread - New reply
Next newer thread | Next older thread
SamEarl13

Nipper Plant
Trying (and failing) to learn Lua.
Level: 43


Posts: 239/419
EXP: 523164
For next: 41882

Since: 02-14-12


Since last post: 4.1 years
Last activity: 7 days

Posted on 12-08-12 04:09:46 PM Link | Quote
Before i start note that i'm a beginner so don't expect anything good (or normal) and i mostly do sprite edits.

I was wondering if anyone on jul does spriting, i've seen that alot of you do art other art and i felt there needed to be a spriting (or pixel art) thread. Most of my sprite edits are completely random and make absolutely no sense like strawberry venusaur:

or are sprite edits made to look like something else (like Sonic to someones sonic fc's):

I do do some spriting myself though (usually fanart though):


I'm hoping to get good at spriting so i might be able to make my own 2d rpg or something one day. Show me your sprites and maybe tell me how you made them so i (and others who see this thread) can get better or just to show off how awesome you are.

____________________
I'm currently saving up for a game so if you are going to buy anything from amazon could you click this link first:
This is the link
yde

Cobrat
Level: 54


Posts: 653/660
EXP: 1176993
For next: 56877

Since: 02-12-09

From: california

Since last post: 8.3 years
Last activity: 8.2 years

Posted on 12-08-12 07:13:21 PM Link | Quote
If you really want to become a pixel artist, I strongly recommend you steer clear of just editing sprites. Focus on your own work.

I really like Pixel Joint for this kind of thing. There are tons of amazing examples, resources for artists, and a solid community behind it all. Here's a good tutorial to get started.
Peardian

  
Magikoopa

16/3/1: KvSG #479 is up!

Level: 157


Posts: 6516/7597
EXP: 48559898
For next: 1019335

Since: 08-02-07

From: Isle Delfino

Since last post: 1 day
Last activity: 5 hours

Posted on 12-08-12 07:52:42 PM Link | Quote
I like to sprite on occasion, though I haven't made anything new in a long time. When I do sprite, though, it is usually always in the style of a specific game. As far as examples go, just look at my comic. I've made original Superstar Saga-style characters, Partners in Time-style monsters, and Yoshi in Kirby Advance style, among other things.

When you're using the style of a game or a person, it's really important to study the source material. Study not only the things like lines and shading, but also things like color choice and character design decisions. For example, let's use Mario & Luigi: Superstar Saga. The game's art style is characterized by cartoony shading and a distinctive use of outlines. So, let's say you decide to draw Solid Snake in this style because why not. If you simply used the same color choices and body proportions as in Metal Gear Solid, the sprite probably wouldn't come out very good. Snake's dark, grey and gritty color scheme wouldn't work too well with the shading and outlines, and Snake's facial features would be too small to make out, if even possible to draw in the first place. You'll have to either make his sprite giant, or tweak his design to work with the style.

To make him fit in with the rest of the characters in the game, his colors will have to be lightened and saturated. On top of that, his proportions will have to be made cartoonier. Give him a big head with large, expressive eyes. I find another thing that helps is trying to imagine how the sprite would animate (not that you have to). Back to Snake's face, try to imagine (or even draw) what it would be like for him to talk or to look around. Zoom out to normal 1:1 size and ask yourself "is this noticeable?" and "is this something I could see happening on a GBA screen?" If you have an animation program or anything with layers, you can even try flipping between the frames to see if the different is noticeable when zoomed out.

Of course, that example is just for Superstar Saga. Other styles will have slightly different considerations. And when you're making your own style, these considerations are things you yourself get to decide. Will you use vibrant colors? Or pastel colors? Or even unsaturated colors? Will the shading have few colors or many? Should the shading be high-contrast, or low-contrast? Should the subject be highly-detailed or stylized?


As far as the sprites you posted goes, they are pretty decent. The lines on the strawberry for Strawberry Venusaur are good and match with the sprite style, but the coloring and shading need work. The light on Venusaur's body is coming from the left-hand side, but the light on the strawberry is coming from a little ways directly above it. You should try and have the light sources be the same so that they look like they belong together. (That said, the official shading on Venusaur is pretty crazy, so I'd reference something like the Egg or Chancey for shading the strawberry.) The colors on the strawberry, while a nice vibrant red, don't have the same level of contrast as Venusaur does. The highlight on it is so faint, and the shadows on it are so bright, that it almost looks as if the strawberry is glowing red.

Sorry if the wall of text is a bit much. Sprite edits can be a good place to start if you're a beginner, but try to make your own original art and the work you come up with will be more satisfying.

____________________
-Peardian-

"Kindness is the language which the deaf can hear and the blind can see." -Mark Twain


SamEarl13

Nipper Plant
Trying (and failing) to learn Lua.
Level: 43


Posts: 243/419
EXP: 523164
For next: 41882

Since: 02-14-12


Since last post: 4.1 years
Last activity: 7 days

Posted on 12-08-12 08:41:28 PM Link | Quote
Originally posted by yde
If you really want to become a pixel artist, I strongly recommend you steer clear of just editing sprites. Focus on your own work.

I really like Pixel Joint for this kind of thing. There are tons of amazing examples, resources for artists, and a solid community behind it all. Here's a good tutorial to get started.


Thanks for the link, its an awesome site and i hope i'll get better because of the amazing tutorials it has. Also i probably won't do any more sprite edits unless someone asks me.

____________________
I'm currently saving up for a game so if you are going to buy anything from amazon could you click this link first:
This is the link
Next newer thread | Next older thread
Jul - Projects and Creations - Anyone here also like spriting? New poll - New thread - New reply


Rusted Logic

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

30 database queries, 1 query cache hits.
Query execution time:  0.099773 seconds
Script execution time:  0.011464 seconds
Total render time:  0.111237 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 301 - Warning: unescaped & or unknown entity "&page"
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 202 - 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 189 column 1568 - Warning: unescaped & or unknown entity "&camp"
line 189 column 1578 - Warning: unescaped & or unknown entity "&creative"
line 189 column 1593 - Warning: unescaped & or unknown entity "&linkCode"
line 189 column 1606 - Warning: unescaped & or unknown entity "&tag"
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 221 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 223 column 9 - Warning: missing <tr>
line 241 column 13 - Warning: missing <tr>
line 242 column 102 - Warning: unescaped & or unknown entity "&postid"
line 244 column 74 - Warning: <style> isn't allowed in <td> elements
line 244 column 9 - Info: <td> previously mentioned
line 244 column 363 - Warning: missing </font> before <center>
line 244 column 437 - Warning: inserting implicit <font>
line 244 column 543 - Warning: inserting implicit <font>
line 263 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 265 column 9 - Warning: missing <tr>
line 283 column 13 - Warning: missing <tr>
line 284 column 102 - Warning: unescaped & or unknown entity "&postid"
line 291 column 983 - Warning: unescaped & or unknown entity "&camp"
line 291 column 993 - Warning: unescaped & or unknown entity "&creative"
line 291 column 1008 - Warning: unescaped & or unknown entity "&linkCode"
line 291 column 1021 - Warning: unescaped & or unknown entity "&tag"
line 294 column 17 - Warning: missing <tr>
line 294 column 17 - Warning: discarding unexpected <table>
line 297 column 35 - Warning: missing <tr>
line 297 column 50 - Warning: missing </font> before </td>
line 297 column 91 - Warning: missing </font> before </table>
line 299 column 35 - Warning: missing <tr>
line 299 column 50 - Warning: missing </font> before </td>
line 300 column 37 - Warning: unescaped & or unknown entity "&id"
line 299 column 202 - Warning: missing </font> before </table>
line 301 column 17 - Warning: discarding unexpected </textarea>
line 301 column 28 - Warning: discarding unexpected </form>
line 301 column 35 - Warning: discarding unexpected </embed>
line 301 column 43 - Warning: discarding unexpected </noembed>
line 301 column 53 - Warning: discarding unexpected </noscript>
line 301 column 64 - Warning: discarding unexpected </noembed>
line 301 column 74 - Warning: discarding unexpected </embed>
line 301 column 82 - Warning: discarding unexpected </table>
line 301 column 90 - Warning: discarding unexpected </table>
line 303 column 9 - Warning: missing </font> before <table>
line 315 column 25 - Warning: discarding unexpected </font>
line 324 column 57 - Warning: discarding unexpected </font>
line 302 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 160 column 11 - Warning: <img> lacks "alt" attribute
line 161 column 22 - Warning: <img> lacks "alt" attribute
line 161 column 63 - Warning: <img> lacks "alt" attribute
line 161 column 111 - Warning: <img> lacks "alt" attribute
line 161 column 161 - Warning: <img> lacks "alt" attribute
line 162 column 11 - Warning: <img> lacks "alt" attribute
line 172 column 15 - Warning: <img> lacks "alt" attribute
line 182 column 453 - Warning: <img> lacks "alt" attribute
line 184 column 679 - Warning: <img> lacks "alt" attribute
line 186 column 883 - Warning: <img> lacks "alt" attribute
line 186 column 1004 - Warning: <img> lacks "alt" attribute
line 196 column 11 - Warning: <img> lacks "alt" attribute
line 197 column 22 - Warning: <img> lacks "alt" attribute
line 197 column 63 - Warning: <img> lacks "alt" attribute
line 197 column 112 - Warning: <img> lacks "alt" attribute
line 197 column 162 - Warning: <img> lacks "alt" attribute
line 198 column 11 - Warning: <img> lacks "alt" attribute
line 208 column 15 - Warning: <img> lacks "alt" attribute
line 225 column 17 - Warning: <img> lacks "alt" attribute
line 226 column 23 - Warning: <img> lacks "alt" attribute
line 226 column 64 - Warning: <img> lacks "alt" attribute
line 226 column 112 - Warning: <img> lacks "alt" attribute
line 226 column 162 - Warning: <img> lacks "alt" attribute
line 227 column 11 - Warning: <img> lacks "alt" attribute
line 237 column 15 - Warning: <img> lacks "alt" attribute
line 244 column 437 - Warning: <img> lacks "alt" attribute
line 258 column 4899 - Warning: <img> lacks "alt" attribute
line 267 column 11 - Warning: <img> lacks "alt" attribute
line 268 column 22 - Warning: <img> lacks "alt" attribute
line 268 column 63 - Warning: <img> lacks "alt" attribute
line 268 column 111 - Warning: <img> lacks "alt" attribute
line 268 column 161 - Warning: <img> lacks "alt" attribute
line 269 column 11 - Warning: <img> lacks "alt" attribute
line 279 column 15 - Warning: <img> lacks "alt" attribute
line 300 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 300 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 300 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 309 column 25 - Warning: <img> lacks "alt" attribute
line 314 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 244 column 363 - Warning: trimming empty <font>
line 294 column 17 - Warning: trimming empty <tr>
line 297 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 242 column 27 - Warning: <nobr> is not approved by W3C
line 257 column 4554 - Warning: <td> proprietary attribute "background"
line 284 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 123 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