Tutoriales Varios e info.

Parte uno:


Parte dos:

1) Una vez que esta la firma hecha van a archivo y luego en guardar para web y dispositivos.


2) Después es solo cuestión de buscar el formato que mejor quede y bajarle los colores o la calidad según sea necesario.

Aspectos Principales:

Firma:
Es el documento gráfico que se emplea en los foros, a modo de publicidad personal, tanto creativa, humorística, pedagógica, o de las distintos temas que al portador le gusten. Medidas máximas por norma general 500x200 y unos 100kb de peso, aunque varía según el foro. Existen varios tipos de una firma, pueden ser con Transparencias, Rectangulares (o normales), Artesanales, Semi artesanales o animadas

Firma con transparencia:


Rectangular:


Artesanal:


Semi Artesanal:


Animada:


Avatar;
Al igual que la firma es un documento gráfico que se emplea en los foros, a modo de publicidad personal, tanto creativa, humorística, pedagógica, o de las distintos temas que al portador le gusten. En los foros PhpBB, se ubican a la izquierda de los post y generalmente no superan los 150x200 píxeles.


Brushes:
Son los pinceles, tanto descargados como propios, herramienta indispensable del photoshop


Fractal:
Un fractal es un objeto geométrico cuya estructura básica se repite en diferentes escalas.


C4D:
Es una imagen 3d abstracta realizada en cinema 4d, que se emplea para iluminar un fondo, para crear efectos de profundidades, y lo que se te pueda ocurrir, y se puede mejorar mezclado con filtros.


Stock:
Fotografía real, de modelos, artistas etc... De buena calidad


Vectores:
Imagen plana, y al igual que los matemáticos, indican la dirección y sentido de las líneas con la capacidad de ser ampliables al tamaño que se desee sin que pierdan calidad alguna, en photoshop, con la herramienta pluma o pen tool.


Render:
Imagen recortada (sin fondo), que se utiliza en la firma como elemento principal. Tiene 3 calidades indispensables, que hacen que el resultado quede mejor o peor (alta, media u optima y baja)

Calidad alta:


Calidad media:


Calidad baja:

Herramienta Pluma:
La herramienta pluma es una herramienta que permite hacer trazados sobre imágenes para hacer selecciones o formas.

Lo primero es, obviamente, seleccionar esta herramienta de la barra lateral. Podemos hacerlo también presionando la tecla P. Si mantenemos el botón del mouse presionado unos instantes accederemos al menú completo de la herramienta (ya veremos para qué sirve cada cosa).


Líneas rectas
Vamos a hacer clic en algún punto del lienzo o imagen, veremos que allí quedará “marcado” el punto de partida de nuestra línea o trazado.
Si hacemos clic en otro lugar, veremos que aparece una línea uniendo ambos puntos del trazado. Podríamos seguir así, dando clics por ahí para continuar una línea recta fragmentada:

Cada punto se conoce por el nombre de “punto de ancla” o “nodo”. Incluso podemos, en algún momento, volver a hacer clic sobre el primer nodo para “cerrar” la forma (notemos que al posicionarnos sobre el primer punto al cursor de la pluma se le agrega un círculo, que indica el cierre del trazado).
En la siguiente imagen podemos ver el resultado que se obtiene si vamos haciendo clic en cada punto (en el orden de los números).


Líneas curvas
Bueno, hasta aquí no les debió resultar difícil el asunto. Ahora veamos cómo hacer una línea curva.
1. Hacemos clic en cualquier parte del lienzo o la imagen con la herramienta pluma (nos quedará definido el primer nodo).
2. Hacemos clic en otra parte, pero NO soltamos el botón del mouse. En vez de eso, arrastramos el cursor un poco. Veremos que aparecen dos líneas más, que se conocen con el nombre de “direccionales”, “anclas” o “manejadores”.
3. Luego podremos hacer un tercer clic en otra parte, para continuar la línea.
Veamos cómo quedó nuestro ejemplo:

Aquí vemos el nombre de cada elemento:

Les recomiendo practicar hasta que se acostumbren a arrastrar en la dirección correcta el puntero para lograr que la curva se forme en la dirección que buscaban. Podrán ver que dependiendo del radio y la distancia que tome el puntero se formará distintos tipos de curvas.

Modificar trazados vectoriales
Ya dije que una de las infinitas ventajas de los vectores es que se pueden editar o modificar. Para esto necesitamos comprender un par de cositas. Empecemos por el principio:
Los nodos o puntos de ancla
En una línea o trazado se pueden agregar o quitar nodos a gusto. Para ello usaremos la pluma con el símbolo + (para agregar un nodo) y la que tiene el signo - (para eliminar puntos de ancla). Puedes acceder a estas opciones desde el menú de la herramienta pluma.

La finalidad de agregar o quitar nodos es que luego podremos modificar su ubicación o crear una parte curva extrayendo los manejadores desde ese punto. Esto lo haremos con otra herramienta que siempre acompaña a la pluma: la Selección directa.

Lo que hay que hacer entonces es hacer clic en un nodo con el cursor blanco (de selección directa). Entonces aparecerán los manejadores, que podemos mover para crear curvas.

Los manejadores
Como ya habrán notado a esta altura, ambos manejadores de cada nodo parecen estar “unidos” en la misma dirección. Esto es para que una línea continua no quede “quebrada”. Pero si justamente queremos cambiar la dirección de una línea o curva abruptamente, debemos usar la herramienta Convertir punto de ancla (que tiene una forma de “V” invertida):


En la barra de opciones de la herramienta podemos elegir si queremos dibujar un trazado o una capa de forma nueva. Un trazado es un dibujo o silueta que se aplicará sobre la imagen para trabajar con ella, generalmente, mientras que la capa de forma se usa más para conseguir una forma independiente que se agregará a la imagen.
Capa de forma: Si marcamos la opción capas de forma cuando hagamos los puntos se irá creando una forma del color que elijamos esta forma luego podrá ser edita si lo deseamos.

Trazado: Se utiliza generalmente para hacer un trazado alrededor de una imagen para luego hacer una selección.

Para poder hacer bien el trazado alrededor del contorno se pueden utilizar algunas técnicas como puntos combinados que se crean entre un alinea recta y una curva apretando alt sobre el último punto de la curva
Otra forma es trabajar con líneas rentas y para hacer líneas curvas modificar los puntos apretando ctrl y moviéndolos con el ratón para crear la línea.

La pluma como herramienta de selección
Ahora, sí, después de tanto tiempo, veremos que la pluma puede ser la mejor aliada al hacer una selección de calidad.
Supongamos que partimos de una imagen como esta, donde queremos “recortar” el delfín:

Con la herramienta pluma trazamos toda la silueta del mamífero, nos quedaría algo así:

Si se ponen a pensar, se puede guardar la imagen como está en formato PSD, lo que nos conservará la imagen intacta con el trazado ¡para usarla cuantas veces queramos!

Sigamos trabajando: Vamos a la paleta Trazados y hacemos clic derecho sobre la miniatura. Seleccionamos “Hacer selección”. Luego de ajustar las preferencias tendremos lista la misma.
Presionando Ctrl+I seleccionaremos el fondo, que podemos eliminar presionando Supr:

Ahora ya tenemos la figura lista para hacer un fotomontaje sobre otra imagen, algunos ejemplos:



Herramienta Degradado (Gradient):
En Photoshop existe una herramienta de degradado que se encuentra en el mismo botón que el bote de pintura (si no está visible por defecto, sólo hay que mantener presionado el botón izq. del mouse un par de segundos sobre este último).

Al hacer clic sobre este botón ya tendremos seleccionada la herramienta degradado. La Barra de opciones tomará la siguiente forma:

El segundo campo (que en nuestra imagen de ejemplo tiene el degradado rojo) sirve para indicar qué tipo de degradado vamos a usar. Enseguida lo veremos en profundidad.
El tercer campo indica el radio o dirección del degradado. Vemos que hay degradados radiales y lineares (los más usados) y otros con forma de diamante, etc.
Distintos tipos de color en el degradado
Existen 4 tipos, son los siguientes:


Degradado de saturación

Degradado de color (dos colores)

Degradado de transparencia

Degradado de color (varios colores en varios sectores)

Degradados personalizados con Photoshop
Es muy fácil elegir o crear un degradado en Photoshop: para elegir uno preestablecido (o ya creado y guardado por nosotros) debemos hacer clic en la flechita negra que se encuentra en el borde del campo que les acabo de mencionar, el que tiene la vista previa del degradado.

Aquí pueden ver que hay varias opciones, incluso pueden elegir de la lista.
Si lo que se quiere, en cambio, es crear o personalizar un degradado, hagamos doble clic sobre la vista previa en miniatura del degradado en uso (el campo rojo que ven en la imagen de ejemplo de más arriba).
Nota: Hay una vía alternativa de llegar a crear los degradados, es por medio de las opciones de fusión->Superposición de degradado
Retomemos: hemos hecho doble clic en el thumb del degradado, en la barra de opciones. Se nos abre la ventana del Editor de Degradado:

Como vemos podemos asignar un nombre personalizado a nuestro degradado, indicar el porcentaje de suavizado de la transición y modificar los valores de color y opacidad de sus extremos (ver flechas en la imagen), haciendo clic en las anclas.

Como habrán podido ver, la opacidad se elige haciendo clic en las anclas superiores y el tono del color en las inferiores.

Incluso podemos agregar nuevos puntos de ancla con sólo hacer clic en diferentes partes del rectángulo:

¡Listo, ya tenemos nuestro degradado personalizado. Ahora, sobre el lienzo, una capa nueva, selección, forma vectorial, trazado o máscara (¡cuántas opciones! ^_^ pero por eso justamente es tan potente esta herramienta) podemos aplicar nuestra “creación”.
Para ello sólo tenemos que hacer clic y arrastrar el puntero en alguna dirección. Veremos que se despliega una línea que indica desde dónde hasta dónde comienza y termina el degradado.

Si no hemos cubierto la totalidad del lienzo o forma, se repetirán los colores del principio y del final como “continuando” el degradado.

Las opciones son infinitas, incluso podemos aplicar degradados al texto (por medio de las opciones de fusión ).

Ejemplos de uso del Degradado
Sólo como inspiración, algunos ejemplos de uso, la versatilidad de aplicación de esta herramienta es tal que se puede usar para casi cualquier finalidad.



Mapa de degradado
Los mapas de degradado sirven para dar fusión a las firmas, por ejemplo…

Tenemos el siguiente documento:



Como verán, el render no pega para nada con el fondo. Por esta razon, necesitaremos un mapa de degradado.
Para insertar un mapa de degradado hay que hacer lo siguiente:
Primero crearemos una nueva capa por encima de todo, es decir:


Ahora iremos a ese simbolito que parece el ying yang:


Y nos da las siguientes opciones:


Ponemos gradient map /mapa de degradado y nos sale la siguiente ventana:


Y seleccionamos el que creemos que va a quedar mejor para el documento (yo no use los que estaban por defecto en el photoshop, use otro):


Luego bajamos la opacidad, le agregamos brillo y lo descontrastamos y queda así: