16.3: Fijación de Títulos y Gráficos
- Page ID
- 105209
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)
( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\id}{\mathrm{id}}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\kernel}{\mathrm{null}\,}\)
\( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\)
\( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\)
\( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)
\( \newcommand{\vectorA}[1]{\vec{#1}} % arrow\)
\( \newcommand{\vectorAt}[1]{\vec{\text{#1}}} % arrow\)
\( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vectorC}[1]{\textbf{#1}} \)
\( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)
\( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)
\( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)Comprobación y fijación de títulos y gráficos
Los gráficos, las imágenes y el texto en los programas de video pueden ser un tema profundo. Un título inicial de un proyecto puede revelar la necesidad de experiencia de diseño gráfico para colocar imágenes y texto más fácilmente en la pantalla de una manera legible. Elegir la fuente, los colores y los tamaños “correctos” también puede causar consternación. Si bien esta guía no reemplazará los años de formación que llevan a cabo los diseñadores gráficos, hay algunos pasos que puede tomar rápidamente para mejorar los gráficos y el texto en sus proyectos.
Resolución
Para asegurarse de que cualquier foto o imagen que esté agregando a un video, asegúrese de que tengan la resolución suficiente antes de agregarlas a su secuencia en su editor. La resolución es el número de píxeles distintos en cada dimensión que se pueden mostrar. Comúnmente, trabajarás con una de estas resoluciones de video:
- FHD (Full High Definition) con una resolución de 1920 píxeles de ancho por 1080 píxeles de alto.
- Resolución UHD (Ultra Alta Definición a 3840px x 2160px)
- 4K (4096 x 2160).
Al agregar fotos o imágenes de pantalla completa a tu video, intenta asegurarte de que su resolución coincida con la de tu resolución de video. Además, si planeas escalar alguna imagen en tu editor, necesitarás imágenes que coincidan con el tamaño que planeas para “acercarlas”. Por ejemplo, si planea agregar una foto de pantalla completa a una secuencia UHD, use imágenes con una resolución de 3840 x 2160 o mayor. Si además querías “acercar” o escalar esta foto en un 200%, la resolución de tu foto también debería ser el doble del tamaño para mostrar la mejor calidad. Si bien no siempre es posible encontrar los activos gráficos perfectos en la resolución que necesita, en un entorno profesional generalmente no se permite escalar más del 115-120%.
Título Márgenes seguros o seguros
Según Wikipedia: “El área segura de título o área segura para gráficos es, en la radiodifusión televisiva, un área rectangular que está lo suficientemente alejada de los cuatro bordes, de tal manera que el texto o los gráficos se muestran pulcramente”. Los estándares exactos se han establecido y actualizado a lo largo del tiempo para la ubicación exacta del área segura del título, pero está alrededor del 10% de los bordes del fotograma de video. Alrededor del 5% del borde hay un rectángulo más grande llamado acción segura. A pesar de que los problemas con las pantallas CRT curvadas que impulsaron los estándares de seguridad del título ya no son una preocupación, sigue siendo casi siempre una buena idea mantener todos los títulos dentro de las áreas de seguridad.
El software de edición y composición comúnmente incluye superposiciones que puede activar o desactivar que muestran cuadros alrededor de las áreas consideradas mejores para cualquier acción en el video, llamadas acción segura y una segunda caja más pequeña que generalmente debería mostrar los límites externos dentro de los cuales colocar texto, el título seguro área. Búscalos en el menú del software que estás usando (busca en ayuda “título seguro”, “margen seguro” o “guía”) y ajusta tu texto y gráficos moviéndolos dentro del rectángulo interior, el área segura del título, si es necesario.
Jerarquía Visual
Para títulos y gráficos a pantalla completa con información importante, como definiciones o texto explicativo, es importante colocar elementos textuales y gráficos en la pantalla de una manera que los haga fáciles e intuitivos de leer y comprender. Jerarquía visual es un término del diseño gráfico que se refiere a estructurar información para una audiencia por importancia. La forma más fácil de llamar la atención de alguien sobre algún texto importante es establecer una diferencia o contraste con el elemento circundante. Al crear un contraste en cualquiera de estas propiedades a continuación, estarás en camino de estructurar la información textual o gráfica para tu audiencia, haciendo que tu información sea más fácil de entender y digerir.
Usa cualquiera de estas propiedades para crear un contraste y llamar la atención sobre un detalle importante.
- Color
- Tamaño
- Fuentes
- Orientación
- Posición
- Forma
Aquí hay dos ejemplos:
Crear jerarquía visual contrastando el tamaño de tus elementos de texto.
Crear jerarquía visual contrastando por tamaño y color, con lo que se llama la atención sobre el segundo texto amarillo.
Tipos de letra para vídeo
La misma computadora con la que editas tu video tiene decenas, si no cientos, de tipos de letra diferentes para usar dentro de aplicaciones que usan escritura. Un tipo de letra es un conjunto completo de caracteres y símbolos creados con cierta apariencia. Las fuentes son subconjuntos de estos caracteres con diferentes pesos, estilo y tamaño, incluidas las versiones en negrita y cursiva. Los tipos de letra dan personalidad a tu texto, influyen en la legibilidad. Tenga en cuenta que los tipos de letra decorativos solo pueden tener el mínimo de caracteres disponibles, mientras que los que se usan profesionalmente suelen incluir todos los personajes.
Tipos de letra para la personalidad
Un título de un programa tendrá más impacto si su tipografía sugiere el tipo de género que contiene. La mayoría de los NLE te muestran muestras de los tipos y deberías tomarte un tiempo para experimentar. Dado que los títulos suelen ser grandes, la legibilidad a menudo no es un problema, pero asegúrate de probar pidiendo comentarios a otros. Por ejemplo, a continuación se muestra un ejemplo de un conjunto de títulos simple con diferentes tipos de letra que usa el mismo color, posición y tamaño. ¿No hacen mucho estos tipos de letra para sugerir el tipo de video que podría esperar ver?
Tipos de letra para video y legibilidad
Si bien los títulos deben proyectar una personalidad y sugerir el tipo de video que los espectadores pueden esperar, otro contenido basado en texto necesita garantizar la legibilidad sin dejar de adherirse al estilo del programa.
Los tipos de letra se clasifican de varias maneras, incluyendo si un tipo de letra es un tipo de letra serif o sans serif. Las serifs son los trazos pequeños en los trazos más grandes que componen las letras de un tipo de letra y y los tipos de letra sin estos trazos pequeños se clasifican como sans serifs (del francés, es decir, “sin”).
Desde el advenimiento de la televisión en la década de 1950 y el inicio de la producción de video en la década de 1970, se ha recomendado el uso de tipografías sans serif para una mayor legibilidad. De lo contrario, la resolución de la televisión y el video tempranos podrían difuminar los finos detalles del texto. Todavía se recomienda usar sans serifs aunque el aumento en la resolución de pantalla hace que esta elección sea un requisito menos estricto. El objetivo principal es presentar a su audiencia información textual concisa, cuando sea necesario, que pueda leer y comprender fácilmente.
Comparación lado a lado de estos dos tipos de letra comunes: Lado
izquierdo: Ariel (un tipo de letra Sans Serif) y a la derecha: Minion Pro (un tipo de letra Serif)