[Escuela de Diseño] 2ª Clase.

Página 2 de 2. Precedente  1, 2

Ir abajo

[Escuela de Diseño] 2ª Clase.

Mensaje por Daiki el Miér Abr 20, 2016 10:49 pm

Recuerdo del primer mensaje :


                         Minna-san! ¡¿Preparados para la segunda clase?! FIGHTOOOOO! Very Happy Se que me adelanto unas horas pero no se si en unas horas podré publicar el tema.

                         En esta clase algunos pasos simplemente los mencionaré pero no pondré imágenes(para crear capas o moverlas por ejemplo o para utilizar la herramienta Pincel, etc)
A la clase no se como llamarla... bueno como hace poco ha sido el aniversario de 'El Quijote' pues he pensado hacerlo sobre temática lectora ajaja.
La tarea de hoy será... edición de imagen y aplicación de texturas

1~ Abrimos la imagen
Spoiler:

2~ Creamos una nueva capa y la llamamos 'Fondo' ; en la cajita de capas la colocamos debajo de la imagen ('capa 0') y la coloreamos. Como veis el render tiene unos colores apagados, marrones y rojos sobre todo, por eso escogemos un tono pastel para el fondo, o sea unos colores más claros y sino buscáis que son colores pastel jajaja. En cambio si el render tuviese muchos colores o colores muy llamativos escogeríamos un color para el fondo más apagado.

3~ Recortamos la imagen
Spoiler:

4~ Le damos un click con el botón izquierdo a 'Capa 0'. A continuación arriba le apretamos a 'Imagen' (señalado en rojo)-> debajo el ratón sobre 'ajustes' y pinchamos en curvas.
Spoiler:

5~ Nos saldrá esta ventana automática. Deberemos mover la línea que esta rodeada de rojo para ir cambiado el color de la imagen (aquí id probando un poco)
Spoiler:

6~ Yo la bajo un poco por la parte más baja como se muestra en la imagen (esto hace que se oscurezca un poco y así resalte más sobre el fondo azul claro, y también intensifica los colores) esto es muy importante para que destaque el personaje.
Spoiler:

*de esto os pondré abajo un mini tutorial para que sepáis que hace cada cosa, para que no vayais a lo loco jajaja*

7~ Esta vez le damos otra vez arriba a 'imagen'->'ajustes' -> 'brillo/contraste' movemos las barritas hasta que quede a nuestro gusto (recordad que buscamos darle personalidad al personaje y que destaque del fondo)
Spoiler:

8~ Seguimos... Y aquí empieza lo difícil las texturas, lo que le da la vida a los avatares y firmas! Le damos a archivo abrir y pinchamos en una textura que vaya acorde con la temática del avatar cuando se habrá en el ps arriba pinchamos en 'selección' -> 'Todo'
Spoiler:

Y le damos a 'Edición' -> 'Copiar'

9~ Estamos en lo rodeado en rojo, pues pinchamos en lo que está rodeado de azul para volver a nuestro avatar (wtffff que pedazo de nombre tiene el mio, pura basura meh)
Spoiler:

10~ Le volemos a dar a 'Edición' -> 'Pegar' . Nos saldrá la imagen de textura en nuestro avatar (como no se donde os saldrá la nueva imagen, tenéis que llevar su capa 'capa 1' justo abajo del render 'capa 0' o sea entre capa 0 y fondo)

11~ Nos aseguramos que estamos en la 'Capa 1' (la textura);en la cajita de capas le damos a normal (señalado en rojo) y se nos despliega una lista y le damos a 'aclarar'. Esta textura quedará como fondo.
Spoiler:



12~ Volvemos a repetir el paso 10 y 11. (Volvemos a meter otra textura para darle forma al fondo, esta vez algo más sólido)
Spoiler:

13~ Nos ponemos en la capa de la nueva textura y clickamos donde pone 'opacidad' y la disminuimos hasta que no resalte más que el render (hacemos lo mismo con la  primera textura 'capa 1' le bajamos la opacidad un poco). La opacidad sirve para que una capa que está encima de otra se vea mas o menos la de abajo, conclusión que se haga más transparente la capa de arriba.

14~ Pinchamos en la herramienta rectángulo(señalado en rojo) y en la parte de arriba nos fijamos y le damos relleno y trazo (señalado en azul); en relleno le ponemos un color mucho más oscuro que el color que le pusimos al fondo y en trazo lo quitamos (señalado en amarillo)
Spoiler:

15~ creamos un rectángulo no muy grueso.
Spoiler:

16~ La nueva capa en la que se crea el triangulo la colocamos debajo de la 'capa 0'(en caso de que el render tapase mucho el rectángulo se pone el rectángulo encima de la 'capa 0' ) en este caso que vemos que el render tapa un pelín el rectángulo no influye a la hora de leer el nick.

17~ Vamos a la herramienta texto horizontal, escribimos el nick y buscamos una letra que le vaya bien a la temática. Sobre el color, cogemos alguno de los colores que tiene el render, en este caso he cogido un marroncito claro (tiene que ser un color claro para que resalte de la sombra y del rectángulo) que es el que más abunda en el render.

18~ Clickamos con el botón derecho sobre la capa del texto y le damos a 'opciones de fusión' -> 'sombra paralela' y la ajustamos como expliqué en la clase anterior.

19~ A la hora de colocar el texto si queda un poco salido del rectángulo queda mejor. En este tipo de diseño el que yo utilizo las cosas asimétricas ESTÁN PROHIBIDAS jajaja queda mucho más original y creativo si cada parte es única. Si el texto queda dentro del rectángulo dará la impresión de que es más pequeño y perderá importancia.

20~ Por ultimo, para resaltar AUN MÁS (si chicos aun mas venga que vosotros podéis! que pesada soy con darle importancia al render lol) clickamos con el botón derecho sobre 'capa 0' y le damos a opciones de fusión -> sombra en paralelo y le hacemos una sombra, yo para el render recomiendo mucho que le pongáis de 'tamaño' 0 ya que así queda una sombra perfilada. Sino queréis una sombra tan negra bajadle opacidad y ya está.
Resultado final
Spoiler:

*EXTRA
EXTRA1: Si la curva la levantáis se ilumina todo
Spoiler:

EXTRA2: arriba lo señalado en rojo es para cambiar de color (no lo recomiendo mucho)
Spoiler:

EXTRA3: si estamos en el color rojo y subimos la línea aparece como un tono rojizo, y lo mismo pasa con el azul y el verde como veréis a continuación
Spoiler:






OPCIONAL
[b]1~[/b] Para darle un toque más personal a la parte donde está el texto y que no quede tan sosa/sencilla podéis hacer otro rectángulo del mismo tamaño pero blanco. Le reducís la opacidad al 20% y lo movéis hasta que quede un poco más abajo y un poco más a la izquierda.
Spoiler:


PD: Si os gusta alguna textura, efecto, pincel, fuente que use decidme lo y os paso lo que queráis Razz

Para vuestros deberes he escogido sobre la misma temática y más o menos los mismos colores o tipos de colores. Y ya que la otra vez fue muy machorro el tema, el render y eso esta vez os tocará algo más feme...-GAYYYYYYYYYSSSSSSSSS- femenino sí queridos alumnitos :3

Estos son vuestros deberes (y esta vez sin bordes blancos lol, error mio en la primera clase porque nunca vi ese render con un fondo así que nunca lo note wow ^^' ):
Spoiler:

Y por supuesto todas las imágenes en spoiler chicos! Razz
Daiki
Daiki
Usuario Legendario
Usuario Legendario

Mensajes : 583
Localización : Madrid

Hoja de personaje
Vida:
0/0  (0/0)
Nivel:
1/10  (1/10)
Exp:
0/0  (0/0)

Volver arriba Ir abajo


Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Aizen el Dom Abr 24, 2016 4:33 pm

La siguiente clase es la mía Daiki-Sensei, será mi oportunidad para demostrarle mi talento oculto al mundo xD
Ya estoy practicando:
Spoiler:
Bueno, me saldrá mejor, lo prometo x)
Aizen
Aizen
Usuario VIP Oro
Usuario VIP Oro

Mensajes : 6978
Localización : She is mine as is the air, if I do not have it I can not breathe

Hoja de personaje
Vida:
50/50  (50/50)
Nivel:
1/1  (1/1)
Exp:
0/0  (0/0)

http://www.putoamo.com

Volver arriba Ir abajo

Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Daiki el Dom Abr 24, 2016 4:42 pm

@SoyAizen sabes que el render que iba a poneros es también de jewerly bonney ? JAJAJAJAJA
Daiki
Daiki
Usuario Legendario
Usuario Legendario

Mensajes : 583
Localización : Madrid

Hoja de personaje
Vida:
0/0  (0/0)
Nivel:
1/10  (1/10)
Exp:
0/0  (0/0)

Volver arriba Ir abajo

Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Aizen el Dom Abr 24, 2016 4:46 pm

@Daiki escribió:@SoyAizen sabes que el render que iba a poneros es también de jewerly bonney ? JAJAJAJAJA

No puede ser verdad, en serio?? XDD
Aizen
Aizen
Usuario VIP Oro
Usuario VIP Oro

Mensajes : 6978
Localización : She is mine as is the air, if I do not have it I can not breathe

Hoja de personaje
Vida:
50/50  (50/50)
Nivel:
1/1  (1/1)
Exp:
0/0  (0/0)

http://www.putoamo.com

Volver arriba Ir abajo

Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Daiki el Dom Abr 24, 2016 11:58 pm

@SoyAizen totalmente enserio jajaja ahora no se si lo cambiaré :/ *me he dormido asique la clase la tendreis mas tarde o ya mañana ^^' *
Daiki
Daiki
Usuario Legendario
Usuario Legendario

Mensajes : 583
Localización : Madrid

Hoja de personaje
Vida:
0/0  (0/0)
Nivel:
1/10  (1/10)
Exp:
0/0  (0/0)

Volver arriba Ir abajo

Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Aizen el Lun Abr 25, 2016 12:17 am

Bueno @Daiki siempre puedes poner a Boa xD
Aizen
Aizen
Usuario VIP Oro
Usuario VIP Oro

Mensajes : 6978
Localización : She is mine as is the air, if I do not have it I can not breathe

Hoja de personaje
Vida:
50/50  (50/50)
Nivel:
1/1  (1/1)
Exp:
0/0  (0/0)

http://www.putoamo.com

Volver arriba Ir abajo

Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Erina chan el Dom Mayo 01, 2016 4:54 pm

holaaa, bueno ps hice todo lo que dijistes, ese rectangulo me costo trabajo de hacerlo pero lo hice sorry no soy muy buena explicando espero estén bien


Spoiler:
Erina chan
Erina chan
Usuario Novato
Usuario Novato

Mensajes : 25
Localización : En mí casa

Volver arriba Ir abajo

Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Daiki el Dom Mayo 01, 2016 5:14 pm

Muy bien erina chan! me encantan las texturas del fondo y los colores son geniales *-* Lo único que tengo que corregirte es que el rectángulo va debajo del nombre, lo ponemos para que se distinga más el nick, y en este caso pondría el rectángulo encima del render y de color rosa, y las letras en azul para que contrasten más jaja ^^ Sigue así!
Daiki
Daiki
Usuario Legendario
Usuario Legendario

Mensajes : 583
Localización : Madrid

Hoja de personaje
Vida:
0/0  (0/0)
Nivel:
1/10  (1/10)
Exp:
0/0  (0/0)

Volver arriba Ir abajo

Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Taichi el Miér Jun 01, 2016 12:18 pm

Bueno pues aquí dejo la segunda tarea de clase.

1º. He abierto el render en el PS

2º. Creo la capa llamada "Fondo" y la coloreo de un color marrón crema

3º. Le cambio ligeramente el brillo y contraste.

4º. Copio y pego dos texturas las cuales selecciono con "Aclarar" y las reduzco ambas la opacidad.

5º. Creo otra capa nueva con un rectángulo de un color marrón oscuro y otro rectángulo interior más claro con opacidad bajada.

6º. Añado el texto que más me haya gustado y le incorporo un sombreado.

7º. Finalmente le pongo también sombreado al render.

Ejercicio 2:
Taichi
Taichi
Usuario Legendario
Usuario Legendario

Mensajes : 902
Localización : Talavera de la Reina (Toledo)

Hoja de personaje
Vida:
21/50  (21/50)
Nivel:
1/10  (1/10)
Exp:
1/2  (1/2)

Volver arriba Ir abajo

Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Silvertree el Dom Jun 26, 2016 3:29 pm

Impresionante, nunca había usado el photoshop para diseñar este tipo de estilo, mi estilo es un poco diferente xD, pero lo probaré a ver que me sale solo por curiosidad.

Silvertree
Silvertree
Usuario Novato
Usuario Novato

Mensajes : 13
Localización : Perforando los cielos

Volver arriba Ir abajo

Re: [Escuela de Diseño] 2ª Clase.

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Página 2 de 2. Precedente  1, 2

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.