forum

Academia de Edición de Imágenes

posted
Total Posts
156
show more
Aline

juesus wrote:

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!
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.

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
JackBezarius18
Hola Aline, ya aprendiste el efecto de hacer aparecer y desaparecer las letras?
Aline
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.
juesus

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.
Aline
Gracias por tu ayuda, juesus :3
Vykemi

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
juesus

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.
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
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..
Vykemi
Gracias Juesus<3 por responderme la duda :3
Vykemi
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 ♥
Topic Starter
JackBezarius18
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.
juesus


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.


Aplicación de una textura.


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.

  1. Textos
  2. Creación de filtros
  3. CD4 Básico
  4. Creación de fondos para edits
  5. Máscaras de capa
  6. Consejos a la hora de editar
Bueno, con esto ya me despido dando comienzo al desarrollo de conocimientos normales del programa.
Este lugar ha estado muy muerto por lo que se tiene algo muy especial planeado. Espero que nos veamos otra vez . :)
Topic Starter
JackBezarius18
Pase texturas mi niño PD: Ahora si ya espero este viernes dejar la bienvenida en el otro foro mi buen Juesus.
EveningBot
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
juesus

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
DeviantArt.
Vykemi
Quien sabe como recortar una img? en dos o mas partes? D:
por ejemplo esta
Topic Starter
JackBezarius18

Akemi2002 wrote:

Quien sabe como recortar una img? en dos o mas partes? D:
por ejemplo esta
Qué efecto quieres lograr exactamente?
JonhForest
xD
-Hannabi
No sabía que existía algo como esto. owo
Vykemi

JackBezarius18 wrote:

Akemi2002 wrote:

Quien sabe como recortar una img? en dos o mas partes? D:
por ejemplo esta
Qué efecto quieres lograr exactamente?
es que existe una herramienta que es para recortar sectores o algo asi, no se usarla muy bien ;-;
Tamie_old_1

Akemi2002 wrote:

es que existe una herramienta que es para recortar sectores o algo asi, no se usarla muy bien ;-;




















Vykemi
Tamie!! Muchisimas graciaaas<333
No sabia como utilizarla, pero ya entendi xD
Thx *w*
Topic Starter
JackBezarius18
Y ese Tamie no quiso unirse al Crew de profesores ;_;
Tamie_old_1
Por temas de tiempo se me hace imposible, pero si alguna vez se me ocurre hacer algo podría dejarlo acá, aunque no creo. ):<
Hatsuhoshi
Una Pregunta, ¿Como pueden poner letras japonesas en fuentes normales?
Topic Starter
JackBezarius18

MikuFan0309 wrote:

Una Pregunta, ¿Como pueden poner letras japonesas en fuentes normales?
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.
juesus

JackBezarius18 wrote:

MikuFan0309 wrote:

Una Pregunta, ¿Como pueden poner letras japonesas en fuentes normales?
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.
Si se intenta eso la fuente cambia a una que viene por defecto en el computador.
Si quieres buscar fuentes con caracteres japoneses tendrás que ver aquí, aunque la mayoría de fuentes no son bonitas.
Topic Starter
JackBezarius18
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.
Hatsuhoshi
No estan muertos decian.....
Estan de parranda decian...
Topic Starter
JackBezarius18
Estamos casi vivos XD.
Vykemi
preguntaaa: como se le da forma a un gif? ;_;
tipo para un banner poner dos gif con forma redonda o cualquier otra x'D
y como se ponen dos gif y que se vean bien los dos? TxT
SkylarW
Pregunta:Me gustaría saber como hacen para agregar esos bordes a los ava de osu como lo tienen ustedes o en donde los consiguen?
AngeLNarancia

Akemi2002 wrote:

preguntaaa: como se le da forma a un gif? ;_;
tipo para un banner poner dos gif con forma redonda o cualquier otra x'D
y como se ponen dos gif y que se vean bien los dos? TxT

XxCrystal wrote:



Cómo cambiar de forma a un gif


El título es un poco confuso pero conforme vayamos avanzando en el tutorial tendrá un poco más de sentido.
Para más fácil les pondré un claro ejemplo:


Paso 1: Abriremos nuestro gif


y seleccionando la "capa 1" crearemos una nueva capa que quedará por encima de la "capa 1"

así que la arrastraremos de tal manera que quede debajo de la "capa 1".

Paso 2: Volveremos a seleccionar la "capa 1" mientras apretamos la tecla "Shift" seleccionaremos la última capa (la capa 27 en mi caso).


Paso 3: Daremos clic derecho en cualquiera de las capas seleccionadas y seleccionaremos la opción "crear máscara de recorte"
y ahora todas las capas del gif tendrán una flecha hacia abajo.

Paso 4: Ahora con la herramienta "pincel" comenzaremos a pintar sobre la "capa 1" la forma que queramos que tenga nuestro gif. Pueden encontrar pinceles en YouTube buscando "pinceles para photoshop"



Si quieren agregarle texto o algún filtro, dependerá de ustedes. Lo único que si es obligatorio es su "marca de agua" y si no saben cómo, vean mi anterior tutorial~


*Nota*
He cambiado temporalmente mi marca de agua a "crys work".


Eso es todo, espero les sirva, nos vemos en el próximo tutorial~
XxCrystal hizo un tutorial sobre eso hace tiempo!
Pyo

SkylarW wrote:

Pregunta:Me gustaría saber como hacen para agregar esos bordes a los ava de osu como lo tienen ustedes o en donde los consiguen?
No se muy a que tipo de bordes te refieres pero la mayoria esta en deviantart, o almenos yo saco mi material de ahi jiji
PeridotBby
Gracias a estos bellos tutoriales ya tengo avatar lindo y una firma ♥♥♥
Hatsuhoshi

PeridotBby wrote:

Gracias a estos bellos tutoriales ya tengo avatar lindo y una firma ♥♥♥
Quita los dos puntos y el 1337, Te recomiendo editar la firma seleccionado todo el texto que esta ahi y que clickees en este cuadro:
SkylarW

Shumpei wrote:

SkylarW wrote:

Pregunta:Me gustaría saber como hacen para agregar esos bordes a los ava de osu como lo tienen ustedes o en donde los consiguen?
No se muy a que tipo de bordes te refieres pero la mayoria esta en deviantart, o almenos yo saco mi material de ahi jiji
Me refiero a esto,quiero saber como se hace
PeridotBby

Hatsuhoshi wrote:

PeridotBby wrote:

Gracias a estos bellos tutoriales ya tengo avatar lindo y una firma ♥♥♥

Quita los dos puntos y el 1337, Te recomiendo editar la firma seleccionado todo el texto que esta ahi y que clickees en este cuadro:


No entendi lo de los 2 puntos y el 1337 ;; pero gracias por la informacion sobre como centrar la firma kalsjdasd
juesus
Voy a intentar explicarte la mayoría de bordes y formas que hay en la imagen pero aún así hay unas que necesitan algo que descargar y no tengo. Si no sabes como crear un avatar le das a nuevo y en anchura y altura pones 128 píxeles.

Primero tienes que seleccionar la herramienta formas. La que yo tengo puesta abajo.



Crea un cuadrado y lo ajustas por todo el avatar, dando click derecho en la forma y vas a "Transformación libre de trazado".
Que quede algo como esto:



Ahora bien fijate en las opciones que hay arriba.



Si le das click a los cuadros que aparecen después de "Relleno" y "Trazo" aparece esto.



Te explico los cuadros que hay arriba: en el primero que hay desde la izquierda está la opción de que no haya nada, el siguiente es para que aparezca un color sólido, el siguiente es para aplicar degradados y el último es para motivos.
El que hay a la derecha es para elegir un color.

Entonces en el cuadro de relleno pon la opción de que no haya ningún color, y en el trazado puedes elegir el color que gustes.

Ahora después de los cuadros aparece un rectángulo con un texto diciendo algo así como "1 pt". Te recomiendo que le des click al texto y pongas "1 px " ya que ese es el tamaño del borde. (Aunque si quieres puedes poner "2 px","3 px", etc.)

El siguiente botón te salta estas opciones:



Si le das a cada una de las tres opciones te crea diferentes trazos creando así los bordes "normal line", "cut line", y "dotted line".
El "internal" y el "cross" son otros bordes más complicados, si los quieres hacer tienes que hacer lo siguiente.

Primero tienes que ir al menú de arriba, ir a vista y dar click a la opción reglas. (o simplemente puedes poner Ctrl + R.)



Si te das cuenta aparecen unas reglas a los lados del espacio de trabajo, si les das click y mantienes oprimido aparecen unas líneas.

Así que vamos a hacer lo siguiente, usa la lupa y acerca el avatar para que quede en toda la pantalla.
Haz líneas con las reglas para que quede un borde con una distancia de mínimo una línea.
Que quede algo como esto:



Ajustas el cuadrado con el borde que hiciste con la opción de "Transformación libre de trazado".
Y queda el borde internal.

Si quieres crear el borde "cross" primero dale click derecho al opción de formas.



Selecciona la opción de la herramienta línea, y presionando la herramienta shift crea cuatro líneas a los lados de las líneas que hiciste con la regla.
Con eso ya haces el borde cross.

Para crear las formas o shapes dale de nuevo click derecho a la herramienta formas.
Puedes elegir un rectángulo redondeado, circulo o pentágono.
Ajusta la forma en todo el avatar y ponle un relleno.

Ahora tienes que ir al apartado de capas, sube la capa de la imagen del avatar. Dale click derecho y pon la opción "Crear máscara de capa".
El apartado tiene que quedar así.



Perdona por no explicar muy bien lo de las formas. Si no entendiste algo me puedes decir.
SkylarW

juesus wrote:

Voy a intentar explicarte la mayoría de bordes y formas que hay en la imagen pero aún así hay unas que necesitan algo que descargar y no tengo. Si no sabes como crear un avatar le das a nuevo y en anchura y altura pones 128 píxeles.

Primero tienes que seleccionar la herramienta formas. La que yo tengo puesta abajo.



Crea un cuadrado y lo ajustas por todo el avatar, dando click derecho en la forma y vas a "Transformación libre de trazado".
Que quede algo como esto:



Ahora bien fijate en las opciones que hay arriba.



Si le das click a los cuadros que aparecen después de "Relleno" y "Trazo" aparece esto.



Te explico los cuadros que hay arriba: en el primero que hay desde la izquierda está la opción de que no haya nada, el siguiente es para que aparezca un color sólido, el siguiente es para aplicar degradados y el último es para motivos.
El que hay a la derecha es para elegir un color.

Entonces en el cuadro de relleno pon la opción de que no haya ningún color, y en el trazado puedes elegir el color que gustes.

Ahora después de los cuadros aparece un rectángulo con un texto diciendo algo así como "1 pt". Te recomiendo que le des click al texto y pongas "1 px " ya que ese es el tamaño del borde. (Aunque si quieres puedes poner "2 px","3 px", etc.)

El siguiente botón te salta estas opciones:



Si le das a cada una de las tres opciones te crea diferentes trazos creando así los bordes "normal line", "cut line", y "dotted line".
El "internal" y el "cross" son otros bordes más complicados, si los quieres hacer tienes que hacer lo siguiente.

Primero tienes que ir al menú de arriba, ir a vista y dar click a la opción reglas. (o simplemente puedes poner Ctrl + R.)



Si te das cuenta aparecen unas reglas a los lados del espacio de trabajo, si les das click y mantienes oprimido aparecen unas líneas.

Así que vamos a hacer lo siguiente, usa la lupa y acerca el avatar para que quede en toda la pantalla.
Haz líneas con las reglas para que quede un borde con una distancia de mínimo una línea.
Que quede algo como esto:



Ajustas el cuadrado con el borde que hiciste con la opción de "Transformación libre de trazado".
Y queda el borde internal.

Si quieres crear el borde "cross" primero dale click derecho al opción de formas.



Selecciona la opción de la herramienta línea, y presionando la herramienta shift crea cuatro líneas a los lados de las líneas que hiciste con la regla.
Con eso ya haces el borde cross.

Para crear las formas o shapes dale de nuevo click derecho a la herramienta formas.
Puedes elegir un rectángulo redondeado, circulo o pentágono.
Ajusta la forma en todo el avatar y ponle un relleno.

Ahora tienes que ir al apartado de capas, sube la capa de la imagen del avatar. Dale click derecho y pon la opción "Crear máscara de capa".
El apartado tiene que quedar así.



Perdona por no explicar muy bien lo de las formas. Si no entendiste algo me puedes decir.

Gracias por la explicación, de verdad quería saber como se hacia xD. Lo pondré en practica
- Josh
Hola!
He aprendido mucho en este Thread Gracias a ustedes, y vengo a preguntarles, ¿Como se Hace un Collab Bien recortado?
Quisiera saberlo ya que nunca lo supe y me salen muy mal los collabs cuando tengo que recortar las imagenes, Gracias!
show more
Please sign in to reply.

New reply