¿No te alcanza para un S2? Entrá y hacete uno

Materiales: 26 patrones de píxeles repetible Paquete de recursos Nebulosa Paso 1 - Preparación del lienzo en Illustrator Abre tu Adobe Illustrator. Hacer un nuevo archivo en formato A4. Presiona Ctrl + R para que aparezca la regla. Hacer una capa y colocarl el nombre que ustedes quieran. Dibuja desde la regla sobre el lienzo para crear una nueva guía. Se necesitan estas guías para ayudarnos a dibujar la forma del teléfono con precisión. Paso 2 - Forma Basica del celular Nuestro primer paso es dibujar una forma básica del teléfono. Active la herramienta Rectángulo redondeado. Haga clic una vez en el lienzo para abrir el cuadro de diálogo de opciones Rectángulo redondeado. No te preocupes, con el ancho y ajustes de altura. Asegúrese de introducir 35 pt en Corner Radius. Haga clic en Aceptar. Usted tendrá un rectángulo redondeado. Paso 3 Asegúrese de activar las guías inteligentes en el menú View. Esta característica nos ayuda a ajustar los objetos fácilmente sobre guías. Paso 4 Haga clic y arrastre para dibujar un rectángulo redondeado a la derecha dentro de la guía proporcionada. Ver la imagen de abajo para obtener su colocación. Paso 5 Seleccione el rectángulo redondeado que acabamos de crear. Haga clic en Objeto> Trazado> Desplazamiento. Set Offset a -9 pt. Paso 6 - Área de la pantalla Mientras que la herramienta Rectángulo redondeado aún está activo, haga clic una vez en el lienzo. Set Radio de esquina a 5 pt. Eliminar el rectángulo redondeado hecho desde el cuadro de diálogo, ya que no lo necesitaremos. Paso 7 Dibuja un rectángulo redondeado en el interior del área de pantalla. Utilice la guía para ayudarle a dibujar con precisión. Paso 8 Duplicar la forma de pantalla que acaba de crear. Dibuje un rectángulo bajo la forma. Seleccione las dos formas y después seleccione minus frontal en el panel de Pathfinder. El rectángulo cortará el área de la pantalla y convertirla en un medio rectángulo redondeado que podemos utilizar como área de la barra de estado. Paso 9 Activar la herramienta Rectángulo redondeado de nuevo y haga clic una vez en el lienzo. Pone Corner Radius en 10. Paso 10 - Botón de Inicio Dibuja un rectángulo redondeado en la parte inferior del teléfono, lo que será en el botón Inicio. Paso 11 Haga clic en Objeto> Trazado> Desplazamiento. Colocá en Offset a -4 pt. Paso 12 Dibuja un rectángulo redondeado y establezca su relleno a Ninguno y Trazo Negro. Dibuje un rectángulo que cubre su parte inferior. Seleccione las dos formas y seleccione menos frontal en el panel de Pathfinder. Esto reducirá la mitad inferior del rectángulo redondeado y convertirlo en un medio rectángulo redondeado. Paso 13 Utilice la herramienta Selección directa y seleccione su línea inferior. Pulse Eliminar para eliminarlo. Paso 14 Mientras que aún se selecciona la forma, seleccione Objeto> Expandir. Esto lo convertirá en una forma de relleno, y no sólo una línea. Paso 15 Dibuja dos rectángulos pequeños dentro de la forma. Paso 16 Dibuja un rectángulo redondeado y luego cubrir su lado izquierdo con un rectángulo como se muestra. Seleccione las dos formas y seleccione Frontal menos desde el panel de Pathfinder. Utilice la herramienta Selección directa para seleccionar el lado izquierdo y después haga clic en Eliminar. Paso 17 Seleccione Objeto> Expandir para convertir esta línea en una forma. Paso 18 Dibuje un rectángulo en la punta de la forma. Paso 19 Haga clic en el centro del borde izquierdo del rectángulo para añadir un nuevo punto. Haga clic en las esquinas superiores e inferiores eliminar. Nos pondremos un triángulo. Paso 20 Establecer relleno a Negro y trazo a Ninguno. Paso 21 Seleccione las dos formas y haga clic en el Panel de Pathfinder. A continuación se presentan los botones que hemos hecho. Paso 22 - Iconos de aplicaciones Activar la herramienta Rectángulo redondeado. Haga clic una vez en el lienzo y defina Radio de esquina a 1 pt. Paso 23 Dibuja un rectángulo redondeado en el interior de la pantalla de la base de iconos. Activar la herramienta Mover y Alt + Shift + Arrastre la forma para duplicarlo. Paso 24 Seleccione los rectángulos redondeados que acabamos de crear y haga clic en el Centro de Distribución Horizontal en el panel Alinear. Paso 25 Dibuje la forma del receptor de un teléfono dentro del primer rectángulo con la herramienta Pluma. Paso 26 Utilice Tipo y añadir la etiqueta debajo del icono. Paso 27 Dentro de la próxima rectángulo redondeado, dibujar un icono del avatar. Dibuja una elipse por su cabeza y manualmente extraer su hombro. Paso 28 Seleccione las dos formas y haga clic Unite en la herramienta Pathfinder. Paso 29 En el siguiente rectángulo redondeado dibujar una elipse y una forma de coma. Seleccione las dos formas y haga clic en Únete para convertirla en una llamada globo. Paso 30 Dentro del último rectángulo redondeado, dibujar cuatro rectángulos redondeados pequeños. Paso 31 A continuación se presentan los iconos completados! Paso 32 - Menú de navegación Por encima de los iconos, dibujar pequeños círculos. Alt + Shift + Arrastre la forma para duplicarlo. Paso 33 Seleccione todos los círculos y haga clic en Centro de Distribución Horizontal dentro del panel Alinear. Paso 34 Seleccione uno de los círculos y cambiar su tamaño más grande. Este círculo más grande indica que es la página "activa". Paso 35 - Icono de la señal Dentro de la barra de estado en la parte superior de la pantalla, dibuje un rectángulo pequeño y luego duplicarlo. Arrastre la línea superior del segundo rectángulo hacia arriba usando la herramienta Selección directa. Paso 36 Repita este proceso hasta que tengamos cuatro rectángulos como se muestra a continuación. Paso 37 - Icono de la batería Dibuja dos rectángulos redondeados. Seleccione las dos formas y, a continuación, haga clic Unite. Paso 38 - Altavoz Dibuja un círculo y Shift + Alt + arrastrar para duplicarlo. Presiona Ctrl + D varias veces para repetir este proceso de duplicación. Paso 39 Dibuje un gran rectángulo redondeado que cubre los pequeños círculos. Paso 40 - Cámara La "cámara", únicamente se hace desde algunos círculos de diferentes tamaños con el mismo origen. Paso 41 - Botones laterales Dibuja dos rectángulos redondeados en ambos lados del teléfono, como se muestra. Paso 42 - Preparación lienzo en Photoshop Hemos terminado de trabajar en la estructura metálica del teléfono. Es hora de traer a la vida el uso de Photoshop. Abre Photoshop y luego hacer un nuevo archivo, Archivo> Nuevo. Paso 43 Seleccionar todos los caminos en Illustrator (Ctrl + A) y luego guardarlo en Portapapeles (Ctrl + C). Volver a Photoshop y luego pegarlo (Ctrl + V). En el cuadro de diálogo seleccione Trazado opción. Paso 44 El vector de ruta se mantendrá en un nuevo camino en el interior del panel Trazados. Paso 45 - Básico Forma Copie la ruta de forma básica en un nuevo camino. Haga clic en el círculo blanco y negro en el panel Capas para añadir una nueva capa de ajuste. Seleccione color sólido y de color ajustado a # 0f1219 en el siguiente cuadro de diálogo. Añadir superposición de degradado para añadir una iluminación sutil en la forma. Paso 46 Duplicar la forma que acabamos de crear y haga doble clic en la capa de la imagen que desea cambiar el color # c3c6c9. Paso 47 Desde la barra de opciones, establezca el modo de camino interior a Restar de área de la ruta. Esto a su vez la forma en el borde del teléfono. Añadir bisel y relieve para convertir la forma en una forma de tres dimensional. Paso 48 Hacer una nueva capa. Convertir capa de máscara de recorte pulsando Ctrl + Alt + G. A partir de ahora, todo lo que pintas irá dentro del borde del teléfono. Activar la herramienta Pincel y establecer el color de primer plano a negro. Pinte las sombras sutiles en las partes de los bordes del teléfono. Paso 49 Ctrl-clic en la capa de borde teléfono para hacer una nueva selección en función de su forma. Haga clic en Seleccionar> Modificar> Contrato por 1 px. De esta manera usted está haciendo la selección más pequeña de 1 px. Paso 50 Hacer una nueva capa y pintar otras sombras sutiles y las luces. Paso 51 Repita el paso anterior, este uso del tiempo de contrato por 2 píxeles. Dibuja sombras y luces en los bordes del teléfono. A continuación se muestra la diferencia antes y después de la adición de luces y sombras sobre el borde. Podemos ver que el resultado es más realista. Paso 52 - Área de la pantalla Duplicar el área de la pantalla a un nuevo camino. Haga clic en Agregar una capa de ajuste y seleccione Nuevo color sólido. Se puede usar cualquier color. Haga doble clic en la capa para abrir un cuadro de diálogo Estilo de capa. Añadir Resplandor interior y Stroke. Paso 53 Vamos a insertar una imagen de fondo en la pantalla. Caída de una imagen de papel tapiz a la derecha en la parte superior de la capa de área de pantalla. Aquí, yo uso una bonita imagen de la nebulosa . Paso 54 Presiona Ctrl + Alt + G para convertirlo en una máscara de recorte. El fondo de pantalla automáticamente irá dentro de la pantalla. Paso 55 Haga clic en icono del círculo blanco y negro en el panel Capas para añadir una nueva capa de ajuste. Seleccione Tono / Saturación en el menú y utilice el control deslizante para modificar el color de fondo de pantalla. Póngalo en máscara de recorte de nuevo pulsando Ctrl + Alt + G. De esta manera, la capa de ajuste sólo afectará a la imagen de fondo y no el teléfono. A continuación se muestra cómo debe ser su apariencia capa. Paso 56 - Botones principales Duplicar el botón principal a un nuevo camino. Añadir capa de ajuste de color sólido con el color # cccfd2. Haga doble clic en la capa y activar la sombra y bisel y relieve Drop. Paso 57 Pintemos luces y sombras sobre el botón. El proceso es muy similar a lo que hicimos con el borde de teléfono en el Paso 48 al Paso 51. Ctrl-clic en la capa principal botón para hacer una nueva selección en función de su forma. Haga clic en Seleccionar> Modificar> Contrato por 1 px. Paso 58 Hacer una nueva capa. Pintar sutiles detalles y sombras sobre los botones. Paso 59 Seleccione los otros dos botones y duplicarlos en un nuevo camino. Añadir una nueva capa de ajuste de color sólido con el blanco como su color. Paso 60 Derriba su opacidad al 20%. Paso 61 - Icono de la aplicación Copia icono bases a un nuevo camino. Hacer una nueva capa de ajuste de color sólido. Establezca su color a azul. Paso 62 Capa doble clic y agregar sutil superposición de degradado. Paso 63 Eliminar las otras tres formas. Paso 64 Repita el proceso anterior para los otros colores. Paso 65 Duplicar formas de icono a un nuevo camino. Añadir una nueva capa de ajuste de color sólido. Establezca su color a blanco. Haga doble clic en la capa de icono y activar Resplandor exterior y superposición de degradado. Paso 66 Añadir una etiqueta adecuada en cada icono. Paso 67 - Menú de navegación Seleccione cuatro pequeños círculos de navegación y copiarlos a un nuevo camino. Añadir una nueva capa de ajuste sólido con el color # 7e899b2d. Paso 68 Repita el mismo proceso con una "pestaña activa" más grande en el centro, esta vez con el color # cbced4. Paso 69 Añade un número en la parte superior de la pestaña activate. Elegí 3 por la mía. Paso 70 - Botones laterales Duplicar botón lateral para un nuevo camino. Hacer una nueva capa de ajuste de color sólido con el color # b0b3b6. Colóquelo detrás del teléfono. Paso 71 Añadir Sombra interior con ángulo de 0 grados y Resplandor interior. Paso 72 Repita el proceso para el otro botón. Paso 73 Doble clic de botón Layer cuadro de diálogo Estilo de capa para abrir. Añadir Sombra interior, pero esta vez utilice de 180 grados para añadir una sombra sobre el botón. Además, agregue Resplandor interior. Paso 74 - Barra de estado Seleccione la barra de estado y lo repitan en un nuevo camino. Hacer nueva capa de ajuste de color sólido con el negro como su color. Añadir información del tiempo. Paso 75 Duplica la batería para un nuevo camino. Añadir una nueva capa de ajuste de color sólido. Seleccione verde como su color. Añadir Resplandor interior con los siguientes valores. Paso 76 Duplicar el icono de la señal de un nuevo camino y añade capa de ajuste de color sólido. Para seleccionar su color blanco. Haga doble clic Layer y activar superposición de degradado. Paso 77 - Altavoz Duplicar el altavoz a un nuevo camino. Desde la barra de opciones, establecer un modo de ruta círculo más pequeño para Restar de área de la ruta. Añadir una nueva capa de ajuste de color sólido con # 6b6f76 como su color. Haga doble clic capa y añadir los siguientes estilos de capa. Este es el resultado. Paso 78 - Cámara Active el círculo y duplicarlo para un nuevo camino. Añadir una nueva capa de ajuste con el color # 272d36. Haga lo mismo con el anillo interior del círculo, pero con el color # 585a5e. A continuación se muestra la cámara en el 100% de aumento. Paso 79 - Reflexión Duplicar la forma básica del teléfono en una nueva capa. Dibuje un corte poligonal a través del teléfono y ajuste el modo a Intersecar área de la ruta. Añadir una nueva capa de ajuste de color sólido, sistema blanco como su color. Doble clic en la forma de reflexión y agregar sutil superposición de degradado. Paso 80 Ajuste el modo de fusión a la pantalla y reducir su opacidad al 70% y de relleno a 0%. Paso 81 Capa de reflexión Ctrl-clic. Hacer una nueva capa y pintar más destacado en su zona superior. Paso 82 Coloque las capas de teléfono dentro de un grupo seleccionando todos ellos y pulsa Ctrl + G. Haga clic en el icono del ojo en el fondo de ocultarlos y hacer que el teléfono se sientan en un fondo transparente. Presiona Ctrl + A, Ctrl + Shift + C, Ctrl + V para duplicar teléfono a una nueva capa. Paso 83 Pulse Ctrl + T para transformar el teléfono. Haga clic derecho y elegir Voltear vertical. Ponga el teléfono bajo el teléfono original. Paso 84 Añadir una máscara de capa y pintar un degradado de blanco a negro a desvanecerse la reflexión. Paso 85 - Shadow Active la herramienta Pincel con el tamaño del pincel grande y dureza 0%. Hacer una nueva capa y dibujar una línea de color negro debajo del teléfono. Establezca su opacidad al 10%. Paso 86 - Antecedentes Vamos a trabajar en un segundo plano. Hacer una nueva capa y empezar a pintar utilizando diferentes tonos de azul. No hay una regla perfecta aquí. Dé rienda suelta a su creatividad. Paso 87 Añadir Gaussian Blur (Filtro> Blur> Gaussian Blur). Utilice tamaños muy grandes de radio y asegúrese de activar las opciones de vista previa para que pueda ver el resultado en tiempo real. Paso 88 Vamos a hacer un patrón de píxeles (o, puede omitir estos pasos y el uso de un patrón de píxeles haya efectuado con PSDfreemium ). Hacer un nuevo archivo con el tamaño de 6 x 6 píxeles. Paso 89 Presiona Ctrl + 0 para maximizar el nivel de ampliación de la lona. Hacer una nueva capa y dibujar una línea diagonal con la herramienta Lápiz con 1 px tamaño del pincel. Paso 90 Ocultar Antecedentes tan sólo vemos la línea diagonal. Haga clic en Edición> Definir motivo para guardar la imagen como un patrón. Paso 91 Retorno a nuestro fondo, haga doble clic en él y añadir superposición de patrones con el patrón que acabamos de hacer antes. Aquí está el resultado. FINALMENTE ASÍ NOS QUEDA EL TELÉFONO: Si sos un vago y no tenés ganas de hacerlo Haga clic aquí para descargar el PSD.