Reporte Uso y Creación de Fuentes de Texto
TECNOLÓGICO NACIONAL DE MÉXICO
INSTITUTO TECNOLÓGICO DE POCHUTLA
.
Asignatura:
GRAFICACIÓN
Actividad:
Actividad T2-02: Reporte: Uso Y Creación De Fuentes De Texto.
Docente:
Ing. Damián Alonso López.
Equipo 03:
David De Jesús Ruiz Cruz. 191160135
Aldo Alan Pacheco Sánchez. 191160137
Jose Armando Martínez Trinidad. 191160159
Ricardo Emmanuel Gómez Ricárdez. 201160015
Adair Leonardo Reyes Vizarretea. 201160033
Carrera:
Ingeniería En Sistemas Computacionales.
Semestre: 5°
San Pedro Pochutla Oaxaca, 02 de octubre 2022.
Introducción.
La computación gráfica 2D se utiliza principalmente en aplicaciones que fueron desarrolladas
originalmente sobre tecnologías de impresión y dibujo tradicionales, tales como tipografía,
cartografía, dibujo técnico, publicidad, etc.
En estas aplicaciones, la imagen bidimensional no es sólo una representación de un objeto del
mundo real, sino un artefacto independiente con valor semántico añadido; los modelos
bidimensionales son preferidos, por lo tanto, porque dan un control más directo de la imagen que
los gráficos 3D por computadora (cuyo enfoque es más semejante a la fotografía que a la
tipografía). (Cortés Parejo, 2006)
Uso Y Creación De Fuentes De Texto.
• Fuente Tipográfica O Tipo De Letra.
En tipografía, un tipo de letra es un conjunto de letras diseñadas con unidad de estilo, cada una
compuesta por un conjunto coordinado de glifos.
Un tipo de letra por lo general no sólo incluye un alfabeto de letras, cifras, signos de puntuación y
marcas, sino que también puede incluir ideogramas y símbolos, o estar constituido enteramente de
ellos, por ejemplo, matemáticos o símbolos cartográficos.
Es decir que se define como estilo o apariencia de un grupo completo de caracteres, números y
signos, regidos por unas características comunes.
Familia tipográfica, en tipografía, significa un conjunto de tipos basado en una misma fuente, con
algunas variaciones, tales, como, por ejemplo, en el grosor y anchura, pero manteniendo
características comunes. Los miembros que integran unas familias se parecen entre sí, pero tienen
rasgos propios.
Fuente Digital.
En informática es un conjunto de caracteres con un estilo o modelo gráfico particular. En diseño
matica es un conjunto de dibujos vectoriales que se pueden escalar sin pérdida de calidad.
Se almacenan principalmente en archivos de tipo TrueType (TT) o PostScript. Tipo1 (PS1). Son
tecnologías de fuente escalable que mantienen buena calidad independientemente de la resolución.
Este tipo de fuentes son reconocidas en la mayoría de sistemas operativos. Cada fuente TT se
almacena en un solo fichero, mientras que la PS1 requiere dos ficheros separados, uno para la
impresora y otro para su visualización en pantalla. Este fichero contiene, además, la información
necesaria para hacer corresponder cada imagen al carácter correspondiente, y también para el
espaciado de los caracteres. (Graficación 2D - BlogGraficacion, s. f.)
Para poder utilizar los tipos en las computadoras se han digitalizado en n archivo informático cada
uno. Este indica al sistema informático sobre el tamaño, forma, espacio entre letras y demás
aspectos de la tipografía. Al instalar un archivo de tipos en el ordenador es posible ver las
tipografías en pantalla e imprimirlas.
En Windows la mayoría de las letras se encuentran en la carpeta C:/Windows/fonts. Suelen usar
las extensiones .FON y .TTF. En general, las fuentes tipográficas aceptan distintos estilos de
fuentes, como ser cursiva, negrita, etc.
Formatos De Archivos Para Fuentes.
Los tipos de letra o fuentes se agrupan y se clasifican por su tecnología en Mapa de Bits (o Bitmap),
PostScript, TrueType y OpenType.
• Fuente Mapa de Bits.
Es el archivo que describe el tipo de letra en base a un mapa de bits ordenados en forma de retícula.
Se denominan también Fuentes de Pantalla porque son el archivo necesario para visualizar un tipo
de letra en una pantalla. (EcuRed, s. f.)
Herramientas.
Para la elaboración de esta actividad ocupamos los siguientes programas.
• Adobe Illustrator.
Illustrator es un producto desarrollado por Adobe con el propósito de trabajar con gráficos
vectoriales. Es igualmente compatible con las plataformas Windows y Mac, agrada a los
diseñadores gráficos con una selección decente de herramientas de dibujo, una gran variedad de
pinceles personalizables y funciones de administración de texto.
Este programa es perfecto para trabajar en los campos de publicidad externa, impresión, diseño
web, publicación y más. Illustrator cuenta con una interfaz simple y una funcionalidad decente.
Los contornos de la imagen son fáciles de editar, un zoom de alta calidad, máxima claridad de
contornos y líneas están presentes.
Illustrator destaca por una amplia selección de pinceles personalizables que son totalmente
indispensables a la hora de trabajar con gráficos vectoriales. Para simplificar el flujo de trabajo, se
ofrece una gran cantidad de complementos compatibles. Podrás dar vida a proyectos realizados a
nivel profesional utilizando las últimas funciones y herramientas. (Young, 2021)
Conversión de una imagen de mapa de bits en una imagen vectorial.
Al trabajar en Illustrator, tiene la capacidad de crear una imagen vectorial a partir de un píxel. Es
muy conveniente si necesita aumentar el tamaño de la imagen sin perder su calidad. Con la función
"Trazado de imagen", puede convertir sin esfuerzo una toma de mapa de bits en una imagen
vectorial y reanudar la edición sin limitaciones. (Young, 2021)
Desarrollo de Reporte de Practica del Uso y creación de texto en el Programa
Adobe iIlustrator 2021.
1. Antes de iniciar con la creación Y modelado de texto necesitaremos el programa de la
paquetería de adobe en este caso yo descargue el software sin licencia con prueba gratuita
de 7 días.
2. Una vez instalado el Programa adobe illustrator 2021 les saldrá una interfaz de inicio donde
utilizaremos las Herramientas disponibles de adobe.
3. Crearemos un nuevo Documento Personalizado con las medidas seleccionadas y no
olvidamos Ponerle un nombre a nuestro proyecto en nuestro caso Proyecto Abecedario
Equipo 3 como se muestra a continuación.
4. Una vez establecido el nuevo Documento Tendremos que cambiar el fondo de relleno a un
color negro en los selectores de colores guardaremos lo cambios Y ocultaremos el segundo
fondo por defecto.
5. Ahora utilizaremos la Herramienta Rectángulo colocaremos sus respectivas medidas como
se ve a continuación para poder colocar la capa negra lo ajustaremos con la Herramienta de
selección y no olvidaremos antes crear una nueva capa y bloquear la primer
6. Una vez hecho el proceso cambiaremos de herramienta y dibujaremos un círculo en la capa
con la opción elipse las medidas del tamaño varían ahí depende la opción del usuario.
7. Una vez realizado el circulo iremos la opción ventana y desplazaremos la opción muestra
donde ajustaremos los colores de relleno del círculo.
8. después la opción de muestras de colores nos vamos a la opción biblioteca de
colores/Degrado/armonías de color como se muestra a continuación elijaremos Análogo 1
como muestra de color para nuestro objecto.
9. Seleccionaremos nuestro circulo y nos iremos al menú efectos/Distorsionar y
transformar/Emborronar como se muestra a continuación.
10. Una vez realizado el paso anterior nos aparecerá una ventana donde ajustaremos el tamaño
y el destalle de nuestro circulo previamente se muestra una previsualización de como
quedara nuestro objecto.
11. Seleccionamos la figura la copiamos en la opción Edición y pegaremos delante de nuestra
figura y la copia la moveremos con la herramienta de selección a un lado de nuestra figura
como se muestra a continuación.
12. Seleccionaremos las 2 figuras para este paso con la opción shift de nuestro teclado nos dará
un resultado así.
13. Nos desplazaremos a la opción objecto/Fusión /opciones de función para logras un
resultado en la fusión de los 2 círculos.
14. Una vez en opciones de función damos Pasos especificados 100 como se puede ver a
continuación donde guardaremos los cambios, una vez ajustado la opción de función nos
iremos al menú objecto/Fusión/Crear donde se proyectara el resultado de nuestra Figura.
15. Una vez realizado el paso anterior nos aparecerá nuestra figura yo la llamo Letras peludas
ya que se caracteriza por ser un diseño 2D que da un plus a tu proyecto elegimos el color
base, pero pueden ajustar los colores.
16. Pare realizar la primer letra de nuestro abecedario nos iremos a nuestra herramienta de
pluma donde ajustaremos los parámetros y longitudes de nuestra letra es importar trazar
bien con la pluma porque cualquier error arruinara tu letra con otras dimensiones.
17. Para ajustar la función Peluda con nuestra letra que diseñamos con la pluma nos iremos al
menú objecto/ Fusión/ Reemplazar lomo.
18. ¡Una vez Terminado el proceso tendremos un resultado bien de pelos ! para las demás letras
es básicamente acomodar y ajustar con la herramienta pluma no decidimos incluirla en el
proceso porque sería un poco aburrido lo dejamos al usted editor que descubra las
Herramientas recuerda la practica hace al maestro.
Conclusión.
Fuente tipográfica es la que se define como estilo o apariencia de un grupo completo de caracteres,
números y signos, regidos por unas características comunes. Familia tipográfica, en tipografía,
significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como,
por ejemplo, en el grosor y anchura, pero manteniendo características comunes. Los miembros que
integran unas familias se parecen entre sí, pero tienen rasgos propios.
Fuente Mapa de Bits es el archivo que describe el tipo de letra en base a un mapa de bits ordenados
en forma de retícula. Se denominan también Fuentes de Pantalla porque son el archivo necesario
para visualizar un tipo de letra en una pantalla.
La creación de las fuentes lleva un proceso, el cual es tardado ya que primero se hace un boceto a
mano o digital del cómo se vera la letra, después se utiliza un software para diseñar, la tipografía
la cual después es exportada en BITMAP (.BMP).
Referencias bibliográficas.
Young, A. (2021, 19 mayo). Reseña de Adobe Illustrator 2022. FixThePhoto.com. Recuperado 2
de octubre de 2022, de https://fixthephoto.com/es/rese%C3%B1a-de-adobe-
illustrator.html#:%7E:text=Rese%C3%B1a%20completa%20de%20Adobe%20Illustrator
&text=Illustrator%20destaca%20por%20una%20amplia,gran%20cantidad%20de%20com
plementos%20compatibles.
Cortés Parejo. (2006, 6 agosto). Computación gráfica 2D. Personal.Us.Es. Recuperado 1 de
octubre de 2022, de
https://personal.us.es/jcortes/Material/Material_archivos/Articulos%20PDF/Formatos2D.
Graficación 2D - BlogGraficacion. (s. f.). Recuperado 2 de octubre de 2022, de
https://sites.google.com/site/bloggraficacion/graficacion-2d
EcuRed. (s. f.). Computación Gráfica 2D - EcuRed. Recuperado 2 de octubre de 2022, de
https://www.ecured.cu/Computaci%C3%B3n_Gr%C3%A1fica_2D
