PDA

View Full Version : Tutorial: Sticker Sheet and Preset Creation



Someonesane
08-02-2010, 04:10 AM
Sticker Sheet Creator and Sticker Spray Tutorial

Step 1: Begin a new painting and (for the purpose of this tutorial) set the Width to 600 and the Height to 100 and then click on the "Canvas" window box to open the Canvas Panel. On the Canvas panel click the small light bulb tab to turn off the 3d lighting and select the "Cel" preset from the "Special" presets. Now Click "Ok" to close the Canvas panel and again to close the "New Painting" panel (which will open your new canvas so you can begin).


47039


Step 2: Open the stencils panel and put two of the Rulers onto the canvas. Position one of the rulers horizontally across the bottom of your canvas so that the "0" lines up with the edge of the lower right side and extend it so that it measures just beyond the "600" pixel mark (the end of your canvas). Using the second ruler, draw a vertical line to mark off a square every 100 pixels (see image below).


47040


Step 3: Create a new layer to work on (do this by going to: Tools > Layer Options > Add New Layer, or clicking on the "New" tab on the layers panel). With the new layer created, go down to your color panel and left click on the color window (the part that shows you which color you currently have selected) to bring up the color panel menu. Select the "Precise Color Picker" option to open its panel. On the Precise Color Picker panel, change the options to read:
Hue: 0%
Luminance: 50%
Saturation: 100%
Red: 255
Green: 0
Blue: 0
It's important to use the pure red these options provide if you plan to use the sticker in conjunction with the Sticker Spray tool, because pure red is the starting base color for the hue options there. More on this later though... For now, be sure to click "Ok" on the Precise Color Picker panel to accept the color change.


47041


Step 4: Fill in each of the six boxes of the canvas with a number (I wrote the numbers in by hand, you can feel free to use a stencil). Just be sure that each number is centered within each box.


47042


Step 5: Click the menu tab located on the layer you wrote your numbers (or right click on the layer) to bring up the layers menu panel and select "Export Layer". Save the layer as .PNG file (you can give it any name you'd like, but I'm calling the one I'm making here "Tutorial").


47043


*Continued in next post*

Someonesane
08-02-2010, 04:12 AM
Step 6: Open the "Stickers Panel" and click on the "New" tab, which will open the sticker sheet creator.


47044


Step 7: Locate the "Color" tab for the "Lower Layer" option and click on it. Locate the image you saved and click "Open" to import it into the creator (you should then see your image appear in the window). Along the bottom of the creator you'll see an option to change the number of Columns (X: Columns). Type "6" into the entry box and hit the "Enter" key on your keyboard to set the number in. You should see the window get divided into equal columns, splitting up your numbered image. Now... We are just making a very basic sticker sheet here. If we were going to create a more elaborate sticker (like one that sparkles and shines), we would need to have created separate images for the other various options here, each with its own unique attributes. For now though, let's just select "Ok" on the creator to save our sticker.


47045


At this point, the sticker sheet is created and you should be able to find it among the sticker sheets in the Sticker Sheets panel. But we're going to use it for the Sticker Spray Tool, so let's set up for testing it out. So...

Step 8: Create a new painting (you probably have the sticker painting open still, so save it if you'd like first). Make sure the new painting canvas is large enough to do some nice testing on (I'd recommend a size of at least 800 by 600).

Step 9: Select the "Sticker Spray" tool and then open the "Settings" panel. I always keep it open myself, but if you don't, just click on the "Setting" tab on the lower left of the screen. Locate the "Spray Variation" tab option and click it to open the "Spray Variation" Panel. This is where you will change how the sticker spray reacts. But first, we want to start from scratch, so make to make sure the option are all cleared out for us, click on the menu button in the upper left corner of the Spray Variation panel (looks like a box with lines in it) and select "clear All Values" from the menu.


47046


Okay... So now (depending on one's idea of "fun") either the fun starts or the confusion, lol. As you can see on the Spray Variation panel, you have a ton of options that can be manipulated. Each option has a dial that can be increased to 100% or decreased down to -100%. In some cases, even the smallest change will have a drastic change on how the sticker spray works. For the most part, the various options are pretty straight forward, but you can always go into the manual to read up on what they all do (I don't want to get into everything here, because I'd be typing all night). For now, I'll just hit the options I commonly use.

Step 10: First things first, we want to be able to see our sticker, lol. So, find the option for "Alpha" (third option up from the bottom, along the side) and change the "Base Value" (first option from the left, along the top) to "100%" (do this by left clicking the corresponding box and dragging the mouse up or down). This means, that when we go to use the sticker spray, the stickers will be 100% visible. Makes sense, right? We also need to make sure the scale is set, otherwise the sticker will be so small you won't see it. So locate the "Scale" option (third option from the top, along the side) and change the "Base Value" for it to 100% as well. Now, we'll have a sticker spray that drops out stickers at full visibility and scale (in relation to the size you set the tool that is). Your "Spray Variation" panel should look like the following screen shot at this point...


47047


By now you must be eager to test this thing already, but before you do you need to make sure you have the right sticker selected for the sticker spray tool.

Step 11: Keep the Sticker Variation panel open for now and just move over to the Settings Panel and click on the top button that begins with the word "Sheet" and then reads the currently selected sticker sheet. Locate the sticker sheet you created from the menu and click on it. The Sheet button should now have your sticker sheet name in it (which may be cut off somewhat depending on the names length). Now, set the "Spray Rate" option on the Settings panel to about 35%. Uncheck the options for "Continuous" and "Shadow" and check the option for "Auto-Flatten".

You can now test your Sticker Spray tool. If everything is going according to plan, you should end up with a line of zeros like I have in my screen shot (it could be a line of one's if you started your numbers at "1").


47048

*Continued in next post*

Someonesane
08-02-2010, 04:14 AM
So this is a nice start, but what about the other numbers? So far we only have zero's streaming out. Well, that's easy enough. Since we set our numbers side by side, we can adjust the various "Sheet Column" variables to change the order in which the numbers appear. So let's try it out. Locate the Sheet Column option on the Spray Variation panel (you left it open, right?) and change the value for it's "Sequence" to -100%. Now test your sticker spray again. You should have a string of numbers spill out starting with the first of your numbers. Okay, cool. So are you tired of seeing red yet? Me too. Let's play with the colors. Locate the option for "Hue" along the left side and change the "Random" value for it to 100%. Now if you test your spray, you'll have a string of randomly colored, but sequentially ordered, numbers. If you'd rather have your numbers be drawn out using the color that is selected in the color picker, then go back to the Hue option and change the Random value back to zero. Now change the "Tracing H" (which stands for "Tracing Hue") value for the Hue category to 100%. Go to your color picker and change it's color to whatever color you'd like and test your sticker. The hue should now match that of the color you have selected in the color picker. This doesn't change the luminance or saturation values though, so let's make those match as well. Locate the "Luminance" option along the side and change the value for it's "Tracing L" to 50% (there's a reason for it needing to be 50% and 100%, but I won't get into that right now). Now find the option for "Saturation" along the side and change the "Tracing S" option for it to 100%. If everything is set correctly, when you test your sticker spray now the color, saturation and luminance of your numbered stickers should match that of your color picker. If something isn't right, make sure your "Spray Variation" panel options match that of the screen shot below and try it again.


47049


Everything working thus far? Okay, good (or not good, if I've lost you post your questions and I'll try to help). If you're caught up and good to go, let's play with one more thing before going on to save our Sticker Spray as a "Preset".

Step 12: So let's say you have a pen tablet and want the numbers to change size in relation to the amount of pressure you down on the pen. Find the option for "Scale" again and change the "Base Value" for it back down to 0%. Now find the "Pen Pressure" value for scale and set it to 100%. Now your numbers will be smaller when you draw lightly on your tablet and be bigger when you push down harder. Cool? You know it is... :cool:

Okay, so let's save this thing already.

Step 13: Feel free to close the Spray Variation panel now. Since most of use would rather not have to reset all those options each time we want to use the Sticker Spray with that sticker sheet, we given the option to save everything within a preset. To do this, locate the "Presets" tab at the bottom of your canvas (you should still have the Sticker Spray tool selected for this) and click it to open up the "Presets" menu. Because I've been doing some rearranging in my presets, I don't have any of the default ones listed (as you'll notice in my screen shot) so don't be alarmed that your menu has presets listed that mine doesn't. At the top of the Presets panel you'll see two tabs, one of which reads "New Preset...". Click on that tab to open the "New Preset" panel. Where it reads "Preset Name", type in the name you'd like to use for the preset. You could go ahead and click "ok" at this point, but it'd be cooler to create a thumbnail to use for preset (which will make it easier to locate in your menu later on). To do this, click on the tab just to the left of where it says "Preset Name" (it's a tab with a picture of sticker feet). Another small panel will appear. This panel can be moved around the screen and acts as a view box for what will be in the thumbnail. The panel can scaled up or down by holding the "ctrl" key (in windows, I suppose it would be the "command" key for macs) and left clicking and dragging on the menus top tab. Align the box around a bit of the numbers you had sprayed out that best represent how the sticker spray preset works and then click on the check mark button to accept the thumbnail (it will appear where the feet were in the tab of the "New Preset" panel). Now you can click "OK" in the New Preset panel to save the preset, which will then be ready to select from your Preset panel list at any time for immediate use.


47050


And if you think your head hurts after getting through all of that, just imagine what it would be like if you wrote this tutorial, lol. Good luck!

END!

jacktar51
08-02-2010, 10:13 AM
Well done SS....Jack

Juz
08-02-2010, 04:59 PM
Good on you SoS, I've added this tutorial to the list :):)

misterpaint
08-04-2010, 08:50 AM
you are great!

Lima
08-04-2010, 12:12 PM
SoS this is really brilliant.:)

Someonesane
08-04-2010, 04:29 PM
Thanks everyone :D

shechat
08-05-2010, 07:24 PM
Than you Someonesane for your brilliant in-depth tutorial. At last I am beginning to understand how to make my own stickers and presets.

Lee
08-06-2010, 11:32 AM
Dear SomeoneSane, Thank You so much, it took a long time but managed to make a simple sticker and spray, haven't figured out how to change the color of the sticker but will read your tute over again,,,,,sure hope one day there will be an option to Import Image then just right click and Make a Sticker or Spray From This Image, your tutorial was so helpful, don't know how in the world one could do this without your help! a million thanks xox!!!:)

update!! thank you again SS!! re-read and change colors!!!:D

Someonesane
08-06-2010, 12:14 PM
sure hope one day there will be an option to Import Image then just right click and Make a Sticker or Spray From This Image, your tutorial was so helpful, don't know how in the world one could do this without your help! a million thanks xox!!!:)

I'm happy the tutorial helped :). There is a reason the Sticker Creation feature is a bit more complicated then many might have expected and this is because the stickers themselves have more to them then simply being a stamp. For example, if you were to use the Star Glitter or the ZapPowBlam Sticker Spray presets, both found under the Sticker Spray category, you'll find that the reflections of each individual sticker reacts to the 3D light source ArtRage uses depending on the rotation of the sticker. To show you this visually, I have animated how the "Pow" sticker reflects light while being turned in the ArtRage environment (see image below).

http://img.photobucket.com/albums/v292/someonesane/pow2.gif

As you can see, there is a bright glare bouncing off the Pow at certain points when it is tilted. The reason these stickers shine like they do, is because I made them using a number of different mapping layers (called Color, Texture, Gloss, and Metallic in the sticker creator). I didn't include this information in the above tutorial, because I felt explaining it all at once would be to much for a single tutorial and I doubted many people would want to go the extra steps right away. To give you an example of what's involved, one would need to create special images that sort of shadow the original stickers used for the color map of the sticker sheet. So you can see what I mean, I've attached a screen shot of the map layers I used when creating the Shiny Star sticker (see the image below).

47143

As shown in the image above, I have used four different images, for six different map layers, to create a single sticker image (the star you see in the image below).

47144

Lee
08-06-2010, 12:27 PM
Dear SomeoneSane, you are amazing and so helpful, sure wish you could hold classes for us some day,,, now, that is bringing up a neat idea for the ARCreators, post video tutorials, um , that would mean a tuition fee for the professors;), thank you for the information on the moving flashing stickers!!! will have to try that one, except haven't figured out that animation thingy:o, that's another day:rolleyes: for now i am going nuts with the stickers!!! :D best wishes! xox:)

Someonesane
08-06-2010, 12:55 PM
Hi Lee, thanks.

Just to clarify, the animated image I posted wasn't created using Artrage, only the sticker was. I recorded the sticker being manually turned on my screen using Camstudio and converted the captured area to an animated gif as a visual example. ArtRage itself doesn't do animation.

Lee
08-06-2010, 01:05 PM
Hi SomeoneSane,, thank you!!! yep, that will be another thing we can look forward too, best wishes!!! :)

hced
08-13-2010, 04:54 AM
I am also greatful for your fine tute! Thank you.

ArtfulAmanda
08-19-2010, 08:21 AM
I thank you as well, and agree with Lee, that "sure hope one day there will be an option to Import Image then just right click and Make a Sticker or Spray From This Image" maybe this could be programmed in.

terrygillooly
08-30-2010, 06:38 PM
Great tutorial! No one need ever fear sticker-making again! :)

screenpainter
09-12-2010, 02:42 PM
SOS, very clear and concise... easy to read and digest. You made it so easy for folks to understand. Great job on this!

Someonesane
09-28-2010, 07:24 PM
@ - Lee, hced, ArtfulAmanda, terrygillooly, and gzairborne

Thanks everyone :D. Hopefully it'll help anyone having trouble grasping the process. For any of you who may have made an image using stickers, you might think about joining the fun in Alexandra's project thread here: The Sphere and Other Stamps and Stickers (http://www2.ambientdesign.com/forums/showthread.php?p=317603&posted=1#post317603). We are having fun creating images using the stickers in new ways, by changing their settings in the Variations Panel. Here is the newest image I posted there:

http://www2.ambientdesign.com/gallery/files/3/3/4/2/dragon_stickers_thumb.jpg (http://www2.ambientdesign.com/gallery/showimage.php?i=12986&c=newimages)

Hope to see some your creations soon :)

Alexandra
10-05-2010, 11:54 AM
Thank you so much Someonesane!
I have printed off your wonderful tutorial-this is so generous of you.:):):):):):):):):):):)

justjean
10-05-2010, 02:35 PM
thank you for all your efforts for us here at AR Someonesane, it is much appreciated, now I'm off to see if I can make a sticker :D

Korrine
10-08-2010, 10:28 PM
Thank you Someonesane for the tute! Was extremely help and easy to follow :)

MSIE
03-07-2011, 09:46 AM
thanks Someonesane, great tutorial :)

I managed to create a flower sticker spray :o .. the only thing I couldn't figure out is: how to create multicolored sticker spray presets (like "Flower Children" for example, where every flower has two different colors)?

image attached for clarification ...

Someonesane
03-07-2011, 11:10 AM
thanks Someonesane, great tutorial :)

I managed to create a flower sticker spray :o .. the only thing I couldn't figure out is: how to create multicolored sticker spray presets (like "Flower Children" for example, where every flower has two different colors)?

image attached for clarification ...


Hi MSIE,

I'm glad you found the tutorial useful :).

In order to get your stickers to take on different colors, you need to have the Spray change it's "Hue" settings in some manner. This can be done in a number of ways, such as linking the Hue to the pens pressure, or having them switch color in order of the stickers sequence, or just change at random. In the screen shot below, you'll see I've pointed out a dial on the Variations panel. This dial adjusts the Hue setting based on a Random variation. The higher you set the percentage dial, the more colors the stickers will take on when sprayed onto the canvas, at random. In my example, I've set the dial to 18%, which means that my colors will only jump between 18% of the color wheel. So by selecting purple in my color picker, I get hues ranging from purple to a redish pink. If I selected green in my color picker, I'd get hues ranging from green to cyan. Now, if I were to turn the dial all the way up to 100%, the flowers would take on all the colors available.

53435

MSIE
03-08-2011, 02:36 AM
thanks again, Someonesane, for the explanations :)

it worked, as you can see in the attached image

S5T68IS2TA
06-07-2011, 04:04 PM
Very good someonesane.. I really enjoyed the lesson but must redo-it to get the last steps straight.. How do I remove a sticker that is repeated? Different name? That happened to me on this tutorial and now need to find out hot to get rid of one. Thanks someoneelse. S5T68IS2TA

Someonesane
06-07-2011, 04:34 PM
Very good someonesane.. I really enjoyed the lesson but must redo-it to get the last steps straight.. How do I remove a sticker that is repeated? Different name? That happened to me on this tutorial and now need to find out hot to get rid of one. Thanks someoneelse. S5T68IS2TA


Hi S5T68IS2TA,

I'm glad that you are finding my tutorial useful. To remove a sticker you no longer wish to keep, just follow these steps:

1 - Go up to the Menu bar and click on Tools > User Content > Open User Stickers Folder.

2 - Delete the .stk file that you no longer wish to keep (the file name will match the name you gave the Sticker).

3 - Close and then reopen ArtRage.

Zeropainter
04-28-2013, 06:22 AM
Thank you for the tutorial ;)

question 1)
but I have some questions, what is the differnce between the uper layer and lower layer, why u use only the the lower layer?

questin 2)
If I made my stickers out from artrage, why I get often bad stickers? I get a frame by some png :( a error frame, coz there is alpha

Someonesane
04-28-2013, 08:36 AM
Thank you for the tutorial ;)

question 1)
but I have some questions, what is the differnce between the uper layer and lower layer, why u use only the the lower layer?

There is no difference really. They both do the same thing, in that they allow you to add the various map options to the sticker. Having two, just allows you to apply to separate sets of maps.


questin 2)
If I made my stickers out from artrage, why I get often bad stickers? I get a frame by some png :( a error frame, coz there is alpha

You need to create the sticker with an empty background (in ArtRage that means the "opacity" percentage must be set to 0%). It's a good idea to also turn off the canvas lighting.

Zeropainter
04-28-2013, 08:30 PM
Okay, thank your your answer. I did yesterday open the PNG File in Artrage again and it was very fine.

But I didn't turned off the CanvasLighting, is this the reason, why I have 'bumped' Sticker (bumped if canvas was turned on?)?

It would be also cool, If artrage could have once a day also a bump layer or even a normal layer for bumping or even displacement. So it would be nice for making 3D effects :cool: + various light settings :p

Enug
04-03-2014, 06:36 PM
I know this is an old thread but I wanted to express my appreciation for the tutorial. I have just made my first sticker spray - bougainvillea flowers/bracts I painted in watercolour. The tutorial was very clear and the steps easy to follow.

Now I will try again - this time with the sticker a more solid colour so I have a choice. I am pleased that I was able to work out by myself how to make the sticker rotate! :)

80307

Someonesane
04-04-2014, 03:59 AM
Hi Enug,
I'm glad you found the tutorial useful. You're sticker turned out great, too :)