Diversos archivos para descarga que serán de utilidad para seguir el vídeo del diseño web desde cero con Photoshop y el manual de maquetación CSS 960 Grid System.
Debido a la solicitud de diversos usuarios y visitantes del material original de Photoshop que estamos utilizando en el manual de maquetación CSS con 960 Grid System, publicamos una descarga que seguro resultará interesante y útil para las personas.
En el manual mencionado, sobre la maquetación web con CSS y uno de los más conocidos frameworks CSS, vimos un ejemplo práctico de maquetación de una página web en un caso real, es decir, cómo tenemos que realizar paso por paso la creación de una web con HTML y CSS a partir de un modelo o plantilla creado con Photoshop.
Por recordar un poco todas las cosas y para los que lleguen de entrada a este artículo sin conocer el material al que hacemos referencia, vamos a poner los link a diversos artículos y vídeos que hemos ido realizando los pasados meses:
Vídeo explicado del diseño de una web desde cero
Caso real de maquetación web con CSS y 960 Grid System
Parte dos de la maquetación web, caso real
Tercera y última parte de la maquetación CSS
Si os fijáis, todos estos materiales están preparados en vídeo, con lo que son un material ideal para aprender y además con la facilidad que da ver tú mismo cómo se han ido realizando las cosas.
Con el paquete de descarga que ofrecemos ahora, ponemos a vuestra disposición los requeridos "materiales fuente" para llevar paso a paso este trabajo de maquetación:
Plantilla original, o archivo PSD con el diseño creado
Archivos gráficos utilizados en el diseño, como iconos
Las páginas resultantes, maquetadas con HTML y CSS y sus distintas imágenes de trozos del diseño para colocar en las webs, extraídas del PSD.
En definitiva, un paquete que seguro resultará de interés para todas las personas que siguen el manual de Maquetación CSS con 96 Grid System.
La descarga está disponible para los usuarios de DesarrolloWeb.com:
Materiales para la maquetación web CSS
Mostrando entradas con la etiqueta photography technique. Mostrar todas las entradas
Mostrando entradas con la etiqueta photography technique. Mostrar todas las entradas
miércoles, 2 de diciembre de 2009
Opciones de la herramienta de forma
Veremos las múltiples opciones de configuración de las formas y trazados que se pueden crear con las distintas herramientas de forma.
En el artículo anterior estuvimos comentando las distintas herramientas de forma disponibles en Photoshop. Ahora vamos a analizar casos de uso más avanzados de esta herramienta y vamos a explicar algunas de las cosas que podemos hacer con ellas, como modificar sus trazados, para personalizarlas y adaptarlas a nuestras necesidades.
Como ya hemos visto repetidas veces en el Manual de Photoshop de desarrolloweb.com, todas las herramientas de Photoshop, disponemos de varias opciones que nos aparecen en la barra de opciones de herramienta:
Las opciones de forma funcionan de la misma manera independientemente del tipo de forma que tengamos seleccionada, ya sea un rectángulo, rectángulo con bordes redondeados, formas personalizadas, etc. A continuación veremos una descripción de las opciones posibles para la herramienta de forma, tal como están numeradas en la imagen anterior:
1.- Capas de forma
Crea formas en nuevas capas. Genera una nueva capa para colocar esa forma nueva en una capa independiente.
2.- Trazados
Simplemente se crea el trazado de la forma, pero no se hace nada con él, hasta que no lo indiquemos nosotros. Una vez creado un trazado podremos transformarlo, crear una selección a partir de él, o rellenarlo de color. Pero el trazado por si solo no aparecerá en la imagen y no servirá para nada hasta que realicemos algún tipo de acción con él.
3.- Rellenar píxeles
Esto crea la forma con un color de relleno, es decir, no creará la forma vectorial que estábamos comentando, sino que la dibujará y la rellenará como mapa de bits.
4.- Selección rápida de herramienta pluma
Con estos botones podemos acceder rápidamente a alguna de las utilidades de la herramienta pluma.
5.- Selección rápida de otras formas
Con estos botones podemos acceder rápidamente a otras formas de las posibles con la herramienta de forma.
6.- Combinación de nuevas formas creadas
Permite decir cómo se combinan otras formas y trazados creados sobre la misma capa. Podemos hacer una intersección de las formas, unirlas, restarlas, etc.
7.- Estilos
Permite asignar estilos a las formas que estamos creando, con alguno de los estilos predefinidos en Photoshop u otros estilos que podamos haber creado nosotros.
8.- Color de relleno
Permite especificar el color con el que se rellenarán las formas creadas.
Formas y trazados
Los botones 1, 2 numerados en la anterior imagen permiten hacer formas con trazados y trazados sin más. Es interesante comentar algunas de las cosas que podemos hacer con los trazados.
Como hemos dicho, los trazados en Photoshop tienen la particularidad que se permite transformarlos sin perder detalle en la imagen. Con el botón marcado como 1 (capas de forma) se crea la forma con el color de relleno y esta se encuentra disponible en modo de trazado, para que podamos retocarla si lo deseamos. Por ejemplo podemos hacer una Transformación libre del trazado (desde el menú de edición o con la tecla rápida CTRL + T). Esto nos permite cambiar el rectángulo para adaptarlo a nuevas dimensiones o incluso cambiar el ángulo de los vértices si trasladamos uno de ellos con la tecla CTRL pulsada.
La opción marcada como 2 (Trazados) simplemente crea un trazado. Ese trazado, como se había señalado, no aparecerá en la imagen, simplemente está ahí para que nosotros hagamos algo con él. Podríamos transformarlo, con la opción de transformación de trazado comentada antes, o podríamos crear una selección a partir de él, para luego hacer cualquier cosa con ella, como rellenarla de color. También podríamos crear una forma personalizada a basada en el trazado, que veremos en el artículo de formas personalizadas más adelante, o incluso modificar el trazado con alguna de las herramientas como la pluma.
Para acceder a diversas acciones posibles con el trazado podemos pulsar en la imagen con el botón derecho del ratón y veremos varias opciones. Por ejemplo una de las más útiles es la de crear una selección con el trazado, que hará que se seleccione el área comprendida por ese trazado. Si habíamos creado varios trazados distintos, la selección que se mostrará será la unión de ellos, intersección o cualquier otra operación definida con los botones de las opciones de la herramienta marcados en la imagen anterior en el item 6 (combinación de nuevas formas creadas).
Como siempre, la mejor manera de entender todas las opciones de configuración de las formas de Photoshop, es practicar con las distintas opciones, para poder analizar y entender los resultados obtenidos.
En el artículo anterior estuvimos comentando las distintas herramientas de forma disponibles en Photoshop. Ahora vamos a analizar casos de uso más avanzados de esta herramienta y vamos a explicar algunas de las cosas que podemos hacer con ellas, como modificar sus trazados, para personalizarlas y adaptarlas a nuestras necesidades.
Como ya hemos visto repetidas veces en el Manual de Photoshop de desarrolloweb.com, todas las herramientas de Photoshop, disponemos de varias opciones que nos aparecen en la barra de opciones de herramienta:
Las opciones de forma funcionan de la misma manera independientemente del tipo de forma que tengamos seleccionada, ya sea un rectángulo, rectángulo con bordes redondeados, formas personalizadas, etc. A continuación veremos una descripción de las opciones posibles para la herramienta de forma, tal como están numeradas en la imagen anterior:
1.- Capas de forma
Crea formas en nuevas capas. Genera una nueva capa para colocar esa forma nueva en una capa independiente.
2.- Trazados
Simplemente se crea el trazado de la forma, pero no se hace nada con él, hasta que no lo indiquemos nosotros. Una vez creado un trazado podremos transformarlo, crear una selección a partir de él, o rellenarlo de color. Pero el trazado por si solo no aparecerá en la imagen y no servirá para nada hasta que realicemos algún tipo de acción con él.
3.- Rellenar píxeles
Esto crea la forma con un color de relleno, es decir, no creará la forma vectorial que estábamos comentando, sino que la dibujará y la rellenará como mapa de bits.
4.- Selección rápida de herramienta pluma
Con estos botones podemos acceder rápidamente a alguna de las utilidades de la herramienta pluma.
5.- Selección rápida de otras formas
Con estos botones podemos acceder rápidamente a otras formas de las posibles con la herramienta de forma.
6.- Combinación de nuevas formas creadas
Permite decir cómo se combinan otras formas y trazados creados sobre la misma capa. Podemos hacer una intersección de las formas, unirlas, restarlas, etc.
7.- Estilos
Permite asignar estilos a las formas que estamos creando, con alguno de los estilos predefinidos en Photoshop u otros estilos que podamos haber creado nosotros.
8.- Color de relleno
Permite especificar el color con el que se rellenarán las formas creadas.
Formas y trazados
Los botones 1, 2 numerados en la anterior imagen permiten hacer formas con trazados y trazados sin más. Es interesante comentar algunas de las cosas que podemos hacer con los trazados.
Como hemos dicho, los trazados en Photoshop tienen la particularidad que se permite transformarlos sin perder detalle en la imagen. Con el botón marcado como 1 (capas de forma) se crea la forma con el color de relleno y esta se encuentra disponible en modo de trazado, para que podamos retocarla si lo deseamos. Por ejemplo podemos hacer una Transformación libre del trazado (desde el menú de edición o con la tecla rápida CTRL + T). Esto nos permite cambiar el rectángulo para adaptarlo a nuevas dimensiones o incluso cambiar el ángulo de los vértices si trasladamos uno de ellos con la tecla CTRL pulsada.
La opción marcada como 2 (Trazados) simplemente crea un trazado. Ese trazado, como se había señalado, no aparecerá en la imagen, simplemente está ahí para que nosotros hagamos algo con él. Podríamos transformarlo, con la opción de transformación de trazado comentada antes, o podríamos crear una selección a partir de él, para luego hacer cualquier cosa con ella, como rellenarla de color. También podríamos crear una forma personalizada a basada en el trazado, que veremos en el artículo de formas personalizadas más adelante, o incluso modificar el trazado con alguna de las herramientas como la pluma.
Para acceder a diversas acciones posibles con el trazado podemos pulsar en la imagen con el botón derecho del ratón y veremos varias opciones. Por ejemplo una de las más útiles es la de crear una selección con el trazado, que hará que se seleccione el área comprendida por ese trazado. Si habíamos creado varios trazados distintos, la selección que se mostrará será la unión de ellos, intersección o cualquier otra operación definida con los botones de las opciones de la herramienta marcados en la imagen anterior en el item 6 (combinación de nuevas formas creadas).
Como siempre, la mejor manera de entender todas las opciones de configuración de las formas de Photoshop, es practicar con las distintas opciones, para poder analizar y entender los resultados obtenidos.
lunes, 30 de noviembre de 2009
Amazing Retouching And Photo Enhancing Tutorials In Photoshop
As graphic designer retouching photographies is essential skill You need to master. You could talk about principles, but at least I started with simple photo editing on Photoshop, trying to take off red eyes, lumps and change backgrounds of pictures I was using. In this You’ll find everything You need – facial and portrait, teeth, lips, eye retouching, background remove as well as simple color adjustments in video and image-based tutorials. In fact for color adjustments I would suggest You look for some premade actions available on deviantart, very handy if You’re just starting out. This list is not so big because it is carefully picked, I am starting to think it’s better to get quality than quantity. Enjoy!
1. Facial And Portrait Retouching
Professional Photographic Retouching Tutorial (40Mins, Start-To-Finish)
This is the second tutorial in a series on photographic retouching. The first part was all about evening skin tonal values and removing blemishes. In this part I will take you through everything else. So, as a result it’s a long video (40 Mins).
High Quality Portrait Retouching Part 1
Tutorial will try to demonstrate the level of editing that goes into removing any discrepancies in the skin.
Glamour Model Complete Retouching
In thiis lesson we’ll see how to retouch a face’s photo and make from a simple picture a very original one
Super Fast and Easy Facial Retouching
In this tutorial, I will show you how to repair some image noise from a low-quality shot, and I will show you an extremely quick and easy way to smooth out a person’s face. The woman in this shot is not a model, and she has a lot of character so we don’t want to overdo it with the smoothing. We will make it look real and natural.
Portrait Retouching
This tutorial will cover retouch this girls portraits by enhancing the skin, eyes and lips.
Make Skin Smooth and Beautiful in Photoshop
This tutorial is great for retouching portraits of people who have acne, wrinkles, and other blemishes that you want to smooth out or remove. Once you’ve completed these steps, you’ll be able to use Photoshop to make any portrait subject appear years younger and healthier.
Airbrushing, doing professional make up digitally
2. Teeth
How to Whiten Teeth
Excellent video tutorial showing easy and fast way how to whiten Your teeth in subtle way.
Whiten Your teeth and eyes
Whenever the need arises to make a natural element white or whiter, it’s tempting to set the foreground color to white and reach for the airbrush. This works if applied with care, but it’s easier to achieve a more realistic effect using other Photoshop tools. Here, a small amount of whitening applied to the model’s teeth and eyes will lift the whole image.
3. Eyes
Enchancing Iris color
It is said that the eyes are windows into the soul. In that case some of us must have really boring souls, but help is at hand if you want to your eyes to really stand out in photographs and creative photo manipulations. This tutorial details a simple yet powerful technique for altering eye color using basic Photoshop tools and a decent image of an eye.
Eye enhancing technique
Learn how to make eyes more beautiful in Photoshop in few simple steps.
Eyescapes resources
I stumbled across this great eye scape page, if You want to efficiency change Your eye color, these eye scapes are the best way to do it in very natural way. ( although it’s Photoshop).
4. Color Adjustments
Quick Tip: Color Correction in Photoshop with the Curves Adjustment Tool
Curves Adjustment tool not only helps in creating desired contrast, but at the same time it allows to color correct images. This tutorial will teach you how to use this tool to color correct photos efficiently.
Non-Destructive Photo Editing with Adjustment Layers in Photoshop
This is not so much about retouching as how to edit photos in non-destructive way so You can later go back and play with settings and compare results.
5. Lips
Lips Gloss
This tutorial demonstrates how to use digital painting with a drawing tablet to create the illusion of lip gloss on bare lips. Use this technique frequently for retouching, it’s a great digital painting exercise too!
1. Facial And Portrait Retouching
Professional Photographic Retouching Tutorial (40Mins, Start-To-Finish)
This is the second tutorial in a series on photographic retouching. The first part was all about evening skin tonal values and removing blemishes. In this part I will take you through everything else. So, as a result it’s a long video (40 Mins).
High Quality Portrait Retouching Part 1
Tutorial will try to demonstrate the level of editing that goes into removing any discrepancies in the skin.
Glamour Model Complete Retouching
In thiis lesson we’ll see how to retouch a face’s photo and make from a simple picture a very original one
Super Fast and Easy Facial Retouching
In this tutorial, I will show you how to repair some image noise from a low-quality shot, and I will show you an extremely quick and easy way to smooth out a person’s face. The woman in this shot is not a model, and she has a lot of character so we don’t want to overdo it with the smoothing. We will make it look real and natural.
Portrait Retouching
This tutorial will cover retouch this girls portraits by enhancing the skin, eyes and lips.
Make Skin Smooth and Beautiful in Photoshop
This tutorial is great for retouching portraits of people who have acne, wrinkles, and other blemishes that you want to smooth out or remove. Once you’ve completed these steps, you’ll be able to use Photoshop to make any portrait subject appear years younger and healthier.
Airbrushing, doing professional make up digitally
2. Teeth
How to Whiten Teeth
Excellent video tutorial showing easy and fast way how to whiten Your teeth in subtle way.
Whiten Your teeth and eyes
Whenever the need arises to make a natural element white or whiter, it’s tempting to set the foreground color to white and reach for the airbrush. This works if applied with care, but it’s easier to achieve a more realistic effect using other Photoshop tools. Here, a small amount of whitening applied to the model’s teeth and eyes will lift the whole image.
3. Eyes
Enchancing Iris color
It is said that the eyes are windows into the soul. In that case some of us must have really boring souls, but help is at hand if you want to your eyes to really stand out in photographs and creative photo manipulations. This tutorial details a simple yet powerful technique for altering eye color using basic Photoshop tools and a decent image of an eye.
Eye enhancing technique
Learn how to make eyes more beautiful in Photoshop in few simple steps.
Eyescapes resources
I stumbled across this great eye scape page, if You want to efficiency change Your eye color, these eye scapes are the best way to do it in very natural way. ( although it’s Photoshop).
4. Color Adjustments
Quick Tip: Color Correction in Photoshop with the Curves Adjustment Tool
Curves Adjustment tool not only helps in creating desired contrast, but at the same time it allows to color correct images. This tutorial will teach you how to use this tool to color correct photos efficiently.
Non-Destructive Photo Editing with Adjustment Layers in Photoshop
This is not so much about retouching as how to edit photos in non-destructive way so You can later go back and play with settings and compare results.
5. Lips
Lips Gloss
This tutorial demonstrates how to use digital painting with a drawing tablet to create the illusion of lip gloss on bare lips. Use this technique frequently for retouching, it’s a great digital painting exercise too!
Suscribirse a:
Entradas (Atom)