Efecto botón metalizado con Photoshop
Posted by Danny in Trucos Photoshop
A continuación te enseñaremos una técnica para crear un botón en un estilo metalizado.
Y empezamos por crear un nuevo archivo: vamos al menú "file" (archivo) y a la opción "new" (nuevo). Se nos abrirá una ventana en la que ponemos una anchura de 600 píxeles, una altura de 500 píxeles y una resolución de 72 píxels/cm. Presionamos "OK".
Lo que hacemos ahora es tomar la herramienta de "formas vectoriales" y escogemos el rectángulo con las puntas redondeadas. Luego nos aseguramos que, en el menú contextual de las formas vectoriales, esté seleccionada la segunda opción (paths / trazados).
Ahora que tenemos configurada nuestra herramienta, procedemos a trazar sobre nuestro documento en blanco lo que consideramos será un tamaño y proporción adecuados para nuestro botón.
Hecho esto, tomamos la herramienta "paths" (trazos), damos clic derecho sobre nuestra figura y seleccionamos la opción "make selection" (hacer selección); y en aquella ventana, sin modificar dato alguno, damos clic en "OK".
Luego tomamos la herramienta "gradient" (degradado). En el menú contextual seleccionamos el gradient o degradado que se muestra en el vídeo. Hecho esto, trazamos una línea vertical cruzando todo el alto de nuestra imagen o figura; de esta manera se le aplicará el degradado. Y, por último, presionamos Ctrl+D para deseleccionar.
Lo siguiente es crear una nueva capa. Luego, tomamos la herramienta "pencil" (lápiz) que está en el grupo de los pinceles, en la barra de herramientas, y hacemos lo siguiente:
En el sector derecho de nuestra imagen trazamos (presionando la tecla "shift") una línea vertical de color blanco. Luego creamos una nueva capa y trazamos otra línea vertical de color negro, casi medio píxel a un lado de la línea blanca.
Lo siguiente es convertir las dos capas correspondientes a las dos líneas que acabamos de crear en una sola capa. Para esto, seleccionamos una de las capas de nuestras línea recién creadas (la que se halle más arriba en la paleta "layers" o "capas") y presionamos la combinación de teclas Ctrl+E.
Ahora que hemos convertido las dos capas en una sola, duplicamos esta última presionando Ctrl+J. A continuación arrastramos la capa duplicada hacia el extremo contrario de manera que tengamos un par de líneas (blanca y negra) tanto en un extremo como en el otro de nuestra figura.
Ahora es tiempo de agregar nuestro texto:
Seleccionamos la herramienta de texto. Escribimos sobre nuestro botón el texto de nuestra elección y lo acomodamos al centro, o en la posición que se prefiera, y le damos "enter".
Ahora seleccionamos nuestra capa de texto y, en la paleta "layers" (capas), seleccionamos la opción "overlay" (superponer). De esta manera tenemos ya nuestro botón metalizado finalizado. Sin embargo, podemos variar el aspecto de tonos plateados que tiene nuestro botón agregándole el color o tono que se quiera.
Para esto nos vamos al menú "layers" (capas), seleccionamos "flaten image" (acoplar imagen). Luego, nos vamos al menú "image" (imagen), ingresamos en "ajustes" y seleccionamos la opción "hue/saturation" (tono/saturación). Se nos abrirá un cuadro de control; activamos la opción colorize (colorear), y ahora sí podremos modificar los valores que ahí se indican hasta conseguir el color deseado para nuestro botón.
Ahora sí hemos conseguido nuestro botón metalizado en distintos tonos.
Lo que hacemos ahora es tomar la herramienta de "formas vectoriales" y escogemos el rectángulo con las puntas redondeadas. Luego nos aseguramos que, en el menú contextual de las formas vectoriales, esté seleccionada la segunda opción (paths / trazados).
Ahora que tenemos configurada nuestra herramienta, procedemos a trazar sobre nuestro documento en blanco lo que consideramos será un tamaño y proporción adecuados para nuestro botón.
Hecho esto, tomamos la herramienta "paths" (trazos), damos clic derecho sobre nuestra figura y seleccionamos la opción "make selection" (hacer selección); y en aquella ventana, sin modificar dato alguno, damos clic en "OK".
Luego tomamos la herramienta "gradient" (degradado). En el menú contextual seleccionamos el gradient o degradado que se muestra en el vídeo. Hecho esto, trazamos una línea vertical cruzando todo el alto de nuestra imagen o figura; de esta manera se le aplicará el degradado. Y, por último, presionamos Ctrl+D para deseleccionar.
Lo siguiente es crear una nueva capa. Luego, tomamos la herramienta "pencil" (lápiz) que está en el grupo de los pinceles, en la barra de herramientas, y hacemos lo siguiente:
En el sector derecho de nuestra imagen trazamos (presionando la tecla "shift") una línea vertical de color blanco. Luego creamos una nueva capa y trazamos otra línea vertical de color negro, casi medio píxel a un lado de la línea blanca.
Lo siguiente es convertir las dos capas correspondientes a las dos líneas que acabamos de crear en una sola capa. Para esto, seleccionamos una de las capas de nuestras línea recién creadas (la que se halle más arriba en la paleta "layers" o "capas") y presionamos la combinación de teclas Ctrl+E.
Ahora que hemos convertido las dos capas en una sola, duplicamos esta última presionando Ctrl+J. A continuación arrastramos la capa duplicada hacia el extremo contrario de manera que tengamos un par de líneas (blanca y negra) tanto en un extremo como en el otro de nuestra figura.
Ahora es tiempo de agregar nuestro texto:
Seleccionamos la herramienta de texto. Escribimos sobre nuestro botón el texto de nuestra elección y lo acomodamos al centro, o en la posición que se prefiera, y le damos "enter".
Ahora seleccionamos nuestra capa de texto y, en la paleta "layers" (capas), seleccionamos la opción "overlay" (superponer). De esta manera tenemos ya nuestro botón metalizado finalizado. Sin embargo, podemos variar el aspecto de tonos plateados que tiene nuestro botón agregándole el color o tono que se quiera.
Para esto nos vamos al menú "layers" (capas), seleccionamos "flaten image" (acoplar imagen). Luego, nos vamos al menú "image" (imagen), ingresamos en "ajustes" y seleccionamos la opción "hue/saturation" (tono/saturación). Se nos abrirá un cuadro de control; activamos la opción colorize (colorear), y ahora sí podremos modificar los valores que ahí se indican hasta conseguir el color deseado para nuestro botón.
Ahora sí hemos conseguido nuestro botón metalizado en distintos tonos.
