Ayuda para un ejemplo de referencia

mcfly · 06-Jun-2006, 12:51 AM

Hola a todos
Soy nuevo en este foro me gusta la buena fotografia y el diseño en general y ademas soy un webmaster principiante

Mi inquietud pasa por saber como se realiza este tipo de lineas paralelas y aparentemente aleatorias como las que subi en la url siguiente.
El diseño corresponde a uno de los layers (formato psd) original de un sitio web japones muy complejo en sus detalles.
Quisiera saber que programa genera esto o si es un plugin de Photoshop o ilustrator o algun otro.
Este dato me serviria para hacer mezcla de capas o blend de imagenes.

Este es el ejemplo
http://www.hidebehind.com/3324643E
hacer click en la imagen para redimensionarla.

Desde ya cualquier ayuda es bienvenida siempre.

Muy buena la seccion de tutoriales y espero que este foro pueda crecer sin limites para bien de toda la comunidad.
Desde Buenos Aires un gran abrazo para todos

boronas™ · 06-Jun-2006, 10:50 AM

ey yo tambien quiero saber como hacer esoooooooo!!!

mcfly · 06-Jun-2006, 11:09 AM

Ya somos dos

Flat · 06-Jun-2006, 01:06 PM

Pues yo tengo dos teorias sobre como se hace eso
una es que fue hecho en illustrator y son mezclas
que tomas dos shapes y te contruye los shapes intermedios
y otra que es algun programa de 3d :P

es un muy buen trabajo, y habria que dedicarle mucho rato para hacer algo igual

thediablo · 06-Jun-2006, 01:15 PM

Se llaman WireFrames y creo que algo asi lo puedes lograr con algun programa de 3D
con photoshop la veo muy dificil. pero no imposible

igual y con una accion que crees una linea curva y en base a esa se vaya rotando 2 pixeles hacia un lado N cantidad de veces, tal vez asi se pueda

boronas™ · 06-Jun-2006, 01:41 PM

mmm io lo he intentado con freehand + photoshop, y bueno asi rapidin me salio esto, supongo que con mas tiempo y quizas mas pegaditos, puede salir algo mejor...

buen rock

boronas™ · 06-Jun-2006, 01:43 PM

comparandolo.. apesto..
=( x mil

thediablo · 06-Jun-2006, 01:50 PM

Que ondas boronas? pero explicanos como le hiciste....
porque mira a mi se me ocurrio esto pero esta super basico.

Simplemente en una accion de PS, cree un layer nuevo y le meti un path sencillo... y lo unico que hace la accion es Duplicar y Rotar el layer un pixel a la derecha 40 veces, con un poco mas de trabajo y agrandando la imagen mucho mas se podria obtener algo similar a lo que busca mcfly.

Linea de Base

Despues

les adjunto la accion de photoshop.
(se ve medio raro porque lo rote a mano y no moviendole a los angulos en el Transform

)

boronas™ · 06-Jun-2006, 01:59 PM

pues bueno, lo hic een freehand porq ilustrador no tiene la opcion de duplicar con accion
asi que hice el trazo lo duplique con alt +shift, y le di una ligera rotacion, asi nomas manual, de ahi pues duplique y duplique hasta lograr el resultado y de ahi lo pase a photoshop y con modos blending y borrando para dar contraste incremente el contrate en algunos puntos, asumo que con mas tiempo y mas cuidado se puede lograr lo deseado..

ejemplo aqui:

P[e]RNo · 06-Jun-2006, 02:21 PM

Yo recuerdo que hacía algo parecido con la herramienta de mezcla del corel draw.
Poniendo la figura de salida y de llegada y mezclando con la cantidad de capas intermedias deseadas.

No tengo instalado el corel en este momento, sino les mostraría algo hecho.
igual lo que he visto esta bastante bueno.
salu2
P[e]RNo

mcfly · 06-Jun-2006, 04:14 PM

@boronas
@thediablo
Muy bueno los dos procedimientos...muchisimas gracias a los dos.
el de boronas salio muy bien pero yo no uso Freehand no obstante es un muy buen punto de partida.
Gracias thediablo por el attach de la accion...ya mismo voy a experimentar con distintas variaciones.
Me llama la atencion que no haya un plugin que lo gerere automaticamente a partir de una matriz ya que este tipo de diseño es muy usado en sitios web orientados al comercio de alto nivel.
En conclusion como dice el dicho ...con paciencia y saliva el elefante se la metio a la hormiga:-) o sea que hay que experimentar .
Gracias de nuevo por la ayuda.

Canhijo · 06-Jun-2006, 05:19 PM

En ilustrator hay una herramienta que se llama BLEND, ahí puedes hacer ese tipo de shapes entre un path y otro, o más si es necesario, e incluso darles una trayectoria definida. Aunque la del ejemplo creo que está algo photochotiada.

Otra opción que se me ocurre es que sea un still de gráficos generados con Shockwave, alguna vez ví en una página ejemplos como ese pero en movimiento, tssss, muy chingones.

No recuerdo si fue en esta, pero aqui vienen algunas cosas similares
TURUX

boronas™ · 06-Jun-2006, 05:24 PM

pero con la herramienta de BLEND, no puedes girarla, o si?
si es asi pues dinos como, porq ai sok @ friham...

ray_einteractivo · 06-Jun-2006, 05:31 PM

Quote:

Originalmente publicado por boronas™

pues bueno, lo hic een freehand porq ilustrador no tiene la opcion de duplicar con accion

pero si tiene blend no??

ray_einteractivo · 06-Jun-2006, 05:35 PM

a ver pues aqui esta otro pequeño ejemplo, nunca pude ver la imagen de http://www.hidebehind.com/3324643E pero ok. me imagino lo que todos...

yo casi no uso Illustrator pero el freehand si :-)

son dos circulos deformados unidos por el blend con 50 repeticiones

pixeluno · 06-Jun-2006, 05:39 PM

pues en Illustrator tambien se puede hacer, la tecnica es la siguiente:
1.- generan el path
2.- lo copian Ctrl+C
3.- lo pegan Ctrl+F para pegar en el mismo lugar
4.- transform+rotation+angulo 2°
aqui biene lo interesante para repetir presionan
5.- Ctrl+C + Ctrl+F + Ctrl+D
asi las veces que quieran repetir el path

en mac sustituyen Ctrl por manzanita

Saludos

thediablo · 06-Jun-2006, 08:46 PM

Fijense... de las 3 formas que pusimos como hacerlo, son exactamente iguales!, hacer el path-duplicar-rotar osease que cual seria la mas eficiente?

yo digo que una accion en photoshop al menos que en illustrator se le puedan meter acciones?

Canhijo · 06-Jun-2006, 09:44 PM

Simón, si se le pueden meter actions. Además con la ventaja de que sigues teniendo las formas como paths y si cambias una se corrige toda la secuencia de imágnes.

mcfly · 07-Jun-2006, 12:49 AM

@ray_einteractivo
@pixeluno
Excelentes ambos...realmente quiero agradecerles " la buena onda" para solucionar un tema interesante ya que como dice thediablo vemos como activando las neuronas a travez del intercambio de ideas se llega casi al mismo resultado.:-)
Un millon de gracias a todos y cualquier cosa que necesiten estoy a disposicion.

pixeluno · 08-Jun-2006, 01:14 PM

bueno y para rematar estuve experimentando un poco...

Quote:

y aqui las actions para Illustrator CS en PC Mac mas tarde

Saludos

06-Jun-2006, 12:51 AM	#1
mcfly Junior Registrado: June-2006 Location: Argentina Posts: 8	Ayuda para un ejemplo de referencia Hola a todos Soy nuevo en este foro me gusta la buena fotografia y el diseño en general y ademas soy un webmaster principiante Mi inquietud pasa por saber como se realiza este tipo de lineas paralelas y aparentemente aleatorias como las que subi en la url siguiente. El diseño corresponde a uno de los layers (formato psd) original de un sitio web japones muy complejo en sus detalles. Quisiera saber que programa genera esto o si es un plugin de Photoshop o ilustrator o algun otro. Este dato me serviria para hacer mezcla de capas o blend de imagenes. Este es el ejemplo http://www.hidebehind.com/3324643E hacer click en la imagen para redimensionarla. Desde ya cualquier ayuda es bienvenida siempre. Muy buena la seccion de tutoriales y espero que este foro pueda crecer sin limites para bien de toda la comunidad. Desde Buenos Aires un gran abrazo para todos Editado por mcfly en 06-Jun-2006 a las 12:54 AM.

06-Jun-2006, 01:15 PM	#5
thediablo Administrator Registrado: April-2006 Location: Monterrey, Mexico Posts: 399	Se llaman WireFrames y creo que algo asi lo puedes lograr con algun programa de 3D con photoshop la veo muy dificil. pero no imposible igual y con una accion que crees una linea curva y en base a esa se vaya rotando 2 pixeles hacia un lado N cantidad de veces, tal vez asi se pueda __________________ [ Disque Portafolio +++ Mi Blog +++ Las Fotos ]

06-Jun-2006, 02:21 PM	#10
P[e]RNo Junior Registrado: June-2006 Location: Argentina Posts: 2	Buenas.. tengo otra idea Yo recuerdo que hacía algo parecido con la herramienta de mezcla del corel draw. Poniendo la figura de salida y de llegada y mezclando con la cantidad de capas intermedias deseadas. No tengo instalado el corel en este momento, sino les mostraría algo hecho. igual lo que he visto esta bastante bueno. salu2 P[e]RNo

06-Jun-2006, 05:19 PM	#12
Canhijo Miembro Registrado: May-2006 Location: México Posts: 62	En ilustrator hay una herramienta que se llama BLEND, ahí puedes hacer ese tipo de shapes entre un path y otro, o más si es necesario, e incluso darles una trayectoria definida. Aunque la del ejemplo creo que está algo photochotiada. Otra opción que se me ocurre es que sea un still de gráficos generados con Shockwave, alguna vez ví en una página ejemplos como ese pero en movimiento, tssss, muy chingones. No recuerdo si fue en esta, pero aqui vienen algunas cosas similares TURUX __________________ ¿Lo dije o lo pensé?

06-Jun-2006, 05:35 PM	#15
ray_einteractivo Miembro Activo Registrado: June-2006 Location: México Posts: 128	a ver pues aqui esta otro pequeño ejemplo, nunca pude ver la imagen de http://www.hidebehind.com/3324643E pero ok. me imagino lo que todos... yo casi no uso Illustrator pero el freehand si :-) son dos circulos deformados unidos por el blend con 50 repeticiones __________________ www.creativosymas.net / www.einteractivo.com

06-Jun-2006, 10:50 AM	#2
boronas™ Miembro Activo Registrado: May-2006 Location: Mty Posts: 185	ey yo tambien quiero saber como hacer esoooooooo!!!

06-Jun-2006, 11:09 AM	#3
mcfly Junior Registrado: June-2006 Location: Argentina Posts: 8	Ya somos dos

06-Jun-2006, 01:06 PM	#4
Flat Miembro Activo Registrado: May-2006 Location: Mexico Posts: 110	Pues yo tengo dos teorias sobre como se hace eso una es que fue hecho en illustrator y son mezclas que tomas dos shapes y te contruye los shapes intermedios y otra que es algun programa de 3d :P es un muy buen trabajo, y habria que dedicarle mucho rato para hacer algo igual

06-Jun-2006, 01:41 PM	#6
boronas™ Miembro Activo Registrado: May-2006 Location: Mty Posts: 185	mmm io lo he intentado con freehand + photoshop, y bueno asi rapidin me salio esto, supongo que con mas tiempo y quizas mas pegaditos, puede salir algo mejor... buen rock

06-Jun-2006, 01:43 PM	#7
boronas™ Miembro Activo Registrado: May-2006 Location: Mty Posts: 185	comparandolo.. apesto.. =( x mil

06-Jun-2006, 01:59 PM	#9
boronas™ Miembro Activo Registrado: May-2006 Location: Mty Posts: 185	pues bueno, lo hic een freehand porq ilustrador no tiene la opcion de duplicar con accion asi que hice el trazo lo duplique con alt +shift, y le di una ligera rotacion, asi nomas manual, de ahi pues duplique y duplique hasta lograr el resultado y de ahi lo pase a photoshop y con modos blending y borrando para dar contraste incremente el contrate en algunos puntos, asumo que con mas tiempo y mas cuidado se puede lograr lo deseado.. ejemplo aqui:

06-Jun-2006, 04:14 PM	#11
mcfly Junior Registrado: June-2006 Location: Argentina Posts: 8	@boronas @thediablo Muy bueno los dos procedimientos...muchisimas gracias a los dos. el de boronas salio muy bien pero yo no uso Freehand no obstante es un muy buen punto de partida. Gracias thediablo por el attach de la accion...ya mismo voy a experimentar con distintas variaciones. Me llama la atencion que no haya un plugin que lo gerere automaticamente a partir de una matriz ya que este tipo de diseño es muy usado en sitios web orientados al comercio de alto nivel. En conclusion como dice el dicho ...con paciencia y saliva el elefante se la metio a la hormiga:-) o sea que hay que experimentar . Gracias de nuevo por la ayuda.

06-Jun-2006, 05:24 PM	#13
boronas™ Miembro Activo Registrado: May-2006 Location: Mty Posts: 185	pero con la herramienta de BLEND, no puedes girarla, o si? si es asi pues dinos como, porq ai sok @ friham...

06-Jun-2006, 05:39 PM	#16
pixeluno Miembro Activo Registrado: May-2006 Location: Los Cabos, México Posts: 247	pues en Illustrator tambien se puede hacer, la tecnica es la siguiente: 1.- generan el path 2.- lo copian Ctrl+C 3.- lo pegan Ctrl+F para pegar en el mismo lugar 4.- transform+rotation+angulo 2° aqui biene lo interesante para repetir presionan 5.- Ctrl+C + Ctrl+F + Ctrl+D asi las veces que quieran repetir el path en mac sustituyen Ctrl por manzanita Saludos __________________ Siiiimoooon!

06-Jun-2006, 08:46 PM	#17
thediablo Administrator Registrado: April-2006 Location: Monterrey, Mexico Posts: 399	Fijense... de las 3 formas que pusimos como hacerlo, son exactamente iguales!, hacer el path-duplicar-rotar osease que cual seria la mas eficiente? yo digo que una accion en photoshop al menos que en illustrator se le puedan meter acciones? __________________ [ Disque Portafolio +++ Mi Blog +++ Las Fotos ]

06-Jun-2006, 09:44 PM	#18
Canhijo Miembro Registrado: May-2006 Location: México Posts: 62	Simón, si se le pueden meter actions. Además con la ventaja de que sigues teniendo las formas como paths y si cambias una se corrige toda la secuencia de imágnes. __________________ ¿Lo dije o lo pensé?

07-Jun-2006, 12:49 AM	#19
mcfly Junior Registrado: June-2006 Location: Argentina Posts: 8	@ray_einteractivo @pixeluno Excelentes ambos...realmente quiero agradecerles " la buena onda" para solucionar un tema interesante ya que como dice thediablo vemos como activando las neuronas a travez del intercambio de ideas se llega casi al mismo resultado.:-) Un millon de gracias a todos y cualquier cosa que necesiten estoy a disposicion.

Herramientas
Versión para imprimir Enviar por correo
Estilo
Modo lineal Cambiar a modo híbrido Cambiar a modo de árbol