Tecnología

Inicio

Cómo hacer botones de plástico en Gimp

, gráficos limpios Slick con el aspecto de plástico brillante y vidrio son el sello distintivo de la Web 2.0 mirada. botones de tipo Web 2.0 puede añadir un toque de color y una sensación de profundidad a su página web y otros proyectos de diseño visual. Gimp, una aplicación de edición de imagen potente y libre, le da todas las herramientas que necesita para crear fácilmente botones de plástico brillante.

Instrucciones

1 Crear un nuevo documento del tamaño que desea que el botón sea. Para comenzar, trate de 200 píxeles de ancho por 100 píxeles de alto.

2 Crear una nueva capa transparente llamado "botón". Tire a la capa de fondo en la basura u ocultarlo. Haga clic en la capa "botón" para activarla.

3 Haga clic en la "Herramienta de selección rectangular" en la caja de herramientas. Marque la opción "esquinas redondeadas" en el panel de opciones y ajustar el radio a la cantidad deseada. Para un botón 200-por-100, trate de un radio de 20.

4 Elija un color tonificado medio para el color de primer plano (no demasiado oscuro, no demasiado clara). Utilice 114, 205, 227 para los valores R, G y B, respectivamente, y que le dará un tono polvoriento del azul del huevo del petirrojo.

5 Seleccione "Rellenar con color de frente" en el menú "Editar".

6 Haga clic en el botón "Crear una capa duplicada" en la paleta de capas.

7 Seleccione la "trayectoria de las herramientas" de la caja de herramientas. Crear un rectángulo alrededor de la mitad inferior de la imagen un poco más grande que el botón. Además de los puntos de anclaje de esquina del rectángulo, incluir un punto de anclaje a lo largo del borde superior del rectángulo en el centro del botón, arrastrando el ratón mientras mantiene pulsado el botón izquierdo del ratón para crear las manijas para el ajuste de la curva de la ruta. Después de terminar el rectángulo, haga clic en el punto central de anclaje superior y mover las asas para hacer que una onda muy sutil o curva para la reflexión. (Consulte la sección "Recursos" de este artículo para obtener más información sobre la creación y edición de trazados.)

8 Haga clic en "Selección de Ruta" en la paleta de opciones. Vuelva a comprobar que la capa superior es la capa activa. En la actualidad existe un área de selección alrededor de la parte inferior del botón de la figura que ha dibujado con la herramienta Path.

9 Presionar la tecla Borrar para borrar la mitad inferior de la imagen del botón en la capa superior. Haga clic en la casilla de verificación "Bloqueo de canal alfa" en el "capas" de la paleta para asegurarse de que las partes transparentes de esta capa se quedan transparente. Retire la caja de selección eligiendo "Ninguno" en el menú "Seleccionar".

10 Seleccionar un color de fondo que es un tono más claro del color de primer plano. Haga clic en la muestra de color de fondo en la caja de herramientas para abrir la ventana de selección de color. Haga clic en el color de primer plano en la caja de herramientas para copiar ese color. Ajustar los valores para crear un color más claro para el nuevo color de primer plano. Si el color de primer plano es de color azul huevo de petirrojo se mencionó anteriormente, trate de valores R, G, B de 164, 237, 255 para el color de fondo.

11 Seleccione la "herramienta de mezcla" de la caja de herramientas. Ajuste el "degradado" a "FG para BG" en el panel de "Opciones". Llenar la capa superior con un gradiente haciendo clic en la parte superior de la imagen y arrastrando hacia abajo verticalmente hasta un punto a mitad de la imagen. Repita hasta que se obtiene el efecto deseado.

12 Mover la capa de arriba hacia abajo y hacia la derecha (sólo 3 píxeles para un botón de 200x100) para dar la ilusión de un borde biselado.

Consejos y advertencias

  • Experimento con la aplicación de gradientes tanto al capas superior e inferior (bloquear el canal alfa en el canal inferior primero) para obtener diferentes efectos. Trate de usar un tono ligeramente más oscuro del color de frente y arrastre la herramienta "Mezcla" del centro hacia la parte inferior de la capa inferior. Trate de invertir el gradiente en la capa superior arrastrando la herramienta "Mezcla" del centro hacia la parte superior.
  • Preservar la transparencia cuando se guarda la imagen para asegurarse de que la imagen más allá de las esquinas redondeadas del botón son transparentes. Utilice un formato que es compatible con la transparencia, tales como PNG o GIF, combinar las capas visibles, y guardar el color de fondo.