Crear una Tablet con Photoshop

Hola amigos del blog, hoy posteo un tutorial que encontré en internet es bastante explicativo y sirve un montón.

Bueno espero que lo disfruten. @PrezisoPS

Eche un vistazo en el icono de final de este tutorial. Vamos a sacar la tableta y el lápiz completo con pantalla brillante, botones laterales y luces de estado LED de color azul.

• Programa : Adobe Photoshop CS4
• Dificultad: Intermedio
• Hora estimada de finalización: 1,5 horas

Paso 1

Arranca Photoshop y crear un nuevo documento RGB en blanco, la elección de un 512px x 512px lienzo cuadrado. Elija un color oscuro en primer plano gris, a continuación, seleccione la herramienta Rectángulo redondeado (U) de la barra de herramientas. En la barra de opciones en la parte superior de la pantalla para entrar en 30px el radio de esquina (1a) a continuación, pulse la tecla Alt y arrastre desde el centro del lienzo para crear el cuerpo principal de la tableta (1b). Alt-clic en los centros de las formas, selecciones y transformaciones de todo el ratón. Es un atajo de teclado bastante útil para que anote. Cuando esté satisfecho con la forma de hacer clic derecho sobre la capa y elija Capa Rasterizar. El nombre de "base".

Paso 2

Vamos a establecer ahora que la luz proviene de la parte superior. Esto requiere que hagamos todo tipo de superficies hacia arriba que se enfrentan más ligero y todas las superficies más oscuras mira hacia abajo.Nos atendremos a esta regla en todo el tutorial.

Cuerpo principal de la tableta se ve plano. Vamos a añadir un poco de iluminación en la elección de un color gris claro, como color de primer plano y mantener la anterior, de color gris oscuro como color de fondo (2a). Pulsa G para seleccionar la herramienta de degradado. Antes de pintar la pendiente, sin embargo, vamos a bloquear la transparencia de la "base" de la capa haciendo clic en el cuadrado transparente en la parte superior de la paleta Capas (2b). Ya podemos pintar toda la tableta, ya que se limitará a los píxeles existentes. Pinta el degradado con un trazo vertical, de claro a oscuro (2c).

Paso 3

La superficie de la tableta no es tan suave. Hay un grano muy fino. Para crear ese vaya a Filtro> Ruido> Añadir ruido y elegir un 1%, uniforme y monocromático (3a). Ver el resultado (3b). También tenemos que darle la pastilla cierto espesor para hacer doble clic en la "base" de la capa para abrir la ventana estilo de capa y haga clic en bisel y relieve. Consulte la imagen 3c para los ajustes. Ahora, la tableta tiene un espesor y una suave curva alrededor de los bordes (3d).

Paso 4

Vamos a dibujar la superficie del vidrio. Seleccione la herramienta Rectángulo redondeado (U) de nuevo, pero esta vez, Radio a 10px (4a). Dibuje un rectángulo más pequeño en el centro superior y el nombre de "cristal" (4b). Rasterizar que, bloquee su transparencia y la rellenamos con un gradiente vertical de un medio a un color gris muy oscuro (4c).

Paso 5

El área activa real es un poco menor que el vidrio y tiene bordes afilados. Dibujar con la herramienta Rectángulo y darle un estilo de superposición de degradado, la luz al gris medio (5 bis). Ahora es también el momento de añadir un logotipo en la parte inferior del cristal. Utilice la herramienta Texto (T) y un gris muy claro (pero no negro) para añadir su logotipo personalizado (5b).

Paso 6

El vidrio es la inserción de la superficie de la tableta de base de plástico. Duplicar el "cristal" capa y el nombre de la copia "del borde de cristal." Establecer el relleno a 0% (6 bis). Píxeles reales de la capa son invisibles, pero cualquier estilo de capa le añadimos no lo hará. Eso es un buen truco si sólo quieres usar el contorno de una capa sin mostrar su contenido. Lo que queremos es bisel y relieve de nuevo. Asegúrese de que usted elija la opción "Down" opción, que va a crear un bisel de inserción (6b). Ahora, el vidrio tiene un borde duro, poco profunda inserción de la base (6c).

Paso 7

Para terminar la pantalla vamos a añadir un toque de luz reflectante grande. Comando-clic en el "cristal" (7a) y luego llenar una nueva capa de blanco (7b). El nombre de "reflexión" (7c). Uso de la herramienta Lazo poligonal (L) hacer una selección inclinado sobre el lado derecho de la capa (7d). Añadir a la selección como una máscara (7e) a continuación, establecer el modo de fusión de la capa a la pantalla, el 20% de opacidad (7F). La pantalla está terminado (7 g) para que podamos agrupar todas las capas relacionadas con el ahora (7h).

Paso 8

La luz LED, elija la herramienta Elipse (U) y un empate. 7 × 3 píxeles, luz elipse azul en la esquina superior izquierda de la tableta (8 bis) El nombre de "LED de 1" a continuación, agregue un resplandor exterior (8b) y Resplandor interior (8c) estilo de capa. Ahora tenemos un buen estado de la luz brillante (8d).

Paso 9

Duplicar la luz LED y añadir algunos símbolos por debajo de ellos. Invente su propia cuenta o se refieren a imágenes reales de la Cintiq.

Paso 10

En los botones laterales. En primer lugar vamos a hacer la Touch Strip. Elija el mismo gris que la "base" de la capa. Uso de la herramienta Rectángulo redondeado (U) con un radio 2px dibujar una tira delgada vertical en el lado izquierdo del cristal (10 bis). La tira es insertada en el cuerpo principal, así que vamos a agregar un bisel y relieve de estilo (10b). Active la opción Contour también (10c). Ver el resultado (10d).

Paso 11

Al lado de la Touch Strip hay otra sección festoneados que contiene los cuatro teclas de función. Duplicar la tira, se mueve hacia la derecha y ampliarlo para que las cuatro teclas en forma. El nombre de "banda de clave".

Paso 12

Para la función de teclas de elegir un color gris claro. Dibuje el botón superior, con la herramienta Rectángulo (12a) y el nombre de "clave de la parte superior." La clave proyecta una sombra de sí mismo todo el alrededor. Cree que la sombra con un estilo Resplandor exterior (12b). Las teclas restantes se pueden crear fácilmente mediante la duplicación de la "llave de arriba", la adaptación de sus proporciones y colocándolas en la tira (12c).

Paso 13

Grupo de ambas tiras y las cinco claves de un grupo llamado "BOTONES DE L." Duplicar el grupo, el nombre de la nueva "BOTONES R", muévalo a la derecha del cristal y la tapa en posición horizontal (13a).Para terminar la tableta vamos a añadir una gota de sombra. En una nueva capa debajo de la "base" trazar una delgada elipse de largo y negro. Ajuste a Multiplicar, el 70% de opacidad. Ir a Filtro> Blur> Gaussian Blur y selecciona 3px. El resultado es una suave y de apariencia natural sombra (13b).

Paso 14

Tiempo necesario para crear el lápiz ahora. Dibuja la mitad derecha de la aguja con la herramienta Pluma en el modo de capa de forma (14 bis). Crear la otra mitad (14 ter) y luego fusionar las dos formas juntas.Use un gris medio como color de base (14c). Nombre de la capa "cuerpo de la pluma."

Paso 15

Vamos a añadir el principal destaque. Duplicar la capa de lápiz y reduce la escala horizontal. Aclarar que usando Tono / Saturación (Cmd + U) o Brillo / Contraste (15 bis). Por último añadir un 1px Desenfoque gaussiano para mezclar con la capa inferior (15b). Puede que tenga que configurar el modo de fusión lo más destacado de la pantalla según los colores que escogiste y el resultado que usted desea. Nombre de la capa "reflejo cuerpo de la pluma."

Paso 16

Utilizando la herramienta Marco Rectangular (M) seleccionar una tira fina horizontal en el "cuerpo de la pluma de reflexión" de la capa hasta la mitad del extremo cónico. Oscurecer la selección (16 bis). Ahora seleccione la punta en ambas capas y borrado, dejando un extremo plano (16b).

Paso 17

Añadir la punta como un simple rectángulo de color gris oscuro (17 bis) en una capa por debajo del "cuerpo de la pluma." El borrador se puede crear con una elipse gris oscuro, también en una capa por debajo de la pluma (17b). Puesto que la goma de borrar se redondea hay que añadir una cierta variación de color en la superficie. Esto lo hacemos con un estilo de superposición de degradado (17c).

Paso 18

Dibujar el agarre de goma con un rectángulo redondeado ligeramente cónica por lo que las erupciones en la parte superior (18a). La radio debe ser muy pequeña, alrededor de 3px. Añadir un estilo de superposición de degradado (18b). El agarre de goma ahora parece redondo (18c).

Paso 19

Vamos a dibujar el botón lateral del lápiz óptico. Dibuje un rectángulo de color gris oscuro en una nueva capa, justo donde el pulgar sería si se apoderó de la aguja (19 bis). Marquesina a seleccionar la parte inferior de dos tercios (19 ter) luego pulsa Cmd + J para copiar la selección en una nueva capa. Este lado del botón esté orientada hacia arriba, por lo tanto, tenemos que aclarar que (19c). Hit Comando + E para combinar esta carta boca abajo. Ahora sólo tenemos que añadir un resplandor exterior para simular el agujero en el que se establece en el botón (19d). El botón lateral es completa (19e).

Paso 20

Grupo de todas las capas que componen la pluma y el nombre del grupo "PEN" (20 bis). Mantener la estructura de capas para posteriores modificaciones. Duplicar el grupo y el éxito Comando + E para combinar todas las capas en una sola. En este punto podemos añadir una gota de sombra (20b) y colocar el puntero donde queremos. Hemos terminado (20c).

Conclusión

Espero que hayas aprendido algunos trucos de este tutorial. Tal vez incluso hizo que usted quiere comprar una tableta! Como siempre con el diseño de iconos, nos basamos en las formas vectoriales y estilos de capas para obtener el máximo efecto y la flexibilidad. Si desea cambiar los colores, grosores o dirección de la luz siempre se puede volver a la estructura de capas y hacer los ajustes necesarios.