18 elegantes diseños que usan pinceles de Photoshop

Comentarios: 0
Tags:
Fecha: 08/06/2009

Mucha gente puede llegar a subestimar el poder de los pinceles de Photoshop, relegando su uso a la adición de un toque "grunge" a algunos diseños. Este post de noupe recopia 18 excelentes diseños web que hacen uso de pinceles de Photoshop. Cada diseño hace un uso diferente de los pinceles y para cada ejemplo se han añadido recursos opcionales como pinceles o tutoriales que hacen de complemento perfecto de la muestra ofrecida.

Web Photoshop Brushes Showcase

18 Absolutely Stylish Designs Using Photoshop Brushes and How to’s » »

Algunas entradas relacionadas:

 

PSDFan

Comentarios: 0
Tags: ,
Fecha: 30/03/2009

En PSDFan, podemos encontrar bastante contenido de calidad cuyo nexo de unión es Photoshop: Noticias, Tutoriales, Inspiración, Entrevistas, Recursos, etc.

Quantum Brush. Pincel abstracto para crear efectos lighting

PSDFan » »

Algunas entradas relacionadas:

 

30 Tips para Photoshop

Comentarios: 3
Tags: ,
Fecha: 28/03/2009

En Internet existe múltiples listas de este tipo. Tips o pequeños consejos, que junto con la recomendación del uso de determinados atajos de teclado pueden hacer que nuestro trabajo en Photoshop sea más eficiente. En este sentido, el listado que a continuación se presenta no es nada original. Tampoco pretende serlo, puesto que tan sólo es una selección. De entre los cientos de tips y atajos de teclado que uno puede encontrarse a poco que busque un poco, son los que yo utilizo si no en el día a día si que con bastante frecuencia.

1.- ¿Cansado del fondo gris predeterminado que rodea a las imágenes?¿Te gustaría otro color para lograr un mayor contraste con la imagen sobre la que estás trabajando? Elige el color que te gustaría como fondo, haz click en el botón de pintura y con la tecla mayúsculas presionada haz click sobre el fondo gris.

2.- En Photoshop todos los botones de "Cancelar" en cualquier ventana pueden cambiarse a "Restaurar" para volver a los valores iniciales.

3.- Presiona el tabulador para ocultar la barra de herramientas y las paletas.

4.- Presiona MAYUS+Tabulador si únicamente deseas esconder las paletas.

5.- Haz click con la tecla MAYÚSCULAS presionada sobre la barra azul superior en las paletas o barra de herramientas para que éstas se alineen con el borde más próximo a ellas.

6.- Haz doble click sobre la barra azul superior sobre cualquier paleta para minimizarla.

7.- Presiona la tecla F para alternar entre 3 modos de pantalla diferentes y así poder obtener un mayor área de trabajo.

8.- Para dibujar una línea recta, haz click en el punto inicial, muévete hasta el punto final y haz click con la tecla MAYÚSCULAS presionada.

9.- Estando trabajando con cualquier herramienta, presiona la tecla CTRL para pasar a la herramienta Mover de modo temporal. Al soltar la tecla CTRL volverás a la herramienta con la que estabas trabajando.

10.- Estando trabajando con cualquier herramienta, presiona la tecla ESPACIO para pasar a la herramienta Mano de modo temporal. Al soltar la tecla ESPACIO volverás a la herramienta con la que estabas trabajando.

11.- Presionando CTRL+ESPACIO pasas a la herramienta de Zoom en modo aumentar.

12.- Presionando ALT-ESPACIO pasas a la herramienta Zoom en modo disminuir.

13.- CTRL+D Deselecciona. CTRL+MAYUS+D vuelve a seleccionar. CTRL+MAYUS+I invierte la selección.

14.- Presiona la tecla ALT y haz click sobre el icono del ojo que hay al lado de todas las capas en la paleta de capas para ocultar/mostrar todas las otras capas.

15.- Si la capa con la que vas a trabajar está enlazada con otras capas y necesitas desenlazarla, puedes hacerlo rápidamente pulsando la tecla ALT y a continuación hacer click en el pincel que hay al lado de la capa en la paleta de capas.

16.- CTRL+ALT+Z y CTRL+MAYUS+Z van, respectivamente, hacia atrás y hacia adelante en el historial.

17.- Si tienes varios documentos abiertos, con CTRL+TABULADOR podrás ir pasando de unos a otros.

18.- Doble click en la herramienta de zoom hará la imagen al 100 %, doble click en la herramienta mano ajustará la imagen al espacio disponible, dependiendo de la resolución de tu pantalla.

19.- CTRL+MAYSU+E combinará todas las capas visibles. Sobre una capa nueva utiliza CTR+MAYUS+ALT+E para combinar todas las capas visibles en ésta y dejar intactas las originales.

20.- Al utilizar el marco de selección, presiona la tecla ALT al iniciar la selección para que el punto de partida sea el centro de la selección.

21.- CTRL+ALT+T para hacer una copia de la capa que deseas transformar.

22.- Presionando X se alternarán los colores frontales y de fondo seleccionados.

23.- Presionando D se reestablecerá el color frontal y de fondo a negro y blanco.

24.- Presiona CTRL y haz click sobre la miniatura de una capa para seleccionar su contenido.

25.- Cuando utilizas el Lazo Poligonal presiona la tecla MAYUSCULAS para realizar líneas perfectas en ángulos de 45 grados.

26.- Las combinaciones de teclas CTRL+'+' y CTRL+'-' sirven para aumentar el zoom y reducir el zoom respectivamente.

27.- Con la herramienta Cuentagotas puedes capturar un color frontal haciendo click, puedes capturar un color de fondo haciendo click con la tecla ALT presionada.

28.- Con la herramienta de Medición dibuja una línea. A continuación presiona la tecla ALT para dibujar otra línea a continuación de la primera. Photoshop, además de medir la distancia de esta segunda línea, mostrará el ángulo que forman ambas líneas.

29.- Si estás editando texto puedes aumentar el tamaño del texto sin necesidad de recurrir a la paleta. Selecciona el texto sobre el que deseas cambiar el tamaño y presiona CTRL+MAYUS+'+' para aumentar el tamaño y CTRL+MAYUS+'-' para disminuir el tamaño.

30.- La Herramienta de Tampón de clonar también funciona cuando tienes varias imágenes abiertas al mismo tiempo. Presiona ALT y haz click en un área de cualquier imagen de un archivo abierto y posteriormente puedes pintar en cualquier otro documento.

Algunas entradas relacionadas:

 

Acciones de Photoshop para retoque y efectos fotográficos

Comentarios: 0
Tags: , ,
Fecha: 26/03/2009

La utilización de acciones para Photoshop es un método muy útil para obtener resultados casi inmediatos. En DesignM.ag han publicado dos recopilaciones de acciones enfocadas en el retoque y efectos fotográficos.

50 Acciones para Photoshop

60 Photoshop Actions for Photo Touch-Ups and Enhancements » »
30 Photoshop Actions for Touch Ups and Enhancements - Part 2 » »

Algunas entradas relacionadas:

 

FBrushes: Pinceles, Texturas y Patrones gratuitos para Photoshop

Comentarios: 0
Tags: , , ,
Fecha: 11/03/2009

FBrushes es otro de esos sitios que se dedican a recopilar recursos para Photoshop. Aunque el número de sitios similares cada vez es mayor, aún se pueden encontrar cosas que uno no ha visto en otras webs. Un ejemplo son los pinceles que ilustran este post.

F Brushes Pinceles de Ondas

FBrushes » »

Algunas entradas relacionadas:

 

Vunky Search: buscador de tutoriales de Photoshop

Comentarios: 1
Tags: ,
Fecha: 23/02/2009

Vunky Search es un buscador/navegador de tutoriales de Photoshop cuya principal apuesta es la rapidez y la eliminación de contenidos innecesarios. Al realizar una búsqueda o al realizar un filtrado haciendo click en una de las categorías los resultados son mostrados de forma inmediata en forma de imágenes. De este modo y de un vistazo podemos encontrar el tutorial que mejor se ajuste a los resultados que deseamos obtener.

Vunky Search

Vunky Search » »

Algunas entradas relacionadas:

 

Tutorial de ejemplo de uso de texturas y pinceles en Photoshop

Comentarios: 3
Tags: ,
Fecha: 20/02/2009

En el blog se recogen un buen número de recursos y, en especial, recursos para trabajar con Photoshop. A veces puede parecer que este afán por recoger y enlazar texturas y pinceles es algo excesivo. Yo no pienso lo mismo. Tener un buen banco de texturas, pinceles, patrones, tipografías,... creo que es fundamental. Nunca se sabe cuando vas a tener que recurrir a un recurso. Este tutorial pretende mostrar como este tipo de recursos pueden sernos de gran utilidad a la hora de desarrollar un trabajo. Lo primero de todo dejar claro que este tutorial requiere de algunos conocimientos previos de Photoshop por lo que, aunque los paso principales del proceso están recogidos en el tutorial, el resultado final dependerá las variantes y la pericia de cada uno. Un posible punto final sería el siguiente:

Tutorial Photoshop

A modo de ingredientes para una receta, el material utilizado para este ejemplo es:

  • Una fotografía de partida. La elección de la fotografía condicionará en gran medida el resultado final por lo que es conveniente mimar este primer paso y asegurarnos de que la fotografía es la idónea.

  • Una textura grunge. La elección de una textura u otra personalizará el resultado final y jugar con varias texturas hasta encontrar la que mejor se ajuste a nuestras intenciones y a la fotografía con la que estamos trabajando forma parte del juego.
  • Algunos de los pinceles recopilados en "30 High-Quality Grunge Photoshop Brush Sets". Los pinceles, como la sal, al gusto de cada uno.

1.- El proceso sería abrir la fotografía con la que deseemos trabajar y duplicar la capa para de este modo trabajar sobre una capa duplicada y tener en todo momento a nuestra disposición el punto inicial.
2.- Lo siguiente es extraer a la chica del fondo. Para ello utilizamos la opción Extraer ("Filtro > Extraer"). Con la herramienta resaltador de bordes, trazamos la silueta de una manera aproximada. No hay que hacerlo con una gran precisión puesto que exista cierta irregularidad ayudará al resultado final. Una vez tenemos trazada la silueta, rellenamos el área que deseamos conservar y pulsamos "OK".

Paso1

4.- Habremos eliminado el fondo pero puesto que debajo de la capa con la que estamos trabajando tenemos la fotografía inicial el resultado no será apreciable. Crearemos una capa con el fondo blanco encima de la capa con la fotografía inicial. De este modo ya apreciaremos los resultados.

5.- Ahora necesitamos pasar la imagen a escala de grises, "Imagen > Ajustes > Desaturar". Una vez tenemos la imagen en este punto necesitamos prescindir de los tonos grises y aumentar el contraste para quedarnos casi únicamente con blancos y negros. Para ello podemos jugar con "Imagen > Ajustes > Brillo/Contraste", subiendo tanto el brillo como el contraste de una forma significativa. También podemos utilizar "Imagen > Ajustes > Niveles" para ajustar aún mejor las zonas visibles -las que quedan en color negro-.

Paso2

6.- Ahora viene la parte digamos mágica. Cogemos la textura que hayamos seleccionado y la pasamos al documento con el que estamos trabajando. Situamos la capa de la textura encima de la imagen en blanco y negro que tengamos y cambiamos el modo de fusión de la capa de "Normal" a "Trama". En mi ejemplo yo también he desaturado la capa de la textura. El resultado en este punto debería ser similar a éste.

Paso3

7.- Ahora, si lo deseamos, sólo queda añadir algún elemento adicional mediante alguno de los pinceles de Photoshop mencionados al inicio. También podemos añadir un poco de color a la composición.

La inclusión de manchas de color en composiciones inicialmente monocromáticas es una técnica muy utilizada en el diseño y la ilustración actuales.

Algunas entradas relacionadas:

 

18 conjuntos de pinceles para crear efectos de iluminación

Comentarios: 0
Tags: ,
Fecha: 19/02/2009

Colección de pinceles para Photoshop para crear efectos de iluminación. En "28 Powerful Photoshop Lighting Effects" también nos han seleccionado algunos de los mejores tutoriales para crear estos efectos.

Light Effects

18 Photoshop Brush Sets for Creating Incredible Lighting Effects » »

Algunas entradas relacionadas:

 

Christophe Huet

Comentarios: 0
Tags: ,
Fecha: 11/02/2009

Impresionante portafolio de retoque y montaje fotográfico. No es de extrañar que haya realizado trabajos publicitarios para importantes firmas como Motorola, Nike, Citroën, Apple o Intel. Muy recomendable también echarle un vistazo a su sección making off.

Christophe Huet

Christophe Huet

Christophe Huet

Christophe Huet » »

Vía Scene 360 News » »

Algunas entradas relacionadas:

 

20 plantillas en formato PSD

Comentarios: 3
Tags: ,
Fecha: 10/02/2009

Colección de recursos en formato .PSD que nos pueden ser útiles tanto para incorporarlos en algún trabajo como para aprender técnicas y formas de trabajar, examinando sus capas y técnicas empleadas.

PSD Templates

20 More free PSD templates to use and learn from » »

Algunas entradas relacionadas:

 
Páginas: 1 2 3 4 5 6 7 8 9 10 11 12 Siguiente >
El hombre nunca sabe de lo que es capaz hasta que lo intenta.Dickens, Charles
Pixer.us

Pixer.us es un servicio web que nos ofrece opciones sencillas de edición de imágenes, como modificar el tamaño o recortarlas. También podremos añadirle unos cuantos efectos básicos. Para utilizar este servicio tan sólo tenemos que subir nuestra imágen haciendo click en el botón de “Examinar” y luego en el de “Upload & Edit”. Una vez hemos realizado las modificaciones tendremos la opción de guardar la imagen en alguno de los siguientes formatos: JPEG, GIF, BMP o PNG.

7 Poderosos carruseles de imágenes para diseñadores

Este post es una colección de algunos de los mejores carruseles de imágenes y contenido que podemos utilizar para nuestros proyectos web. El listado incluye Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) y un tutorial acerca de cómo implementar un carrusel como los de Flickr utilizando Prototype-UI.

Listado de editores de PHP

Listado que aglutina la mayoría de editores de PHP que existen en la actualidad. El listado está dividido en editores gratuitos -con una subdivisión por sistema operativo- y editores comerciales. Interesante enlace.

50 lecciones acerca de teoría del diseño

Desde Psdtuts+ nos ofrecen 50 lecciones acerca de teoría del diseño gráfico. Si bien muchas veces nos enfocamos en el cómo de las cosas, cómo conseguir un efecto, cómo realizar una retícula en css,... también resulta muy importante entender el "por qué". Lecciones acerca de tipografía, psicología del color, composición, etc. Las lecciones están en inglés.

BonkEnc extrae, codifica y convierte archivos de audio

BonkEnc es una utilidad para extraer las pistas de audio de los CDs, codificar y convertir los archivos de audio a múltiples formatos. Es capaz de generar archivos en formato MP3, MP4 /M4A, Ogg Vorbis, AAC, y FLAC. Y dispone de su propio códec de sonido, Bonk. Además es compatible con CDDB (Compact Disc Database) y CDText

Times Reader: el New York Times en Adobe AIR

El prestigioso New York Times ha lanzado una aplicación, llamada Times Reader, basada en Adobe AIR, que permite leer las noticias de un modo más parecido a lo que sería un periódico en papel. Parece que la crisis de los medios escritos hace que se abran a nuevos modelos de negocio.

Appetizer

Appetizer es una aplicación gratuita para Windows que funciona como lanzador de aplicaciones. Permite organizar los accesos directos y carpetas que más a menudo utilizemos en una cómoda barra o "dock" . Entre sus características cabe destacar que tiene soporte para plugins; para pieles; teclas de acceso rápido; apoyo a iconos personalizados; etc. También es muy interesante mencionar que el programa posee una versión portable del mismo.

How To Create A Great Web Design CV and Resume?

Aprovechando que están cayendo chuzos de punta en el mundo laboral, en Smashing Magazine se han marcado un muy interesante artículo sobre como crear un buen currículum vitae.

13 trucos para Google Reader

Una interesante recopilación de recursos y recetas para sacar un mayor partido a Google Reader: atajos de teclado, uso de filtros, utilizar las notas,...