Foros del Web » Creando para Internet » Diseño Gráfico »

(Illustrator) como puedo lograr este efecto?

Estas en el tema de (Illustrator) como puedo lograr este efecto? en el foro de Diseño Gráfico en Foros del Web. Hola a todos =) bueno no encuentro la manera de conseguir este efecto q es muy común para los textos... simplemente quiero saber como hacer ...
  #1 (permalink)  
Antiguo 21/08/2008, 17:53
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
(Illustrator) como puedo lograr este efecto?

Hola a todos =)
bueno no encuentro la manera de conseguir este efecto q es muy común para los textos... simplemente quiero saber como hacer un efecto "vidrio" en un texto algo como esto:

  #2 (permalink)  
Antiguo 22/08/2008, 07:12
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Como estas Luciana... voy a ver si puedo explicarlo bien por escrito:

1- Convierto a curvas el texto.

2- Lo copio y lo pego.

3- En la segunda copia realizo un rectángulo sobre la mitad de la palabra (superior o inferior).

4- Selecciono los dos y en la solapa Buscatrazos selecciono Formar Intersección, esto hace que me quede la palabra cortada al medio.

5- En este momento tengo dos elementos en la hoja: La palabra inicial (convertida a curvas) y una palabra cortada a la mitad.

6- Alineamos los dos elementos (vertical y horizontal) de modo que la palabra cortada quede sobre la entera.

7- Pinto la palabra cortada de blanco y le doy transparencia a gusto.

Se puede hacer degradez en uno u otro elemento, hay que probar pero salen cosas buenas.


Bueno espero que te haya servido, no se si se entendió bien... cualquier cosa me consultas!

Saludos.

Maxi.
  #3 (permalink)  
Antiguo 22/08/2008, 14:20
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: (Illustrator) como puedo lograr este efecto?

pero como convierto eltexto a curvas?
  #4 (permalink)  
Antiguo 22/08/2008, 14:45
Avatar de Anya82
Colaborador
 
Fecha de Ingreso: noviembre-2007
Ubicación: tij.bc.mx
Mensajes: 1.269
Antigüedad: 10 años
Puntos: 196
Respuesta: (Illustrator) como puedo lograr este efecto?

Seleccionas el cuadro de texto, das click derecho, y eliges "Create Outlines" (no se como venga nombrado en español, pero me imagino que "Convertir a Curvas" o algo asi)
__________________
¿Ya se enteraron? Grandes y maravillosas noticias... ¡Google no te cobra por búsqueda!
  #5 (permalink)  
Antiguo 22/08/2008, 18:16
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
De acuerdo Respuesta: (Illustrator) como puedo lograr este efecto?

muchas gracias! ahora si me salió
  #6 (permalink)  
Antiguo 23/08/2008, 15:44
Avatar de logotype
Colaborador
 
Fecha de Ingreso: noviembre-2007
Ubicación: Latitud: 16·23`,Longitud:71·32`oeste
Mensajes: 1.126
Antigüedad: 10 años
Puntos: 137
Respuesta: (Illustrator) como puedo lograr este efecto?

Creo que ya lo dijo nuestra compañera Anya: Seleccionas el texto, haces click derecho, abrirá un pequeño menú, allí eliges crear contornos y ya está.
__________________
El aprendizaje es un largo camino latido tras latido...
  #7 (permalink)  
Antiguo 24/08/2008, 09:05
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: (Illustrator) como puedo lograr este efecto?

Ejmmm, disculpen ahora tengo otra duda

si quiero hacer el mismo efecto pero en una figura u objecto?

perdonen q los moleste óò
  #8 (permalink)  
Antiguo 24/08/2008, 13:14
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Hola Luciana, mirá el procedimiento puede ser el mismo, va a depender mucho de que figura u objeto quieras hacer... tenes un ejemplo?

Saludos.

Maxi.
  #9 (permalink)  
Antiguo 26/08/2008, 14:52
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: (Illustrator) como puedo lograr este efecto?

Si... quisiera lograr una imagen así



pero que el "22" sea como el hueco en el cuadrado, es decir que por ej. al tener un fondo en degradado, se vea el degradado o que se vea el fondo, es decir que el "22" sea parte hueca del cuadrado, se entiende?

y lo mas importante, quisiera que ese efecto vidrio sea un solo elemento conjunto, o sea que cuando quiera mover el cuadrado (que seria lo que quiero, todo un conjunto incluyendo el "ahuecado del 22" xD) no me quede así



Gracias!
y disculpen, soy amateur! xD
  #10 (permalink)  
Antiguo 26/08/2008, 19:02
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Hola Luciana justo me estoy llendo! cuando vuelvo te lo explico bien!

Saludos.

Maxi.
  #11 (permalink)  
Antiguo 27/08/2008, 09:13
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: (Illustrator) como puedo lograr este efecto?

Gracias Maxi :) bueno ya me pude dar cuenta de como hacer para q el 22 me salga como el hueco jaja... ahora solo me falta "acoplar" el efecto vidrio...
  #12 (permalink)  
Antiguo 27/08/2008, 10:12
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Com andas Luciana, vamos a ver si esto es lo que buscas.

Te explico paso por paso como lo hago yo (parece una receta de cocina ).

1_ Trazamos un Rectángulo Redondeado.

2_ Ubicamos el Texto (22 en este caso) sobre el Rectángulo (en la posición que deseamos).
NOTA: No es necesario convertir el texto a curvas para lograr el efecto, esto es de acuerdo a cada caso. Ejemplo 1: Si lo vas a llevar a imprimir si o si te van a pedir que conviertas a curva todos los textos. Ejemplo 2: Si vas a repetir la operación con los números del 0 al 50, te conviene hacerlo una vez y luego ir editando los números solamente. Se entiende?

3_ Seleccionamos los dos elementos y en la zolapa BUSCATRAZOS elejimos la opción RESTAR DE AREA DE FORMA.

Con esto ya tenemos el rectángulo "perforado" con el texto.

4_ Trazamos el brillo (o efecto vidrio) con la Herramienta Pluma, siguiendo los límites del Rectángulo.
Es importante que sigas los límites para que luego la pieza final quede "prolija". Aparte si sobrepasa los límites el efecto tambien va a actuar sobre algun elemento que le pongas al lado. (Salvo que luego enmascares todo), pero en mi opinion es mejor acostumbrarse a hacer las cosas bien y prolijas.

5_ El brillo tiene que estar delante de los demas elementos y con relleno blanco. Luego le bajamos la opacidad a 25 ponele (eso lo verás vos) y el resultado es el de "efecto vidrio".

6_ Agrupamos, recogemos los elementos, lavamos, secamos, guardamos... y listo!

Bueno Luciana fijate si es esto lo que buscabas, cualquier duda ya sabés.

Saludos.

Maxi.
  #13 (permalink)  
Antiguo 27/08/2008, 10:24
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Aver a ver! Ahora viendolo un poco mas detenidamente puede ser que quieras que el brillo o "efecto vidrio" se vaya "aclarando" de un lado a otro.

En ese caso tenes que duplicar el texto para usarlos de la siguiente manera:

Con uno de los textos vas a recortar el ractángulo (para que te quede el "hueco"), y con el otro vas a recortar el brillo (para que te quede el mismo "hueco" sobre el brillo) . Entonces al brillo ahora le vas a dar un degrade de Negro a Blanco y en la solapa Transparencias vas a elegir la opción Trama. Luego le bajas la opacidad a gusto.

Se entendió? bueno cualquier duda te dejo tambien mi msn por si no expliqué bien.

[email protected]

Saludos.

Maxi.
  #14 (permalink)  
Antiguo 27/08/2008, 17:15
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: (Illustrator) como puedo lograr este efecto?

mmm creo q no me expliqué bien xD

lo q quiero es que el efecto vidrio y el cuadrado se unan, quero que sea una sola cosa, un solo elemento, asi al mover para cualquier lado el cuadrado, no esté separado del efecto vidrio y pueda moverlo todo junto....

se puede?
  #15 (permalink)  
Antiguo 27/08/2008, 17:36
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Como estas Luciana, tendrías que agruparlos. Osea seleccionar todos los elementos e ir a OBJETO > AGRUPAR ó Click con el boton derecho y elegir AGRUPAR ó Ctrl + G.

Saludos.

Maxi.
  #16 (permalink)  
Antiguo 28/08/2008, 16:11
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: (Illustrator) como puedo lograr este efecto?

bump! por que cosas tan simples te comen el cerebro? xD
jaja Mil gracias Maxii!

ahora si me vas a matar....pero te prometo q te hago un monumento!
antes q nada voy a pedir si podrian cambiar el titulo del post a "las preguntas de Luciana"

por que.... vengo con una más

ahora:p quisiera poner esta imagen en la esquina de este rectangulo.... como ven es como una tarjeta... y quiero que salga en la tarjeta solo esa parte de la imagen "22" y que lo que sobra, eliminarlo o que desaparezca, no se xD
  #17 (permalink)  
Antiguo 28/08/2008, 19:34
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

ILUSTRATOR PARA LUCIANA CLASE No.2 : MASCARAS ( )

Como estas Luciana, para lograr eso hay varias formas, la mejor a mi criterio es enmascarar el objeto. De esta forma vas a poder editar (si necesitas) todos los elementos.

Enmascarar un objeto significa aplicarle una máscara, esto hace que (como el nombre lo indica) solo se vea lo que esta dentro de la misma.

1_ Trazamos la figura que nos servirá de máscara, en este caso el cuadrado que mostras.

2_ Lo ubicamos sobre el objeto a enmascarar, en este caso el logo con el 22. La máscara tiene que estar siempre sobre el objeto a enmascarar, ya sea en la misma capa o en una capa superior.

3_ Seleccionamos los dos elementos y vamos a Objeto > Máscara de recorte > Crear ó Click con el botón derecho> crear máscara de recorte ó ,lo que es más sencillo, Ctrl + 7.

4_ En el caso que quisieras sacarle la máscara, hacemos click con el botón derecho y elegimos Soltar máscara de recorte.

-------------------------------------------------------------------------------------------------------

La otra forma es seguir los pasos hasta el No. 2, ir a la solapa buscatrazos y elegir la opción Recortar.


Saludos.

Maxi.

... próximamente... CLASE N° 3: ???
  #18 (permalink)  
Antiguo 29/08/2008, 18:45
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: (Illustrator) como puedo lograr este efecto?

No se que haría sin vos Maxi, en serio :p

ahora te doy un recreo, no necesito nada por el momento jaja

gracias de nuevo! :D
  #19 (permalink)  
Antiguo 29/08/2008, 19:38
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Ja! bueno Luciana no es para tanto che!

No tengo drama cuando necesites preguntá nomás.

Saludos.

Maxi.
  #20 (permalink)  
Antiguo 31/08/2008, 15:17
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 11 años
Puntos: 56
Respuesta: (Illustrator) como puedo lograr este efecto?

Por que te complicas y solo creas una nueva capa de color Blanco "forma de rectangulo", luego le das transparencia 50% y un borde del color del texto y ya esta, y para otro tipo de imagenes solo es cuestion de dibujar formas de color blanco y darle transparencia.
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #21 (permalink)  
Antiguo 01/09/2008, 06:24
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Hola America!

A ver, primero creo que aprender a utilizar las herramientas de un programa no es complicarse, sino todo lo contrario, es agregar valor.

Existen varias formas de obtener un mismo resultado (no siempre) en los programas. La diferencia puede estar en que, por ejemplo:

Yo hago un rectángulo (no una capa, las capas no tienen forma ni color) con relleno blanco y bordes color del texto, le doy 50% de transparencia y excelente, el resultado es el mismo. Ahora, si lo tengo que hacer sobre un fondo con degrade? o mi fondo es una fotografía? a algo similar?...

Entonces, la intención es aprender a hacer correctamente las cosas, y manejar las herramientas. De lo contrario Luciana ya me estaría preguntando como hace ahora para cambiar el fonfo y que no se note la transparencia del rectangulo...jejeje... cactás?

Saludos!

Maxi.

Última edición por Maxe; 01/09/2008 a las 06:34
  #22 (permalink)  
Antiguo 04/09/2008, 14:02
Avatar de escribanto2005
(Desactivado)
 
Fecha de Ingreso: octubre-2005
Mensajes: 876
Antigüedad: 12 años, 1 mes
Puntos: 6
Respuesta: (Illustrator) como puedo lograr este efecto?

Haznos un tutorial en forma Maxe, así todos aprenderemos de vos.
  #23 (permalink)  
Antiguo 04/09/2008, 21:15
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Hola Escribanto.

No por favor, no soy un experto en Ai ni mucho menos. Nada más me pareció que es mejor aprender las herramientas.

Mi intención no fué molestar a nadie, si pareció así pido mil disculpas, sinceramente lo dije con la mejor onda en serio.

Disculpas nuevamente si molesté a alguien, saludos.

Maxi.
  #24 (permalink)  
Antiguo 05/09/2008, 00:07
Avatar de escribanto2005
(Desactivado)
 
Fecha de Ingreso: octubre-2005
Mensajes: 876
Antigüedad: 12 años, 1 mes
Puntos: 6
Respuesta: (Illustrator) como puedo lograr este efecto?

Cita:
Iniciado por Maxe Ver Mensaje
Hola Escribanto.

No por favor, no soy un experto en Ai ni mucho menos. Nada más me pareció que es mejor aprender las herramientas.

Mi intención no fué molestar a nadie, si pareció así pido mil disculpas, sinceramente lo dije con la mejor onda en serio.

Disculpas nuevamente si molesté a alguien, saludos.

Maxi.
No se requiere ser un experto para hacer tutoriales amigo, yo no lo soy y he hecho algunos, no te mosquees si te lo he dicho así, que lo hagas en forma porque así se aprende mas que por cachitos, de una vez toda la explicación en el formato que quieras y compartirlo con los millones de internautas que siempre andamos buscando tutoriales de una u otra cosa.

Así que no lo tomes de ese modo... venga que también te lo dije en buen plan!

Checa por tí mismo que aun sin ser un experto puedes ayudar a muchos
  #25 (permalink)  
Antiguo 05/09/2008, 13:06
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: (Illustrator) como puedo lograr este efecto?

I'm back! jeje vengo con otra duda :p

esto no se si sera un poco mas complicado, pero veamos...

quisiera por ej, poner en el cartel ese q esta en la "oficina" ....



.. un logo como este



y que quede realista.... que pueda darle una pequeña perspectiva o algo para lograr q quede real...

gracias!

pd: no te preocupes maxi, yo le re entiendo a tus tutos =)
  #26 (permalink)  
Antiguo 05/09/2008, 14:51
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Hola Luciana tanto timepo...ja... enun rato vuelvo y te lo respondo. Estoy medio apurado.

Saludos.

Maxi
  #27 (permalink)  
Antiguo 06/09/2008, 16:30
Avatar de Maxe  
Fecha de Ingreso: agosto-2008
Ubicación: Córdoba, Argentina.
Mensajes: 109
Antigüedad: 9 años, 3 meses
Puntos: 4
Respuesta: (Illustrator) como puedo lograr este efecto?

Como andas Luciana!

Mirá esto hacelo mejor en Photoshop (desde ahora "psd"). Yo haría lo siguiente:

1_ Habriría la foto (el render) en psd.
2_ Si el archivo del logo lo tenes an Ai, lo abriría y lo arrastraría al psd (sobre la foto). Todo esto entendiendo que querés pasar el logo con el rectángulo que está detrás no?
3_ Una vez con el logo en el psd le modificaría los lados para lograr la perspectiva.

Si estas sobre la capa, presionando Ctrl + t te aparece el cuadro para transformarlo, click con el botón derecho y elegí la opción Transformación Libre... o algo así. Disculpá Luciana es que estoy de viaje y no tengo el programa acá... y no me acuerdo bien de memoria las opciones...jeje.

4_ En la solapa de Capas, arriba tenés para elegir el modo. Por defecto es NORMAL... probrá con MULTIPLICAR y te puede quedar bien.


Bueno fue algo rápido pero sirve... jeje... cualquier duda consultá!

Saludos.

Maxi.
  #28 (permalink)  
Antiguo 11/09/2008, 06:40
Avatar de LucianaJ  
Fecha de Ingreso: junio-2007
Mensajes: 13
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: (Illustrator) como puedo lograr este efecto?

hola de nuevo maxi, muchas gracias!

y perdon por la demora de la respuesta, no habia tenido tiempo hasta ahora :p

saludos!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:46.