Registrarse

[Gráficos] U Design [1 Clase]

Estado
Cerrado para nuevas respuestas.

Gender

DeathSpace
Hola compañeros, está vez vengo con la Escuela de User Bars, para dar mis conocimientos a todos ustedes, y más que nada puedan hacer sus Bars de una forma intermedia y espectacular.

1.-@Javi4315?
2.-@Reddo
3.-@Javimo
4.-@Balziken
5.-@†ruben†
6.-@Pokemati
7.-@lokitodark
8.-@Charlos
9.-Pollito3d
10.-@Peter-Gef
11.-@Metalero
12.-@Shika
13.-@Sherox
14.-@Cheve_X
15.-@MenuAvatar98
16.-@yayomola
17.-@ssoq?oz ?p
18.-@Foxz
19.-@Wey

Antes que nada, necesitan una herramienta de apoyo, la cual es la que yo utilizo, seguramente muchos la conocen, pero he visto que no saben usarla, ni sus funciones tampoco.
He visto que también las hacen con programas Online, pero en está escuela vamos a mejorarlas!
AmitySource User Bar Generator
Así es, ¿Para que matarse el tiempo haciéndola desde 0, cuando la puedes generar tu?
El link de Descarga está más abajo

¿Qué herramientas necesitaremos?
"AmitySource User Bar Generator" - Desde la 1 clase, será utilizada.
"Photoshop" - Desde la 7 clase, será utilizada (Para los que no puedan descargarla, se omitirá esta clase, son solamente 2, solo será utilizado para agregar más imágenes y transparencia, si así lo desean.
"Paint"
Al igual que photoshop, para añadir más imágenes.
"Imageshack- PhotoBucket"
Aceptare trabajos que estén únicamente subidos en esos servidores.

Okey, para la primera clase, la dejare en un Spoiler, para no hacer mucho espacio en el tema.

Vamos a descargarnos el AmitySource User Bar Generator "Link más abajo", y vamos a instalarlo en nuestro ordenador (Soportado para cualquier PC, incluso lentas)

Abrimos nuestro programa y veremos distintas funciones:
Parte superior- Text&Colors, Effects, Overlay Image y Save & Open.
Bien ahora explicare sus funciones:
Text & Colors: Está función nos permitirá agregar un texto cualquiera, mover y centrar la posición que
nosotros queramos. Tenemos 4 flechas que nos permitirán mover nuestro texto.
Text X Position: Mover el Texto de Derecha e Izquierda.
Text Y Position: Mover el Texto de Arriba a Abajo.

Ahora tenemos los colores: "Esta parte es muy importante, ten cuidado de que los colores no se pierdan"

Color 1: Superior o Inferior
Color 2: Superior o Inferior
Básicamente tenemos un botón que dice Horizontal, podemos cambiar las posiciones de nuestros colores seleccionados.
Swap: Cambia de lugar los dos colores.
Ahora, está parte es algo difícil, por que no se trata de solamente poner los colores y ya, si no de que
combinen perfectamente los colores, una buena combinación sería rojo con negro, azul con negro, verde con negro, ect.
Pero existen muchas más. El secreto está en como quieres que luzca.
"Abajo dejo los códigos para los colores"
---------------------------------------
Parte 2
Ahora vamos con los effects:
Tenemos lo que son los Pattern Opacity y Glass Opacity

Pattern Opacity: Su función es agregar efectos a la bar, ya sean rayas o rombos.
Glass Opacity: Su función es agregar un poco de especie de neblina o como le quieran llamar, a la Bar, ya sea en distintas opciones.

Ahora les saldrá una lista en Pattern Opacity, las que yo escojo son 4x4 LR Diagonal, 4x4 RL Diagonal y Dost Pattern.
En Glass Opacity hay distintas opciones, la más usual que uso es la de Elise Bottom, pero pueden elegir la que crean más cómoda.
Tenemos más abajo una opción de Add colored Border, les saldrá un cuadro en negro, para añadir una linea debajo de la bar, "Aconsejo la de color negro" tal y como está.

Después nos encontramos con Add Glow Effect: Añadira una especie de niebla alrededor de la bar, pueden usarla si gustan, pero por mi preferencia la Desmarco.
------------------------------------
Parte 3
Overlay Image: Añadir una imagen a la Bar, "Solo podrán añadir una imagen en formato JPG", si desean añadir más, véase la clase de Photoshop+Paint "Aún no llegamos a esa clase"

Ahora nos encontramos con un botón Choose, elejid la imagen que querais "Transparente", y marcar la casilla Add image.
Del otro lado, nos encontramos con Opacity, eso ya depende de como quieran que se marque la imagen.
Luego nos encontramos con dos Image Position pero con diferentes funciones:
Image position: Centra o mueve la imagen a donde quieras.
Image Zise: Agranda la imagen en distintas direcciones.
Dos botones de Reset, para para omitir los cambios.

Una vez listo el proceso vamos a Save&Open, en ella encontramos distintas operaciones:
New: Añade un nuevo proyecto.
Open: Abre el Proyecto existente.
Save: Para guardar tu proyecto existente.

Save" Coloreado en Azul": Para guardar nuestra bar en formato JPG, "Quizás en PNG"

Eso es todo el tuto que hay de UserBar v2.2. La tarea se muestra abajo, junto con la descarga del programa.



Bien ahora ya sabemos utilizar el programa, ¿Qué sigue?
Demostrar lo aprendido en el tuto, y la tarea es la siguiente:

1 Clase:Deberán hacerme una bar de lo aprendido, OjO: SIN IMAGEN, puro texto, colores demás etc.
Entregaron Yayomola,lokitodark,balziken,Rikku,Wey,Giga,trubent,Cheve_X,Javi4315?,Sherox,Shika
Pokemati

¿Por que sin imagen?
Para ver como progresan en su creatividad, usando combinaciones de colores
La próxima Clase usaremos la imagen.

¿Como calificare?
Eso depende de como se vea a la vista la bar:
  • Tareas- 45%
  • Puntos Extras (Photoshop) 5%
  • Exámenes 50%

Alumnos eliminados:
Pollito3D
Peter-Gef
Wey

Las tareas las pueden entregar cuando sea, siempre y cuando no se pase del 1 examen.
Eso es todo, a partir de hoy vamos a probar lo aprendido del 1 tuto.
Las tareas deberán ser entregadas en esté mismo post, no MP.
Si tienen alguna duda, que sea por Mp, en el post no.

Se despide, Gender



 
[align=center]Aquí esta la Tarea #1, espero que esté bien :D



Una duda que tuve al hacer la UserBar, en color ¿Se puede poner por hexadecimal?, porque solo vi RGB y lo de HLS que no se lo que es XD

Saludos, se despide yayomola.[/align]

Edito:
Ya hice una nueva UserBar, espero que esta esté mejor ;)

 

Gender

DeathSpace
Haber no, creo que ninguno de ustedes me ha comprendido, antes que nada se tiene que remover al completo en "Effects" "Pattern Opacity" y Glass Opacity"

Yo decía algo así:


Nota:
Nunca dejen al 100% los "Pattern Opacity" y Glass Opacity" como se muestra en la imagen, solo un 25 o 15%.

Ahora los voy a motivar a todos ustedes:







Las tres Bars mostradas están hechas por mi. "La primera bar se tiene que hacer con el Photoshop y el Paint"

Vamos se que pueden hacer lago mejor, así que inténtelo, ustedes pueden.
No calificare hasta que haya resuelto eso.
Y @yayomola ¿Te refieres así? 3fab00, en hexadecimal, pues no sé a que refieres.

Todas sus dudas deben decirlas por MP, no aquí, aquí solo se entregan trabajos.

[align=center]A los demás Usuarios, ¡Hagan sus Tareas! tienen hasta el examen que tienen.[/align]
 

Gender

DeathSpace
No chicos no me están entendiendo, lean de nuevo una vez mas
el post principal, "Los colores deben ser bonitos y deben de combinar",
no abusen del Pattern Opacity y del Glass Opacity.
Como dije, lean y lean hasta que se les quede grabado.
Los 3 primeros que me impresionen, ¡No hacen examen"
 

Gender

DeathSpace
Felicidades! vas por buen camino @Giga



Lean este pequeño spoiler, es importante:
Yo entiendo que cada uno tenga sus gustos, que cada uno
pueda tener como usar sus cosas, entiendo lo que dices.
Pero un buen color y una buen control de opacidad lo hace
ver más bonito.
Ahora quiero que desmarques la casilla add glow effect,
quiero que pongas en el primero color un color azul, y el 2 uno negro.
Ahora desmarca horizontal- en pattern opacity selecciona hasta la 2 raya
y aplica cualquier efecto, ahora Glass opacity, igual hasta la 2 raya
aplica la que más te guste y dime: ¿Que diferencia encuentras en la tuya y en la nueva?
Solo trato de ayudarte, quiero que te expreses, pero los colores hazlos que se noten, de eso se trata la 1 clase.

¡Alumnos hacer sus tareas, estoy seguro de que aprenderán mucho!

Alumnos que entregaron tarea:
@Giga

Los demás deben leerse de nuevo el post o visualizar la bar de Giga, para que mejoren los effects
 
Nunca pense que hacer tarea fuera tan divertido xDD

Aqui esta mi intento de bar:


Algo rara...gender exelente tuto,felicitaciones todo estuvo entendible y claro
no se por que a ustds les queda tan bn...ya quiero la ver la proxima clase =D
 

Gender

DeathSpace
Bueno vamos a ver:

No a fuerzas, se necesita hacer que el 1 color sea rojo, azul, amarillo etc. Y que el color negro sea el 2 color, no chicos, pueden escoger sus colores, pero que puedan combinar y sea vean bien.

@Yayomola : Al parecer le has entendido a la última parte, muy bien, pero te dejo que leas el mensaje que puse. "Bar aprobada"

@Lokitodark : ¿No has entendido el tutorial verdad? Lee unas veces y vuelve hacerla. "Nunca dejes al 100% el Pattern Opacity y el Glass Opacity, o si no tendremos ese resultado. Puedes hacerlo mejor, si yo puedo tu puedes, anda.
"Bar no aprobada"

@Giga : En las 2 ocasiones estabas por iniciar, la 3 bar estaba muy bien te felicito.
Bar Aprobada "Borra tus post y deja solo 1 actualizando la bar, para que la escuela esté más ordenada"

@Rikku : Hm.. has mejorado mucho, pero no has jugado con los effects, juega con ellos hasta un 20 o 15% no todo completo.
Juega con los effects como te he dicho y la pruebo"Borra tus post y deja solo 1 actualizando la bar, para que la escuela esté más ordenada"

@Wey : También hay que mejorar, usa como base la de yayomola o la de Giga, pero no las copies, solo usa de base y elije colores buenos.
No aprobada hasta que lo intentes hacer

@tRubent : Bueno, está muy bien, pero no ha dejado impresión. De todos modos está bien, peor el Glass Effect debes utilizarlo un poco menos va?
Aprobado

@Balziken : ¿Azul con naranja? Bueno debiste escoger colores que se vean bien, no necesariamente como dije en el post principal. "Puedes utilizar los que quieras, pero has de tener cuidado al poner 2 colores que se lleven bien. No has jugado con el Effects, te lo dejo una vez más de tarea.
No Aprobado hasta escoger colores que se combinen y que juegue con los effects "Utiliza el pattern opacity y el glass opacity hasta un 18%"

¿Donde están los demás? ¡Hagan sus tareas los demás!

Ya he dejado claro, ¿Prefieren que las clases sean en Vídeotuto o prefieren a escrito?

¡La 2 clase comienza el martes, pero veo que todos están retrasados, así que la muevo para el Miercoles o el Jueves!

Favor de eliminar sus post y dejar 1, en donde la bar esté actualizada por ustedes, para así dejar mas ordenada la escuela, dejo unas notas abajo:

1.-Nunca dejen el "Pattern Opacity y el Glass Opacity al 100%, hasta un 18% o 20%
2.-Los 2 colores que hayan elegido, deben de combinar, naranja con amarillo, naranja con café, hay muchas combinaciones que pueden usar.
3.-Siempre hay que utilizar bien el "Pattern Opacity y el Glass Opacity" o nos quedara mal.

Espero y esto nos sirva a todos, dejen 1 solo post por clase a todos los alumnos, cualquier duda debe ser por MP al maestro, saludos Gender y ¡Hagan sus tareas TODOS LOS ALUMNOS!
 

Gender

DeathSpace
Muy bien Cheve, solo recuerda hacer un poco menos el Glass Opacity, y el Pattern Opacity también,
ahora Rikku muy bien, las bars están aprobadas.

@Yayomola : Al parecer le has entendido a la última parte, muy bien, pero te dejo que leas el mensaje que puse. "Bar aprobada"

@Lokitodark : Corregir! en mi otro post están los detalles.

@Giga : Aprobado

@Rikku :Aprobado

@Wey : Corregir en mi otro post están los detalles.

@tRubent : Aprobado

@Balziken : Corregir! en mi otro post están los detalles.

@CheveX : Aprobado "Recuerda lo que he dicho"

¡Los demás, sus tareas deben estar en un solo post!, eliminar si tienen otro post, ALUMNOS QUE FALTEN, HACER SUS TAREAS.

El Mercoles comenzamos con la 2 clase!
 

Gender

DeathSpace
Javi muy buena bar, si estas entendiendo los tutoriales, me has dejado
impresionado, has hecho muy bien la tarea.
lokitodark, también haz hecho muy bien la tarea, aceptado.
Los demás: Hagan sus tareas!!
 

Sherox

Guacamole con queso
Hola maestro gender
Perdón por la tardanza te dejo un comentario en el perfil
Bueno este es mi user bars espero este bien

 

Gender

DeathSpace
Sherox: No entendiste el "Pattern Opacity y el Glass Opacity", ha quedado sinceramente mal, pero progresaras estoy seguro, solo es quitar el 84% de Pattern Opacity y el Glass Opacity, se que lo lograras.
Miercoles comienza la 2 clase.
 

Gender

DeathSpace
Bueno, ya tengo las listas de quien entregaron tarea y quien no.

[align=left]Entregaron tarea:
Yayomola: 8.6
lokitodark: 8.5
balziken: 8.3
Rikku: 8.6
Wey: 7.5
Giga: 9.1
trubent: 8.4
Cheve_X: 8.4
Javi4315?: 9.4
Sherox: 7.9
Shika: 8.2[/align]

[align=right]
No entregaron tarea:
Javimo
Pokemati
Charlos
MenuAvatar98
Ciro
Foxz[/align]

"Pueden entregar la 1 Tarea hasta el Examen"

Alumnos que dejaron la Escuela:
Pollito3D
Peter-Gef
Wey

[align=center]Mañana iniciamos 2 clase![/align]
 
Estado
Cerrado para nuevas respuestas.
Arriba