Difference between revisions of "Shipbucket getting started guide"

From Shipbucket Wiki
Jump to: navigation, search
m
m (Commonly asked questions: Added additional questions and answers)
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Under construction}}
+
[[File:SB Trident Logo.png|right|300px]]
 
Drawing within the Shipbucket style is easy and accessible by design; however, getting started and knowing where to begin can seem daunting. This guide will cover commonly asked questions and help improve your experience while drawing SB style art!
 
Drawing within the Shipbucket style is easy and accessible by design; however, getting started and knowing where to begin can seem daunting. This guide will cover commonly asked questions and help improve your experience while drawing SB style art!
 +
 +
It is important to remember that this is artwork, so you should not be discouraged if your work is not up to your expectations at first! Some of our oldest and most accomplished contributors had to start somewhere too.
 +
You can see their original works here; [[First drawings: How Shipbucket artists started out]]. Everyone has to start somewhere, so give it a go!
 
==Drawing programs==
 
==Drawing programs==
 
You can use various programs to produce art within the SB style guidelines; choosing one need not be daunting. For example, any program capable of producing dot matrix images, known as raster graphics, can theoretically be used to make SB art! Commonly used programs include Paint.NET, GIMP, Photoshop, and even MSPaint. There is no best program, the one you are most comfortable using will quite often be the best for you. However, some quality of life features may improve your experience or workflow, such as layers, which are sometimes not present, as is the case with MSPaint. Regardless, you cannot go wrong with the programs mentioned above. These programs are widely known and used within the community, which will happily lend you a hand if you find yourself struggling to do something particular. Paint.NET and GIMP are free to the user. At the same time, Photoshop requires a license from Adobe for $9.99 per month, and MSPaint is effectively free for Windows users.
 
You can use various programs to produce art within the SB style guidelines; choosing one need not be daunting. For example, any program capable of producing dot matrix images, known as raster graphics, can theoretically be used to make SB art! Commonly used programs include Paint.NET, GIMP, Photoshop, and even MSPaint. There is no best program, the one you are most comfortable using will quite often be the best for you. However, some quality of life features may improve your experience or workflow, such as layers, which are sometimes not present, as is the case with MSPaint. Regardless, you cannot go wrong with the programs mentioned above. These programs are widely known and used within the community, which will happily lend you a hand if you find yourself struggling to do something particular. Paint.NET and GIMP are free to the user. At the same time, Photoshop requires a license from Adobe for $9.99 per month, and MSPaint is effectively free for Windows users.
Line 6: Line 9:
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
! '''Program''' !! Price !! Layers !! macOS !! Linux !! Download
+
! '''Program''' !! Price !! Layers !! macOS !! Linux !! Download !! Notes
 
|-
 
|-
| '''Paint.NET''' || style="background: #d9ffd3;"|Free || style="background: #d9ffd3;"|Yes || style="background: #fdcfd1;"|No || Partial* || [https://www.dotpdn.com/downloads/pdn.html Here]
+
| '''Paint.NET''' || style="background: #d9ffd3;"|Free || style="background: #d9ffd3;"|Yes || style="background: #fdcfd1;"|No || Partial* || [https://www.dotpdn.com/downloads/pdn.html Here] || Akin to MSPaint but with additional features.<br>MSPaint users will find this program familiar.
 
|-
 
|-
| '''GIMP''' || style="background: #d9ffd3;"|Free || style="background: #d9ffd3;"|Yes || style="background: #d9ffd3;"|Yes || style="background: #d9ffd3;"|Yes || [https://www.gimp.org/downloads/ Here]
+
| '''GIMP''' || style="background: #d9ffd3;"|Free || style="background: #d9ffd3;"|Yes || style="background: #d9ffd3;"|Yes || style="background: #d9ffd3;"|Yes || [https://www.gimp.org/downloads/ Here] || Akin to Photoshop but free to use.<br>Complex to learn for new users but familiar for Photoshop users.
 
|-
 
|-
| '''Photoshop''' || style="background: #fdcfd1;"|$9.99/mo || style="background: #d9ffd3;"|Yes || style="background: #d9ffd3;"|Yes || style="background: #fdcfd1;"|No || [https://www.adobe.com/uk/creativecloud/plans.html Here]
+
| '''Photoshop''' || style="background: #fdcfd1;"|$9.99/mo || style="background: #d9ffd3;"|Yes || style="background: #d9ffd3;"|Yes || style="background: #fdcfd1;"|No || [https://www.adobe.com/uk/creativecloud/plans.html Here] || Industry-standard, incredibly powerful and very overkill for SB work.
 
|-
 
|-
| '''MSPaint''' || style="background: #d9ffd3;"|Free** || style="background: #fdcfd1;"|No || style="background: #fdcfd1;"|No || style="background: #fdcfd1;"|No ||  
+
| '''MSPaint''' || style="background: #d9ffd3;"|Free** || style="background: #fdcfd1;"|No || style="background: #fdcfd1;"|No || style="background: #fdcfd1;"|No || || Elementary but reliable raster graphics editor, just enough for SB art.<br>Lack of layer function hampers some users.
 
|}
 
|}
 +
<small>* Limited support using {{wpl|Mono_(software)|Mono}}.<br>** Included with Windows.</small>
 +
 
===Style guide===  
 
===Style guide===  
 
''Further information: [http://shipbucket.com/styleguide Style guide]''<br>
 
''Further information: [http://shipbucket.com/styleguide Style guide]''<br>
 
You can find the primary resource for this information on the Shipbucket website [http://shipbucket.com/styleguide here]. However, as a rule of thumb, your chosen drawing program will, by default, have anti-aliasing enabled. You must disable anti-aliasing to make sure your pixel art appears crisp.
 
You can find the primary resource for this information on the Shipbucket website [http://shipbucket.com/styleguide here]. However, as a rule of thumb, your chosen drawing program will, by default, have anti-aliasing enabled. You must disable anti-aliasing to make sure your pixel art appears crisp.
 
==Getting started==
 
==Getting started==
 +
''Further information: [http://shipbucket.com/faq#drawings Drawings]''<br>
 
The first step to starting your drawing is to choose what you want to draw! It is very tempting to jump right into the deep end whilst following your creative side down the rabbit hole of alternate universe designs. However, it is highly beneficial for you to start with a real ship or at least a never completed proposal, contributing to the community and providing the greatest educational springboard for yourself. Although Shipbucket is a unified style archive, it is still artwork. Your art will improve the fastest by looking at real examples of what we all draw. With the above in mind, an excellent vessel to start with could be an early 20th-century destroyer, of which there are hundreds of examples.
 
The first step to starting your drawing is to choose what you want to draw! It is very tempting to jump right into the deep end whilst following your creative side down the rabbit hole of alternate universe designs. However, it is highly beneficial for you to start with a real ship or at least a never completed proposal, contributing to the community and providing the greatest educational springboard for yourself. Although Shipbucket is a unified style archive, it is still artwork. Your art will improve the fastest by looking at real examples of what we all draw. With the above in mind, an excellent vessel to start with could be an early 20th-century destroyer, of which there are hundreds of examples.
 
===Finding a good reference===
 
===Finding a good reference===
Line 30: Line 36:
  
 
For instance, a vessel with an overall length of 475'3" (475.25') shows that dimension on the reference as 2,666 pixels. The OA length of 475.25' in SB scale is simply this number multiplied by two, 950.5 rounded to become 951 pixels. Therefore the difference needed to scale can be found by dividing the known dimension by the measured dimension in pixels. In this case, 951 divided by 2,666, which gives 0.356... You can then scale the entire reference image with this number by multiplying one of its dimensions with this scale factor while keeping the image aspect ratio the same. Once you have completed this step, you are nearly ready to start drawing!
 
For instance, a vessel with an overall length of 475'3" (475.25') shows that dimension on the reference as 2,666 pixels. The OA length of 475.25' in SB scale is simply this number multiplied by two, 950.5 rounded to become 951 pixels. Therefore the difference needed to scale can be found by dividing the known dimension by the measured dimension in pixels. In this case, 951 divided by 2,666, which gives 0.356... You can then scale the entire reference image with this number by multiplying one of its dimensions with this scale factor while keeping the image aspect ratio the same. Once you have completed this step, you are nearly ready to start drawing!
 +
[[File:Template S2 (1000x385).png|thumb|right|250px|Standard S2 template from the [[Shipbucket Templates|SB templates]].]]
 
===Setting up a template===
 
===Setting up a template===
 
The last step before beginning to draw is to set up your template correctly. You can find SB and FD templates [[Shipbucket Templates|here]] for you to import within your drawing program. There are instructions on the template for you to follow. It is essential you credit the work properly by placing all participating artists names within the brackets in order of original contribution first to last. Once this is complete, you can bring your scaled reference into the image on a new layer, positioning it such that its waterline and stern is on the correct mark. Then you can trace over your reference on another layer and start drawing!
 
The last step before beginning to draw is to set up your template correctly. You can find SB and FD templates [[Shipbucket Templates|here]] for you to import within your drawing program. There are instructions on the template for you to follow. It is essential you credit the work properly by placing all participating artists names within the brackets in order of original contribution first to last. Once this is complete, you can bring your scaled reference into the image on a new layer, positioning it such that its waterline and stern is on the correct mark. Then you can trace over your reference on another layer and start drawing!
 +
==Commonly asked questions==
 +
; '''Q: My text is differently sized from the template text; what is the correct size?''' : '''A:''' Paint.NET users may encounter text scaling issues while using 14 and 10 size text, respectively; the solution uses 10.5 and 7.5 size texts. GIMP and Photoshop users may find that setting the size to px instead of pt fixes the issue.
 +
; '''Q: What do I need to credit people for?''' : '''A:''' Crediting contributing artists is mandatory under the [http://shipbucket.com/license Shipbucket Content License]. It is also a sign of respect as many artists put a tremendous amount of research and effort into their drawings. As a general guide, you must leave their name on the credit line anytime you modify another's work. If you take sections from another's work, excluding [[Components|parts/components]], you must add their name to the credit line. ''Further information: [http://shipbucket.com/styleguide#7 Crediting and use of pre-drawn components]''<br>
 +
; '''Q: What counts as a part or component?''' : '''A:''' The full explanation is under the [http://shipbucket.com/styleguide#71 Use of community-created components] on the style guide. However, the general rule of thumb is that small common items such as guns, anchors, propellers, boats, etc., count as parts that need no crediting.
 +
; '''Q: Is kitbashing okay?''' : '''A:''' Yes! The simplified style is in large part to allow for the easy transfer of sections between drawings. Just make sure to credit your work correctly.
 +
; '''Q: Can I change the size of a template?''' : '''A:''' You should avoid changing the template size wherever possible. However, if need be, expanding a template is allowed. Never shrink any template below its existing dimensions and use the smallest template that will fit your drawing.
 +
; '''Q: How do I become unrestricted on the Discord?''' : '''A:''' The restricted role on Discord was introduced to encourage productivity among the new members. You can have these tags removed by contributing in the form of drawings! Any drawings in the supported scales – SB, FD, SoB, and GB – are suitable, but a committed attitude is also prudent.
 +
 +
==Additional reference sites of note==
 +
; '''[https://www.the-blueprints.com/ The-blueprints.com]''' : You can find occasional gems here, but be wary with some of the artistic renditions. Little to no accompanying information.
 +
; '''[https://www.navypedia.org/ Navypedia.org]''' : Navypedia has a wealth of information, a good starting place for many projects.
 +
; '''[https://www.navsource.org/ Navsource.org]''' : Navsource is a superb source of historical photographs with varying amounts of accompanying information.
 +
; '''[http://www.researcheratlarge.com/ Researcheratlarge.com]''' : You can find superb references and accompanying information here. It can be a little challenging to find things on the site, however.
 
==Resources==
 
==Resources==
 +
* [[Components]]
 
* [[Online resources]]
 
* [[Online resources]]
 
* [[Shipbucket Templates]]
 
* [[Shipbucket Templates]]
 
* [[Bucketeers Glossary]]
 
* [[Bucketeers Glossary]]
 +
==See also==
 +
* [[About Shipbucket]]
 
[[Category:Articles]]
 
[[Category:Articles]]
 
[[Category:Tutorials]]
 
[[Category:Tutorials]]

Latest revision as of 18:42, 10 July 2021

SB Trident Logo.png

Drawing within the Shipbucket style is easy and accessible by design; however, getting started and knowing where to begin can seem daunting. This guide will cover commonly asked questions and help improve your experience while drawing SB style art!

It is important to remember that this is artwork, so you should not be discouraged if your work is not up to your expectations at first! Some of our oldest and most accomplished contributors had to start somewhere too. You can see their original works here; First drawings: How Shipbucket artists started out. Everyone has to start somewhere, so give it a go!

Drawing programs

You can use various programs to produce art within the SB style guidelines; choosing one need not be daunting. For example, any program capable of producing dot matrix images, known as raster graphics, can theoretically be used to make SB art! Commonly used programs include Paint.NET, GIMP, Photoshop, and even MSPaint. There is no best program, the one you are most comfortable using will quite often be the best for you. However, some quality of life features may improve your experience or workflow, such as layers, which are sometimes not present, as is the case with MSPaint. Regardless, you cannot go wrong with the programs mentioned above. These programs are widely known and used within the community, which will happily lend you a hand if you find yourself struggling to do something particular. Paint.NET and GIMP are free to the user. At the same time, Photoshop requires a license from Adobe for $9.99 per month, and MSPaint is effectively free for Windows users.

Commonly used programs

Program Price Layers macOS Linux Download Notes
Paint.NET Free Yes No Partial* Here Akin to MSPaint but with additional features.
MSPaint users will find this program familiar.
GIMP Free Yes Yes Yes Here Akin to Photoshop but free to use.
Complex to learn for new users but familiar for Photoshop users.
Photoshop $9.99/mo Yes Yes No Here Industry-standard, incredibly powerful and very overkill for SB work.
MSPaint Free** No No No Elementary but reliable raster graphics editor, just enough for SB art.
Lack of layer function hampers some users.

* Limited support using Mono.
** Included with Windows.

Style guide

Further information: Style guide
You can find the primary resource for this information on the Shipbucket website here. However, as a rule of thumb, your chosen drawing program will, by default, have anti-aliasing enabled. You must disable anti-aliasing to make sure your pixel art appears crisp.

Getting started

Further information: Drawings
The first step to starting your drawing is to choose what you want to draw! It is very tempting to jump right into the deep end whilst following your creative side down the rabbit hole of alternate universe designs. However, it is highly beneficial for you to start with a real ship or at least a never completed proposal, contributing to the community and providing the greatest educational springboard for yourself. Although Shipbucket is a unified style archive, it is still artwork. Your art will improve the fastest by looking at real examples of what we all draw. With the above in mind, an excellent vessel to start with could be an early 20th-century destroyer, of which there are hundreds of examples.

Finding a good reference

To begin with your project, you must first find a reference of sufficient quality to pull on. Shipbucket is about accuracy above all else. If you cannot find out what should be in a specific area, it is best to leave it blank. An excellent example of this philosophy is underwater detailing, which is often entirely occluded from older drawings that end below the waterline! That being said, there is a vast wealth of knowledge on the SB forums and Discord, so make sure to ask around if you are stuck or in need of specific information. Some excellent resources include Shipscribe, The Dreadnought Project, and the Royal Museums Greenwich Prints. In addition, there is a vast array of resources available on the internet as a whole. All you need do is search for it! A good collection of books can also provide a treasure of information, although this can often prove quite pricey.

A good reference should be from a reputable source, be verifiable with period photographs, and clear enough to show the relevant details; in a perfect scenario. However, this is often not the case, so you must use discretion and good judgement while leaning on the community knowledge, if need be, to create the drawing.

Scaling the reference

Further information: Tutorial for proper scaling in Paint net
To replicate your reference within SB style, you must change the reference size to match the SB scale of two pixels to one foot. This process will differ depending upon your particular drawing program, but the principle is universal. In practice, by taking a specifically known dimension of the vessel, such as waterline length, you can scale the reference such that each pixel represents six inches.

For instance, a vessel with an overall length of 475'3" (475.25') shows that dimension on the reference as 2,666 pixels. The OA length of 475.25' in SB scale is simply this number multiplied by two, 950.5 rounded to become 951 pixels. Therefore the difference needed to scale can be found by dividing the known dimension by the measured dimension in pixels. In this case, 951 divided by 2,666, which gives 0.356... You can then scale the entire reference image with this number by multiplying one of its dimensions with this scale factor while keeping the image aspect ratio the same. Once you have completed this step, you are nearly ready to start drawing!

Standard S2 template from the SB templates.

Setting up a template

The last step before beginning to draw is to set up your template correctly. You can find SB and FD templates here for you to import within your drawing program. There are instructions on the template for you to follow. It is essential you credit the work properly by placing all participating artists names within the brackets in order of original contribution first to last. Once this is complete, you can bring your scaled reference into the image on a new layer, positioning it such that its waterline and stern is on the correct mark. Then you can trace over your reference on another layer and start drawing!

Commonly asked questions

Q: My text is differently sized from the template text; what is the correct size? 
A: Paint.NET users may encounter text scaling issues while using 14 and 10 size text, respectively; the solution uses 10.5 and 7.5 size texts. GIMP and Photoshop users may find that setting the size to px instead of pt fixes the issue.
Q: What do I need to credit people for? 
A: Crediting contributing artists is mandatory under the Shipbucket Content License. It is also a sign of respect as many artists put a tremendous amount of research and effort into their drawings. As a general guide, you must leave their name on the credit line anytime you modify another's work. If you take sections from another's work, excluding parts/components, you must add their name to the credit line. Further information: Crediting and use of pre-drawn components
Q: What counts as a part or component? 
A: The full explanation is under the Use of community-created components on the style guide. However, the general rule of thumb is that small common items such as guns, anchors, propellers, boats, etc., count as parts that need no crediting.
Q: Is kitbashing okay? 
A: Yes! The simplified style is in large part to allow for the easy transfer of sections between drawings. Just make sure to credit your work correctly.
Q: Can I change the size of a template? 
A: You should avoid changing the template size wherever possible. However, if need be, expanding a template is allowed. Never shrink any template below its existing dimensions and use the smallest template that will fit your drawing.
Q: How do I become unrestricted on the Discord? 
A: The restricted role on Discord was introduced to encourage productivity among the new members. You can have these tags removed by contributing in the form of drawings! Any drawings in the supported scales – SB, FD, SoB, and GB – are suitable, but a committed attitude is also prudent.

Additional reference sites of note

The-blueprints.com 
You can find occasional gems here, but be wary with some of the artistic renditions. Little to no accompanying information.
Navypedia.org 
Navypedia has a wealth of information, a good starting place for many projects.
Navsource.org 
Navsource is a superb source of historical photographs with varying amounts of accompanying information.
Researcheratlarge.com 
You can find superb references and accompanying information here. It can be a little challenging to find things on the site, however.

Resources

See also