SAI 101 – Color Pickers

Saltar al español

SAI comes with a lot of color pickers, although the truth is that you won't need any other than the one that comes by default, which is a square with a circle around it that represents the tones.

This square represents the HSV or HSB color mode, which stants for Hue, Saturation and Value or Brightness (which is the same thing). It's a color space based on the way the human being perceives color.


A lot of times a triangle is used instead of a square, this way each corner represents a variable of the model, in contrast, the corners of the square represent a mix of variables. This has it's advantages and disadvantages, maybe it's a bit harder to know the values that you're working with, if that becomes necessary, but having more space makes it easier to select the colors.

The advantages of using this representation over others are plenty, first of all it doesn't define primary and secondary colors, which is a useful clasification for learning, but it's just that, a clasification, there are no colors that are more important than others, contrary to what one may think when learning to paint or use color spaces.

On the other hand it's very difficult to use RGB sliders in order to select colors,

and while a CMYK space is easier, instead of mixing light or pigments, with this representation of the HSV model you can pick the exact color you want.

Finally the color wheel shows the complementary colors by placing them on the contrary side of the circle, this makes its identification easier.

The next image shows the different color mdels included in SAI, when selecting the colors in one space the sliders move on the others.


Edit: Thanks to DarlingMionette who pointed out I was wrong about the last color picker, it's a gradient mixer, that's what's nice about having people commenting.

Questions or suggestions?

Drop an email to contact@bananaorange.com
--------------------------
Spanish

Curso Básico de SAI – Seleccionadores de Color

SAI viene con muchos seleccionadores de color, aunque la verdad no se necesita mucho más que el dialogo por defecto, que es un cuadrado con un círculo alrededor que representa a los tonos.

Este cuadro representa el modelo de color HSV, o HSB que vendría a significar Hue (Tono), Saturation (Saturación) Value o Brightness (Valor o Brillo, dependiendo de la nomenclatura, pero es lo mismo). Es un espacio de color basado en la manera en la que el ser humano percibe el color.


Muchas veces se ocupa un triángulo en vez de un cuadrado, de esa manera cada esquina representa una de las variables del modelo, a diferencia del cuadrado, que al tener una esquina más estas representan una mezcla de valores. Esto tiene sus ventajas y desventajas, quizás sea más difícil saber exactamente los valores con los que se trabaja, si es que eso es necesario, pero al tener más espacio es más fácil seleccionar los colores.

Las ventajas de usar este modelo sobre otros son muchas, en primera instancia no define los colores en primarios y secundarios, que es una clasificación útil para aprender, pero es solo eso, una clasificación, no existen colores más importantes que otro, a diferencia de lo que se piense cuando se aprende a pintar u ocupar espacios de color.

Por otro lado es muy difícil para una persona ocupar sliders RGB para poder seleccionar colores, mientras que un espacio CMYK es más fácil, en vez de tener que mezclar colores luz o pigmentos, con esta representación del modelo HSV se puede seleccionar el color preciso que se quiere.

Por último, la rueda muestra los colores complementarios poniéndolos al lado contrario, esto facilita su identificación.

La siguiente imagen muestra los distintos modelos de color incluídos en SAI, al seleccionar los colores en uno se mueven los sliders en los demás.


Edición: Gracias a DarlingMionette que me hizo ver que me estaba equivocando con el último dialogo de color, es un mezclador de gradients, eso es lo bueno de tener gente que comente.

¿Preguntas o Sugerencias?

Envíen un email a contact@bananaorange.com

Sai 101 – Controlling the Canvas

Saltar al español

Some times when I draw I realize that the drawing is not right, the human figure may be unbalanced, etc. In this ocassions I put the paper against the light to see the mistakes.

In SAI, and in many other programs, you can do something similar, the superior bar on the program shows how you can control the image, as you can see on the next image.

The first thing you see is the selection ticket, to tell the truth I haven't found a difference with or without the ticket, I assumed that you can realize the actions according to what you have selected, but that's not it. Then we can see the zoom dialog, you can also zoom using the mouse or tablet scroll or with the zoom tool, so it's really not important.

What is worth it is the next dialog with degrees, this allows to rotate our view of the document, we can use the arrows in the bar or the supr and end keys on the keyboard. This is very useful when you want to draw straight lines, or if you have a figure laying down, just as you rotate the paper when you draw. My only complain about it is that you can only rotate in certain established degrees, in other softwares the rotation is very precise, however it doesn't need OpenGL like Photoshop to do it, which simplifies the whole thing.

Finally, you can see the mirror mode dialog, which obviously reflects the image, it has a box that shows if the image is normal or inverted.

This image shows how the same document can look when you mess with this options. It's important to mention that these tools only control how we view the document, so it doesn't really change it.

In other news

I've been switching to ArtRage, always looking for the more realistic look on my paintings, I still have a lot to learn, but I'm getting there.

The SAI 101 column is running out, I can still think of a couple of subjects I want to go over, but eventually I'll switch to ArtRage tutorials.

If you have a subject you'd like me to explain send me an e-mail at fgaona@bananaorange.com with the subject SAI 101, or leave a comment in the SAI 101 Archive post.

Questions or suggestions?

Drop an email to contact@bananaorange.com
--------------------------
Spanish

Curso Básico de SAI – Controlando el Lienzo

Algunas veces cuando he dibujado algo me doy cuenta de que no está derecho, de que la figura humana está desbalanceada, etc. En estas ocasiones pongo el papel contra la luz para ver los errores.

En SAI, y en muchos programas, se puede hacer algo similar, la barra superior que pueden ver en la siguiente imagen permite controlar como vemos el documento.

Lo primero que se ve es el ticket de selección, la verdad es que no he encontrado ninguna diferencia con o sin este ticket, lo que yo asumía es que permite realizar las acciones en relación a lo que uno tenga seleccionado, pero no es así. Luego podemos ver los recuadros de zoom, también se puede ocupar el scroll del mouse o tableta y la lupa, así que no es realmente muy importante.

Lo que si vale la pena es el siguiente recuadro con grados, este permite girar nuestra vista del documento, podemos ocupar las flechas o las teclas suprimir y fin. Esto es muy útil cuando se quiere dibujar líneas rectas, o cuando se tiene una figura acostada, tal como uno gira el papel para dibujar ciertas cosas. Mi única queja al respecto es que solo se puede girar el documento en ciertos ángulos predeterminados, en otros software el giro es muy preciso, sin embargo no necesita ocupar OpenGL como Photoshop para la tarea, lo cual simplifica el asunto.

Por último se ve el recuadro de modo espejo, que obviamente permite reflejar la imagen, tiene un recuadro que indica si la imagen está normal o reflejada.

Esta imagen muestra como un mismo documento se puede ver jugando con estas opciones. Es importante destacar que estas herramientas solo controlan como vemos el documento, por lo tanto no hace un cambio real en el mismo.

En Otras Noticias

Me he estado cambiando a Artrage para hacer mis ilustraciones, siempre buscando que se vean más realistas, todavía tengo mucho que aprender, pero ya estoy mejorando.

Los cursos de SAI se están acabando, todavía puedo pensar en un par de temas que quiero cubrir, pero eventualmente cambiaré a tutoriales de ArtRage.

Si tienen un tema que les gustaría que explique envienme un e-mail a fgaona@bananaorange.com con el tema SAI 101.

¿Preguntas o Sugerencias?

Envíen un email a contact@bananaorange.com

SAI 101 – Again With the Textures

Saltar al español

As you may have noticed, I'm a little obsesive with the texture thing, I think they're essential for a good painting, and SAI has a lot of options to use textures, this time is the turn of the “paint effect”.

I briefly discussed this method when I first mention there were different ways to apply textures, this new option applies them as if the canvas was made of this texture, which means that it applies it evenly on the document.

You may think that if you just paint with the same texture without touching the sliders you'll get the same result, but there are some differences when applying the textures this way.

For example, here we can see a texture applied on the brush.


And the same texture applied as paper


First of all we can see how the texture is applied differently, when you apply it as a brush you can paint the color of your choice evenly, the darker places become different levels of opacity (transparency), however when you apply the texture as a paint effect, you can tell there are different tones, the darker places of the texture are in fact, darker.


You can also see in this same example how you can scale the texture simply by messing with the “scale” slider, you can also make it more or less noticeable with the bar on the right that represents opacity.

Although you can't see it in these examples, the texture is applied on the whole canvas, but you can only see it where there's painting, a complete example would look like this.



Thanks to this way of placing textures, you can apply different effects, the idea is to leave the canvas texture precisely as a canvas, trying to imitate the look of them, and reserve the brush textures for more complex effects, here we can see how this two ways could look together.


You can start mixing textures for some interesting effects.

Questions or suggestions?

Drop an email to contact@bananaorange.com
--------------------------
Spanish

Curso Básico de SAI – De nuevo con las Texturas

Como ya se habrán dado cuenta, soy un poco obsesivo con el tema de las texturas, creo que son esenciales para hacer una buena ilustración, y SAI tiene muchas opciones para ocupar texturas, esta vez le toca el turno a los “paint effect” (o efecto de pintado en español).

Ya había tocado brevemente este tema cuando mencioné que existían distintas maneras de aplicar las texturas, esta nueva opción las aplica como si el lienzo estuviera compuesto por esta textura, es decir, en todo el documento.

Quizás piensen que si pintan parejo con la misma textura les quedará en todo el lienzo también, pero esta manera de aplicarla tiene algunas diferencias.

Por ejemplo, podemos ver una textura aquí aplicada como textura de pincel.


Y aquí podemos ver la misma textura aplicada como papel.


Podemos ver primero que nada como la textura es aplicada de manera distinta, cuando se pone una textura en un pincel este pinta con el color de manera regular, y las partes más oscuras se vuelven distintos niveles de opacidad (transparencia), sin embargo al aplicar la textura como efecto de pintado, se pueden notar diferentes tonos, los lugares más oscuros realmente serán más oscuros.


También en este segundo ejemplo podemos ver como se puede escalar la textura simplemente deslizando la barra de “scale”, también se puede hacer más o menos notoria con la barra a la derecha que representa la opacidad.

Aunque no lo pueden apreciar en estos ejemplos, la textura está aplicada en todo el papel, solo que es notoria en las partes pintadas, un ejemplo completo se vería así.


Gracias a esta distinta manera de aplicar texturas, se pueden aplicar distintos efectos, la idea sería dejar la textura de lienzo como precisamente un lienzo, tratando de imitar como estos se ven, reservando las texturas del pincel para dar efectos más complejos, aquí podemos ver estas dos formas se podrían ver juntas.


Pueden probar mezclando las texturas para ver como quedan.

¿Preguntas o Sugerencias?

Envíen un email a contact@bananaorange.com

SAI 101 – Types of Brushes

Saltar al español


A few days ago I was talking to a friend that wanted to color digitally a piece, I asked what he had in mind specificaly, he replied “digitally”. I realized that I hadn't cover something fundamental in SAI, wanting to explain how to create brushes I skiped the brushes that the program brings by default.

Even in digital media there are different ways to do things, normally this differences are the same than the ones in traditional painting, since the program usually imitate those tecniques, and SAI doesn't stay behind on this, as you can see in the box on the right.

Now I'll do a quick review of every painting tool.

Pen. The pen is one of the simplest tools, it's very much like the basic brush with hard edges in Photoshop, but it behaves a little different, the pen doesn't blend or dilutes, and it doesn't have persistence, it's just a 100% opacity brush, ideal for hatching.


Airbrush: Continuing the Photoshop similarities, this is a tool with soft edges ideal for details, it has more variation than the pen but you still can't use the blending sliders. However, the edge hardness in advance settings is specially important.


Brush: The basic brush, it's a nice imitation of acrylics or oils, and the most customizable tool available, it can be blended and diluted, and SAI has by default a lot of different brush shapes, you can work with round or flat brushes, and with bigger or smaller bristles, I personally think it's the best tool of the program.


Water: A watercolor looking brush, tecnically it's just a 'Brush' tool without a particular shape or texture, thanks to the color dilution it makes for a good watercolor imitation. Ideal for smooth blendings and smudge some areas.


Marker: The colors of this tool can't be diluted but it does have blending and persitence, they usually leave the brushstroke of the marker and it's difficult to blend the colors 100% together, which is not necessarily a bad thing.



Olwater: Using a specific texture this tool gives the impression of painting over wet paper, the stain runs in different directions. Ideal to work on effects that require more texture.


Acrylic: Not very different from the typical 'Brush' but it does include a canvas like texture.


Paper: In small size it's a great pencil imitation, maybe one of the best I've seen on a computer, the mix between the brush shape and the texture is ideal. But at big sizes it's just another brush with texture. It's better for drawing.


Crayon: A very texturized tool, it's not close enough to a real crayon, but it's useful to texturize a painting.


Blur: A classic smudge tool, not very different from the 'Water' tool, but if you don't want to touch the sliders it's a good choice. You can achieve smudging effects by placing blending and dilution on 100% in any brush.


Ok, I hope this was useful, sorry for the late post.

Questions or suggestions?

Drop an email to contact@bananaorange.com
--------------------------
Spanish

Curso Básico de SAI – Tipos de Pinceles

Hace unos días hablaba con un amigo que quería pintar una pieza digialmente, yo me preguntaba que como lo haría especificamente, a lo que el respondió “digital”. Me di cuenta de que no había explicado algo fundamental de SAI en mi afán de crear distintos pinceles, y era explicar los pinceles por defecto que trae el programa.

Aún en medios digitales existen distintas maneras de hacer las cosas, normalmente las diferencias son las mismas que en el pintado tradicional, puesto que los programas imitan las distintas herramientas, y SAI no se queda atrás en esto, como pueden apreciar en la caja a la derecha.

A continuación una explicación pequeña de cada herramienta para pintar.

Pen: El pen o lapiz tinta es una de las herramientas más simples, se semeja mucho al pincel básico con bordes duros de Photoshop en cuanto a forma, pero se comporta de manera distinta, el pen no se puede mezclar o diluir, y no tiene persistencia, es tan solo 100% opaco, ideal para hacer lineas o achurar.


Airbrush: O aerógrafo, siguiendo con las similitudes con Photoshop es una herramienta con bordes suaves, ideal para hacer detalles, tiene algo más de variación en cuanto a opacidad que la tinta, pero no se pueden usar los sliders de mezcla etc. Eso si, toma especial importancia la dureza del contorno en las opciones avanzadas.


Brush: El pincel básico, es una imitación algo fidedigna de acrílicos u oleos y la herramienta más personalizable, se pueden ocupar mezcla y las demás opciones, y SAI trae por defecto muchas formas de pinceles, se puede trabajar con unos redondos o planos, y con cerdas más grandes o chicas, a mi gusto la mejor herramienta del programa.


Water: Un pincel parecido a las acuarelas, técnicamente es un 'Brush' sin una forma particular de pincel ni texturas, gracias a la disolución del color puede dar una apariencia de acuarela bastante convincente. Ideal para hacer mezclas suaves y difuminar algunas áreas.


Marker: Sus colores no se pueden diluir pero si tienen mezcla y persistencia, suelen dejar el rastro del plumón siendo dificil lograr mezclas de colores uniformes, lo cual no es necesariamente una desventaja.


Olwater: Con una textura de SAI esta herramienta crea la impresión de un pincel sobre papel húmedo, la mancha corre en distintas direcciones. Ideal para efectos particulares que requieren algo más de textura.


Acrylic: No dista mucho del pincel típico o “brush” pero si incorpora una textura que simula un lienzo.


Paper: A tamaños pequeños es una gran imitación de un lapiz grafito, tal vez una de las mejores que he visto en un computador, la mezcla entre la forma del pincel y la textura es ideal. Sin embargo a tamaños grandes puede parecer más bien otro pincel con textura. Sirve más para dibujar.


Crayon: Una herramienta en particular muy texturizada, no se asemeja lo suficiente a un crayón, pero si sirve para texturizar cuando se pinta.


Blur: Un difuminador clásico, no es muy diferente de usar la herramienta “water” pero si no quieren estar tocando los sliders es una buena opción. Se pueden lograr efectos de difuminación poniendo la mezcla y disolución en 100% en cualquier pincel.


Bien, espero que les haya servido este tutorial, disculpen la tardanza.

¿Preguntas o Sugerencias?

Envíen un email a contact@bananaorange.com

SAI 101 – More About Linework

Saltar al español

Although there's not much more to explain about the linework in SAI, I did wanted to mention one more thing to complete the tutorial

There's something that caught my attention a lot when working with vectors in SAI, and it's the way they look, in every other program that I know of these don't have any type of “effect”, because vectors by definition have to be plain colors, however in SAI they have a pixelated border.

What does this mean? That although the options of brush shape and texture are blocked, you can still change the appearance of the lineart by changing the type of brush you're using, located on the next dialog

With these icons we can get our brush to have a softer or harder border, it's not a great change, but it does allow some flexibility when inking.


It occurs to me that you can think of the vector in SAI as a kind of skeleton that holds up the line, and that structure can be modified in direction and shape.

Take Care!

Questions or suggestions?

Drop an email to contact@bananaorange.com
--------------------------
Spanish

Curso Básico de SAI – Más Acerca del Linework

Aunque no quedaba mucho que explicar acerca del linework en SAI, si quería mencionar una cosa más para completar el tutorial.

Hay algo que me llama la atención mucho de los vectores en SAI y es la manera en la que se ven, en todos los demás programas de vectores que conozco estos no tienen ningún tipo de “efecto”, puesto que por definición tienen que ser de colores planos, sin embargo en SAI tienen un borde pixelado.

¿Qué significa esto? Que aunque las opciones de forma del pincel y textura están bloqueadas, aún así se puede cambiar la apariencia del delineado cambiando el tipo de pincel que se ocupa localizando el cuadro a continuación.

Con estos íconos podemos lograr que nuestro pincel tenga un borde más blando o duro, no es un gran cambio, pero si permite cierta flexibilidad a la hora de entintar.


Se me ocurre que uno puede pensar en el vector de SAI como en un esqueleto que sostiene la línea, y este esqueleto puede ser modificado en dirección y forma.

¡Saludos!

¿Preguntas o Sugerencias?

Envíen un email a contact@bananaorange.com