lunes, 8 de junio de 2015

Cambio de color en Photoshop: Tres maneras simples

Al editar imágenes, es probable que haya un momento en que usted necesita para cambiar el color de algo en la imagen. Tal vez el balance de blancos está apagado, por lo que los tonos anaranjados parecen un poco demasiado verde para su gusto. O tal vez alguien está usando una camisa roja, pero realmente preferiría que si llevaban una camisa verde.Cualquiera sea la razón, usted necesita saber cómo cambiar el color en Photoshop. Por suerte, este proceso no es tan difícil como puede parecer! Estás a punto de aprender tres maneras simples para cambiar el color de un objeto en Photoshop, usando la herramienta Sustitución de color, de color selectiva, y Reemplazar color.
La herramienta Sustitución de color
La herramienta Sustitución de color se encuentra en la barra de herramientas , y se ve así:
pantalla
Para encontrar esta herramienta, haga clic y mantenga presionado en la herramienta Pincel.
He elegido una simple fotografía de frambuesas recogidos a mano para este tutorial. Para empezar, me gustaría recomendar la elección de una fotografía sin demasiados colores similares. El más complicada la fotografía, el más complicado este proceso será.Una vez que domine este tutorial, no dude en trabajar en cualquier fotografía que te gustaría!
Screen Shot 06/16/2014 a 11.43.37 AM
Vamos a cambiar el color de las frambuesas. Para utilizar esta herramienta, usted va a tener que establecer su color de primer plano para el color que usted quiere que sus frambuesas sean. Echa un vistazo a la parte inferior de la barra de herramientas, y verás dos cuadrados superpuestos - uno blanco y otro negro. Haga clic en la plaza superior.
Screen Shot 06/16/2014 a 11.52.11 AM
Verás una nueva ventana pop-up, que le permite elegir cualquier color que usted quisiera. Una vez que haya elegido su color, haga clic en "Aceptar".
Screen Shot 06/16/2014 a 11.58.41 AM
Echa un vistazo a la parte superior de la pantalla. Vas a ver que dicen opciones Modo, Límites y Tolerancia. También podrás ver tus opciones de pincel, como el tamaño y la dureza.
Un consejo útil: si desea cambiar el tamaño del pincel con facilidad, utilice las teclas del soporte izquierdo y derecho. La clave corchete izquierdo ([) hará que su cepillo más pequeño, mientras que la tecla de corchete derecho (]) hará que su cepillo más grande. ¿Quiere cambiar fácilmente la dureza? Basta con pulsar los mismos dos soportes mientras mantiene pulsada la tecla de mayúsculas. El soporte de la izquierda hará que los bordes más suaves, mientras que el soporte derecho les hará más difícil.
El modo debe establecerse en color, ya que sólo está tratando de cambiar el color. Sus límites se deben ajustar a Contigua, y su tolerancia se puede jugar con, pero yo tengo el mío fijado en 38%. Esto me permite pintar sobre los bordes rojos de las frambuesas, y aún así permanecer dentro de la frambuesa y no sangro salir a la mano.
Ahora empezar a pintar en el área de su fotografía que usted desea cambiar.
Screen Shot 06/16/2014 al 12/11/00 PM
Ver cómo han cambiado a una más color malva? Puede utilizar esta herramienta en cualquier cosa en su fotografía que desea cambiar, y cambiando el modo de tono, saturación o luminosidad, puede cambiar todos los aspectos de la fotografía también.

Color Selectivo

Para utilizar esta herramienta, ir a Capa> Nueva capa de ajuste> Color selectivo.
Screen Shot 06/16/2014 al 12/25/43 PM
Una ventana pop-up, todo lo que tienes que hacer es clic en "Aceptar". Ahora verás esto:
Screen Shot 06/16/2014 al 12/26/56 PM
Porque mis frambuesas son el rojo, voy a mantener la selección Colores en Rojos. Si su color es más cercana a otra cosa, el uso que desplegable herramienta para seleccionar verdes, amarillos, etc.
Ahora usted puede utilizar los controles deslizantes de abajo para cambiar los Rojos en su fotografía. Al cambiar los controles deslizantes, puede ver los cambios que afectan a su fotografía final. Me puse mis deslizadores para esto:
Screen Shot 06/16/2014 al 28/12/34 PM
Y mis frambuesas ahora este aspecto:
Screen Shot 06/16/2014 al 29/12/19 PM
Si usted tiene demasiados colores que son muy similares en su fotografía, usted encontrará que esta herramienta comienza a reemplazar partes de su fotografía que usted no desea que se modifique. Si este es el caso, utilice una de sus herramientas de selección antes de seleccionar la herramienta de color selectiva.
Si no selecciono mis frambuesas, esto es lo que va a pasar:
Screen Shot 06/16/2014 al 31/12/43 PM
¡Qué asco! Pero si uso mi herramienta Lazo magnético (la tercera herramienta de abajo en su barra de herramientas): Screen Shot 06/16/2014 a 12.32.23 PMPuedo seleccionar las frambuesas de modo que sólo se ven afectados.
Hago clic para seleccionar un punto justo en el borde de uno de mis frambuesas, y luego pasar el ratón por el resto de las frambuesas de nuevo a mi punto original. Mediante el uso de la herramienta Lazo magnético, Photoshop, naturalmente, seguir los contornos de las frambuesas.
Screen Shot 06/16/2014 a 12.36.20 PM
Ahora bien, si hago los mismos ajustes, verá que sólo las frambuesas se ven afectados.
Screen Shot 06/16/2014 a 12.35.15 PM
Siéntase libre de utilizar la herramienta Lazo, herramienta Lazo poligonal, o Varita mágica para seleccionar partes de su fotografía antes de cambiar el color!

Reemplazar color

Para utilizar esta herramienta, vaya a Imagen> Ajustes> Reemplazar color.
Screen Shot 06/16/2014 a 12.41.31 PM
Verá este cuadro de pop-up:
Screen Shot 06/16/2014 a 12.43.15 PM
Usted ve cómo se selecciona la herramienta Cuentagotas? Esta herramienta va a ser utilizado para contar Photoshop qué color que desea reemplazar en la imagen. Me aseguré de que se ha seleccionado esta herramienta, y luego hice clic en el pequeño icono de mi imagen de la derecha en las frambuesas. Ahora, si usted tiene un montón de colores similares a tu imagen, te darás cuenta de que tener el conjunto Tolerancia Nivel 200 va a cambiar muchos de esos colores también. Al establecer que a un número más bajo, sólo cambiará el color seleccionado. Para esta fotografía, me puse mi Tolerancia a cerca de 111. Ahora, usted acaba de jugar un poco con el tono, la saturación y la luminosidad Sliders hasta llegar a su resultado deseado.
Screen Shot 06/16/2014 a 12.48.12 PM
Voila! Tres maneras fáciles de reemplazar el color en Photoshop. Si usted está teniendo dificultad con cualquiera de estas tres formas, recuerde: usar una de sus herramientas de selección de primera !! Selección de la parte exacta de la imagen que desea reemplazar el color de hará el proceso mucho más fácil.
Una vez que domine el cambio del color de algo simple, como estas frambuesas, se puede pasar a las partes más complicadas de una imagen, como el pelo y tono de la piel. Sigue practicando, y serás un profesional en ningún momento!

Cómo quitar el fondo de una imagen en Photoshop

Una fotografía sin fondo se puede utilizar para muchos propósitos diferentes - usted puede pegarlo en un collage, agregarlo a un logotipo o una palmada en una página web. Esta es probablemente la razón por la eliminación de los antecedentes es una de las primeras cosas que un diseñador aprende a hacerlo en Photoshop.
En este tutorial, vamos a utilizar la herramienta de definición de bordes en Photoshop para eliminar el fondo de una imagen. La definición de bordes es una herramienta de gran alcance para hacer selecciones complicadas. 
[Nota: El comando 'Perfeccionar borde »utilizado en este tutorial se introdujo por primera vez en CS5. Las versiones anteriores de Photoshop no funcionarán con este tutorial. ]

Cómo quitar el fondo de una imagen

Para este tutorial, vamos a utilizar esta imagen imponente de un halcón que encontramos en sxc.hu. Es de uso gratuito, para que pueda seguir adelante y modificarlo a su gusto.
Cuando hayamos terminado, la imagen se verá algo como esto:

Paso 1: Crear una capa en el fondo

Después de que hayas descargado y cargado la imagen en Photoshop, puede convertirlo en una nueva capa.
Para hacer esto, mira el panel Capas en la esquina inferior derecha (si usted no puede verlo, pulse F7 o ir a Windows -> Capas).Usted verá una miniatura de la imagen con una etiqueta que dice Antecedentes y un icono de bloqueo junto a él.
Haga clic en esta capa y seleccione "Capa de fondo" en el menú contextual.
Obtendrás un mensaje que le pregunta para dar la capa de un nombre. Llámelo lo que quieras (nombres descriptivos que encuentres capas más adelante).
Si todo esto suena griego para usted, trate de tomar esta guía Photoshop CS6 Inicio rápido para ponerse al día con el software.

Paso II: Elección del método de selección derecha

Esta es la parte difícil.
Hay un número de maneras de hacer una selección en Photoshop. Algunos de estos son:
  • Magic Wand Tool: Esta herramienta hace selecciones automáticas basadas en las diferencias entre el fondo y el primer plano de las imágenes.
  • Herramienta de selección rápida: Una versión semi-automatizado de los anteriores. Tiene que especificar las regiones que han de ser seleccionado.
  • Herramienta Lazo: La herramienta Lazo es ideal para seleccionar manualmente partes de una imagen, no tan grande para extraer el fondo de la imagen.
  • Gama de colores: Se accede desde Select -> Gama de colores, esta herramienta le permite eliminar el fondo en base a la diferencia de color entre el fondo y el primer plano. Particularmente poderosa cuando el fondo es de un color sólido no se utiliza ampliamente en la imagen (por ejemplo, un gato negro sobre un fondo blanco).
En esta imagen, no podemos usar gama de colores o Varita mágica porque el color del ave es muy cerca del color del fondo. En lugar de ello, vamos a utilizar la herramienta de selección rápida. Puede acceder a él desde la caja de herramientas flotante a la izquierda.

Paso III: Hacer la Selección

Con la herramienta de selección rápida seleccionada, coloque el puntero del ratón sobre la imagen. El cursor cambiará a un signo más (+) dentro de un círculo.
Al hacer clic en cualquier parte de la imagen automáticamente seleccionará sus partes cercanas. La selección se destaca por esquema 'de marcha hormigas de Photoshop.
Como queremos seleccionar sólo el halcón, mantenga el ratón y empezar a dibujar alrededor de los bordes de la ave. Trate de seleccionar sólo las aves y no el área alrededor de ella. Si usted termina encima de la selección de áreas exteriores, simplemente mantenga pulsada la tecla ALT (en Windows) clave - el cursor cambiará a un signo negativo (-) - y anular la selección de estas regiones.
No te preocupes por lo que es Pixel Perfect - tenemos otro as en la manga para hacer eso. Por ahora, tratar de llegar lo más cerca que puedas en los bordes lo más rápido posible.
Esto es lo que su selección final debe ser similar a:

Paso IV: Perfeccionamiento de la Selección

La selección se ve muy bonito, como tal, pero todavía se siente un poco artificial - como una figura de cartón. Queremos que se vea más natural, por lo que vamos a elegir la herramienta Perfeccionar borde.
Puede acceder a esta herramienta haciendo clic en el botón "Perfeccionar borde" en el menú superior de selección rápida.
O bien, puede encontrarlo en el Select -> menú de definición de bordes.
Haga clic en este botón y la ventana de definición de bordes pop-up.
Para hacer de nuestro trabajo un poco más fácil, haga clic en la pequeña flecha situada junto a "Ver" y seleccione 'El Negro'. Como alternativa, puede pulsar 'B'
Su imagen ahora debería tener un fondo negro. El fondo no ha cambiado realmente. Esto es sólo una vista previa para que nuestra selección más clara.
Para refinar la selección, tenemos algunas opciones:
  • Utilice Detección de borde: Al permitir 'inteligente Radio' en el menú de definición de bordes y poco a poco aumentar / disminuir el radio, podemos llegar a una selección mucho más natural. 
  • Ajuste Bordes: Al ajustar la suavidad, contraste, etc., de la orilla, podemos obtener una selección mucho más clara. 
  • Color de Descontaminación: Esta herramienta final "descontamina '- es decir, elimina el color de fondo de los bordes. 
El punto de partida de cualquier ejercicio de canto refinamiento debe ser la opción de ajuste de borde. Asegúrese de que 'inteligente Radio' está habilitada ellos mueven el cursor radio alrededor hasta que su selección se ve más natural.
Para una selección aún más refinar, haga clic en el icono 'Herramienta Radius Refinar' junto a 'Detección Edge':
El cursor del ratón cambiará a un signo +. Dibuja un esbozo en torno a la imagen seleccionada. Su selección se verá mucho más bien ahora.
Juega un poco con la opción 'Ajuste Edges' si quieres, aunque realmente no lo necesita para esta imagen (mucho más útil cuando se trabaja con el pelo o la piel).
Una vez que esté satisfecho con la selección, elija 'Nueva capa de máscara de capa "en la" salida Para: "del menú desplegable en la parte inferior y pulse Aceptar.
El fondo de la imagen, como se verá, se ha ido!
Ahora puedes hacer lo que quieras con la imagen.
Usted puede agregar un color de fondo sólido:
También puedes añadir una imagen de fondo diferente:
Usted puede utilizar esta imagen en los cómics, gráficos web, o un diseño de impresión - las posibilidades son ilimitadas!
Como se puede ver, el trabajo con Photoshop no es realmente tan difícil.

domingo, 13 de abril de 2014

Crear un icono para mobile app en Photoshop


Tutorial Assets

Los siguientes activos fueron utilizados durante la producción de este tutorial.

Paso 1

Crear un nuevo documento. En este tutorial vamos a diseñar nuestro icono de 1024x1024 píxeles, pero no dude en diseñar el suyo en 256x256 o 512x512 píxeles.

Paso 2

Con la herramienta Rectángulo redondeado (U) dibujar una forma con un color rojo.(Probé la herramienta Cuentagotas (I) en la Psdtuts + icono oficial).

Paso 3

Con la herramienta Pincel (B) de la pintura de un color rojo viva luz para crear un punto de luz en la parte superior derecha del icono.

Paso 4

Añadir una sombra de color negro con la herramienta Pincel. Utilizar la imagen como referencia.

Paso 5

Agregar una forma como esta en la parte superior del icono con el siguiente estilo de capa.

Paso 6

Duplicar y reducir la última forma con Cmd / Ctrl + T. En una nueva capa, establecido como una máscara de recorte (Alt-clic en la línea de separación entre dos capas en la paleta de capas), pintar un poco de color rojo claro con la herramienta Pincel (B ).

Paso 7

Refinar las luces superiores utilizando la herramienta Pincel (B) luz y de color rojo oscuro alterna.

Paso 8

Refiné la parte inferior con la misma manera que el paso anterior.

Paso 9

En una capa separada, usando la herramienta de Selección Rectangular (M) añadir dos rayas finas y seleccionar el modo de fusión de superposición.

Paso 10

Hacer una selección rectangular. Rellenar con la herramienta de degradado (G) Ajuste del blanco a transparente. Deformar la capa con T Cmd / Ctrl + y establecer el modo de fusión de la capa a Overlay.

Paso 11

Crear una nueva capa y con la Selección Rectangular (M), seleccione una franja delgada de píxel. Llenarlo con negro y distorsionar la capa con T + Cmd / Ctrl para obtener un resultado como la imagen de abajo. Coloque la capa cerca de la frontera con el centro blanco gradiente. Como puede ver Yo duplicado el golpe por el lado derecho.

Paso 12

Refinar la sombra con la herramienta Pincel (B) en una nueva capa.

Paso 13

Añadir dos rayas Destacados. Utilice el método el paso 11 de nuevo.

Paso 14

Poco de ajuste con la herramienta Pincel (B) para el centro de atención centro y fronteras. Hago un grupo con las capas centrales y añadí una máscara de capa para suavizar las líneas un poco.

Paso 15

Añadir una textura sutil a el icono con el ruido del filtro> Añadir ruido, establezca el modo de fusión a luz suave. Trate de alterar la capa con Cmd / Ctrl + T.

Paso 16

Con la herramienta Forma Rectangular (U) crear una forma más y añadir el siguiente estilo de capa.

Paso 17

Duplicar la forma más y cambiar un poco para el fondo con la herramienta Mover (V).Añadir este Estilo de capa.

Paso 18

Añadir algunas reflexiones con la herramienta Pluma (P). Dibuje un poco de forma aleatoria y negro con la opacidad de una capa baja.

Paso 19

Refiné la frontera de la cruz superior añadiendo líneas blancas con la herramienta Lápiz.

Paso 20

Momento mágico de la varita. Agregar una forma de cilindro negro con este estilo de capa.

Paso 21

Agregar otro formas blancas en la parte superior de la vara con este estilo.

Paso 22

Y finalmente la última forma con el siguiente estilo de capa.

Paso 23

El cepillo se compone de dos partes. Primero dibuje la forma principal con la herramienta Pluma (P). Utilice este estilo de capa.

Paso 24

Con la herramienta Pincel (B) empezar a pintar el interior de la brocha con un pequeño cepillo duro. Utilice el espaciado decoro dentro del panel Brush (F5) para aumentar la velocidad de esta etapa. Trate de cambiar el color del pincel también.

Paso 25

He añadido una sombra inferior y coloreado con amarillo la parte superior con la herramienta Pincel (B) en una nueva capa.

Paso 26

Dibujar una forma de cilindro con la herramienta Pluma (P) Aplicar el siguiente estilo de capa.

Paso 27

Coloque la textura de la madera dentro del documento y aplicarlo a la forma anterior como máscara de recorte en el modo de superposición.

Paso 28

Para la parte metálica, sacar otra forma con este estilo de capa. Refiné la sombra en esta parte con una nueva capa de pintura por algunos dentro de negro.

Paso 29

Crear una nueva capa y pintar el humo utilizando la herramienta Pincel (B) con los colores morado y amarillo.

Paso 30

Dibuja una estrella usando la herramienta de forma personalizada. Añadir este Estilo de capa.

Paso 31

Duplicar la forma de la estrella y que sea más oscuro, seleccione un color amarillo oscuro. Organizar esta capa detrás de la anterior. Yo duplicado la estrella dos veces y puse el copiado alrededor del tubo en varios tamaños.

Paso 32

Un último paso es refinar toda la iluminación de icono en una capa separada con la herramienta Pincel (B). He añadido algunos pequeños detalles al icono, como gota de la pintura, brillo, sombras simplemente pintarlos.

Paso 33

He añadido una luz de color azul entre los objetos con la herramienta Pincel (B) en una nueva capa.
Anuncio

Paso 34

Finalmente he creado una sombra paralela al icono y un fondo anaranjado de encargo, en capas separadas.

Imagen final