Botón con brillo

Lo que haremos en esta ocasión será crear un botón como el que vemos a continuación.

Abre un archivo nuevo del tamaño deseado.
(1) En este caso yo lo hice de 100x100 px
(2) Con una resolución de 72 dpi
(3) Fondo transparente.

(1) Ahora damos click en nuestra herramienta de selección elíptica (acceso rápido tecleando M) y presionando la tecla Ctrl, trazaremos un circulo perfecto (2) arrastrando el cursor de la esquina superior izquierda, a la inferior derecha.

(1) Seleccionamos un color para nuestro circulo en la parte inferior de nuestra barra de herramientas (fíjense que sea el que quede arriba). (2) Ahora tomamos nuestra herramienta Bote de pintura (G) y rellenamos nuestra selección.

Bien, ahora crearemos una nueva capa para poner el brillo inferior. En la ventana de capas den clic en el icono de NUEVO (1). Verifiquen que la capa nueva quede seleccionada y arriba del círculo (2).

-Ahora seleccionen la herramienta pincel (1), con un pincel circular difuso.
-En este caso como nuestro archivo es de 100x100 el pincel será de 60 pixeles (2)(cuando lo hagan chequen que sea una proporción similar de a cuero al tamaño de su archivo).
-(3) Ahora vayan a la capa nueva y den un clic con su pincel en la parte central inferior del circulo (verifiquen que el color frontal sea blanco y chequen que aun tengan seleccionado el circulo).

(1) Creamos una tercera capa, ahora con la herramienta de selección circulo (2),  trazamos un ovalo en la parte superior central (3). Tomamos nuestra herramienta de degradado (4) y creamos uno de blanco a transparente*.

*Para cambiar el degradado y la opacidad de este damos clic en el degradado actual (5), aparecerá la ventana de edición de degradado,  los cuadros superiores del degradado son la opacidad(6),  los inferiores el color (7), para cambiar los valores de estos solo da clic en cada cuadro y  modifica los valores(8).

  

Ya que tenemos nuestro degradado seleccionado, trazamos una línea de arriba abajo para que el color blanco quede arriba y lo transparente abajo (1), presionamos Ctrl+D para quitar la selección.

Ya esta nuestro botón con brillo, noten que en la parte superior quedo un filo azul, si su capa de degradado quedo muy pegada, solo tomen la herramienta mover (V) y desplácenla hacia abajo.
Para que quede con fondo transparente, guárdenlo con formato PNG.

Limpiar Foto (Herramienta Clonar)

Bueno esto es lo que hago casi todo el tiempo en mi trabajo, y ya que acabo de retocar está imagen y tenemos este espacio para tutoriales, pues les dejare una embarrada de como se hace (lo básico).

Abrimos nuestra foto en photoshop. Clonamos la capa (1) arrastrando la imagen al icono de CREAR NUEVA CAPA (2). Desactivamos la visibilidad de la capa original  (3) (la que tiene el candado). Seleccionamos la copia (4) para trabajar en ella. 

Si se fijan hay una fila de ventanas que queda cubierta con un semáforo, las cuales son idénticas a las de la derecha bueno primero retoquemos la del lado superior derecho. 

Tomen la (1)Herramienta Clonar (s), (2) presionen ALT (el cursor cambiara a un circulo con una cruz, para facilitar el lugar a clonar) y seleccionen una parte donde no haya cable pero que sea similar a otra donde si hay, den clic sin soltar la tecla ALT, (3) ahora muevan el cursor a la zona donde esta el cable, ya que estén donde quieren suelten la tecla ALT (sin dar Clic) presionen el botón del Mouse y comiencen a clonar. (4) Tiene que estar palomeada la opción de alineado, por que si no lo esta, al dar un nuevo clic se moverá la selección. (Hagan pruebas para que me entiendan)

Repitan eso hasta que la ventana quede completamente limpia de cables y banderola.

Ya que este lista (1) seleccionen la herramienta Lazo Poligonal, (2) hagan una selección de la ventana, con un poco de pared (esto para que no se maten retocando después las orillas de la ventana) ya que lo tengan seleccionado copien CTRL+C, (3) den clic en crear nueva capa, (4) selecciónenla peguen lo que copiaron CTRL+V

Ya tenemos una ventana, ahora (1) arrástrenla hasta que quede sobre la 1er ventana que cubre el semáforo, (2) cambien la opacidad a un 50%, esto es para poder ver la ventana que cubrimos y adaptarla al tamaño.

Seleccionen EDICIÓN/TRANSFORMACIÓN/DISTORSIONAR, ahora aparecerá un marco en su foto, (1) muevan los nodos hasta que quede como la ventana de abajo. Ya que este lista, (2) le dan en aceptar y (3) cambian la opacidad a 100%.

Muy bien, ya tienen su 2ª ventana limpia, ahora hagan lo mismo con las 3 inferiores. (1) hagan una copia de la ventana que acaban de editar arrastrándola a la opción CREAR NUEVA CAPA y esa copia la arrastran a la siguiente ventana y la deforman.

El resto solo es clonar las partes del edificio que tengan cables como hicimos para limpiar la ventana. Es tardado, pero el resultado es bueno. Ya que tengan todo bien, (1) se van a la ventana de Capas las seleccionan todas a excepción de la original, (2) pinchen en la flecha superior derecha, les saldrá un menú, (3) ahora den clic en Combinar Enlazadas. Esto es para unir su imagen y pasar el pincel corrector, si es necesario, a la orilla de las ventanas.

Si se fijan se nota la diferencia entre las ventanas que clonamos y el color del muro, bueno como casi no se ve mucho el ejemplo para suavizar se los daré con plastas.

(1) Tomen la herramienta Pincel Corrector (j) (funciona casi igual que la de clonar) (2) seleccionen el área que quieren repetir, (3) ahora pinten sobre lo que quieren que no se note parchado. Ojo: si hay un color oscuro o claro cerca del área que van a corregir intenten no pasar el pincel corrector tan cerca, porque les puede crear una mancha negra o blanca.

En el ejemplo que les dejo se ve el corte del cielo, aquí lo marque mucho, y lo que hice con el pincel corrector fue hacer un degradado para que no se viera parchado. Bien, espero que esto les sea de utilidad. Mucha suerte.

Colorear imagen ByN

Al abrir la imagen en photoshop, lo primero es checar que este en RGB, para esto vamos al menú IMAGEN / MODO y checamos que este palomeado RGB si no lo esta lo palomeamos.

1.- Creamos una nueva capa en la ventana de capas (Layers) o desde el menú CAPA / NUEVA CAPA

2.-En esa nueva capa vamos a hacer una selección de lo que queremos colorear, esto lo haremos con un color rojo oscuro (para hacerlo color piel).



3.- En la ventana de Capas cambiamos el tipo de capa de modo NORMAL a SUPERPONER.



4.- Ahora nos vamos a IMAGEN /AJUSTAR / TONO Y SATURACIÓN y cambiamos los valores hasta obtener el color deseado, en este caso un color carne claro o rosado.



TONO nos da un color de la gama.
SATURACIÓN nos da un color más vivo o más grisáceo.
LUMINOSIDAD más claro o más oscuro.

5.- Para terminar hacemos zoom en nuestra imagen, tomamos nuestra herramienta GOMA con un punto de pincel pequeño y borramos esas partes en las que nos hayamos salido de la imagen o en las que invadimos zonas que son de otro color.



De igual forma, si hay partes en las que nos falto color, tomamos nuestra herramienta PINCEL, pasamos nuestra capa de SUPERPONER a modo NORMAL, tomamos el color que tengamos con la herramienta CUENTAGOTAS (esto por que después de aplicar TONO Y SATURACIÓN, nuestro color cambia) y pintamos esas partes que nos faltaron.

6.- Para el color del vestido, los labios y el pelo seguimos los mismos pasos del 1 al 5, cambiando el tono del color en el paso 4 y procurando poner cada color en una diferente capa.



Espero que les sea de utilidad este tutorial y felices trazos (como dice Bob Ross jajaja)

Crea tus Pinceles para Photoshop

En si, la técnica para crear pinceles a partir de una imagen, es la misma que para crearlos a base de trazos o texto, ahora lo haremos fácil y rápido (con una imagen), digamos que quieren un pincel del planeta tierra.





1.- Buscamos una imagen de la Tierra en Internet, la abrimos en Photoshop, duplicamos
la capa para quitarle el candado y poder trabajar en ella, eliminando después la capa con candado.


2.-En este caso mi imagen tiene un fondo negro que no quiero que salga en mi pincel,
con la HERRAMIENTA VARITA MÁGICA, damos un click sobre el fondo negro.


3.- Eliminamos el color negro y quitamos la selección (ctrl+D)


4.- Ahora nos vamos al menú EDICIÓN / DEFINIR PINCEL, nos saldrá una ventana, en
donde le pondremos nombre a nuestro pincel, le damos ok y listo, ya tenemos un pincel de la tierra.


Bien este es el resultado de nuestro pincel (el cual encontraran al final de las opciones en la herramienta pincel ).


Un ultimo detalle y muy importante, el pincel solo se carga en nuestra paleta de pinceles, por lo que al cambiar de paleta desaparece.

5.- Ya que hayamos creado los pinceles los guardamos, para esto nos vamos al menú lateral de la paleta de Pinceles y seleccionamos GUARDAR PINCELES, esta acción nos guardara todo lo que tengamos en esa paleta de pinceles, así que pueden tomar una de las ya existentes y borrar los pinceles que estaban, dejando solo los suyos.


El archivo lo pueden guardar donde quieran, para recuperarlos, le dan igual en el menú lateral de la paleta y le dan en CARGAR PINCELES.

Nota: Recuerden que el pincel interpreta todo lo que esta en negro y grises como áreas a pintar, pero si nuestra imagen tiene fondo blanco o color blanco en alguna parte, lo interpreta como si no hubiera color (transparente) espero que esto les sea de utilidad para que creen sus propios pinceles.

Herramientas

HERRAMIENTAS DE SELECCION



Las herramientas de marco realizan selecciones rectangulares, elípticas, de fila única y de columna única.


La herramienta mover mueve selecciones, capas y guías


Las herramientas de lazo realizan selecciones a mano alzada, poligonales (rectilíneas) y magnéticas (ajustables).


La herramienta varita mágica selecciona áreas de colores similares (en la barra de opciones puedes ajustar la tolerancia de color)




HERRAMIENTAS DE RECORTE Y SECTOR



La herramienta recortar separa imágenes


La herramienta sector crea sectores (util para layers o paginas de internet)



La herramienta seleccionar sectores selecciona sectores.




HERRAMIENTAS DE RETOQUE



La herramienta pincel corrector pinta una muestra o motivo para reparar las imperfecciones de una imagen.



La herramienta parche repara las imperfecciones del área seleccionada en una imagen utilizando una muestra o motivo.



La herramienta tampón de clonar pinta con una muestra de la imagen.



La herramienta Tampón de motivo pinta tomando una parte de la imagen como motivo.



La herramienta borrador borra píxeles y restaura partes de la imagen a un estado guardado previamente.



La herramienta borrador de fondos borra áreas y las deja transparentes con tan sólo arrastrar.



La herramienta borrador mágico borra áreas con colores uniformes y las deja transparentes con tan solo hacer clic (similar a la barita mágica, pero este borra, también se puede cambiar la tolerancia de color).



La herramienta desenfocar desenfoca los bordes duros de una imagen.



La herramienta enfocar enfoca los bordes suaves de una imagen (puede que se vea más pixelada).



La herramienta dedo difumina partes de una imagen.



> La herramienta sobreexponer aclara áreas de una imagen.



La herramienta subexponer oscurece áreas de una imagen.



La herramienta esponja cambia la saturación de color de un área.




HERRAMIENTAS DE PINTURA



La herramienta de pincel pinta trazos de pincel.



La herramienta lápiz pinta líneas con bordes duros.



La herramienta pincel de historia pinta una copia del estado o la instantánea seleccionados en la ventana de la imagen actual.



La herramienta pincel histórico pinta con trazos estilizados que simulan el aspecto de diferentes estilos de pintura utilizando el estado o la instantánea seleccionados.



Las herramientas de degradado crean fusiones rectilíneas, radiales y de diamante entre colores.



La herramienta de bote de pintura rellena áreas de colores similares con el color frontal.




HERRAMIENTAS DE DIBUJO Y TEXTO



Las herramientas de selección de trazado realizan selecciones de formas o segmentos y muestran los puntos de ancla, las líneas de dirección y los puntos de dirección.



Las herramientas de texto insertan texto en una imagen.



Las herramientas de mascara de texto crean una selección en forma de texto.



Las herramientas de pluma dibujan trazados de bordes suaves.



Las herramientas de forma y la herramienta línea dibujan formas y líneas en una capa normal o en una capa de formas.



La herramienta forma personalizada realiza formas personalizadas seleccionadas de una lista de formas personalizada.




HERRAMIENTAS DE ANOTACION, MEDIDAS Y NAVEGACION



Las herramientas de anotación insertan notas y mensajes sonoros que se pueden incluir en una imagen.



La herramienta cuenta gotas toma muestras de colores en una imagen.



La herramienta medición mide distancias, ubicaciones y ángulos.



La herramienta mano mueve la imagen en la ventana.



La herramienta zoom aumenta y reduce la vista de una imagen.



Pues estas son las herramientas del cuadro de herramientas y una explicaciòn corta de su uso. Con forme las usemos, aprenderemos un poco màs de ellas, asi que espero que esta informaciòn les sea de utilidad.