Páginas

viernes, 30 de marzo de 2012

Crear una barra separadora con Photoshop


Para descargar los estilos vallan a la etiqueta "Estilos" a la derecha.

@PrezisoPS

Crear icono de Indicador de velocidad con Photoshop

Siga este paso a paso guía a la creación de un icono indicador se detalla en el Photoshop. Vamos a estar usando distintos estilos de capas de Photoshop para crear gradientes y sombras para producir un icono de gran escala detallada y realista, a continuación, modificar y reconstruir el icono en un rango de tamaño de los iconos típicos.
Medidor de diseño de iconos
El icono que se creará un indicador de características elegante y colorido situado en un marco cromado biselados con texturas sutiles y los gradientes. La versión más grande y más detallada está en el puesto 256x256px, a continuación, poco a poco está escalado a 128px, 64px, 48px 32px y, cada vez menos detallado, pero ligeramente modificado para trabajar en los tamaños más pequeños.
Empezaremos con el más grande de los iconos. Dibuja un círculo 256px con la herramienta Marco en una nueva capa y la rellenamos de cualquier color. Haga doble clic sobre la capa para abrir las opciones de estilos de capa. Añadir una superposición de degradado alternando entre los grises oscuros y claros para dar un efecto de metal brillante.
Añadir un derrame cerebral delgada 1px con un gris medio entre los dos tonos que se utilizan en el gradiente. Utilización de estilos de capas de Photoshop a través de la creación del icono hace que sea mucho más fácil para reconstruir el icono situado en los tamaños más pequeños, ya que cada efecto se puede cargar y editar rápidamente a través de la capa de estilos de paleta de opciones.
CMD + Haga clic en la miniatura de la capa a cargar la selección circular. Haz clic derecho y elija Transformar selección, luego de bajar a la selección mientras mantiene Shift y Alt. Llene esta nueva selección con negro en una nueva capa.
Abra la ventana de estilos de capa para esta capa y añadir un negro a gris oscuro superposición de degradado vertical para formar la base de la fascia.
En la misma capa, agregar un resplandor interno y el efecto Stroke utilizando los tonos de color gris claro para dar la impresión de una moldura cromada.
Cargar la selección por CMD + clic en la miniatura de la capa, a continuación, rellene una nueva capa con un patrón de repetición. Estoy usando uno de los patrones de los últimos patrones de píxeles regalo de promoción aquí en Line25.Cambiar el modo de fusión Multiplicar para hacer que las áreas blancas transparentes luego reducir la opacidad en torno al 25%.
Cargar otra selección circular, escalar hacia abajo un poco y llenan de color blanco. Cargar la selección de nuevo, de bajar aún más y eliminar esta selección para formar un anillo blanco. Crear una selección cuadrada, haga clic derecho y elegir Transformar selección, permite rotar hasta 45 grados (tecla de mayúsculas) y luego se mueve hacia abajo, por lo que la esquina superior se alinea con el centro del medidor. Eliminar esta selección en el anillo blanco.
Cargue los estilos de capa para esta forma y añadir una superposición de degradado con el arco iris por defecto espectro de colores. Cambiar el estilo de Incline luego modificar la orientación hasta que el gradiente comienza con azul y termina con el rojo. Añadir una sombra interior sutil en el borde superior.
Dibuja un círculo pequeño en el centro del medidor y añadir un estilo de metal superposición de degradado con tonos grises. También agregue una gota de sombra sutil para añadir profundidad y un toque de realismo.
Utilice la herramienta Lazo poligonal para dibujar una forma de la aguja en una capa debajo de la patilla central y añadir una superposición de degradado con tonos rojos oscuros y claros. Alterar el ángulo de gradiente de modo que fluye exactamente en el centro de la aguja. Dar la aguja una gota de sombra sutil para dar la impresión de que se levante de la faz de calibre ligeramente.
El mayor de los iconos se ha completado. Todos los gradientes sutiles ayudan a reproducir la luz y la sombra para crear un icono de diseño más realista. Ahora vamos a reconstruir el icono en las versiones más pequeñas.
Seleccione todas las capas y pulse CMD + T para transformar. Uso de la barra de herramientas superior para entrar en las dimensiones específicas de los iconos más pequeños.
Cuando el icono se escala algunos de los efectos se pierden, o su tamaño sigue siendo demasiado grande para que funcione correctamente en el icono pequeño. Ir a través de los estilos y eliminar los efectos de que ya no son visibles.
Otros efectos como degradados y sombras tendrá que ajustar para acomodar el tamaño de los iconos más pequeños. Ir a través y reducir el tamaño de cada uno de estos efectos.
La gran cosa acerca de los estilos de capa es el contenido de la capa se puede reconstruir por completo, manteniendo los mismos efectos. El pasador central, en particular, se convierte en demasiado pequeño en los iconos pequeños, por lo que rellenar una selección circular más grande en la misma capa - El estilo de capa se añade automáticamente la misma pendiente y las sombras.
El mayor de los iconos cuenta con todas las texturas y detalles, pero como el icono de la escala hacia abajo algunos de estos detalles se pierden. Como en el icono se mueve en el rango de 48px 32px-las proporciones se ajustan de manera que el diseño es todavía reconocible, esto incluye un pin central más grande y la aguja, así como la sustitución de los gradientes de la cromado con un trazo gris claro.

@PrezisoPS

Archivos Editables






Descarga:

http://www.mediafire.com/?q2omhnefq8skkz8

http://www.mediafire.com/?4d0598m1sirom45

@SparyLogger

Degradados



Descarga:
http://www.mediafire.com/?9tz7i8o9zrdvboz

@SparyLogger

Degradados



Descarga:

http://www.mediafire.com/?tqrf8adtb38d0d8

@SparyLogger

jueves, 29 de marzo de 2012

Crear televisor con photoshop

Amigos sigo posteando tutoriales largos pero que sirven muchísimo para aprender acerca de photoshop. Esta vez les dejo un tutorial (no es mio) de como crear un televisor.  @PrezisoPS



























Detalles Tutorial
  • Programa: Adobe Photoshop CS3
  • Dificultad: Intermedio
  • Finalización Tiempo estimado: 3 horas

Producto Final Lo que va a crear

Si bien Photoshop es una muy poderosa trama basada en editor de imágenes, que también viene equipada con muchas herramientas poderosas de edición basados ​​en vectores. En el tutorial de hoy, vamos a demostrar cómo crear un icono de la televisión detallada la vendimia con las capacidades de Photoshop de edición de vectores. Este tutorial es un excelente ejemplo de cómo las herramientas de Photoshop vectoriales se pueden combinar con los estilos de capa para producir una ilustración que no sólo es editable, pero escalable así.

Paso 1

Crear un nuevo documento, el tamaño de 800 px de ancho y 600 píxeles de alto con una resolución de 72 píxeles por pulgada.

Paso 2

Utilice la herramienta rectángulo redondeado con un radio de 10 píxeles para crear un rectángulo de color marrón oscuro. Darle un estilo de capa y un resplandor interior.

Paso 3

Con la herramienta rectángulo redondeado, dibuje un pequeño rectángulo dentro del rectángulo anterior.Use un color gris.

Paso 4

Con la herramienta Rectángulo, dibuje un rectángulo más pequeño. Esta vez utilice un encendedor de color gris (4a). Añadir algunos estilos de capa (4B). Estos estilos de capa se añaden profundidad al rectángulo (4c). Este rectángulo será la base para nuestra pantalla del televisor.

Paso 5

Ahora vamos a añadir una textura sutil. Alt + clic en el icono Nueva capa. En el siguiente cuadro de diálogo seleccione Usar el modo anterior,: multiplicaos, y llenad con.

Paso 6

Seleccione Filtro> Ruido> Añadir Ruido (6a) y Filtro> Blur> Motion Blur (6b). Baja la opacidad de la capa a 50%. Esto añade una textura sutil a la superficie.

Paso 7

Ahora, vamos a empezar a trabajar en la pantalla. Con la herramienta rectángulo redondeado con un radio de 30 px dibujar un rectángulo.

Paso 8

Seleccione la ruta de pantalla con la herramienta de selección (la flecha de color negro). Activar herramienta de la pluma y haga clic en la mitad superior del rectángulo. Ver la foto de abajo. Esto añadirá un nuevo punto a la ruta (8 bis).
Haga lo mismo al otro lado del rectángulo (8b).

Paso 9

Con la herramienta Selección directa (la blanca) mover los dos puntos en la esquina más cercana (9a).
Haga lo mismo con las otras esquinas (9a).

Paso 10

Agrega estos estilos de capa a la pantalla (10 bis). La pantalla tiene una sombra en el mismo (10b).

Paso 11

A continuación, tenemos que añadir algunas líneas de exploración (líneas verticales dentro de la pantalla).Crear una nueva capa y dibujar una línea blanca vertical utilizando la herramienta de pincel. Utilice el diámetro de maestro de 4px y 0% de dureza.

Paso 12

Ahora tenemos que duplicar la línea vertical que hemos creado en el paso 11 y arreglarlo como se muestra a continuación. Para ello, tendrá que usar algunos atajos. Ctrl + clic para seleccionar la capa de la línea.Presiona Ctrl + Alt + T para transformar y duplicarlo. Pulsa Mayús + flecha derecha para mover 10 píxeles a la derecha. Pulse Enter para aceptar el movimiento. Ahora pulse Ctrl + Shift + Alt + T y otra vez hasta que tengas un montón de líneas.

Paso 13

Hit Comando + T para la transformación. Haz clic derecho y elegir la deformación. En la barra de opciones de elegir Inflar, ajuste Doble establecimiento hasta que coincida con la curvatura de la pantalla.

Paso 14

Comando + clic en forma de la pantalla para crear una selección basada en ella. Haga clic en el icono añadir capas de máscara y la opacidad de la capa de cambio de 3%.

Paso 15

Ahora es el momento de añadir el punto culminante de pantalla. Comando + clic en forma de la pantalla.Haga clic en la capa Capa> Nueva relleno> Degradado.

Paso 16

Pintura más destacado arriba a la izquierda para revelar la sombra en la pantalla.

Paso 17

Añadir una máscara vectorial, haga clic en el icono Añadir máscara de capa de nuevo. Dibuja camino como se muestra a continuación.

Paso 18

Cambio de opacidad de la capa a 30%. Hasta el momento, esto es lo que tenemos.

Paso 19

Ahora es el momento de añadir un botón de canal. Comience por dibujar una forma de círculo y añadir algunos estilos de capa (19 bis).

Paso 20

Dibujar círculo más pequeño en la parte superior del círculo anterior. Añadir estilos de capa, como se muestra a continuación.

Paso 21

Ahora vamos a crear una forma de anillo. Crear un círculo más pequeño. Seleccione la ruta y lo repitan y cambiar su tamaño a un tamaño menor. Seleccione ambos trazados y en la barra de opciones elija excluir (21a).
Agregue los siguientes estilos de capa: Sombra paralela, Resplandor interior, Sombra interior y Superposición de degradado (21b), como se muestra a continuación.

Paso 22

Crear un círculo más pequeño dentro del anillo (22 bis). Añadir estilos de capa, como se muestra en la figura (22b).

Paso 23

Dibuje un rectángulo en el centro del círculo (23a). Añadir estilos de capa, como se muestra en la figura (23b).





Paso 24

Agregar un número de 1 por encima del botón de selección. Añadir una gota de sombra pequeña y superposición de color blanco para hacerlo más legible.

Paso 25

Ahora tenemos que añadir más números. Hit Comando + Alt + T. Mantener alt y pivote movimiento de transformación (punto de mira en el centro de la caja de transformación) a la mitad del botón. Shift + arrastrar para rotar el número de 30 grados. Repita la transformación y la duplicación pulsando Cmd + Shift + Alt + T. Por último, cambiar el número.

Paso 26

Ahora tenemos que fijar la orientación del número. Gire cada número que le corresponde.

Paso 27

Duplicar el botón por alt + arrastrar a la nueva ubicación. Este será el botón de frecuencia para cambiar los números de 10, 20, 30, y así sucesivamente.

Paso 28

A continuación, añada la marca de la TV y el botón de volumen pequeño. Dibuje un rectángulo debajo de la pantalla y añadir un resplandor interior y superposición de color gris.

Paso 29

Dibuja el logo de la televisión y la marca que es. He utilizado un simple cuadro rojo, azul, verde aquí. Para que el texto se destacan he añadido una gota de sombra y el estilo de la capa de raso.

Paso 30

Para que la base del botón de volumen de dibujar un círculo pequeño y agregar una sombra interior y superposición de color gris oscuro.

Paso 31

Para el botón de añadir un círculo más pequeño y le dan una sombra interior, raso, y más ligera superposición de color gris. No te olvides de añadir la etiqueta de volumen y + signo -.

Paso 32

Vamos a añadir el agujero del altavoz. Comience por dibujar un pequeño círculo. Seleccione su trayectoria, golpeó Cmd + Alt + T, y moverlo hacia la derecha. Duplicar de nuevo con Cmd + Shift + Alt + T. Repita este procedimiento hasta que tenemos una fila de agujeros.

Paso 33

Todavía necesitamos más agujeros. Para ello sólo tiene que repetir el paso anterior, sólo que esta vez vamos a bajar. Seleccione todos los caminos, pulse Comando + Alt + T, se mueven hacia abajo. Duplicar con Cmd + Shift + Alt + T.

Paso 34

Para activar los círculos en los agujeros que necesitamos para añadir una sombra interior y superposición de color gris oscuro.

Paso 35

Dibuja un círculo negro. Comando + clic en pequeños círculos para crear la selección. Haga clic en el icono añadir máscara de capa para el círculo negro será dentro de los agujeros.
En este punto, hemos terminado de crear el cuerpo de la TV. A continuación, vamos a trabajar en su parte inferior.

Paso 36

Por su base de dibujar un rectángulo y haga clic en Editar> Transformar> Perspectiva. Mueva la esquina inferior más cercano.

Paso 37

Ahora vamos a añadir algunos botones adicionales en la pantalla. Esto podría ser utilizado para el brillo, contraste, color y ruido. Sólo se puede duplicar el botón de volumen y agregar una superposición de color gris muy oscuro color para hacerla más oscura.

Paso 38

Ahora es el momento de agregar una clavija de los auriculares. Comience por dibujar un círculo negro.Añadir una sombra interior y Resplandor interior oscuro. Cambiar el relleno a 0%.

Paso 39

Añadir un círculo más pequeño en su interior y agregar una Sombra interior, Resplandor exterior oscuro, y un resplandor interior oscuro. Cambiar el relleno a 0%.

Paso 40

Por el agujero, simplemente, dibujar un círculo negro en su interior.

Paso 41

Ya está casi hecho! Crear una nueva capa debajo de cada capa de otro. Crear una selección elíptica y la rellenamos de negro. Haga clic en Filtro> Desenfocar> Desenfoque gaussiano con un radio de 7 px.

Paso 42

La televisión todavía se ve como si estuviera flotando. Para solucionar este problema, utilice un cepillo suave y pintarla de negro en la TV toque el suelo.

Conclusión

Eso es todo. Ya hemos terminado. Espero que hayas aprendido algo nuevo de este tutorial.