iPhone
-
Upload
abel-gutierrez -
Category
Documents
-
view
222 -
download
1
description
Transcript of 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:
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 22
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.
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 33
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.
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 44
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.
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 55
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.
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 66
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).
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 77
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.
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 88
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
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 99
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).
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 1100
Ahora activemos el panel Transformar Pulsar: [SHIFT] + [F8] Clic en el Men Emergente del Panel / Seleccionar Voltear Vertical.
Posicionarlo debajo como en
la muestra
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 1111
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
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 1122
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
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 1133
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
-
AAddoobbee IIlllluussttrraattoorr CCSS44
PPrrooff.. FFeerrnnaannddoo DDaavviidd MMeennddoozzaa MMuurriilllloo PPggiinnaa 1144
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.