[Hamtaro,]

Bienvenidos a su tercera clase. ¡Después de un largo fin de semana volvemos a azotarlos un poco!

La Font, fuente, tipografía es nuestra principal enemiga, pero en realidad podemos combatirla si tenemos en claro conceptos básicos.

¡Enjoy!

Al igual que los colores las fuentes tienen la principal función de comunicar algo,  a través de la historia la tipografía ha tenido cambios en composición y uso, la tipografía  tiene varias familias las principales son:

Serif: Las fuentes Serif tiene patitas en sus bordes y contornos, esta familia es usada  en formatos como periódicos, revistas y libros, ya que facilitan la lectura.

Sans Serif: Las Sans Serif, son fuentes sin terminaciones, más conocidas como palo seco, se utilizan para títulos. También es muy útil en formatos web ya que no cansa la mirada.

Script: Estas fuentes son las más similares a nuestra manera de escribir  o cursivas, ya que nos sugiere fluidez.

Aunque esto es importante, no es tan relevante como lo que se viene a continuación...

 

Elección de fuentes                

Debemos tener en cuenta la temática principal de nuestro diseño y que queremos comunicar con el.

Ejemplo:

En esta firma use una fuente fluida con toques muy coquetos ya que quería darle ese estilo de sensualidad. También use una segunda fuente  con un estilo similar pero un poco mas “seria” por así decirlo.

En esta firma como nuestro protagonista es masculino, decidí usar una fuente bolt(de bordes gruesos) que resaltara y le diera esa fuerza, sin ser agresiva y teniendo en cuenta los colores usados. Además como pueden ver no es horizontal!

Orientación y Ubicación ¿Dónde ponerlas y no morir en el intento?

Consejo: Nunca dejen de ultimo las fuentes, lo mejor es que mientras van realizando el diseño pueden ir viendo donde las pueden ir acomodando. Recuerden que las fuentes deben ser parte del diseño, muchos de nosotros caemos en dejarlas al final provocando que queden sobre expuestas.

Como la fuente es un elemento más de nuestro diseño debemos tener en cuenta como tenemos distribuido nuestro diseño que espacios nos quedan vacíos y que otros podemos usar sin afectar la imagen principal.

No teman en jugar con ellas, eso sí sean mesurados  máximo trabajen con tres fuentes diferentes.

Ejemplo:

 

Tamaño y color.

El tamaño varía según el espacio libre que tengan en su diseño,  en cuanto al color recuerden tomar colores acordes al diseño (recuerden su clase de teoría del color),  para que se vea lindo, y también que sean colores que contrasten con el diseño.

 

Ventana CARÁCTER.

Vamos a  Ventana>>Carácter.

4. Podemos aumentar o disminuir el espacio entre letras. Ejemplo:

Sin el tracking

Con

5. Es parecido al anterior pero el espaciado es entre un carácter determinado, ponemos el cursor entre los caracteres que queremos aumentar o disminuir moviéndose  hacia derecha o izquierda.

6 y 7. Sirve  para aplastar o estirar  el texto, esto nos puede ayudar si queremos cambiar la Font para que no se vea muy ancha o si queremos que se vea mas larga.

8. Sirve para bajar o subir las fuentes. Seleccionan la parte que quieran modificar luego aumentan o disminuyen los pt.

 

Estilos  de capa.

Estos ya los conocemos un poco gracias a los styles, estos en si nos pueden dar mucho apoyo en determinadas ocasiones:

Recuerden que pueden modificar los valores establecidos como mejor les parezca.

Extra

*Pueden usar texturas para darles algún efecto en especial.

*Pueden usar los modos de fusión esto le da un estilo increíble.

*Pueden usar styles, eso si sépanlos usar no todo el tiempo son los mejores yo los uso mas que nada para las firmas estilo c4d como esta:

---

Actividad:

La misma firma que usaron en la 2 actividad la vamos a usar aquí, tendrán que modificar la fuente teniendo cuenta lo aprendido en la clase de hoy.

Evaluación.

Se tendrá en cuenta el manejo adecuado de las fuentes, color y que todo se vea bien compuesto.

Entrega.

*Firma

*Captura

*Un texto contándonos su experiencia (Por favor que no sea una frase o les daré tablaaaa)

Hasta la próxima clase

[nenitaserena]

Mostrar ContenidoMesa de trabajo:

Mostrar ContenidoFirma:

Nunca he sido buena para el diseño, siempre me ha costado trabajo encontrar la fuente correcta y el color, me la pase buscando fuentes probando y esta fue la que más me agrado, me ayudo bastante la clase de instalar fonts (gracias a eso busque más fuentes jeje), espero que no se vea tan mal, si me di cuenta que cambio mucho al de la clase anterior, y bueno no se que más poner, pero no quiero tabla(?)

[Noir]

Hola~ vengo a dejar la clase.

Mostrar ContenidoDiseño:

Mostrar ContenidoCaptura:

La verdad siento que aún me cuesta lo de la fuente. Me cuesta saber qué fuente utilizar en cada momento, cuál se adaptaría más al diseño, etc...es lo que más me cuesta, de hecho, el 70% del tiempo que uso haciendo el diseño es eso. Claro que aprendí más cositas al respecto~ pero sigue costándome, más que nada encontrar las fuentes por nombre, buscar alguna que le pegue al diseño, etc. Espero seguir mejorando al respecto, gracias por la clase~ Saludos.

[Nocturna]

Antes que nada, agradecer a la profe por permitirme usar otro diseño, ya que olvidé guardar el último en formato PSD 
Bueno, aquí el diseño:

Mostrar ContenidoCaptura:

Mostrar ContenidoFirma:

Bueno, modificar los parámetros del texto no es tan difícil, el concepto lo entendí, lo difícil es encontrar buenas fuentes, me da mucha pereza descargarlas, pero creo que al fin encontré una que más o menos le queda.

[Ventum]

Mostrar ContenidoFirma:

La captura la olvidé por lo apurada uvu En fin~ no soy buena con las fonts pero con estos consejos de como deformar me re sirven! 

[Rawr]

Firma
Antes:

Mostrar ContenidoSpoiler:

Después:

Mostrar ContenidoSpoiler:

Captura:

Mostrar ContenidoSpoiler:

Texto: Esta ha sido la clase en la que más me he demorado y solo tenía que cambiarle la font, lo sé, pero me ha costado tanto porque las fuentes al igual que los colores le dan un significado y sentido diferente el diseño. Anteriormente el diseño me parecía algo juvenil y ahora pareciera que ha adquirido tristeza al combinarlo con el render. Elegir la fuente correcta para reflejar lo que uno quiere puede ser un gran reto.

[-Neriah]

PNG ANTES

Mostrar ContenidoSpoiler:

PNG DESPUÉS

Mostrar ContenidoSpoiler:

Mesa de trabajo

Mostrar ContenidoSpoiler:

Odio las font. He estado un sin fin de tiempo probando nuevas fonts, texturas y demás y es que no me gusta nada de lo que pruebo, siento que nada queda bien a esta firma. He dejado la actual font por cansancio, no porque me guste. En cuanto a lo de mover la font ha estado muy chulo, había provado poner las letras unas arriba y otras abajo, pero tampoco me han gustado. Soy un culo inquieto y al final lo he dejado como se ve, con algo de espacio entre las letras, he deformado las letras iniciales de cada palabra y he puesto una textura de color similar al pelo, pero nada, no me gusta, siento y sé que no queda bien. Tengo que practicar mucho más. 

[Mushi]

Firma:

Mostrar ContenidoSpoiler:

Mesa de trabajo:

Mostrar ContenidoSpoiler:

Me pasa un poco como con la combinación de colores, me cuesta encontrar una font que me guste y quede bien. Para esta firma encontré una tipo pincel, la giré para que encajara en la manzana, la deformé para que fuera más alargada, puse un color que más o menos pegara bien (al principio cogí el morado que había usado en la firma y lo puse más clarito, pero no me convencía y lo cambié), y luego le puse una sombra paralela para darle profundidad. No le quise poner más cosas porque la firma en sí es muy básica, no lleva ni textura, y me parecía que no iba a estar en armonía 

[Hamtaro,]

Bueno mis pequeñas flores del campo en esta clase voy a ser bastanteee exigente pero a algunas les calificare de manera diferente, entonces viendo sus trabajos tienen mucho potencial pero esta vez les daré sugerencias y trabajaremos mucho mas con el diseño. Espero que estén preparadas porque es la primera vez que voy a ser cuchilla y no es que me guste, pero les servirá <3 Igual es con amor mis flores.

@nenitaserena

Observaciones:

Mostrar ContenidoTarea y correciones.:

Bueno linda, no eres mala, no digas  esas cosas,  la verdad es que has avanzado mucho, todo consta de paciencia y de bastante practica pero no te preocupes que yo estoy aquí para ayudarte.

Punto 1. La idea del diseño me gusta mucho y los colores también, a continuación te voy a mostrar los errores que debes evitar para que el diseño se vea mas estético.

Mostrar ContenidoDiseño:

• Subrayado con lila: Como tu diseño maneja tonalidades oscuras los bordes blancos del render se ven mas de la cuenta. También en la parte de guitarra queda un pedacito cortado entonces queda algo fuera de lugar.
  
• Subrayado con verde y celeste: Ese es el espacio con el que cuentas para poner tu font, me gusta que usaras el centro ya que eso compensa, pero sin embargo quedan espacios muy grandes y vacíos. 
  

Punto 2. ¿Qué vamos a hacer? Tu temática principal, es vampiros por marceline, estamos manejando tonalidades rojas, algo de  amarillo y mucho negro.

1. Vamos a trabajar en un formato mas pequeño, entonces vas a crear un documento de 500x300.
2. Acomodaremos de nuevo la textura principal. Te voy a sugerir algunas texturas:
https://image.freepik.com/foto-gratis/fo...8-8960.jpg
https://i.pinimg.com/originals/c7/1b/fe/...a7e781.jpg
https://cdn.pixabay.com/photo/2016/09/27...60_720.jpg
https://i.pinimg.com/originals/45/ee/b3/...3afb8d.jpg

3.Vamos a pulir el render.
*Abres el render >>Creas una capa nueva y la pones debajo de la capa del render>> Esta capa con la herramienta bote la rellenas de color negro.
*Ahora en la capa del render con la herramienta, lazo poligonal o pluma, que vimos en la anterior clase intentamos retirar el bordesito blanco.
*Cuando hayas  quitado todo el bordesito, eliminas la capa de color negro y ya tenemos de nuevo nuestro render!

4. Vamos a cambiar la forma  que tenias detrás del render por un png con tonalidades o rojas o amarillas oscuras, los cuales te dejare aquí para que los descargues y elijas el que mejor creas que se ve,los que escogí trate de hacerlo con la temática que estas manejando.
https://www.deviantart.com/indigogfxs/ar...-660022395
https://www.deviantart.com/indigogfxs/ar...-660023786
https://www.deviantart.com/indigogfxs/ar...-660025657
https://www.deviantart.com/kanall/art/Ro...-655023848

5. Le buscaremos una mejor posición al render como tenemos un lado incompleto, aunque no estoy segura si para el lado del cabello también este cortado, pero bueno, en caso tal lo vamos a poner o al lado derecho, o centrado.

Caso 1. si el render solo esta cortado entonces lo vamos a poner al lado derecho y acomodas el png que hayas escogido.
Caso 2. Si ambos lados están recortados lo pondremos en centro y con el png o pngs escogidos tapamos los lados cortados.

6. Fuente, amada fuente.
Bueno como nuestra temática es de vampiros vamos a buscar una fuente con estilo elegante o terrorifica, la fuente que usaste es muy bonita pero te voy a dar mas opciones:
https://www.dafont.com/es/matilda.font
https://www.dafont.com/es/naishila-dancing-script.font
https://www.dafont.com/es/romanttica.font
Temática:
https://www.dafont.com/es/traveling-typewriter.font
https://www.dafont.com/es/oldnewspapertypes.font
https://www.dafont.com/es/double-feature.font
https://www.dafont.com/es/cf-nightmare.font

• Vamos a identificar los espacios libres después de acomodar el render y pngs del diseño *IMPORTANTE: No apliques la action antes de poner la fuente*
  
• Te voy a hacer salir de tu zona de confort y te voy a prohibir usar Styles.
  
• Ademas de tu nick quiero que incluyas una frase corta y juegues con los tamaños.
  
• Trabajaremos con dos fuentes una como la que escogiste, y otra un poco mas a la temática principal.
  

No tengas miedo de probar, se que tu puedes y confió en tu talento, espero tu trabajo ansiosa.

@Noir

Aprobada.

Observaciones: Bueno bonita el ejercicio esta muy bien elaborado de echo la fuente que usaste antes también me pareció muy acorde, el consejo que tengo para darte es practica muchísimo, vas por buen camino. Felicitaciones. No te haré repetir el ejercicio porque honestamente no lo veo necesario.

@Nocturna

Observaciones:

Mostrar ContenidoTarea y correcciones.:

Espero por amor a Dios que hayas guardado el psd o enserio te daré tabla   

Bueno linda, no vas por mal camino pero vamos a hacer unas cuantas correcciones.

Punto 1.

• Tamaño del espacio de trabajo, es muy grandeeee, trata siempre de trabajar con medidas mas pequeñas o cuando finalices reduces el espacio de trabajo con la herramienta Crop.
  
• El diseño es dinámico, me gusta mucho porque has venido probando cosas muy geniales.
  
• Tengo un claro problema con la fuente, pero no te preocupes. La fuente que elegiste no es que este mal, para nada pero si la cargaste mucho. A veces menos es mas.
  

Punto 2. La tarea 

1. Obviamente modificaremos el tamaño a uno mas pequeño.
2. Vamos a retirar todo tipo de style  y estilo de capa que hayas usado, tanto en las liniesitas y la fuente.
3. Vamos a identificar de nuevo los espacios que tenemos libres en el diseño para poner la fuente.
4. El tema principal es pikachu y los dulces, base a eso podemos darnos cuenta que tenemos que buscar fuentes bastante tiernas. Te voy a dejar algunas como sugerencia y vamos a  trabajar con ellas. Eso si, te prohíbo usar styles o estilos de capa.
https://www.dafont.com/es/charlotte-5.font
https://www.dafont.com/es/kg-do-you-love-me.font
https://www.dafont.com/es/happy-camper.font
https://www.dafont.com/es/dk-innuendo.font
https://www.dafont.com/es/hellocatround.font
https://www.dafont.com/es/curely.font
https://www.dafont.com/es/dk-honey-dew.font

Eso es todo linda vas muy bien, se que tu puedes estare esperando tu trabajo <3

@Ventum

Observaciones:

Mostrar ContenidoTarea y correcciones.:

El diseño es bastante arriesgado y con muchísimos colores! 

Punto 1.

• Me gusta la idea de arriesgarse con un diseño multicolor y me emociona mucho.
  
• No me convence la posición de la fuente aunque creo que escogiste buenas fuentes.
  
• Creo que podríamos trabajar un poco mas con la textura de fondo, pero no esta mal!
  

Punto 2. Tarea

1. Esta firma nos da para usar colores llamativos sin miedo que se nos vaya la mano entonces para la fuente me gustaria que probaras styles acordes al diseño.
2. Intenta poner el render en otras  posiciones para que se te abran mas opciones de donde poner la fuente.
3. Podrías dejar el fondo negro y trabajar con texturas de luces y las vas fusionando.
4. Puedes intentar con la fuente mas pequeña y jugar con sus características.

Espero tu trabajo, me gusta que seas arriesgada, eso te da un súper plus! espero tu trabajito.

@Rawr.

Aprobada.

Observaciones:

Mostrar ContenidoTarea opcional.:

Me encanta el diseño, de hecho la fuente que usaste en el anterior es muy bonita, y tomaste el riesgo poniendo la fuente actual que esta muy bonita pero no me convence del todo, me gustaría que hicieras un par de cositas.

1. Vamos a identificar de nuevo los espacios libres para poner nuestra fuente. Me gustaría que la traigas hacia adelante.
2. Me gustaría que esta vez usaras las dos fuentes, el del anterior y el del actual. Puedes agregar una frase corta o como tu prefieras.

Eso seria todo, te felicito por tu excelente trabajo, recuerda que este trabajito es opcional.

@-Neriah

Observaciones:

Mostrar ContenidoTarea y correciones.:

La idea de la firma en general es muy bonita.

Punto 1.

• Aun tenemos problemas con la fuente pero tranquila que tenemos solución.
  
• La composición es lindisima, y no te asustes porque al ser en estilo png tenemos mas opciones todavía para poner nuestra fuente.
  
• la textura sobre la font no es que sea la mas indicada pero vamos a trabajar en eso.
  

Punto 2.

1. El espacio de trabajo nos da muchas opciones deponer la fuente. 

2. En los pasos que te marque o bien puedes poner una fuente o pngs bonitos, te dejare un link para que mires pngs guapos. ¿Por qué pngs? Bueno el diseño en si aunque es lindo tiene espacios vacios, al solucionarlos con algunos elementos se te puede facilitar la posición de font y te abre mas opciones al buscar la indicada.
https://www.deviantart.com/sabris89/art/...-554468709 entras aquí y al lado derecho bajando encontras más así, de todo tipo.
3. Vamos a usar una fuente diferente y ahora que vamos a tener muchas mas opciones de color por los png va a ser un poco mas fácil, esta vez no vas a usar ninguna textura, y me gustaria que jugaras con el tamaño de las fuentes como no tengo muy clara la temática principal...basándome en los colores te recomiendo que uses fuentes caligráficas también bolt pero delicadas, y te voy a dejar algunas:

Script/Caligrafía.
https://www.dafont.com/es/undella.font
https://www.dafont.com/es/rainbow-dreams.font
https://www.dafont.com/es/arabella-2.font
https://www.dafont.com/es/sweety-script.font
Sanserif Bolt:
https://www.dafont.com/es/bignoodletitling.font
https://www.dafont.com/es/she-smiles.font
https://www.dafont.com/es/bebas-kai.font
https://www.dafont.com/es/built-titling.font


Tu diseño me llena de mucha emoción, así que animo que tu puedes linda!

@Alucard

Observaciones:

Mostrar ContenidoTarea y correciones.:

Tu diseño tiene algo que me atrapa y especialmente la composición y los colore son muuuy lindos.

Punto 1.

• No me convence la textura de luces que usaste pero no se ve nada mal.
  
• Aún hay que trabajar algo en la fuente.
  
• No estoy segura si usaste modos de fusión para la manzana grande o es mi imaginación... bueno eso es lo de menos.
  

Punto 2.

1. Vamos a quitarle el fondo a  la firma.

Solo vamos a trabajar con lo esta seleccionado.

2. Identificaste de manera muy acertado el espacio donde debería ir la font vamos a trabajar en ese mismo lugar.
3. Al retirar el fondo puedes notar que la temática dio un giro y que ya no puedes basarte en las pinceladas del fondo si no en el render y las manzanitas, podemos irnos por algo muy cute o por algo serio pero bonito. Sin embargo me gusta que hayas puesto la fuente de ese estilo aunque no me convence vamos  a trabajar por la misma linea.
4. Te voy a poner varias opciones de fuente tipo brochita y otra con un estilo mas Sanserif.
https://www.dafont.com/es/richie-brusher.font
https://www.dafont.com/es/zamrack.font
https://www.dafont.com/es/fonters.font
https://www.dafont.com/es/edo-sz.font
------
https://www.dafont.com/es/banks-miles-single-line.font
https://www.dafont.com/es/market-fresh.font
https://www.dafont.com/es/americana2.font
https://www.dafont.com/es/larke-sans.font
5. Vamos a poner la fuente de manera horizontal, y vamos a agrandar el tamaño, sin miedo. De esta manera.


Espero ansiosa tu trabajo de nuevo porque la idea esta bellista,  recuerda que como retiramos el fondo intenta mover el render y la manzana mas a la   derecha para que la fuente no se pegue al borde. Mucho animo. <3

Y casi no termino, espero que estas series de observaciones les hayan sido de utilidad y me gustaría saber si quieren que les siga calificando así o prefieren de la manera tradicional, estaré esperando sus trabajos, les dejo mucho amor.

[Nocturna]

Jejeje   ..................... ejem, si que guardé el psd, he aprendido la lección 

Intenté hacerlo como dijiste, quité los styles, lo hice más pequeño, pero no se me ocurrió ningún otro sitio donde la font encajara mejor.

Mostrar ContenidoDiseño:

Mostrar ContenidoCaptura: