Baia Baia, Himerin quieres darnos clases? :3-Hime wrote:
Apenas me he enterado de esto, me gustaría ayudar.
forum
Academia de Edición de Imágenes
posted
Total Posts
156
Topic Starter
Tal vez si reviva esta wea.
Topic Starter
En si digamos que ha servido de algo, una chica me pidió que le enseñara algunas cosas, pero sería demasiado confuso que se las pasara por aquí. De cualquier modo espero poder subirlas después.
Y yo ya casi me aprendo los tutos que van hasta ahora c:
Lo malo es que no tengo con qué practicar
Lo malo es que no tengo con qué practicar
Ofrezco mis servicios para enseñar !! no hay ningún problema con ello :'D soy diseñadora gráfica profesional titulada hace dos años por ende, tengo experiencia como para dar clases hasta hago tutoriales en video, me encantaría poder aportar aquí si es que se puede
Jack, yo te recomendaria que editaras un poco el post principal, creo que deberias dejar unos links a los tutoriales de los demas para que estos no se pierdan
Topic Starter
Eres bienvenida con lo que quieras aportar :3. Me da gusto que estés interesada en participar, deja agrego tu nombre a la lista de tutores.Chapy wrote:
Ofrezco mis servicios para enseñar !! no hay ningún problema con ello :'D soy diseñadora gráfica profesional titulada hace dos años por ende, tengo experiencia como para dar clases hasta hago tutoriales en video, me encantaría poder aportar aquí si es que se puede
Recuerda que eres libre de dejar tus aportes por aquí, en caso de fuentes o material me gustaría que también me los mandes por MP :3 para después agregarlos a la pagina principal. Eso sería todo :3
Aguanta papu...Eso de hacer reseñas me ha quitado un poco el tiempo. Deja organizo bien mi tempo y agrego ese indice.Myke Yukiteru wrote:
Jack, yo te recomendaria que editaras un poco el post principal, creo que deberias dejar unos links a los tutoriales de los demas para que estos no se pierdan
Hay algún orden en clases o puedo enseñar de todo mezclado?
Topic Starter
No realmente, puedes enseñar lo que gustes :3Chapy wrote:
Hay algún orden en clases o puedo enseñar de todo mezclado?
Bienvenidos todos a mi primera clase simple que será hablar de las actions. Los actions como bien dice en inglés son acciones creadas previamente por algún usuario donde aplica efectos de colores a una imagen, puedes reproducir los pasos de este o crear tus propios actions.
Para este ejemplo usaré una imagen cualquiera y la haré tamaño banner:
Teniendo esto, deberemos tener descargadas algunas actions previamente, yo dejaré algunas en spoiler con su previa para que vean cual usar a gusto (deben extraer los archivos obviamente):
Una vez descargadas, vamos al Photoshop de nuevo y vamos a nuestro menú general, buscamos lo que dice ACCIONES y lo abrimos (también funciona con ALT + F9).
Se nos abrirá la ventana y vamos a la esquina superior derecha, veremos una figura con cinco líneas, cliqueamos y tendremos que buscar la opción que dice: Cargar acciones...
Una vez hecho eso, se les abrirá una ventana donde tendrán que localizar el action que descargaron, en mi caso, usaré el que dice 001:
Le dan a cargar y se les cerrará eso abriendo en seguida la ventana de las acciones, aquí veremos nuestra carpeta donde lo único que haremos es cliquear por encima de esta y darle al botón de EJECUTAR SELECCIÓN para que automáticamente aplique los pasos:
Notarán el cambio drásticamente ya que pasarán de tener un archivo con una foto a un archivo con múltiples ajustes de colores:
Quedando finalmente de este modo:
Ahora sólo queda guardar la imagen y usarla c:
RECOMENDACIONES: Antes de aplicar las actions es mejor tener todo el procedimiento base antes terminado: Fondo + Texto + Borde + Detalles ya que en algunos casos las capas de las Actions no se pueden modificar.
No es recomendable usarlo con GIFs (para estos casos es mejor los .PSD que hablaré de ellos en el próximo tutorial).
Y bueno, eso es todo por ahora :3 ojalá les sirva y puedan sacarle provecho a esto.
Quitar fondos y fabricación de renders con la pluma
Empezamos abriendo nuestra imagen como venía cuando la descargamos. En mi caso voy a usar la siguiente.
Ahora seleccionaremos la varita mágica que es la cuarta opción que aparece en esta lista. Ahora presionaremos sobre todo el fondo de la imagen, y si pasan cosas como la del siguiente ejemplo vamos a la barrita de arriba y bajaremos la tolerancia hasta que todo quede bien seleccionado.
Por el efecto que tenia mi imagen al principio a aparecido algunos rastros de fondo, en este caso voy a usar la herramienta pluma, daremos clic a la herramienta que es la opción 14 de la anterior lista y daremos clic por todos las partes que deseemos remover hasta formar una figura completa como se muestra en el siguiente ejemplo.
Al completar daremos clic derecho y daremos a la opción de hacer selección. Ahora podemos remover toda esa parte dando a la tecla Supr.
Ahora removeremos el personaje de una imagen que su fondo no conste de un solo color, para esto solo usaremos la herramienta pluma y haremos un contorno alrededor de todo el personaje.
Si es necesario hacer un trazado redondo daremos clic a un punto de trazado y vamos a mantener el mouse presionado creando una linea hasta que quede todo el trazado redondo.
Cuando hallamos completado el contorno completo haremos el proceso anterior dando clic derecho > hacer selección pero esta vez presionaremos Ctrl+C y Ctrl+V ahora se nos creara una nueva capa con solamente lo que estaba dentro de la selección. Pero todavía toca quitar lo que estaba dentro de la capa.
Para quitar lo que esta adentro de la imagen haremos el procedimiento anterior marcando lo que quede con la pluma. hacer selección y dando a la tecla Supr.
Espero que les haya servido este tutorial.
Gracias Jack por crear este post, y gracias a todos los que han contribuido en este, me ha servido mucho~
Me gustaría sugerirles algunas ideas para próximos tutoriales. En primer lugar, me gustaría mucho que alguno de ustedes haga un tutorial de como crear buenos tipos de letras(1-2), ya que siempre que hago una edición pasa que la letra no termina de combinar y/o complementarse con la imagen, me salen muy poco "profesionales" y no hace justicia a lo que sus tutoriales me han ayudado a alcanzar.
Otra sugerencia sería usar estas mismas letras en gifs(3), ya saben, que aparezcan y desaparezcan, que de efecto a que se está tipeando el texto, cosas así. Tampoco estaría mal que hicieran un tutorial para agregar gifs sobre imágenes fijas, como en el caso de la lluvia o los pétalos de sakura(4) o agregar el gif al lado de la imagen fija(5)
Ejemplos:
1 / 2 / 3 / 4 / 5
Eso es todo por ahora, espero me puedan ayudar, una vez más gracias :3
Me gustaría sugerirles algunas ideas para próximos tutoriales. En primer lugar, me gustaría mucho que alguno de ustedes haga un tutorial de como crear buenos tipos de letras(1-2), ya que siempre que hago una edición pasa que la letra no termina de combinar y/o complementarse con la imagen, me salen muy poco "profesionales" y no hace justicia a lo que sus tutoriales me han ayudado a alcanzar.
Otra sugerencia sería usar estas mismas letras en gifs(3), ya saben, que aparezcan y desaparezcan, que de efecto a que se está tipeando el texto, cosas así. Tampoco estaría mal que hicieran un tutorial para agregar gifs sobre imágenes fijas, como en el caso de la lluvia o los pétalos de sakura(4) o agregar el gif al lado de la imagen fija(5)
Ejemplos:
1 / 2 / 3 / 4 / 5
Eso es todo por ahora, espero me puedan ayudar, una vez más gracias :3
*Siento haber usado solo ejemplos de XxCrystal y Luisina, eran los que tenían lo que buscaba!
Hola Aline, con respecto a los puntos 1 o 2 puedes ir opciones de fusión (explicado en el primer tutorial publicado) y poner un trazo adecuado, despues puedes aplicar una superposición de color, de degradado o de motivo (o si lo prefieres puedes descargar estilos para Photoshop, para usarlos puedes buscar el primer tutorial de Halliday de esta pagina) Con respecto a los demás puntos creo que te puede servir este tutorial si quieres puedo explicar lo de hacer aparecer y desaparecer las letras en un tutorial aparte. Para hacer el efecto de pétalos tienes que buscar un gif y hacer lo mismo explicado en la parte de hacer un banner animado.Aline wrote:
Gracias Jack por crear este post, y gracias a todos los que han contribuido en este, me ha servido mucho~
Me gustaría sugerirles algunas ideas para próximos tutoriales. En primer lugar, me gustaría mucho que alguno de ustedes haga un tutorial de como crear buenos tipos de letras(1-2), ya que siempre que hago una edición pasa que la letra no termina de combinar y/o complementarse con la imagen, me salen muy poco "profesionales" y no hace justicia a lo que sus tutoriales me han ayudado a alcanzar.
Otra sugerencia sería usar estas mismas letras en gifs(3), ya saben, que aparezcan y desaparezcan, que de efecto a que se está tipeando el texto, cosas así. Tampoco estaría mal que hicieran un tutorial para agregar gifs sobre imágenes fijas, como en el caso de la lluvia o los pétalos de sakura(4) o agregar el gif al lado de la imagen fija(5)
Ejemplos:
1 / 2 / 3 / 4 / 5
Eso es todo por ahora, espero me puedan ayudar, una vez más gracias :3
*Siento haber usado solo ejemplos de XxCrystal y Luisina, eran los que tenían lo que buscaba!
Espero que te sea de gran ayuda este comentario.
juesus wrote:
Hola Aline, con respecto a los puntos 1 o 2 puedes ir opciones de fusión (explicado en el primer tutorial publicado) y poner un trazo adecuado, despues puedes aplicar una superposición de color, de degradado o de motivo (o si lo prefieres puedes descargar estilos para Photoshop, para usarlos puedes buscar el primer tutorial de Halliday de esta pagina) Con respecto a los demás puntos creo que te puede servir este tutorial si quieres puedo explicar lo de hacer aparecer y desaparecer las letras en un tutorial aparte. Para hacer el efecto de pétalos tienes que buscar un gif y hacer lo mismo explicado en la parte de hacer un banner animado.Aline wrote:
Gracias Jack por crear este post, y gracias a todos los que han contribuido en este, me ha servido mucho~
Me gustaría sugerirles algunas ideas para próximos tutoriales. En primer lugar, me gustaría mucho que alguno de ustedes haga un tutorial de como crear buenos tipos de letras(1-2), ya que siempre que hago una edición pasa que la letra no termina de combinar y/o complementarse con la imagen, me salen muy poco "profesionales" y no hace justicia a lo que sus tutoriales me han ayudado a alcanzar.
Otra sugerencia sería usar estas mismas letras en gifs(3), ya saben, que aparezcan y desaparezcan, que de efecto a que se está tipeando el texto, cosas así. Tampoco estaría mal que hicieran un tutorial para agregar gifs sobre imágenes fijas, como en el caso de la lluvia o los pétalos de sakura(4) o agregar el gif al lado de la imagen fija(5)
Ejemplos:
1 / 2 / 3 / 4 / 5
Eso es todo por ahora, espero me puedan ayudar, una vez más gracias :3
*Siento haber usado solo ejemplos de XxCrystal y Luisina, eran los que tenían lo que buscaba!
Espero que te sea de gran ayuda este comentario.
Hey! gracias por responder, lo que sucede es que siempre que intento lo de opciones de fusión nunca me convencen los resultados, como sucedió aquí, tuve que optar por una opción más simple, con respecto al tutorial a parte para que las letras aparezcan y desaparezcan, si me gustaría mucho. Y muchas gracias por el otro tutorial, si recuerdo haberlo visto y hasta guardado en un word, que raro que no lo haya puesto en prática xD
Topic Starter
Hola Aline, ya aprendiste el efecto de hacer aparecer y desaparecer las letras?
Hola! pues no, juesus dijo que lo podría hacer en un tutorial aparte, pero si tú podrías ayudar también te lo agradecería.
Animaciones y combinación adecuada de imagenes
Algo que se puede ver mucho en los GFX son la animación de letras que aparecen o desaparecen o también al momento de poner un gif en el proyecto hacen que las imágenes aparezcan de una forma combinada, pues bien, que los secretos se revelados, aquí voy a explicar los métodos que se emplean.
Primero hablaremos de hacer letras que aparezcan y desaparezcan.
Hacemos nuestro trabajo y después vamos al menú principal, seleccionamos ventana y después linea de tiempo.
Aparecerá una ventana con un botón en donde pone crear linea de tiempo, pues bien vamos a la flecha a poner crear animación de fotogramas.
Cambiamos la velocidad del cuadro a 0,1 segundos, crearemos un cuadro nueva en la ventana de linea de tiempo pero ahora vamos a la ventana de capas y cambiaremos la opacidad del objeto a 90%
Repetiremos eso hasta que la opacidad llegue a cero y después haremos lo contrario (cambiar la opacidad de 0% a 100%).Una vez terminado vamos a exportar el archivo, para hacerlo vamos a archivo -> guardar para web y dispositivos
y eligen donde guardar el archivo.
Nota: si quieren mejorar la calidad de la imagen recomiendo estas opciones.
Ahora para no dejar este tutorial tan corto voy a explicar como combinar las imágenes de la siguiente forma.
Para el anterior resultado abrimos nuestro espacio de trabajo y añadimos dos imágenes ahora seleccionaremos la herramienta marco rectangular ahora iran a la barra de arriba y cambiaran la cantidad de el recuadro desv. (recomiendo 30 px).
Ahora seleccionaremos la imagen pero la selección quedara mas redonda.
Copiaremos y pegaremos la imagen de nuevo la acomodaremos de nuevo y quitaremos el ojo de la imagen antigua, notaran que esta vez la imagen quedo mas transparente, ahora repetiremos el mismo proceso con las imagen/es que queden.
Bueno, eso es todo, gracias por leer este tutorial, si tienen alguna no olviden preguntarla.
juesus wrote:
Ahora para no dejar este tutorial tan corto voy a explicar como combinar las imágenes de la siguiente forma.
Para el anterior resultado abrimos nuestro espacio de trabajo y añadimos dos imágenes ahora seleccionaremos la herramienta marco rectangular ahora iran a la barra de arriba y cambiaran la cantidad de el recuadro desv. (recomiendo 30 px).
Ahora seleccionaremos la imagen pero la selección quedara mas redonda.
Copiaremos y pegaremos la imagen de nuevo la acomodaremos de nuevo y quitaremos el ojo de la imagen antigua, notaran que esta vez la imagen quedo mas transparente, ahora repetiremos el mismo proceso con las imagen/es que queden.
Bueno, eso es todo, gracias por leer este tutorial, si tienen alguna no olviden preguntarla.
Hi Juesus! <3 oye solo se puede con imgs? Se podra con gifus? D:
Esta muy bien explicado, gracias por el tutorial n.n
De paso espero revivir esto :c
Esta muy bien explicado, gracias por el tutorial n.n
De paso espero revivir esto :c
Akemi2002 wrote:
juesus wrote:
Ahora para no dejar este tutorial tan corto voy a explicar como combinar las imágenes de la siguiente forma.
Para el anterior resultado abrimos nuestro espacio de trabajo y añadimos dos imágenes ahora seleccionaremos la herramienta marco rectangular ahora iran a la barra de arriba y cambiaran la cantidad de el recuadro desv. (recomiendo 30 px).
Ahora seleccionaremos la imagen pero la selección quedara mas redonda.
Copiaremos y pegaremos la imagen de nuevo la acomodaremos de nuevo y quitaremos el ojo de la imagen antigua, notaran que esta vez la imagen quedo mas transparente, ahora repetiremos el mismo proceso con las imagen/es que queden.
Bueno, eso es todo, gracias por leer este tutorial, si tienen alguna no olviden preguntarla.
Esta muy bien explicado, gracias por el tutorial n.n
De paso espero revivir esto :c
Hola, en un tutorial anterior había explicado que para añadir un gif a una imagen primero teníamos que copiar y pegar capa por capa del gif.
A la hora de copiar las imágenes con el marco rectangular tenemos que tener activado la opción de desvanecimiento al porcentaje que queramos.
De esta forma copia las imágenes y todas estarán puestas de una forma como la que se quiso dar como tu querías.
Si tienes alguna duda sobre como añadir un gif se encuentra un tutorial en esta pagina..
A la hora de copiar las imágenes con el marco rectangular tenemos que tener activado la opción de desvanecimiento al porcentaje que queramos.
De esta forma copia las imágenes y todas estarán puestas de una forma como la que se quiso dar como tu querías.
Si tienes alguna duda sobre como añadir un gif se encuentra un tutorial en esta pagina..
Hola senseis 
que estan re muertos ;_;
Me gustaria que hablasen de algunos efectos que se le pudiesen dar a las letras que uno le pone al banner, signature o avatar
Porque veo que mucha gente solo utiliza el "Trazo" y ya cansa verlo, se vera lindo y todo pero es aburrido seguir viendolo por todos lados
Asi que si alguien sabe algun tipo de efecto que ponerle y lo pudiera explicar, no solo yo lo agradeceria, si no que muchas personas mas tambien n.n
Gracias por su atencion ♥
que estan re muertos ;_;Me gustaria que hablasen de algunos efectos que se le pudiesen dar a las letras que uno le pone al banner, signature o avatar
Porque veo que mucha gente solo utiliza el "Trazo" y ya cansa verlo, se vera lindo y todo pero es aburrido seguir viendolo por todos lados
Asi que si alguien sabe algun tipo de efecto que ponerle y lo pudiera explicar, no solo yo lo agradeceria, si no que muchas personas mas tambien n.n
Gracias por su atencion ♥
Topic Starter
No estamos muertos, sólo de parranda y depresión en mi caso, jajaja ok no. De hecho tienes razón muchos utilizan el trazo, sin embargo me gustaría mí personalmente el efecto que te gustaría lograr, ya que la otra opción sería hacer un texto sobrepuesto del otro. En fin, yo no soy un experto en eso de los textos uwu, pero si te podría orientar en algunas cosas, pero esta vez también seré alumno.
Materiales empleables en Photoshop
Después de un buen tiempo con este lugar bien muerto he decidido intentar crear algo que sea de buen agrado para todos y expliquen muchas cosas enseñadas hasta el momento o no aportadas. Quiero esta vez explicar las cosas rápido y bien. Compartir todos los conocimientos con los demás, pero hay un problema muy grave. Aún faltan muchas cosas básicas por enseñar, objetos como los patterns y las texturas no los he podido explicar bien. De hecho pienso que hay muchas cosas que no se explicaron bien en principio. Por lo que he decidido hacer este post como repaso y buen aporte para cosas básicas de Photoshop empezando con conceptos como:
Render: Son imágenes sin fondo, normalmente se pueden sacar con la herramienta pluma. Existen tanto modelos como materiales decorativos en esta forma.
Textura: Imágenes que aplican un efecto completo a tu edición, estas no tienen algún fondo transparente y se maneja de la opacidad para aplicarlas. Existen también muchas con efectos de luces, por lo que son recomendables.
Pattern: También se le puede llamar motivo, son una especie de mosaico que se repite en todo el espacio de trabajo, se pueden usar las máscaras de capa o borrador para borrar una parte de esta. (Más adelantes explico las máscaras de capa) También existen unas transparentes por lo que se pueden usar de fondo y decoración.
Motivos o patterns.
Brushes: Son los pinceles pero normalmente se le puede buscar así para descargarlos, en mi caso recomiendo que descarguen algunos con efecto de viento o semi-transparentes ya que la imagen contiene un tono más realista.
Formas:También son un material descargable en Photoshop, con estos se puede hacer una forma para avatar o decoración de texto y fondo.
Degradados: Se pueden encontrar algunos materiales descargables de degradados, se aplican mucho como filtro por medio de las opciones de opacidad.
Estilo: Son ediciones a las opciones de fusión que se pueden aplicar con un solo click, en el espacio de edición normalmente aparece una ventana con estos y hay muchos archivos que se pueden descargar, solo lo recomiendo para textos.
Se que en la imagen puse Tutorial pero quiero recalcar que esto en sí no es un tutorial, es como una guía cuando se topen con materiales que se pueden usar para Photoshop, también quiero dejar una lista de ideas para mis próximos tutoriales y consejos por lo que me gustaría que dijeran que podría publicar.
- Textos
- Creación de filtros
- CD4 Básico
- Creación de fondos para edits
- Máscaras de capa
- Consejos a la hora de editar
Este lugar ha estado muy muerto por lo que se tiene algo muy especial planeado. Espero que nos veamos otra vez .
Topic Starter
Pase texturas mi niño PD: Ahora si ya espero este viernes dejar la bienvenida en el otro foro mi buen Juesus.
EveningBot
DeviantArt.EveningBot wrote:
Una cosa, me gustaría saber de que página sacan sus renders e imágenes con las que hacen las PP's.
Me sería de gran ayuda. owo
Topic Starter
xD
Tamie_old_1
Tamie!! Muchisimas graciaaas<333
No sabia como utilizarla, pero ya entendi xD
Thx *w*
No sabia como utilizarla, pero ya entendi xD
Thx *w*
Topic Starter
Y ese Tamie no quiso unirse al Crew de profesores ;_;
Tamie_old_1
Una Pregunta, ¿Como pueden poner letras japonesas en fuentes normales?
Topic Starter
Ya intentaste la clásica de copiar y pegar el texto? XD, aunque creo que eso no funciona mucho, depende que tan accesible sea la fuente. También podrías intentar cambiar el idioma a tu computador.MikuFan0309 wrote:
Una Pregunta, ¿Como pueden poner letras japonesas en fuentes normales?
Si se intenta eso la fuente cambia a una que viene por defecto en el computador.JackBezarius18 wrote:
Ya intentaste la clásica de copiar y pegar el texto? XD, aunque creo que eso no funciona mucho, depende que tan accesible sea la fuente. También podrías intentar cambiar el idioma a tu computador.MikuFan0309 wrote:
Una Pregunta, ¿Como pueden poner letras japonesas en fuentes normales?
Si quieres buscar fuentes con caracteres japoneses tendrás que ver aquí, aunque la mayoría de fuentes no son bonitas.
Topic Starter
La fuente clásica por defecto sería Michiyo, esta tiene sus variantes podrías buscar alguna que te guste, pero como dice juesus, no son muy lindas que digamos.