¿Cómo cambiar el color de una imagen para su sitio HTML5 y CSS3

Con frecuencia, usted tendrá una imagen que es muy bueno para su HTML5 y CSS3 sitio, pero no el color correcto. Por ejemplo, es posible que desee cambiar el color de la ropa de una persona, o hacer parte de un logotipo encaja en el esquema de color del resto de su sitio. Gimp hace realizar este efecto muy fácil:

  1. Cargue su imagen partida en Gimp y hacer las otras adaptaciones que desea a la imagen original.

  2. Utilice la herramienta de selección borrosa para seleccionar la parte que desea modificar.

    Puede que tenga que utilizar la tecla Mayús para agregar varias variantes del color para la selección.

  3. Utilice el comando Copiar (Ctrl + C) para copiar la sección de la imagen que acaba de seleccionar.

  4. Utilice el comando Pegar (Ctrl + V) para pegar el área seleccionada en una nueva capa.

    El área de pegado entra en una nueva " pseudo-capa " por defecto. En el panel Capas verás una capa llamada selección flotante - Capa de pegado. Haga clic en el botón Nueva capa y vamos a crear una nueva capa que contiene sólo la sección que necesita.

  5. Colorear la nueva capa mediante la aplicación del filtro de Colorear (colores-Colorear).

    Juega con los reguladores de color hasta obtener el color deseado. Debido a que usted hizo los cambios en una nueva capa, siempre se puede eliminar u ocultar la capa para volver a la original. (O tener varias capas de colores diferentes para que pueda jugar con varias opciones.)

He aquí un ejemplo de esta técnica que utiliza una imagen de un vaso de jugo de naranja por Graur Razvan Ionut encontrar en FreeDigitalPhotos.net. La imagen original sólo contenía la imagen de jugo de naranja, pero el vaso de jugo se duplicó y el color de la segunda copa cambió para parecerse a café.

imagen0.jpg


» » » » ¿Cómo cambiar el color de una imagen para su sitio HTML5 y CSS3