Tag Archive for: photoshop

Photoshop cs4 teclas rapidas hotkeys

Categories: photoshop - Tags:

Nunca he sido bueno memorizando teclas rápidas y eso que llevo varios años metido en el mundo del diseño, sin embargo para recordar las más comunes siempre es interesante contar con un resumen de esta y que mejor que en PDF para revisarlas rápidamente no sólo para Photshop CS4 sino también para versiones anteriores.

Photoshop Hotkeys

Photoshop CS4 herramientas de selección

Categories: Diseño, photoshop - Tags:

Voy a aprovechar que estoy llevando un curso de Photoshop para escribir algo al respecto. Creo que todos lo que hayamos manejado alguna vez Photoshop conocemos las herramientas de selección, doy un click arrastro el mouse y ya, pero hay algunas opciones adicionales que podemos aprovechar para explotar al máximo nuestro Photoshop.

Opciones de Selección

Como ya sabemos en nuestra barra de herramientas hay 2 opciones selección rectangular y selección elíptica pero ambas tienen algunas variantes que permiten no sólo crear una nueva selección sino que además es posible modificar nuestra selección cortando partes de esta o agregando trozos de selección.

photoshop cs4 seleccion

photoshop cs4 seleccion

Modificando nuestra selección

¿Cómo muevo mi selección?

Si quisieramos mover nuestra selección cuando aún no hemos soltado el mouse debemos apretar la barra espaciadora y al mover el mouse se moverá nuestra selección.
Si ya soltamos el mouse entonces al pasar el mouse sobre la selección manteniendo activa la herramienta selección veremos que el cursor cambia y al darle click y arrastrar la selección esta se moverá.

¿Cómo selecciono un cuadrado o un círculo?

Si queremos que la selección se escale de forma precisa debemos apretar la tecla mayúsulas (shift) y asi obtendremos ya no un rectángulo sino un cuadrado o un círculo según corresponda.

¿Cómo hago crecer la selección desde el centro?

Normalmente la selección crece desde una esquina pero que crezca desde el centro para lo cual debemos apretar la tecla ALT y al arrastrar el mouse esta crecerá desde el centro.

Modificar bordes de mi selección

Una vez hecha nuestra selección elegimos en el menu seleccion/modificar/suavizar o en inglés selection/modify/smooth allí podremos elegir cuantos pixeles desemos como borde redondeado. También es posible agrandar, reducir e incluso crear un desvanecimiento de nuestra selección usando las opciones de selección/modificar

Transformar nuestra selección

Una vez hecha la selección es posible rotar y escalar en la opción del menú selección/transformar selección

Pintar la selección

Si la idea es colorear la selección hay 2 opciones CTRL+BACKSPACE y ALT+BACKSPACE con esta combinación nuestra selección se pintará con el color de fondo o el color frontal respectivamente.

Invertir la selección

Usando la combinación CTRL + MAYÚSCULAS(SHIFT) + I la parte no seleccionada se selecciona y la parte que estuvo seleccionada se deselecciona esto es muy util para cambiar el fondo o eliminarlo.

Logos gratis para tu pagina web

Categories: Diseño, Otros - Tags: ,

Si es que el diseño no es tu fuerte o necesitas un logo para salir del apuro, seguro que esta página te va a ser muy útil, estos logos pueden ser usados libremente no requieres suscribirte para descargarlos y lo mejor claro esta es gratis.
Si eres un diseñador profesional no esperes encontrar maravillas obviamente pero para salir del paso genial.

Busca AQUI

Videotutorial como diseñar paginas web con Photoshop

Categories: Diseño, videotutorial - Tags: , ,

Este es el primer video tutorial que grabo y publico en mi pagina web.

No olvides votar por el video en youtube

La idea era mostrar como se hace el diseño (layout) del sitio antes de proceder a maquetarlo, en un futuro tutorial publicaré el
proceso de convertir este diseño en XHTML y CSS.

Primero voy a resumir el video:

El primer paso es crear un nuevo archivo en Photoshop, el ancho depende de nuestro diseño, vamos a ver algunas pautas para ello

Lineas Guia

Para hacer nuestro diseño es necesario definir un ancho que sea compatible con la mayoría de monitores, lo cual suele ser 1024 x 768px sin embargo hay varios pixeles que ya son ocupados por el propio navegador asi que como tamaño máximo no debemos usar mas de 1000px de ancho, si además desea poner un fondo visible lo mejor sería no exceder del 960px. Con Photoshop procedemos a poner estas primeras guias que fijaran el ancho del sitio.

Estructura de las Capas

Es imporatnte ser ordenados al momento de diseñar, eso ayudará mucho al programador o a nosotros mismos nos ayudará a hacer cambios posteriores por lo que sugiero crear una carpeta por cada sector: encabezado, menu, contenido,… y dentro de estas otras carpetas por ejemplo dentro de encabezado iria logo, slogan…..

Videotutorial Photoshop

Descarga el layout photoshop

Puedes bajar el archivo photoshop creado en el video desde AQUI

Vintage Afiche Photoshop tutorial

Categories: Diseño - Tags: , ,

Para los amantes del estilo vintage (personalmente admito que no es mi estilo favorito), les traigo este interesante tutorial que te explica como crear un afiche a ese estilo de forma muy simple, unicamente sobre un fondo con textura se aplican unas lineas y una imagen. Pueden ver el tutorial completo AQUI

tutorial poster estilo vintage

vintage-Poster-tutorial