X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close
Introducción a los gradientes de color en Photoshop CS5
Traducido por Google Translate

Check out our Apple Color courses!

Los gradientes son una excelente manera de crear un interés visual en sus diseños. Pero ¿qué diablos es un gradiente de todos modos? La forma en que he venido a describir es, una transición entre dos o más colores. En otras palabras, vamos a mezclar por lo menos dos colores, y en este tutorial, vamos a ser la creación de un gradiente de fondo para el área de cabecera de nuestro sitio web.

¿De qué tamaño y resolución de hacer su archivo de Photoshop? Como nos va a crear un gradiente de nuestro sitio web, podemos guardar todo lo que baja resolución (72 ppp). En cuanto a las dimensiones, que sería determinado por el diseño de nuestro sitio web. Supongamos que para este ejercicio, el área de nuestro sitio web de cabecera es de 960 por 100 píxeles.

Pero no se olvide, los gradientes también se puede utilizar en la impresión. En esa situación, que acababa de descubrir cómo grande es el área de su documento de impresión que desea llenar, y establecer el tamaño del documento en consecuencia. Por supuesto, también estaría usando una resolución mucho mayor (más parecido a 300 ppi).

Okay, let's get started on creating our web gradient.

Paso 1

Vamos a crear un nuevo documento en blanco en Photoshop.

Utilizando el ejemplo de un gradiente de la cabecera de un sitio web, asegúrese de ajustar el ancho y la altura en consecuencia (de nuevo, 960x100 píxeles). Además, establecer la resolución de 72 píxeles por pulgada y el modo de color a RGB. Pulse OK cuando esté listo.

Paso 2

From the Toolbox, grab the Gradient tool.


The default gradient that's set for the Gradient tool is Foreground To Background. That means that the starting color in the gradient will be the color that's loaded into the foreground color swatch at the bottom of the Toolbox. The ending color would be the color that's loaded into the background color swatch.

Usted puede cambiar los colores frontal y de fondo haciendo clic en sus muestras de color en la caja de herramientas, pero vamos a echar un vistazo a la biblioteca de Photoshop de degradados preestablecidos.

Paso 3

On the Options bar, click the drop-down arrow beside the gradient swatch.


This opens Photoshop's Gradient Picker. You can either choose from the set of available gradients, or open another gradient library. To open a new gradient library, open the Options menu in the top-right corner of the Gradient Picker, then choose from the list of libraries towards the bottom of the Options menu.

Si se opta por una de las bibliotecas adicionales gradiente de Photoshop, se le preguntará si desea reemplazar los gradientes actual con la nueva biblioteca. Haga clic en Aceptar para reemplazar o anexar al añadirlos a la biblioteca actual.

Una vez que haya escogido un gradiente, ya está listo para aplicarlo a su archivo.

Paso 4

Para aplicar el degradado, haga clic y arrastre en la ventana del documento.

For example, click and drag from the left side of your document to the right; or from the top to the bottom. You can even drag on an angle if you wish. If you'd like your gradient to be perfectly straight either horizontally or vertically, hold down Shift as you drag.


Sometimes it takes a few tries to get the look you're after. Once you're done, you're ready to save the file out for use on the web.

Paso 5

Choose File > Save As; then name your file and choose JPEG from the Format menu.

Esto es lo que nuestro degradado final se ve así:

En un futuro tutorial, vamos a hablar sobre el uso de Photoshop Guardar para Web

Desde aquí, entonces cargaban su nuevo gradiente en la cabecera de su proyecto web, tal vez mediante su inserción directa en la cabecera, o que se defina como un gráfico de fondo a través de CSS. Como puede ver, el trabajo con los gradientes de Photoshop es fácil y divertido. En otro tutorial futuro, que sería divertido para echar un vistazo a cómo crear, guardar y trabajar con degradados personalizados!

Check out our Apple Color courses!

Geoff Blake

Geoff Blake | Articles by this author

Geoff Blake is a book author, video presenter, designer, and visual artist. As an in demand live-on-stage software educator since 1997, Geoff has taught desktop publishing, web design and graphics courses all over North America and is regarded as an expert in Adobe's Creative Suite applications, as well as in HTML, CSS, WordPress, and related technologies. With his humorous, non-jargonny approach, Geoff produces highly regarded articles, video training and DVDs, and regularly contributes to top industry magazines and websites.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link