Novedades en la categoría photoshop

Por: Prag.net
Taducido por: E. Ulloa

PSDtechnodotsIntro.gifEl siguiente tutorial explica en seis simples pasos como lograr un interesante efecto de Medio Tono que se puede aplicar a muchas formas y textos en Photoshop alcanzando diferentes acabados a través de varios efectos.


Por: Prag.net
Traducido por: E. Ulloa.

PSDcromado1.gif
Paso 1:
Comienza haciendo una nueva imagen de 400x400px con un fondo blanco. Utiliza la herramienta de texto para crear una palabra (usa el negro como el color de este tutorial). Para este se utuilizó una tipografía Times New Roman a un tamaño de 180 puntos.

PSDcromado2.gif

Paso 2:
Ahora pulsa en Capa>Estílo de Capa>Sombra (Layer>Layer Style>Drop Shadow) o haz doble click en la capa de texto en la pestaña de Capas. Una vez que la caja de Estilos de Capa aparezca utiliza los siguientes valores para la sombra.

PSDcromado3.gif
Paso 3:
Ahora abre la caja de Sombra Interna (Inner Shadow) y utiliza estos valores.

PSDcromado4.gif
Paso 4:
Ahora abre la caja de Resplandor Interno (Inner Glow) y utiliza los valores mostrados aquí.

PSDcromado5.png

Paso 5:
Luego cambia las configuraciones de Relieve (Bevel and Emboss) y utiliza los siguientes valores.

PSDcromado6.png

Paso 6:
Ve ahora a la caja de Recubrimiento en Degrade (Gradient Overlay) y usa estas configuraciones. Necesitas que el degrade luzca como el que utilizamos aquí. Para modificar el degrade pulsa varias veces en el mismo, agrega y mueve el botón deslizable para que se parezca a lo siguiente:

PSDcromado7.gifPSDcromado8.gif

Paso 7:
Ahora ve al área de linea (stroke) y utilice los valores que aparecen aquí.

PSDcromado9.gif

Paso 8:
Ahora agrupamos todos los efectos juntos un vez estén como queremos. Para hacer esto crea una nueva capa sobre la capa de texto. Al tener esta nueva capa seleccionada ve al menú: Capa > Rasterizar > Texto (Layer > Rasterize > Type) entonces vincula y fusiona la capa de texto a la nueva capa transparente de arriba. Ahora tenemos la apariencia de todos los efectos de capa pero pero observa que han desaparecido. Bien. Ahora podemos pulsar en la capa de texto y agregar una nueva sombra al texto y no danara ninguna de las otras configuraciones.

PSDcromado10.gif

Escrito por: Collis de PSDtuts.com
Traducido por: E. Ulloa

preview.jpg
En este simple tutorial vamos a crear una práctica manera de hacer pequeños botones usando algunas capas y una capa de imagen intercambiable. Puedes descargar al archivo PSD con el ejemplo acabado del botón del tutorial de los cuales puedes copiar los estilos de capa.













Paso 1:
Comienza dibujando sobre un fondo coloreado. Aquí hemos usado un degradé radial entre marrones y grises. Entonces, en una nueva capa dibuja un circulo y rellenalo de color sin importar cual, aquí hemos usado el verde.

1.jpg
Paso 2:
A continuación aplicaremos varios estilos de capas. Utilizamos dos tipos de sombras internas (una usando 'sombra interna' y otra usando 'brillo interno'). También tenemos un sutil revestimiento degradado (Overlay Gradient) y una sombra (Drop Shadow) y un poco de "satén". Hemos escogido los efectos anteriores para darle al objeto una apariencia 3D al usar sombras en los bordes haciendo curva y una degradé radial para simular una reflejo de luz en el medio. ¡El "satén" es para darle un toque extra!
De todas formas en vez de pasar por todos estos ajustes, simplemente descarga el archivo incluido en el tutorial, haz click derecho en la capa y selecciona "Copiar Estilo de Capa".

2.jpg
Paso 3:
Así luce el circulo al aplicar los estilos de capa.

3.jpg
Paso 4:
A continuación dibuja una elipse con la herramienta de Selección Circular que sea mas larga horizontal que verticalmente (como se muestra en la imagen). Crea una nueva capa y dibuja un degradé radial de blanco a transparente. Ten en cuenta que debes arrastrar el degradé de forma que la transparencia total ocurra fuera de la selección (Ej.: la parte blanca tiene un corte un poco firme donde termina el área de selección).
Cuando hayas terminado, rota la elipse aproximadamente unos 30 grados. Esta será nuestra fuente de luz principal.

4.jpg
Paso 5:
Ahora duplica la capa de luz principal, oculta la visibilidad de la primera por un momento para que puedas apreciar lo que estas haciendo y entonces mantén presionado CTRL y haz click en la segunda capa de luz principal para seleccionar sus pixeles. Luego pulsa varias veces las flechas hacia abajo e izquierda y presiona borrar (Delete). Esto debe dejarte con un pedazo pequeño de luz principal como se muestra en el ejemplo.

5.jpg
Paso 6:
Vuelve a hacer visible tu primera capa de luz principal, luego duplica la segunda luz principal y rotala al fondo a la izquierda como se muestra aquí. ¡Ahora ya tienes el estilo del botón!

6.jpg
Paso 7:
Ahora queremos hacer que el botón sea intercambiable. Para lograr esto simplemente selecciona la capa principal verde y ajusta el relleno a 0%. El relleno es un poco como la opacidad excepto que si la ajustas a 0% de opacidad también harías que los efectos de la capa fuesen transparentes. Si en cambio ajustas el relleno a 0% los efectos de la capa aún serán visibles. Esto es perfecto ya que de esta forma nos deshacemos del verde pero aún nos queda todo lo que necesitamos para hacer nuestros botones. Ahora lo único que necesitamos hacer es meter algo por debajo.

7.jpg
Paso 8:
Hemos tomado una bandera británica la cual se puede apreciar por debajo del botón mostrando como funciona el relleno al 0%.

8.jpg
Paso 9:
Todo lo que hay que hacer es pulsar CTRL y hacer click en la capa del circulo para seleccionar ese tamaño, luego presiona SHIFT + CTRL + I para invertir la selección, ve a la capa de la bandera y borra. ¡Ya has terminado un botón!

9.jpg
Paso 10:
Hemos creado unos botones extra utilizando algunas imágenes aleatorias. Y en caso de que se pregunten por la fuente utilizada en "Button Maker" se llama "Dynamoe".

10.jpg
PSD de ejemplo.

Sample.psd <<DESCARGA EL ARCHIVO PSD DE ESTE TUTORIAL.
Por: Nick La de Web Designer Wall
Traducción: E. Ulloa.

photoshop-shortcuts.jpgEstá comprobado que utilizar atajos de teclado con programas puede maximizar tu productividad. Aquí tenemos 30 atajos secretos de Photoshop que he aprendido con años de experiencia. Bueno, lo que quiero decir con estos atajos "secretos" es que no están especificados en los menús. Sigue leyendo y descubrirás como estos atajos pueden acelerar tu productividad. Apuesto a que no conoces alguno de ellos.

Nota: este artículo está escrito para el formato Photoshop con Macintosh, si usas un PC, CMD = CTRL y OPT = ALT.

1.- Arrastra una selección.
Con la Herramienta "Marquee" arrastra en el documento (no sueltes el ratón aún) y ahora presiona la barra de espacio, te dejará arrastrar la selección que has hecho a cualquier otro lugar del documento.

shortcuts-1.gif2.- Navega el documento a la derecha e izquierda.
Presiona la tecla CMD y gira la bola/rueda del ratón hacia arriba o abajo y te permitirá navegar el documento a la derecha o izquierda. Por ejemplo, presiona CMD y la rueda hacia arriba y navegarás hacia la derecha.

shortcuts-2.gif3.- Navega la lista de fuentes.
Pon el cursor en la lista desplegable de fuentes, puedes navegar la lista con las flechas arriba y abajo.

shortcuts-3.gif4.- Escala el tamaño de la fuente.
Selecciona el texto al cual quieres cambiar el tamaño de fuente, presiona CMD + SHIFT + > o < para aumentar o disminuir el tamaño del texto.

shortcuts-4.gif
5.- Haz zoom con la rueda del ratón.
Puedes hacer zoom para acercar o alejar presioanndo CMD + OPT + rueda arriba o abajo.

shortcuts-5.gif6.- Arrastra para ajustar el valor numerico.
Pasa el cursor sobre el cuadro del valor, presiona CMD y arrastra a la izquierda o derecha para aumentar o disminuir el valor. Presiona CMD + OPT y arrastra para cambiar el valor en decimales o intervalos de 10. Este atajo funciona con todas las paletas de dialogo.

shortcuts-6.gif
7.- Rueda para ajustar el valor numerico.
Pon el cursor en la caja del valor, mueve la rueda/bola del ratón hacia arriba o abajo para aumentar o disminuir el valor. Este atajo funciona con todas las paletas de dialogo.

shortcuts-7.gif
8.- Flecha arriba o abajo para ajustar el valor numerico.
Ponga el cursor el la caja del valor, presiona las teclas de flecha arriba o abajo para aumentar o disminuir el valor. Presiona SHIFT + flechas y se ajustará el valor en intervalos de 10.

shortcuts-8.gif
9.- Hacer zoom al 100%.
Haciendo un doble click en el icono de la herramienta de zoom hará un acercamiento al 100%.

shortcuts-9.gif
10.- Colapsar o expandir todos los grupos de capas.
Puedes colapsar o expandir todos los grupos de capas a nivel de raíz presionando CMD y haciendo click en el icono triangular. Presionando CMD + OPT y el triangulo colapsará o expandirá todos los grupos de capas en todos los niveles.

shortcuts-10.gif
11.- Mostar / Ocultar en una fila.
Si necesitas mostrar u ocultar mas de una capa, en vez de pulsar una a una, pulsas en un icono de visibilidad y sin soltar arrastras sobre los otros.

shortcuts-11.gif
12.- Oculta otras capas.
Presiona OPT y pulsa el icono de visibilidad de una capa y se ocultarán todas las otras.

shortcuts-12.gif
13.- Navega el modo de mezcla de capas (Layer Blending Mode).
Al tener una capa seleccionada, presiona OPT + SHIFT + "-" o "+" te permitirá navegar por las opciones desplegables  de mezcla de capa.

shortcuts-13.gif
14.- Escojer un Modo de Mezcla especifico.
OPT + SHIFT + C, M, N, S, D... permite escojer un modo de mezcla especifico para la capa seleccionada.
Por ejemplo:
Normal = Opt + Shift + N
Screen = Opt + Shift + S
Multiply = Opt + Shift + M
Color = Opt + Shift + C

shortcuts-14.gif
15.- Bloquea la transparencia de una capa.
Presiona Barra inclinada ("/") para bloquear la transparencia de una capa seleccionada.

shortcuts-15.gif16.- Cargar selección de canal.
Probablemente ya sabes que presionando CMD + teclas numericas (1,2,3) activará los canales en sequencia. Presiona CMD + OPT + y las teclas numericas y se cargará la selección. Por ejemplo: presiona CMD + OPT + 4 cargará el Canal Alfa 1.

shortcuts-16.gif
17.- Paleta de Herramientas.
Presiona Tabulador para saltar las herramientas de la paleta.

shortcuts-17.gif

18.- Cursor Preciso.
La tecla de Bloqueo Mayúsculas mostrará el cursor en modo preciso.

shortcuts-18.gif19.- Navegar la lista de herramientas.
Puedes navegar la lista de herramientas SHIFT + la letra de la herramienta. Por ejemplo: B = Brush (Pincel), si presionas de nuevo SHIFT + B cambiarás a la herramienta de lápiz.

shortcuts-19.gif20.- Aumenta o disminuye el tamaño del Pincel.
Con la herramienta Pincel selecciona puedes aumentar o disminuir el tamaño del Pincel presionando los símbolos de corchete [ ó ]. Presionando SHIFT + [ ó ] incrementará o disminuirá la dureza del pincel.

shortcuts-20.gif21.- Opacidad.
Puedes configurar la opacidad de una capa presionando las teclas numericas (Ej: 1 = 10%, 2 = 20%...). Cuando tienes seleccionada la herramienta de Pincel, al presionar las teclas numericas se ajustará la opacidad del pincel.

shortcuts-21.gif22.- Duplicar una Capa.
Existen varios atajos para duplicar capas.
1. Puedes mantener presionado CMD + OPT y arrastrar para duplicar la capa activa.
2. CMD + OPT + Flechas (arriba, abajo, derecha o izquierda).
3. CMD + J duplicará la capa activa en la posición exacta.
4. Manteniendo presionado OPT y arrastrando entre la paleta de Capas también puede duplicarlas.

shortcuts-22.gif23.- Copiar visible y pegar en una nueva capa.
Presiona CMD + OPT + SHIFT + E y copiará todas las capas visibles y laspegará en una nueva.

shortcuts-23.gif24.- Cambia el color de fondo del área de trabajo.
Por defecto Photoshop utiliza el gris como color de fondo en el área de trabajo. puedes cambiarlo de la siguiente manera:

1. Selecciona tu color favorito.
2. Selecciona la herramienta Bote de Pintura.
3. Mantén presionado SHIFT y haz click en el área de trabajo (fuera del área del documento).

shortcuts-24.gif
Actualización: Haz click derecho en el área de trabajo para obtener un desplegable que permite cambiar el color por defecto a negro, gris o un color personalizado (comentario por: Todd Patrick).

25.- Color de relleno frontal o de fondo.
OPT + Borrar (retroceso) = rellena la capa con color frontal.
CMD + Borrar (retroceso) = rellena la capa con color de fondo.

shortcuts-25.gif
Actualización:
CMD + SHIFT + Borrar (retroceso) = rellena los pixeles no transparentes con color de fondo.
CMD + SHIFT + Borrar (retroceso) = rellena los pixeles no transparentes con color frontal.
(comentado por: André Dion).
26.- Alterna ventanas de documentos.
CTRL + TAB alternará las ventanas d elos documentos abiertos.

shortcuts-26.gif27.- Carga la transparencia de la capa.
Presionando CMD + y haciendo click en la miniatura de la capa cargará su transparencia.

shortcuts-27.gif28.- Escala proporcionalmente desde el centro.
Cuando utilices las herramientas de Carpa (Marquee Tools) o la de Transformación Libre, presionando OPT + SHIFT y arrastrando escalará la figura proporcionalmente desde el centro.

shortcuts-28.gif29.- Atajo al Cuenta Gotas.
Si tienes la herramienta de Pincel selecionada, al mantener presionada la tecla OPT activará rápidamente el Cuenta Gotas. Al mantener presionado OPT + SHIFT se activará la herramienta de Muestreo de Color.

shortcuts-29.gif30.- Finalmente...
Finalmente, si quieres revisar los atajos existentes o confirurar los tuyos personalizados, presiona CMD + OPT + SHIFT + K y obtendrás el Panel de Atajos del Teclado.

shortcuts-30.gif


efecto plástico

| Sin comentarios | Sin trackbacks
1. Cree una nueva imagen de unos 800x800 pixeles de tamaño. Seleccione el azul RGB (26, 104, 175) como color de primer plano. Utilice la herramienta de texto (Type Tool) para crear una "e" y ajuste el tamaño para rellenar la imagen. Es mejor trabajar en grande.

PS01_200x200.gifEsta e esta creada con Times New Roman Bold Italic. 2. Presionando Control (Command en el Mac) seleccione la capa "e" en la ventana de capas (Layers) para asi seleccionar su transparencia. Luego cree una nueva capa y contraiga a seleccion a 16 pixeles.

Seleccion>Modificar>Contraer... 16 pixeles (Select>Modify>Contract... 16 pixels).

PS03_200x200.gif3. Seleccione blanco como el color de primer plano y rellene la selección con Alt+Retroceso "Borrar en Mac" (Alt+Backspace "Delete on a Mac"). Remueva la selección (Ctrl+D) y aplique Difuminado Gausiano (Gaussian Blur) a la capa con 16 pixeles. 

Entonces, vuelva a aplicar Difuminado Gausiano a 8 pixeles y una vez mas con 4 pixeles.

Fije la opacidad de la capa a 52% y el Modo de Mezcla (Blending Mode) a (color Dodge). PS03_200x200.gif
4. Ahora mantenga presionado Ctrl y en la ventana de capas seleccione la capa "e" para seleccionar su transparencia.

En la ventana de Canales (Channels) presione el botón de Guardar Selección como canal (Save Selection as channel). Ahora seleccione el nuevo canal creado. Filtro > Difuminado > Difuminado Gausiano... 16 pixeles (Filter > Blur > Gaussian Blur... 16 pixels) 

Entonces aplique Difuminado Gausiano de nuevo con 8 pixeles, 4 pixeles y 2 pixeles. 
 
Invierta la selección Ctrl+Mayusculas+I (Ctrl+Shift+I), borre la selección con negro, Borrar (Delete) y por ultimo suelte la selección.

PS04_200x200.gif 5. Regrese a la ventana de capas, mantenga presionado Ctrl y presione en la capa para seleccionarla, de nuevo para seleccionar su transparencia.  
Cree una nueva capa y arrastre la capa de resplandor interno (Inner Glow).

Seleccione la nueva capa, rellene la selección con negro y cambie el nombre de la capa a "Highlights". Presione en Preservar Transparencia (Preserve Transparency) y fije el modo de mezcla a Pantalla (Screen).
PS05_200x200.png
6. Con la capa "Highlight" seleccionada vaya a: Filtro > Render > Efectos Lumínicos... (Filter > Render > Lightting Effects...)  
Fije las propiedades materiales a:
Lustre (Gloss): 79
Material (Material): -37
Exposición (Exposure): 56
Ambiente (Ambience): -100

Cambie el canal Textura (Texture Channel) a Alpha 1, o el canal en el que trabajaba antes y su altura a 100. Cree una luz dirigida con intensidad 32 hasta que la iluminación cubra casi toda la "e" pero que las partes mas brillantes queden hacia los bordes.
 
PS06_200x200.gif

Una vez terminados los efectos luminosos (Lighting Effects) aplique difuminado gausiano con 3 pixeles a la capa para deshacerse de los niveles.
7. Ahora es el punto donde puede utilizar su libertad artística. Imagen > Ajustes > Curvas... (Image > Adjust > Curves...)

Una ventana de curvas comenzará con una linea recta. Presione en cualquier lugar de la linea para crear un nuevo punto y arrastre los puntos para moverlos. Utilice las curvas como aparece abajo para un efecto mas plástico. PS07_200x200.gif 8. Arroje una sombre azul (ya que la luz pasa a través del plástica claro) y ya está terminado.

PS08_200x200.jpg


Sobre este archivo

Esta página es un archivo de las entradas recientes en la categoría photoshop.

illustrator es la categoría anterior.

Encontrará los contenidos recientes en la página principal. Consulte los archivos para ver todos los contenidos.

Powered by Movable Type 4.21-es