iPhone

AAddoobbee IIlllluussttrraattoorr CCSS44

PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 11

CCrreeaannddoo uunn iipphhoonnee

OObbjjeettiivvoo::

En este tutorial te mostrar cmo crear rpidamente una maqueta de un iPhone en Illustrator utilizando las herramientas Opciones de Fusin y Mascara de Opacidad, entre otras.

PPaassoo 11

Primero empezamos por la apertura de un nuevo documento en Adobe Illustrator CS4: Pulsar: [Control] + [N]. Del Cuadro de Dialogo, ajustar:



Crear un Rectngulo negro usando la herramienta Rectngulo (M).

PPaassoo 22

Ahora redondearemos los vrtices: Men Efecto / Estilizar / Redondear Vrtices. Darle un radio de 20 px.

Men Objeto / Expandir Apariencia.



PPaassoo 33

Crear nuevamente un Rectngulo blanco usando la herramienta Rectngulo (M). Repita los pasos anteriores para Redondear las Esquinas y Expandir Apariencia.

PPaassoo 44

Duplicar el Rectngulo Blanco y colocarlo encima: Pulsar: [Control] + [C]. Pulsar: [Control] + [F].

Esto asegurar que el duplicado del ovalo es exactamente el mismo que el original, adems que la forma recin duplicados est en frente, as que ahora podemos darle color negro.



PPaassoo 55

Ahora vamos a utilizar la herramienta de Mezcla de Illustrator para crear el borde del iPhone Men Objeto / Fusin / Opciones de Fusin.

Ahora vamos a Seleccionar el rectngulo ms grande y el mediano que hemos creado. Men Objeto> Fusin> Crear.

Esto mezclar los objetos seleccionados.

PPaassoo 66

Ahora, con la mezcla an seleccionando: Men Objeto / Expandir Apariencia. Pulsar: [Shift] + [Control] + [G] (2 Veces para Desagrupar).

Ahora vamos a Seleccionar el rectngulo mediano y el ms pequeo que hemos creado. Men Objeto> Fusin> Crear.

Repita los pasos anteriores para mezclar estos dos objetos. Asegrese de que para Ampliar y Desagrupar esta mezcla tambin.



PPaassoo 77

Ahora vamos a crear la pantalla, duplicaremos el rectngulo pequeo y lo colocaremos encima: Pulsar: [Control] + [C]. Pulsar: [Control] + [F]. Crear Rectngulo. Darle Color: # 0C0C0C.

Activar el panel Buscatrazos: Pulsar: [SHIFT] + [Control] + [F9] /

Formar Interseccin. Esto mostrar solo la interseccin.



PPaassoo 88

Ahora vamos a crear el botn en la parte inferior. Crear un crculo blanco, y lo duplicamos. Pulsar: [Control] + [C]. Pulsar: [Control] + [F].

Activar el panel Buscatrazos: Pulsar: [SHIFT] + [Control] + [F9] / Menos Frente.

Esto mostrar la parte no intersectada.

PPaassoo 99

Le daremos volumen, activamos el panel de Degradado Pulsar: [Control] + [F9] Elegir el Tipo Radial (Esto har que el objeto vuelva a aparecer, pero la decoloracin est de

izquierda a derecha de Blanco a Negro).



PPaassoo 1100

Ahora redondearemos los vrtices: Crear un Rectngulo. Men Efecto / Estilizar / Redondear Vrtices.

Darle un radio de 5 px.

PPaassoo 1111

Crearemos el altavoz en la parte superior: Crear un Rectngulo. Men Efecto / Estilizar / Redondear Vrtices.

Darle un radio de 5 px. Men Objeto / Expandir Apariencia.

Activar el panel Buscatrazos: Pulsar: [SHIFT] + [Control] + [F9] /

Menos Frente. Esto mostrar la parte no intersectada.

Aadir un Degradado Radial de Blanco a Negro.



PPaassoo 1122

Ahora ponga su obra de arte en la pantalla: Men Archivo / Colocar (Imagen iPhone). Crear un Rectngulo que cubra solo la Pantalla, como se muestra en la imagen.

Crearemos una Mscara de Recorte para obtener la pantalla del iPhone: Seleccionar los Objetos Men Objeto / Mascara de Recorte / Crear. Ajustar la Mscara de Recorte en nuestro iPhone



PPaassoo 1133

Ahora estamos listos para crear nuestra reflexin: (PARTE1) Pulsar: [Control] + [A] (Para Seleccionar Todos los objetos que componen el IPhone). Pulsar: [Control] + [G] (Para Agrupar todos los objetos que componen el IPhone). Ahora abre el panel Capas y ampliar el grupo que acaba de crear. Seleccione el

Rectngulo que esta en la parte inferior (Rectngulo Negro ms Grande). Copia y pega este objeto al frente del Grupo1. Esto cubrir hasta el grfico completo, como se muestra a continuacin.

PPaassoo 1144

Ahora estamos listos para crear nuestra reflexin: (PARTE2) Pulsar: [Control] + [A] (Para Seleccionar Todos los objetos, IPhone + Rectngulo). Pulsar: [Control] + [C] Pulsar: [Control] + [F] (Pega a todos ellos al frente).



Ahora activemos el panel Transformar Pulsar: [SHIFT] + [F8] Clic en el Men Emergente del Panel / Seleccionar Voltear Vertical.

Posicionarlo debajo como en

la muestra



PPaassoo 1155

Ahora podemos ocultar el objeto que encubre el IPHONE de arriba.

PPaassoo 1166

Seleccione los objetos que acabamos de crear y girar verticalmente. (IPhone + Rectngulo).

Clic aqu para ocultar la Capa de Trazado



PPaassoo 1177

Ahora activemos el panel Transparencia y seleccione crear Mscara de Opacidad: Pulsar: [SHIFT] + [F8] Clic en el Men Emergente del Panel / Seleccionar Crear Mscara de Opacidad.

PPaassoo 1188

En el panel Transparencia, usted debe ver dos imgenes en miniatura. A continuacin, haga: Pulsar: [ALT] + [Clic] sobre la Imagen en Negro

Abra el panel Degradado Pulsar: [Control] + [F9] Elegir el Tipo Lineal (Esto har que el objeto vuelva a aparecer, pero la decoloracin est de

izquierda a derecha). Seleccione la herramienta de Degradado [G] / Crear un Degradado Vertical como se

muestra.

Pulsar [ALT] + [Clic]

aqu

Elegir el Tipo Lineal aqu



Ahora en el panel Transparencia, haga clic en la miniatura de Imagen. Esto es esencial, de lo contrario Illustrator no le dejar fuera de la mscara.

Ajuste la Transparencia Global (Opacidad) de este objeto a 80% por ejemplo.

PPaassoo 1199

Ahora estamos listos para crear el fondo. Crear un rectngulo de color negro del tamao de la pgina. Colquelo adecuadamente y de bloqueo en su lugar.

PPaassoo 2200

Ahora escriba un texto al lado derecho del IPhone (Utilice la fuente que ud. crea conveniente).

Clic aqu para salir de la Mscara

Bajar la Opacidad a

80%

Colocar el Rectngulo en la parte ms baja



Conclusin

Ah lo tienen, Creacin de un iPhone en Illustrator CS4 creado desde cero es ms fcil de lo que parece. Espero que haya disfrutado de este tutorial y aprender algo de ella.

/En este tutorial te mostrar cmo crear rpidamente una maqueta de un iPhone en Illustrator utilizando las herramientas Opciones de Fusin y Mascara de Opacidad, entre otras.//Repita los pasos anteriores para Redondear las Esquinas y Expandir Apariencia.

iPhone

Documents

Transcript of iPhone