Crea un iPod Touch (Photoshop) Curvas elegantes del iPod y la funcionalidad elegante, han tomado el mundo por la tormenta, con lo que el entusiasta de una vez de sólo un reproductor de MP3 del mercado en el ojo público. Por supuesto, no todo el mundo puede permitirse tales lujos electrónicos, y existen incluso aquellos de nosotros que no encontraría el uso de estos dispositivos de todos modos. Eso no significa, por supuesto, que no se puede ahorrar algo de dinero y crear una imagen del iPod al estilo de Photoshop. No es muy portátil, pero se ve bien y es gratis! Todo lo que necesitas es Photoshop y una hora más o menos de tiempo libre ... Etapa 1: La Base Antes de seguir adelante en este tutorial, busque una imagen de origen para un modelo de iPod de su elección. Pop la imagen de referencia al lado de su documento principal cuando se trabaja, y esto le permitirá conseguir sus proporciones correctas y reducir las alteraciones innecesarias más tarde. Paso 1: Vamos a empezar! Abre una sola capa de 800 * 600px documento en Photoshop y Edición> Rellenar la capa de fondo con un color negro sólido. Crear una nueva capa en la parte superior (Capa> Nueva> Capa), y configurar el color de primer plano # f0f0f2. Utilice la herramienta Rectángulo redondeado (con la radio de la esquina fijada en 25px) que señale a su base de iPod (es decir, un largo rectángulo vertical delgada). Con la capa de forma aún activa, seleccione Capa> Estilo de capa> Trazo en el menú principal y completar los ajustes que se muestran a continuación ... PD. Si está utilizando una nueva versión de Photoshop, usted tendrá que asegurarse de que la herramienta Rectángulo redondeado (y, de hecho, todas las herramientas de forma mencionados en este tutorial) tienen la opción de 'píxeles de relleno de los activos. Cualquier otro modo le dará la forma o contorno único camino. Paso 2: Ctrl-clic en la miniatura de la capa rectángulo, y crear una nueva capa en la parte superior de las otras capas (es decir, en la parte superior de la paleta de capas). Elija Seleccionar> Modificar> Expandir el menú y configurar el tamaño de 3px. Pulse OK. Cambia el color de primer plano # b7b7b9. Seleccione la herramienta de degradado y seleccione el gradiente que va desde el 0% de opacidad (transparencia, es decir) y el 100% de opacidad (color, es decir de sólidos). Ahora que su gradiente en la selección de su nueva capa arrastrando a lo largo horizontal de derecha a izquierda, como se ilustra en la imagen de ejemplo a continuación. PD. Si usted está usando un Mac, utilice la tecla OPT en lugar de CTRL. Paso 3: Seleccione el gradiente de nuevo CTRL-clic en el nivel superior (es decir, degradado) miniatura de la capa en la paleta de capas. Establezca su color de primer plano # 7c8185. Hacer una nueva capa en la parte superior de todos los demás y luego crear otro degradado como se muestra en el paso 2. Ahora Ctrl + clic en el nuevo degradado, que la capa de degradado DEBAJO se activa, y eliminar el exceso de los píxeles pulsando SUPR del teclado. Seleccione el gradiente en la parte superior de la paleta de capas y Capa> Combinar hacia abajo para fusionar las dos capas de degradado. CTRL-clic en la capa del rectángulo forma original, hacen de la capa de degradado activo en la paleta de capas, y DELETE de nuevo. Debe quedar con un bisel detallada como la de la izquierda. Paso 4: Hacer una nueva capa en la parte superior de todos los demás y el nombre de Shine. Salir de la herramienta Lazo poligonal y dibujar una forma con una diagonal que va a través medio de tu iPod como se muestra en el archivo GIF animado a la izquierda. Edición> Rellenar la forma completa con un color sólido de color blanco (se puede completar la forma, en cualquier momento haciendo doble clic - esto conectar los extremos juntos). No te preocupes por los bordes - usted puede hacer la forma tan grande en el exterior como sea necesario, y eliminar el exceso de CTRL-clic en la capa de forma original, por lo que la capa de brillo activa en la paleta de capas, revirtiendo la selección a través de Select > Invertir y presione SUPR en el teclado. No hay necesidad de bajar la opacidad del brillo todavía - esto está muy bien a la izquierda hasta el final del proceso de diseño. PD. Si no te gusta el brillo con bordes duros, puede añadir un desenfoque gaussiano con el brillo y recorte el exceso, una vez más. Ahora hemos terminado de realizar la forma básica de nuestro iPod. En aras de la limpieza puede ser ventajoso en este momento para crear una carpeta de capas nuevo conjunto (Capa> Nueva> Grupo) y se mueven todas las capas excepto el fondo y brillar en ella. El fondo debe seguir siendo la capa en la parte inferior de la paleta de capas a lo largo de este tutorial, con el brillo en la parte superior - todo el contenido ahora debe ser emparedado entre estas dos capas. Puede que le resulte ventajosa para ocultar las dos capas de brillo hasta más tarde, ya que se mostrará a través en el trabajo en los próximos dos etapas y puede ser confuso. Etapa 2: La rueda de clic Paso 1: Crear una nueva capa por encima de las capas de formas existentes (sin embargo, como se mencionó antes, debajo de la capa de brillo), y lo llamamos rueda de desplazamiento. Cambia el color de primer plano # cfd0d5 y, utilizando la herramienta Elipse, que la forma básica del círculo de la rueda de clic (manteniendo presionada la tecla MAYÚS mientras arrastra le dará un círculo perfectamente redondo). Con la capa de forma aún activa, seleccione Capa> Estilo de capa> Trazo y entrar en la configuración como se muestra a la derecha. Hacer una nueva capa en la parte superior de la rueda de clic y CTRL-clic en la capa de rueda de desplazamiento. Elija Seleccionar> Modificar> Expandir, y entrar en un marco de 2px. Reinicie su paleta de colores para que tenga negro como su color de primer plano y el blanco como color de fondo. Seleccione la herramienta de degradado como antes y dibujar un degradado lineal diagonal como se ilustra en el ejemplo de animación de abajo. Baja la opacidad de esta nueva capa a 10%. Paso 2: Ahora es el momento para hacer frente a esos pequeños iconos! Cambiar el color de primer plano en blanco (si no lo está ya). Utilice la herramienta de polígono (3 partes) y la herramienta de la herramienta de línea o el lápiz para hacer el avance rápido, rebobinar y reproducir / pausa iconos. (si se duplica el botón de avance rápido y voltear horizontalmente, tiene un botón de retroceso). Este es un trabajo de base del ratón solo - nada demasiado complejo. Todo lo que queda es el botón de menú, que se ve mejor con el texto fuente Arial establecido en fuerte sentimiento anti-aliasing. Los ajustes que se utilizan son las siguientes, pero los tamaños pueden variar dependiendo de la escala general y el diseño de su proyecto individual. Paso 3: Crear una nueva capa sobre la capa de la rueda de control de gradiente hizo hacia el final de la etapa 1. Cambia el color de primer plano # fbfbfb y usar su herramienta Elipse para hacer el área blanca en el centro de la rueda de desplazamiento. Como se mencionó al final de la etapa 1, ahora sería un buen momento para mover todas las capas de la rueda de control en su propia capa creado para facilitar la organización. Si has hecho todo correctamente, ahora debería tener algo que se parece a mi imagen a la derecha. Etapa 3: La pantalla Paso 1: Crear una nueva capa por encima de las capas de la rueda de control, sin embargo, por debajo de la capa de brillo. Cambia el color de primer plano # 393c3c, seleccione la herramienta Rectángulo redondeado y cambiar el radio de la esquina de 5px. A continuación, cree un rectángulo oscuro para representar a las partes oscuras de la pantalla de cristal líquido (es decir, como en la dirección opuesta de la imagen). Una vez hecho esto, crea una nueva capa directamente en la parte superior de la capa rectángulo redondeado y, utilizando la herramienta Rectángulo (no la herramienta rectángulo redondeado), dibuje un rectángulo blanco. Con la capa de forma aún activa, seleccione Capa> Estilo de capa> Superposición de degradado en el menú principal, ajustar el ángulo de 0 grados, y alterar el gradiente de modo que se asemeje al siguiente ejemplo: Paso 2: Crear otra nueva capa. Utilice la herramienta Rectángulo para dibujar la forma que representa la barra de título. Con la capa de forma aún activa, seleccione Capa> Estilo de capa> Opciones de fusión en el menú principal, y modificar la configuración sombra paralela de acuerdo con la imagen de la izquierda, y su gradiente de superposición (con el conjunto de ángulo a 90 grados) a la configuración de gradiente a continuación ... Paso 3: Poco a poco llegar hasta allí! Crear una nueva capa, seleccione la herramienta polígono (3 lados), y cambiar su color de primer plano a # 5fb8df. Haga un pequeño triángulo sobre el tamaño del triángulo botón de reproducción. Con la capa de forma aún activa, seleccione Capa> Estilo de capa> Resplandor interior desde el menú principal, y cambiar la configuración a los de la izquierda: Paso 4: Hacer otra capa nueva. Seleccione la herramienta Lazo poligonal, asegúrese de Suavizado no está marcada, y dibuje la forma de una batería (Nota: Aquí es donde una foto de referencia sería muy útil!). Cuando su forma es completa, Edición> Rellenar la selección con un color negro sólido. A continuación, seleccione Capa> Estilo de capa> Opciones de fusión en el menú principal, y añadir un gradiente de superposición (ángulo ajustado a 90 grados) y los accidentes cerebrovasculares, con los ajustes modificados de la siguiente manera: Paso 5: Esto se ve bien, pero la parte gris de la batería es de color verde. Para corregir esto usted necesita crear una nueva capa por encima de la forma de su batería con el modo de fusión en 'Saturación'. Salga de su herramienta de lápiz con un 1px de altura / grosor del pincel (100% de opacidad), y cambiar el color frontal en negro. Ahora colorear el jefe de la batería en la nueva capa. Duplicar esta capa cuando haya terminado (la capa Capa> Duplicar), establezca el modo de fusión a "multiplicar", y bajar la opacidad en torno al 35%. Si tienes suerte y han seguido mis instrucciones correctamente, usted debe tener una batería que se parece a mi ejemplo de la izquierda. Paso 6: Para el resto de su tiempo debe añadir detalles adicionales como muchos como usted desea. Progreso de los deslizadores, texto temporizador, y vista previa de imágenes son bastante fáciles de diseñar, ahora que usted sabe los fundamentos de su creación. Cuando haya terminado, hacer que tanto el cuerpo, brillo y brillo capas visibles, seleccione la capa de brillo y opacidad de la capa más baja sea la de la pantalla brille para satisfacer sus propios gustos. En mi ejemplo he usado una opacidad del 15%. También bajó el brillo iPod cuerpo un poco, para adaptarse a la iluminación y el estado de ánimo. Y ahí lo tienes ... una apariencia fresca iPod! Diviértete diseñando, y no se olvide de que me haga saber si hacer nada más funky o fría con sus creaciones! : D