Share
Lo que vas a crearEste tutorial le mostrará cómo crear una imagen realista de la foto del nuevo iPhone4 de Apple. Con suerte, para el final tendrá algo extremadamente cercano a lo real, que para los pocos que no poseen el iPhone4 (como yo), puede ser lo más cercano que podamos llegar a tener. Antes de comenzar, puede ser una buena idea obtener una imagen de referencia de la web para que sepa dónde va todo y el tamaño de algunas de las funciones. Pero por lo demás, disfruta.!
Para comenzar, cree un nuevo documento de un tamaño adecuado (usé un tamaño de foto de 10 pulgadas x 8 pulgadas a 300 ppp porque se ajusta muy bien como un fondo de pantalla de alta calidad).
Para crear el fondo, configure el color de primer plano en # 505050 y luego use la herramienta de degradado y seleccione la configuración radial. Arrastre desde el centro hacia afuera para obtener un brillo suave en el centro de la imagen.
Presione (Cmd / Ctrl + R) para subir las reglas, arrastre algunas guías desde las reglas hacia el centro de donde desea que esté su iPhone.
En una nueva capa; Llámelo "lado plateado", seleccione la herramienta Rectángulo redondeado (U) y configúrelo en rutas. Asegúrese de que su radio sea de 1 cm y luego arrastre desde el centro de las pautas, asegurándose de mantener presionada la tecla 'Alt' cuando la arrastre. Intente obtener una forma realista (si no está seguro, extraiga una imagen de referencia de la web).
Haga clic derecho y seleccione las rutas de relleno. Rellénelo con # C9C9C9. Luego elija Filtros> Ruido> Agregar ruido. Elija algo alrededor de 9.51 (lo suficiente para que se vea más realista y pierda su dureza) en el ajuste monocromático y uniforme. Presiona el botón 'Escape' dos veces para eliminar la ruta. Dibuje los trazos de pincel como se muestra y luego vaya a filtros> Desenfoque> Desenfoque gaussiano> 2.8 píxeles.
Crea una nueva capa y llámala "cuerpo principal". 'Cmd / Ctrl - Haga clic en' la capa "lado plateado" y luego elija 'Seleccionar> Modificar> Contrato> 10 píxeles'.
Establezca el color de fondo en # 0A0A0A y luego, para completar la selección, presione 'Cmd / Ctrl + Retroceso'. (Esto llena automáticamente la selección con el color de fondo).
Cree una nueva capa y llámela "profundidad": esto es solo una línea alrededor del interior del cuerpo donde el iPhone curva y refracta la luz de la cámara. Para crear la línea 'Cmd / Ctrl - Haga clic' en la capa "cuerpo principal", luego vaya a 'Editar> Trazo' ANCHO - 10 píxeles, COLOR - # 000000, UBICACIÓN - Interior.
Luego vaya a 'Filtros> Desenfoque> Desenfoque de lente' y aplique la configuración a continuación. Asegúrate de que esta capa esté siempre encima de todas las demás capas.
Crea una nueva capa debajo llamada "Pantalla". Seleccione la herramienta de recuadro Rectángulo (M) y luego dibuje desde el centro de las pautas, mantenga presionada la tecla 'Alt' una vez que haya comenzado a arrastrar para hacer que el rectángulo se expanda desde el centro. Haga del rectángulo una forma agradable para la pantalla, dejando espacio para el botón de menú, el altavoz y la cámara. Cuando esté satisfecho con la forma de su pantalla, rellénela con cualquier color y luego cree una nueva capa sobre la capa "Pantalla"; no te preocupes por nombrarlo aun.
Cuando esté satisfecho con la forma de su pantalla; en su nueva capa, elija 'Archivo> Colocar' y elija la imagen que prefiera (¡he elegido a mi perro, no es lindo!) Luego cambie el tamaño, mueva o gire la imagen o haga lo que quiera para que se vea bueno. Asegúrese de que la imagen esté sobre la pantalla cuando termine, luego puede cambiar el nombre de la capa "Imagen de pantalla". Ahora, presione 'Alt - Clic' entre la capa "Pantalla" y "Imagen de pantalla" para convertirla en una capa de recorte. Esto significa que recorta la capa debajo de ella y le permite editar o cambiar la imagen debajo con facilidad.
Ahora vamos a empezar en el botón de menú. Crea una nueva capa y llámala "Botón de menú", haz que la opacidad sea del 60%. Lleva otra línea de guía hacia donde estará el botón y luego usa la herramienta Elipse desde el centro de las guías que contienen 'Alt'. Cuando tenga el tamaño deseado, llénelo con blanco, luego abra el menú de efectos de capa haciendo doble clic al lado de la capa, luego use la opción de superposición de degradado con #AEAEAE a # 000000 como se muestra a continuación. Quitar el camino.
Cree una nueva capa y llámela "Icono de menú", use la herramienta de rectángulo redondeado (U) con un radio de 10 píxeles y extraiga el cuadrado del centro, antes de agregarle un trazo, haga que su color de primer plano # 979797, luego seleccione la herramienta de pincel (B) y haga que el pincel tenga 3 píxeles de ancho y un 90% de dureza. Luego, vuelva a la herramienta Rectángulo redondeado y luego haga clic con el botón derecho> Trazo de trazo> Pincel> Aceptar.
Ahora para crear el altavoz, mueva una línea de guía horizontal hacia arriba de la pantalla, tanto el altavoz como la cámara se centrarán a lo largo de esta línea. Cree una nueva capa llamada "Altavoz" y luego use la herramienta Rectángulo redondeado (U) para hacer que la parrilla del altavoz. Establezca el radio en 1 cm solo para hacer un borde redondeado y luego extraiga la forma al tamaño que se muestra en las siguientes imágenes. Con la misma herramienta, haga clic con el botón derecho, elija 'Rellenar ruta' y rellénelo con negro. Luego vea los efectos de capa y elija 'Superposición de patrón' y 'Resplandor exterior' y use la configuración que se muestra.
Ahora haremos la reflexión que mencioné anteriormente. Así que crea una nueva capa llamada "Reflexión" debajo de la capa "Altavoz". 'Cmd / Ctrl - Haga clic' en la capa "Cuerpo principal" y luego seleccione la herramienta Lazo poligonal (L), seleccione el modo de intersección y luego haga un triángulo en el lado derecho del iPhone como se muestra. Llénalo de blanco. Luego lleva la opacidad de la capa al 55%..
Seleccione la herramienta de recuadro Rectángulo (M) y configure la pluma a 150 píxeles. Seleccione el tercio inferior de la reflexión y presione la tecla Eliminar varias veces hasta que no pueda ver la punta de la reflexión..
Ahora podemos comenzar con la cámara, sacar una guía hacia donde desea que esté el centro de la cámara, crear una nueva capa llamada "cámara". Seleccione la herramienta Elipse (U) y haga tres pequeños círculos uno dentro del otro desde el centro de las pautas. Llene el anillo exterior con # 424242, anillo intermedio # 080809 y el anillo central # 080F2B.
Ahora vaya al menú de efectos de capa y use las configuraciones de biselado y relieve a continuación para que la cámara se vea más ajustada al iPhone. Luego vaya a Filtro> Desenfoque> Desenfoque gaussiano> 0,9 píxeles..
Ahora que hemos completado la cámara, finalmente podemos pasar a los toques finales para la vista frontal del iPhone; Primero haremos los botones laterales. Cree tres capas nuevas debajo de la capa "Lado plateado" (llámelas el Botón 1, 2 y 3.) Dibuje tres caminos con la herramienta de rectángulo redondeado (U) con un radio de 1 píxel a lo largo del lado izquierdo del iPhone. Estamos haciendo los dos botones de volumen y el control deslizante de silencio, y puedes ver dónde van en la imagen de abajo. Una vez que los hayas dibujado, rellena los caminos blancos, uno a la vez en cada capa. A continuación, aplique los ajustes a continuación en el menú de efectos de capa. Cuando haya aplicado estos a cada capa, vaya a Filtro> Desenfoque> Desenfoque gaussiano> 1.
Crea otra capa nueva y llámala "botón superior". Cree otra ruta con la herramienta rectángulo redondeado (U) en la esquina superior derecha del iPhone. Rellénelo con blanco y agregue la siguiente configuración.
Es posible que deba mover el degradado al lugar correcto utilizando la herramienta de movimiento (V) y arrastrándolo a lo largo de la pantalla. Presione Cmd / Ctrl + F para repetir el último efecto de filtro (Gaussian Blur en este caso).
Antes de continuar, sugiero agrupar las capas que ha usado hasta ahora en Grupos de capas si aún no lo ha hecho presionando el icono de carpeta en la barra de capas.
Ahora el cuerpo del iPhone está fuera de la forma en que podemos movernos con la interfaz antes de pasar a las vistas posterior y lateral del iPhone. Para comenzar, haga un nuevo grupo de capas y llámelo "interfaz", Cmd / Ctrl: haga clic en la capa "Pantalla" y luego presione el botón 'Agregar máscara de capa'. Esto hará que todo lo hecho en el grupo se corte a la pantalla..
Cree una nueva capa y seleccione la herramienta de marco rectangular (M) y seleccione un área en la parte inferior de la pantalla como se muestra y rellénela con blanco.
Aplique los ajustes a continuación. Luego vaya a Capa> Estilo de capa> Copiar estilo de capa.
Arrastre dos pautas al centro del cuadro y luego cree una nueva capa llamada "Botón de cámara". Utilice la 'herramienta Rectángulo redondeado' (U) con un radio de 1 cm para crear el botón. Presione Cmd / Ctrl + Enter para convertir la ruta en una selección y luego complete la selección. Vaya a Capa> Estilo de capa> Pegar estilo de capa. (Esto pegará la misma configuración de efectos de capa de la capa copiada en esta).
Agregue la configuración de bisel y relieve como se muestra a continuación.
Ahora crearemos el ícono de la cámara para el botón, crearemos una nueva capa y lo llamaremos "ícono de la cámara". Con la herramienta Rectángulo redondeado (U) con un radio de 20 píxeles, dibuje una cámara a gran escala y use la herramienta de selección de ruta directa para mover las esquinas superiores del cuadro superior una hacia la otra. Presione Cmd / Ctrl + T para transformar el icono; cambiar el tamaño para que quepa dentro del botón de la cámara. Seleccione la herramienta Rectángulo redondeado (U) y haga clic con el botón derecho en la ruta, haga clic en completar ruta y rellénela con # 424242.
Cree una nueva capa llamada "cuadro deslizante" y use la herramienta de rectángulo redondeado (U) para el cuadro en la esquina inferior derecha de la pantalla. Utilizando el mismo radio, dibuje un recuadro donde la parte superior toque la línea guía como se muestra a continuación. Rellénalo con blanco y luego aplica estos efectos de capa..
Cree una nueva capa llamada control deslizante y luego otra vez con la herramienta de rectángulo redondeado (U) haga un pequeño control deslizante dentro del cuadro del control deslizante, póngalo en el lado izquierdo. Presione Cmd / Ctrl + Enter y luego Cmd / Ctrl + Retroceso para hacer una selección y rellenarlo con el color de fondo. Vaya a Capa> Estilo de capa> Copiar estilo de capa.
Vaya a la capa "Icono de la cámara" y presione Cmd / Ctrl + J para duplicar la capa del icono de la cámara, presione Cmd / Ctrl + T para transformarla, hágala más pequeña y muévala sobre el control deslizante. Luego, dibuje un icono de cámara de película con la herramienta Rectángulo redondeado (U) y la herramienta Pluma (P), transforme y mueva sobre el control deslizante.
Importe una imagen diferente yendo a Archivo> Colocar y seleccionando su imagen. Presione Cmd / Ctrl + T y reduzca el tamaño de la imagen para que se ajuste perfectamente en la esquina inferior izquierda.
Luego use la herramienta rectángulo redondeado (U) con un radio de 10 píxeles para crear un cuadro sobre la imagen. Presione Cmd / Ctrl + Enter para crear una selección, y luego presione el icono 'agregar máscara de capa' en la barra de capas. Esto recortará la imagen a la selección..
Ahora pasamos a la barra de zoom! En una nueva capa llamada "Barra de zoom", use la herramienta Rectángulo redondeado (U) con un radio de 30 píxeles y dibuje una barra delgada en la parte inferior de la pantalla. Luego cambie la herramienta para restar y dibujar otra barra dentro de la barra anterior. Usando la herramienta de selección de ruta (A), seleccione y haga clic con el botón derecho en la ruta externa, elija la ruta secundaria de relleno y luego rellénela con #EAEAEA.
Utilice la herramienta de selección de ruta (A) nuevamente y seleccione la ruta central. Cambie la configuración de restar para agregar y luego complete la ruta con Negro. Presiona 5 en tu teclado para reducir la opacidad al 50%.
Cree una nueva capa y dibuje un control deslizante circular con la herramienta Elipse (U), rellénela con blanco y luego presione 9 para reducir la opacidad al 90%.
Seleccione la herramienta de texto (T) y coloque un símbolo negro + y - a cada lado de la barra de zoom, la fuente es Veranda y tamaño 8 para el signo - y tamaño 6 para el signo más. Llevar la opacidad al 50%..
Ahora pasamos a la pantalla del flash. Use la herramienta rectángulo redondeado (U) en un radio de 1 cm para dibujar un rectángulo en la esquina superior izquierda, rellénelo con blanco y aumente la opacidad al 50%. Use la fuente Veranda en negro y el tamaño 12 para escribir la palabra 'Off' y luego aumente la opacidad al 50% nuevamente. Con la herramienta Pluma (P), dibuje un icono de rayo y llénelo con # 000000. Llevar la opacidad al 50%..
Ahora hemos terminado completamente con la vista principal del iPhone (dése una palmada en la espalda si lo desea) y si desea continuar, siga el tutorial a medida que avanzamos hacia la parte posterior del iPhone y luego hacia el costado. Antes de comenzar, simplemente coloque el iPhone frontal en una gran carpeta.
Este paso será más fácil para aquellos que han organizado sus capas en carpetas. He puesto todas mis capas de botones y capas de cuerpo en una carpeta que puedo copiar y voltear para la parte posterior de mi iPhone. De lo contrario, Cmd / Ctrl + Haga clic en "Cuerpo principal", "Lado plateado", "Control deslizante de silencio", "Botón superior", "Reflejo", "Profundidad" y las capas del botón de volumen, haga clic con el botón derecho y presione duplicar capa, presione Aceptar y luego poner las capas en una nueva carpeta llamada "Volver iPhone.
Seleccione la carpeta "Atrás iPhone", luego use la herramienta de movimiento (V) para mover el iPhone posterior junto al iPhone frontal. Abra la carpeta y seleccione cada capa excluyendo la "capa de reflexión", luego elija Edición> Transformar> Voltear horizontalmente.
Ahora pasamos a la cámara trasera. Cree una capa de "anillo de cámara", lleve dos guías al lugar donde desea que esté su cámara y luego use la herramienta de marco elíptico (M), mantenga presionada la tecla Alt + Mayús SÓLO cuando haya comenzado a arrastrar desde el centro de las pautas. Luego elija Editar> Trazo> 4 píxeles> Aceptar. A continuación, aplique la configuración de degradado a continuación.
Cree una nueva capa llamada "grises" y cree otro círculo con la herramienta de marco elíptico (M) dentro del anillo de la cámara y rellénelo con # 282828. Elija Filtros> Ruido> agregar ruido y elija 16.57. Luego elija Filtros> Desenfoque> Desenfoque gaussiano> 2.2 píxeles. Añadir estos efectos de capa. Gira la opacidad de la capa al 50%..
Cree otra capa llamada "capa inferior gris" y debajo de la capa "gris" use la herramienta de marco elíptica (M) y cree otro círculo debajo, rellénelo y agregue los efectos de capa a continuación.
Finalmente, dibuje otro círculo para la lente y llénelo con # 013274 luego aplique estos efectos.
Crea una nueva capa debajo de la capa "copia de reflexión" y llámala "logotipo de Apple". Obtenga una imagen del logotipo de Apple y trátela o simplemente dibújela de la memoria con la herramienta de lápiz (P) rellénela con #CECDCB.
Para el flash, solo use la herramienta de marco elíptico (M) y llénela con blanco en una nueva capa, use las pautas para mantenerla en línea con la cámara. Luego, vaya a los efectos de capa y aplique la superposición de patrones debajo.
Seleccione la herramienta de texto (T) con la fuente Tahoma, tamaño 14 y escriba el iPhone en la parte inferior. Luego use la misma fuente pero con el tamaño 3.7 para el código del producto y la información debajo de la marca. El color es # 545453..
Empiece a dibujar los símbolos de seguridad y calidad con la herramienta Pluma (P), diviértase y haga algunos propios o simplemente mantenga los originales como lo he hecho a continuación. De nuevo mantén el color # 545453.
Ahora que el Back está terminado, finalmente podemos terminar con el lado. Cree un nuevo grupo de capas llamado "lado iPhone" y en ese grupo cree una capa llamada "lado blk". He arrastrado algunas pautas para delinear la base de mi iPhone lateral. Dibuje un cuadro con la herramienta rectángulo redondeado (U) con un radio de 10 píxeles. Rellénelo y luego abra los estilos de capa y aplique estos ajustes.
Ahora, con la misma herramienta (U) en una nueva capa llamada "Plata", dibuje un cuadro más delgado pero más largo que el "Side Blk". Su longitud debe significar que solo sobresale del borde de la otra caja. Luego agrega el gradiente debajo.
De izquierda a derecha, este gradiente va: # 202020, # 919191, # 2E2E2E, # 737373, #ADADAD, #BCBCBC, # 616161, #EDEDED, # 303030.
Cree una nueva capa llamada "Refracción" y luego Cmd / Ctrl - Haga clic en la capa "Plata" y use la herramienta de lazo poligonal (L) para seleccionar dos áreas a los lados del iPhone como se muestra a continuación. Rellénelo con blanco y luego mueva la opacidad al 40%..
Cree una nueva capa llamada "botones de volumen" y use la herramienta de ruta elíptica (P) para crear dos círculos del tamaño del botón de volumen, rellénelo y aplique la configuración a continuación. He usado pautas para asegurarme de que se alinean con los botones laterales de mi iPhone..
Use la herramienta de texto (T) y escriba un signo más y un signo menos en los botones, use la fuente Tahoma en el tamaño 14. Haga que el signo menos sea más ancho al aumentar el ancho a 160%. Vaya a Capa> Rasterizar> tipo (haga esto en ambas capas de texto). Luego Cmd / Ctrl - Haga clic en las capas más y menos, luego vaya a la capa "botones de volumen" y presione eliminar.
Para nuestro paso final, use la herramienta Rectángulo redondeado (U) con un radio de 8 píxeles y dibuje un rectángulo en una nueva capa llamada "Control deslizante Atrás". Rellénelo con # b7b7b7 y agregue la sombra interior a continuación.
Cree una nueva capa llamada "control deslizante" y dibuje otro cuadro con la herramienta de rectángulo redondeado (U) dentro del cuadro anterior, solo que esta vez con un radio de 7 píxeles. Luego aplícale estos ajustes.
Para finalizar, seleccione la herramienta de pincel (B) en tamaño 13 y dureza 50% con el color # 1E1E1E, Cmd / Ctrl - Haga clic en la capa "plateada" y luego en la parte inferior dibuje una línea de pincel arrastrando y sosteniendo Shift. Asegúrese de que esté en línea con las otras líneas de la vista posterior y frontal. (Use una pauta si lo desea.)
Ya ha completado su iPhone 4. Realmente espero que haya disfrutado este tutorial y que esté satisfecho con lo que ha terminado. Esperemos que hayas aprendido algo nuevo y que hayas tenido una experiencia agradable..
Accentsconagua