Aprender photoshop e illustrator(Tecnicas).

SPAWN3000 · #1 (**permalink**) 27/02/2009, 08:48

Hola, practicamente soy nuevo en esta sección.

Soy un programador de tiempo completo, y músico desde los 4 años, y muy perfeccionista, pero cada vez que visito una web espectacular o con un gran diseño... como las que exponen aquí(claro, he visto mejores):
http://www.diegomattei.com.ar/2008/0...ados-en-flash/
se me aguan los ojos y siento como si fuese el talento que me hace falta para sentirme completo... Realmente siento envidia por los diseñadores(pero de la buena-es una bonita profesión y no digo que lo que hago no me gusta).

He manejado algo de flash, photoshop, illustrator y 3d max...(empíricamente).

Pero, la cuestión es que deseo aprender photoshop o illustrator... pero no la herramienta en si... si no aprender técnicas de como se deben hacer las cosas, o mejor dicho llevarlos a un nivel mas elevado. ej:

Como crear un efecto aurora, agua, iluminación, sombras, difuminación, humo, llamas, transición, texturas, 3d, efectos, velocidad, personificaciones(crear ojos, labios, pelo de forma casi natural)... y en particular las técnicas básicas del diseño. Varios de ellos ya los he trabajado en mis ratos libres y con buenos resultados, pero deseo mejorarlos y aprender más... se muy bien que la base es la imaginación, pero con el tiempo he descubierto que muchas de las cosas se hacen con técnicas de forma rápida y con excelentes resultados.

Conocen o podrían listarme algunas web que recomienden, donde aprender técnicas?

Un saludo, y de antemano muchas gracias a todos.

algoparapensar · #2 (**permalink**) 27/02/2009, 09:03

Mira, sitios de tecnicas avanzadas vas a encontrar muchos... la cuestion es como vos decis, lograr lo mas fiel posible las tecnicas.
Aca tenes algunos como para empezar a entretenerte y que estan muy interesantes:
Sitio 1
Sitio 2
Sitio 3

Ahora... a practicar, amigo.

manié · #3 (**permalink**) 27/02/2009, 09:10

Hola SPAWN3000!

Aquí tienes unos muy buenos tutoriales de PSD

http://www.tutorial-lab.com/tutorial...photoshop.aspx

Y este otro link http://www.cofregrafico.com tiene no solo tutoriales sino fuentes de inspiración.

Salute!

SPAWN3000 · #4 (**permalink**) 27/02/2009, 09:25

Que eficiencia, aun estaba escribiendo el mensaje cuando ya se postearon sus respuestas... Gracias.

Son excelentes web's...les debo una. Si algún día tienen dudas de CSS, javascript, java, php, jsp, linux, servidores, ajax, o algo de flash...No duden en preguntarme. No me las se todas pero siempre resulto con algo...

Ya tendré algo en que entretenerme todos los fines de semana...
y comenzar a retrasarme con mi jefe en los proyectos!... jeje(Es broma).

Un saludo, gracias.

denica001 · #5 (**permalink**) 01/03/2009, 07:23

En lo personal yo te recomiendo los cursos de www.lynda.com o de totaltraining. Hay un monton de torrentes dando vueltas (tambien emule, rapidshare, megaupload, etc). No te va a ser dificil conseguir. Pegate una vuelta por el sitio y fijate. Te sugiero que empiezes por los cursos photoshop que dicta Deke McClelland y sigas por los de Illustrator de misma autoria.

Yo tambien soy programador y estos cursos me ayudaron muchisimo. La ventaja es que son muy didacticos y viene en formato video. La contracara es que son muy largoossss (lo que para mi es una ventaja porque tienen mucha informacion) pero son muy profesionales. (No es algo como Photoshop para Dummies, son cursos bastante serios)

Yo tambien conozco una web que se encarga de recolectar todos los videotutoriales de estos canales eductaivos online y los va publicando en su portal de novedades. Se llama www.jnxcs.com.ar .

Espero haberte ayudado.

cluster28 · #6 (**permalink**) 01/03/2009, 08:48

He echado un vistazo a los links que poneís pero son sobre todo de fotografía o cosas avanzadas. Yo quiero aprender a hacer lo más sencillo que son cosas como estas para maquenar webs. Los tutoriales y libros de Photoshop que he leído están relacionados con retoque fotográfico. Alguién conoce algún sitio para hacer cosas de estas?

Tiene que ser una tontería pero photoshop es muy amplio y aprender probando me puedo morir.

Gracias.

denica001 · #7 (**permalink**) 01/03/2009, 10:50

Cita:

Iniciado por cluster28

He echado un vistazo a los links que poneís pero son sobre todo de fotografía o cosas avanzadas. Yo quiero aprender a hacer lo más sencillo que son cosas como estas para maquenar webs. Los tutoriales y libros de Photoshop que he leído están relacionados con retoque fotográfico. Alguién conoce algún sitio para hacer cosas de estas?

Tiene que ser una tontería pero photoshop es muy amplio y aprender probando me puedo morir.

Gracias.

Si queres maquetacion web busca los cursos de Dreamweaver en los mismos links que pase.

Son cursos avanzados. Casi todos. Conseguirte un curso facil, rapido, y que te enseñe lo que necesitas para armar una web es algo que muchos prometen pero pocos cumplen. La verdad si queres aprender tenes que estudiar.

De todos modos este topic empezo con la pregunta del usuario acerca de cursos sobre photoshop e illustrator, no sobre maquetacion web.

Saludos.

cluster28 · #8 (**permalink**) 01/03/2009, 11:25

Puede que no me haya explicado bien. Ya se cómo se maquetan páginas web. Tampoco es que lo haga espectacularmente pero me defiendo. Lo que quiero es encontrar algún manual para hacer este tipo de cuadros con Photoshop. Porque se pueden hacer con Photoshop o ImageReady, no?

Ya se que el topic va de cursos sobre Photoshop pero yo quiero saber si hay cursos/manuales de Photoshop para hacer estas cosas.

denica001 · #9 (**permalink**) 01/03/2009, 14:12

Cita:

Iniciado por cluster28

Puede que no me haya explicado bien. Ya se cómo se maquetan páginas web. Tampoco es que lo haga espectacularmente pero me defiendo. Lo que quiero es encontrar algún manual para hacer este tipo de cuadros con Photoshop. Porque se pueden hacer con Photoshop o ImageReady, no?

Ya se que el topic va de cursos sobre Photoshop pero yo quiero saber si hay cursos/manuales de Photoshop para hacer estas cosas.

Si se puede en PS. En la ToolBox hay una herramienta que se llama Slice Tool. Yo nunca la use, pero improvise alguna vez para ver de que se trataba y basicamente vas marcando en el espacio de trabajo distintas secciones que quieras asociar a una URL especifica. Despues que terminas de recuadrar todo vas a ver cada seccion delineada por un linea punteada y la esquina superior iazuierda a un pequeño iconon que al clikear te permite definir cual es el target URL al que queres que apunta dicha seccion.

Saludos.

cluster28 · #10 (**permalink**) 01/03/2009, 14:24

Gracias por las respuestas pero sigo sin explicarme bien. Lo que quiero es aprender a hacer imágenes de fondo, o bordes, o lo que sea del estilo de las imágenes que he puesto de ejemplo. Si miráis este ejemplo de CSS usan unas de estas imágenes como fondo para los menús.

Algún tutorial rápido para aprender a hacer esos cuadros verdes que aparecen ahí.

SPAWN3000 · #11 (**permalink**) 03/03/2009, 16:43

Hace unos días inicie este post, y no había notado los nuevos link´s agregados...

Gracias denica001: también son buenos apuntes los que me has facilitado... me llamo mucho la atención a primera vista este link http://www.jnxcs.com/
Promete muy buenos modelos de diseño.

Que tal cluster28,

Pienso que debería dirigir al foro de CSS, pero de forma breve te comento que el ejemplo que publicas esta basado en listas...o Busca por rollover(pero no me gusta hacer este tipo de interacciones por photoshop-prefiero CSS).

En css simplemente
1. eliminas el estilo en la etiqueta ul:

.estilolist ul{
list-style-type: none;/*eliminar estilo para que no aparezca la viñeta*/
}
.estilolist li a{
color: #eee;
display: block;/*En bloque*/
background: transparent url(fondo1.jpg) 200px;/*fondo*/
height: 24px; /*establece el alto en pixeles*/
}
/*Ahora simplemente agregas interacción*/
/*creas una segunda imagen de fondo y en el evento hover la cambias*/
.estilolist li a:hover{
color: #26370A; /*color del texto*/
background: transparent url(fondo2.jpg) 200px;/*fondo*/
}

Esto es muy básico pero creo debería funcionar...

Un saludo,

pao01 · #12 (**permalink**) 03/03/2009, 17:53

cluster28, fijate en la página esta, es del amigo Mikmoro del foro de css, allí hay varios ejemplos para hacer con css y podés ver los códigos también; espero te sirva.

cluster28 · #13 (**permalink**) 04/03/2009, 01:59

Agradezco vuestras respuestas, pero no me habéis entendido tadavía. Ya se cómo se ponen con CSS, pero me gustaría diseñar los cuadros que son imágenes en el fondo. Yo quiero diseñar esos cuadros con Photoshop, hacerlos a mi gusto y luego ya los pondré. Nada más que eso. Por ejemplo lo de las "flechas" que salen, etc... ¿Por qué me se me han quitado los links? He desobedecido alguna regla?

pao01 · #14 (**permalink**) 04/03/2009, 11:36

Pues para lo que buscas, se me ocurren tutoriales de photoshop de este tipo.

cluster28 · #15 (**permalink**) 04/03/2009, 12:40

Eso es lo busco, ejemplos para hacer cosillas de esas y luego ponerlas en la web. Gracias pao01.