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

como hacer esta linea difuminada

Estas en el tema de como hacer esta linea difuminada en el foro de Diseño Gráfico en Foros del Web. Hola amigos, estoy intentado de sacar la linea que tengo en la imagen, en los recuadros rojos se puede ver que la linea se va ...
  #1 (permalink)  
Antiguo 25/09/2011, 22:32
Avatar de davidmiichu  
Fecha de Ingreso: mayo-2011
Mensajes: 21
Antigüedad: 13 años
Puntos: 0
como hacer esta linea difuminada

Hola amigos, estoy intentado de sacar la linea que tengo en la imagen, en los recuadros rojos se puede ver que la linea se va disfuminando al final hasta hacer contraste con el fondo.. aqui dejo la imagen y sus recuadros rojos.



Gracias.
  #2 (permalink)  
Antiguo 25/09/2011, 23:13
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.725
Antigüedad: 22 años, 3 meses
Puntos: 998
Respuesta: como hacer esta linea difuminada

¿que software usas? Eso es muy sencillo, se puede hacer con cualquier programa.
Yo te se decir como se hace con el Gimp pro ejemplo:

- creas una img del tamaño deseado (1px por 900px por ejemplo)
- creas una capa del color de la linea
- herramienta "selección rectángulos" -> activas opción "difuminar los bordes"
- seleccionas los primeros px del la capa -> borras
- seleccionas los últimos px de la capa -> borras
- exportas como png transaprente

puedes jugar con el radio del defuminado y la cantidad de px a borrar para conseguir el efecto deseado.
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #3 (permalink)  
Antiguo 27/09/2011, 22:56
Avatar de Sergio1963
Colaborador
 
Fecha de Ingreso: enero-2009
Ubicación: Richmond, Virginia EE.UU.
Mensajes: 381
Antigüedad: 15 años, 4 meses
Puntos: 97
Respuesta: como hacer esta linea difuminada

Se puede hacer en Photoshop, Illustrator e InDesign, pero primero tienes que decir cuales programas tienes para poderte orientar. Esto se puede hacer súper fácil en InDesign
__________________
Saludos,

Sergio Velazquez
  #4 (permalink)  
Antiguo 01/10/2011, 22:03
Avatar de Luismaster2000  
Fecha de Ingreso: junio-2011
Ubicación: Orizaba, Ver.
Mensajes: 499
Antigüedad: 12 años, 11 meses
Puntos: 31
Respuesta: como hacer esta linea difuminada

lo primero sin importar el programa es hacer el fondo con degradado circular "no" radial con el negro a las orilla y el azul al centro

ahora la linea en si no es linea es un rectangulo delgado como de unos 8px o menos y de largo un poco menos que el rectangulo de fondo

y para hacerlo difuminar solo le debes hacer un degradado lineal con el negro en las orillas y el azul en medio al rectangulo delgado y hay poco a poco juegas con los colores y distancias para que se vea asi debes ocupar los mismos colores que en el fondo y listo
  #5 (permalink)  
Antiguo 04/10/2011, 18:36
Avatar de Andreys123456  
Fecha de Ingreso: febrero-2009
Ubicación: Perez Zeledon
Mensajes: 148
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: como hacer esta linea difuminada

Con FireWorks es facil tambien, demaciado facil diria !!

Última edición por Andreys123456; 04/10/2011 a las 18:45
  #6 (permalink)  
Antiguo 04/10/2011, 22:29
 
Fecha de Ingreso: abril-2008
Mensajes: 63
Antigüedad: 16 años
Puntos: 1
Respuesta: como hacer esta linea difuminada

más facil, en Photoshop vas a los pinceles pones 2 px o 1 px eliges el color que quieres luego te diriges a pluma creas una nueva capa y con la herramienta pluma haces un punto de trazado y otro más lejano que el otro haciendo una linea luego segundo boton contornear trazado y eliges pincel y ahi eliges simular presion
  #7 (permalink)  
Antiguo 05/10/2011, 09:17
Avatar de valentina4you
Colaborador
 
Fecha de Ingreso: agosto-2010
Ubicación: Montevideo
Mensajes: 1.623
Antigüedad: 13 años, 9 meses
Puntos: 285
Respuesta: como hacer esta linea difuminada

Tengo una manera mucho más sencilla de hacerlo.

1- Tomas un pincel de photoshop (del color que quieras) de los circulares con bordes difuminados y un tamaño grande (de ese tamaño será tu linea). Puedes también hacer un circulo, pintarlo y aplicar un desenfoque guagussiano pero es más rápido el pincel y el resultado es casi el mismo.
2- Modificas su proporción lo achatas y deformas hasta que quede una linea.

Pronto! Nada más. Los bordes quedarán transparentes por el degradado y se te fundirá con el fondo que tengas
__________________
Diseño Gráfico Profesional
www.valenn.com | Sigueme @valenncom | facebook/valenncom

Etiquetas: photoshop
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 10:24.