Diseño digital para principiantes

1. Diseño digital para no diseñadores no de diseño: Buscando aprender los conceptos básicos de crear diseños digitales para tus publicaciones o canales de redes sociales. Pero el arte o el diseño gráfico no es tu especialidad. Has venido al lugar correcto. Si no tienes un departamento de diseño gráfico o eres un emprendedor apenas iniciando con tu propio canal de redes sociales, marca o sitio web. No necesitas externalizar el trabajo de diseño gráfico si sabes hacerlo tú mismo. Mi curso de diseño digital para no diseñadores, pretendo enseñar los fundamentos del diseño gráfico en el mundo digital, desde los aspectos técnicos hasta los elementos creativos involucrados. Tengo un BFA en gráficos por computadora y más de ocho años de experiencia freelance con diseño gráfico y producción de video. Entonces si quieres hacer tus propios gráficos de post en redes sociales, imágenes de portada, superposiciones de twitch, intros, pantallas offline o botones. Este curso puede ayudarte a empezar en tu viaje creativo. 2. Lectura 1: equipo y software: Siempre y cuando estés trabajando con fotografías, texto básico y archivos de imagen simples, mayoría de los portátiles y PCs pueden manejar el trabajo gráfico que estás buscando hacer. Estaré centrándome en herramientas gratuitas en este curso, ya que esas son las más accesibles para los principiantes, personalmente, utilizo la mayor parte de la suite de programas de Adobe que tienden a tener capacidades más avanzadas, pero no es gratis. Por lo que para los efectos de este curso, las herramientas gratuitas funcionarán bien. Se puede, por supuesto, utilizar los programas a los que tenga acceso. Pero este curso no está destinado a ser un tutorial para ningún programa específico, sino más bien una explicación más amplia de las funciones básicas que se encuentran en la mayoría del software de diseño gráfico. Mucha de la funcionalidad básica que voy a discutir está disponible en la mayoría de los diferentes programas de diseño gráfico. Las únicas diferencias importantes son dónde se ubican estas funciones dentro de la interfaz de usuario de cada programa. Básicamente, es diferencia de diseño. Entonces, por ejemplo, tal vez las principales herramientas están ubicadas en el lado derecho en un programa, pero a la izquierda y otro. Y algunos de los programas más básicos no incluirán funciones más avanzadas como capas, filtros, etcétera. En este curso, en su mayoría estaré trabajando con Pixlr II, que es un editor de fotos avanzado gratuito basado en navegador. Por lo que no hay necesidad de descargar ningún software. Funciona justo en tu navegador. Se puede encontrar en Pixlr.com slash E. Para los efectos de este curso, esta será nuestra alternativa gratuita a Adobe Photoshop. Sugiero inscribirte para una cuenta gratuita. De esta forma podrás guardar el trabajo que realizas. También hay una aplicación móvil Pixlr para teléfonos Android y Apple también. No obstante, en realidad hay muchas aplicaciones de edición de fotos en teléfonos móviles y en realidad recomiendo Photoshop Express o la app polaca. De nuevo, hay mucho por ahí, así que puedes probar lo que te parezca interesante. Todas ellas en su mayoría tienen las mismas características básicas y cada una tiene diferentes filtros, efectos y gráficos que puedes colocar sobre las imágenes. Las aplicaciones gratuitas son compatibles con anuncios, y si quieres pagar por una versión pro, suele ser un precio bastante razonable dependiendo de la app. Y la mayoría de las veces, los efectos y funciones extra están disponibles con su versión de pago también. Si planeas hacer mucha edición de imágenes sobre la marcha, te sugiero mucho probar una de estas apps. Si buscas llevar las cosas un paso más allá y buscas un programa con capacidades más avanzadas. Gimp es un programa de editor de gráficos descargable que básicamente es tu versión gratuita de Adobe Photoshop. Y Inkscape es el programa gratuito de edición y creación de gráficos vectoriales, que es como Adobe Illustrator. Estaré explicando qué imágenes vectoriales son más adelante en este curso. No voy a estar usando estos programas en este curso, pero definitivamente vale la pena mencionarlos ya que son los equivalentes gratuitos más populares a Photoshop e Illustrator. Los temas que estaré cubriendo en este curso también te pueden ayudar en el uso de estos programas y programas similares también. 3. Lección 2: copyright: Antes de empezar, lo mejor es conocer algunos conocimientos básicos sobre derechos de autor a la hora de usar gráficos. La forma más fácil de poner esto es simplemente no usar imágenes que no te pertenezcan o que no estén marcadas como Creative Commons o dominio público. La ley de derechos de autor tiene por objeto proteger a los artistas de copia y el uso no autorizados de su obra. Si utilizas la obra de un artista sin su permiso, eso es una violación a la ley de derechos de autor y se considera infracción de derechos de autor. Si no puedes verificar de dónde viene una imagen, debes evitar usarla. Especialmente si estás planeando anunciar o monetizar tu canal. La única vez que está bien usar una imagen arrancada de la web sin verificar su copyright es solo para uso personal o práctica. Revisemos algunos de los términos de copyright que necesitarás conocer. atribución es cuando le das crédito a un artista o a un creador de una obra. Algunas obras y licencias que verá, dirán, requiere atribución. Esto significa que si utilizas esta imagen, necesitarás mostrar ciertos detalles donde utilizas esa imagen. Por lo general, es el título, autor, fuente y nombre con licencia. Los textos pueden ser pequeños y debajo donde se usa la imagen. Si una imagen dice que no se requiere atribución, no está obligado a mostrar esa información crediticia donde utilizó esa imagen. Uso comercial. Es posible que veas cosas como para uso comercial, lo que significa que puedes incorporar la imagen dentro de algo de lo que podrías sacar provecho, o incluso dentro de un anuncio que hayas creado. Si algo aparece listado como uso no comercial, solo, querrás alejarte de usar eso a menos que estés usando esa imagen para uso personal. de regalías. Esto se refiere a una obra que puede ser utilizada sin necesidad de pagar regalías o derechos de licencia por cada uso. Cuando se trata de gráficos, fotografías e ilustraciones son licencia libre de regalías permite a un usuario utilizar esa imagen sin muchas restricciones basadas en pagar una cuota única al creador o licenciante de la obra. En ocasiones, las imágenes libres de regalías son incluso gratuitas y no cuesta nada usar dependiendo de los detalles de la licencia de un sitio web. Por lo que una imagen libre de regalías se puede utilizar en múltiples proyectos sin tener que pagar licencias adicionales. Creative Commons. Se trata de una licencia gratuita para que los creadores puedan utilizar, para permitir que su trabajo sea utilizado por el público. Hay un montón de variaciones en la licencia Creative Common, que se pueden ver en el sitio web oficial de Creative Commons. Creative Commons.com licencias slash, dominio público. Esta licencia se refiere a obra que no está protegida por derechos de autor o marca registrada. El público en realidad es dueño de estas obras, no de un individuo o artista. Esto sucede cuando los derechos sobre una obra han expirado o se han renunciado. La mayoría de los sitios web que ofrecen imágenes para su descarga explicarán los términos de licencia en su sitio web en algún lugar o incluso en cada página de imagen individual. Aquí tienes una lista de algunos de mis sitios web favoritos. Pixabay.com, imágenes de uso comercial gratuito para trabajos impresos y digitales. No se requiere atribución y las modificaciones están bien. Pixabay tiene fotografías, imágenes de estilo vectorial e incluso algunos videoclips. No permiten la reventa del trabajo pixabay de otra persona. Retratar a personas identificables de manera mala o defendible, o usar imágenes con marcas identificables para crear asociación engañosa con ese producto o marca. Pixels.com, fotos y videos en stock gratuitos de diversos creadores. Todas las fotos y videos en píxeles son gratuitos de usar. No se requiere atribución y la modificación está bien en Splash.com. Fotos de alta resolución para todos con reglas de licencia similares a Pixabay search dot creativecommons.org de los propios creadores de licencias Creative Common. Con este sitio, puedes filtrar tus resultados por tipo de licencia, tipo de archivo y más. Fotos neo.com, este sitio cuenta con fotografías marcadas como dominio público. Hay mucho que está involucrado en la ley de derechos de autor, y en realidad hay muchas variaciones de licencias por ahí. Asegúrate de apegarte a los sitios web que mencioné o prestar mucha atención a las licencias en otros sitios web e imágenes por ahí. O por supuesto, si haces tu propia imagen completamente desde cero, estás bien para ir. 4. Lectura 3: tipos de archivos: Como cualquiera que haya usado una computadora y tratado archivos, estoy seguro de que sabe que hay muchos tipos de archivos diferentes. Estaré centrándome en explicar los tipos de archivos de imagen más comunes para este curso y cuándo usarlos. En primer lugar, permítanme explicar la diferencia entre los gráficos de roster y vectores. Gráficos de lista o cualquier imagen creada utilizando píxeles para formar una imagen. Las fotografías son gráficos rasterizados. Cuando los gráficos de roster se escalan más grandes que su tamaño original, comenzarán a volverse borrosas a medida que los píxeles se estiran para intentar llenar el espacio. Los gráficos de la lista se miden por sus píxeles por pulgada o PPI. La resolución es otro término que podría haber escuchado antes. Y en realidad se refiere a cuántos píxeles por pulgada o dentro de una imagen. Una resolución más alta significa un detalle de imagen más grande, un tamaño de archivo más grande y una mayor calidad. Es mejor no agrandar una imagen de estilo ráster más allá de su resolución original. Y querrás evitar trabajar con imágenes que tengan una resolución demasiado baja para empezar. Programas como Photoshop y otro software de edición de fotos se ocupan principalmente de imágenes de roster. Los gráficos vectoriales, por otro lado, están hechos por líneas y curvas para formar formas. Tienen una ventaja sobre las imágenes de roster porque se pueden escalar en tamaño sin perder ninguna calidad. Los gráficos vectoriales son mejores para ilustraciones, iconos, logotipos, y son ideales para su uso en impresión. Adobe Illustrator es el software de gráficos vectoriales más popular. Las imágenes vectoriales se pueden rasterizar y las imágenes de la lista se pueden vectorizar. Pero en ambos casos, habrá alguna información perdida en el proceso. Y por lo tanto la imagen convertida se verá un poco diferente. Ahora que ya sabes la diferencia entre los gráficos de roster y vectores, déjame explicar los tipos de archivos de imagen más populares y sus usos. Los archivos gráficos de roster comunes utilizados nuestros JPEG, PNG, GIF, y web P. Jpegs son archivos de imagen comprimidos. La mayoría de las fotografías son jpegs. El grado de compresión de la imagen se puede ajustar. Entonces, por ejemplo, puede tener una imagen de mayor calidad que tenga un tamaño de archivo más grande o una imagen de menor calidad a un tamaño de archivo más pequeño. La elección depende de tus necesidades ya los archivos más pequeños se cargarán más rápido en una página web, por ejemplo, y un archivo más grande podría tardar más en cargarse, pero como mejor calidad, JPEGS son el formato de imagen digital más común. ¿ Sabías que en 2015 se crearon 7 mil millones de imágenes JPEG todos los días? Más o menos todos los sitios web de redes sociales aceptarán este tipo de formato de imagen para ser subidos. Pngs son un formato de archivo para su uso en la web lugar de imprimir, con compresión sin pérdidas. El gran beneficio del formato PNG es la capacidad de incorporar transparencia dentro del archivo. La transparencia está representada por el patrón de tablero de ajedrez. Verás dentro de un programa de edición de gráficos, si guardas un archivo con un fondo transparente como PNG, cuando subas ese archivo a un sitio web, no habrá fondo y aparecerá el asunto y el archivo PNG con el fondo de los sitios web detrás de él. En cambio. Los archivos Gif soportan transparencia y vídeo de looping sin audio. Son populares por su tamaño de archivo realmente pequeño. Web P es un formato de imagen más nuevo que puede permitir a los usuarios crear imágenes más pequeñas y de mayor calidad para cargarse más rápido en sitios web. A continuación, los archivos de imagen vectorial comunes son SVG y PDF. Svg, o gráficos 2D que están basados en vectores e incluso pueden admitir animación. Todos los principales navegadores web cuentan con soporte de representación SVG, lo que lo convierte en un formato de archivo Vector popular para usar en sitios web. Los archivos Pdf se utilizan principalmente para cosas como documentos de varias páginas, folletos y materiales impresos. Pueden contener imágenes vectoriales y ráster mientras preservan la estructura del documento y las fuentes. Incluso se utilizan para firmas digitales. También hay archivos de tipo de trabajo como PSD para Photoshop y AI para archivos Illustrator. Estos archivos conservan tu trabajo y progreso, manteniendo tus capas en tacto. Es la más alta calidad de tu trabajo. No obstante, estos archivos no se pueden utilizar como imágenes reales. Y por último, hay archivos MP4, que es un formato de archivo de video que también puede incluir audio. Es uno de los tipos de archivos de video más populares que las páginas de redes sociales, excepto las cargas de. Incluso puede almacenar subtítulos e imágenes fijas. Debería poder guardar su imagen como el Tipo de Archivo de su elección directamente del programa de edición de gráficos que está utilizando. Pero si alguna vez necesitas convertir un archivo a otro tipo de archivo, hay muchos sitios web que pueden hacer eso. Uno de ellos siendo convirtiendo o dot CEO. 5. Lectura 4: configurar tu archivo de trabajo: Justo cuando inicies un nuevo archivo de trabajo, tendrás algunas opciones. Se puede trabajar con un archivo de imagen ya existente o iniciar un nuevo archivo desde cero. En la mayoría de programas como Pixlr que estoy usando aquí, puedes hacer clic y arrastrar un archivo de imagen para llevarlo al programa. Puedes traerlo a un archivo ya existente en el que estás trabajando. O puedes tener que sea la base de un nuevo archivo que estás iniciando. Ya que Photoshop tiene más personalización y opciones. En primer lugar, te mostraré cómo se ve la creación de un nuevo archivo dentro de Photoshop CC. Al hacer clic en Archivo, luego nu, tendrás opciones para elegir entre un tamaño de archivo preestablecido o modificar los detalles. Los presets pueden ser útiles si estás buscando hacer algo específico y no estás seguro de las dimensiones o tamaño a usar. Puedes ver cosas como Twitter, post, Instagram, y a veces más dependiendo del programa que estés usando. A la derecha, hay más opciones con las que trabajar. Si tienes un tamaño específico necesario para tu proyecto, puedes escribir el ancho y la altura en píxeles. La resolución puede permanecer en 72, ya que esa es la predeterminada para las imágenes en la web, una resolución más alta es mejor para la impresión, generalmente 300. Pero por supuesto, esto hará que un archivo sea mucho más grande. consecuencia, el modo de color puede permanecer en RGB, ya que ese es el modo correcto para visualizar imágenes digitales en monitores y en la web. Rb es sinónimo de rojo, verde, azul. Y este modo mostrará los colores del documento en su más brillante y mejor. CMYK significa cian, magenta, amarillo, negro. Y es el modo a utilizar con fines de impresión. No querrás usar esto para tus imágenes digitales, ya que mostrará los colores en un monitor en un tono más silenciado y opaco. Este ajuste de 8 bits es la profundidad de bits de una imagen, que es la forma del ordenador de almacenar información de la imagen dentro del archivo. También puedes mantener esto en 8 bits, ya que no hay una gran ventaja para cambiar el ajuste para el diseño digital, una mayor profundidad de bits permitiría una corrección de color más extrema de una imagen. Pero crearemos un tamaño de archivo más grande y ralentizaremos su trabajo. El contenido de fondo es bastante autoexplicativo. Es solo tu primer color de fondo dentro de ese archivo. Si nos fijamos en crear un nuevo gráfico y Pixlr, puedes ver que es bastante similar a configurar un archivo de Photoshop. Una vez que asignes un nombre a tu proyecto y hagas clic en Crear, estarás listo para empezar. 6. Lección 5: capas de capas: Las capas son una de las herramientas más importantes en el diseño gráfico. La forma más fácil de describir capas es mostrándote. Aquí tengo tres capas a las que nombré fondo, medio, y superior. Abajo. Tengo hacia el fondo de la lista. Y debido a que esta capa se coloca ahí, cualquier cosa dibujada aparecerá encima de ella. Reordenar las capas haciendo clic y arrastrando su posición cambiará lo que está visible en la parte superior dentro de su archivo. Puedes crear nuevas capas, eliminar capas, incluso cambiar su visibilidad encendida o desactivada. También puedes bloquearlos si no quieres mover o editar accidentalmente el contenido de esa capa, puedes cambiar la transparencia o visibilidad de cada capa individual. También se le conoce como opacidad. E incluso puedes fusionar capas juntas si es necesario. La mezcla también es algo que puedes hacer con las capas y algunos programas. Hay muchas opciones para elegir que pueden cambiar el aspecto de tu proyecto. Y es algo con lo que jugar y experimentar. Si tienes al menos dos capas. 7. Lección 6: herramientas básicas: Repasemos las herramientas básicas que se encuentran en la mayoría de los programas de edición gráfica. En primer lugar, discutiré la navegación dentro de un programa. Cuando quieres acercar o alejar mientras usas un PC. El atajo de teclado Control menos, vamos a alejar. Control plus, vamos a acercar. O bien, puede utilizar la herramienta de zoom haciendo clic y arrastrando el deslizador para acercar y alejar el lienzo. Mientras se acerca el zoom, al presionar la barra espaciadora, el cursor se convertirá en una mano, que luego podrá hacer clic y arrastrar para moverse por el lienzo. Esto puede ayudarte a trabajar en detalles más finos al acercar una imagen. Para las aplicaciones móviles, normalmente usar dos dedos en un gesto pellizcado en la pantalla y mover los dedos más separados ampliará lo que está en pantalla y los acercará más. Vamos a alejarnos. Cuando quieras moverte por el lienzo mientras te acercas, puedes usar un dedo y arrastrar para moverte. No obstante, al usar un dedo y tener seleccionada una herramienta de dibujo, en su lugar dibujará en el lienzo en lugar de moverse. Para evitar esto, usar dos dedos y arrastrar se moverá alrededor del lienzo y evitará el dibujo no deseado. Ahora pasemos a las herramientas básicas. Al pasar el cursor sobre una herramienta lo más probable es que siempre te diga cuál es esa herramienta e incluso te dé un atajo de teclado para ella. Cuando se selecciona una herramienta, A veces tendrás un área que tiene Ajustes y funciones adicionales de herramienta. La herramienta Mover te permitirá mover, escalar hacia arriba o hacia abajo y girar el contenido de una capa. La herramienta de recorte te permite recortar tu lienzo hacia abajo, lo que en última instancia cambiará la resolución de todo tu archivo. La herramienta de texto agrega un cuadro de texto a su proyecto en el que escribe el texto que desea que aparezca. Se puede cambiar su color, cambiar la fuente, el tamaño, y más espaciado, alineación, cursiva, negrita, y más funciones están disponibles para su edición dependiendo del programa. La herramienta Dibujar es bastante autoexplicativa. Puedes bosquejar en una capa usando el color que elijas. En la mayoría de los programas, puedes cambiar el tamaño del pincel, la suavidad y programas cada vez más avanzados como Photoshop, incluso puedes descargar pinceles adicionales creados por otros usuarios para dibujar una línea recta sin intentar a mano alzada. Haga clic en un punto del lienzo con la herramienta de dibujo seleccionada. A continuación, mantenga presionada la tecla Mayús. Mientras mantiene pulsado el turno, haga clic en otro punto en el lienzo. creará una línea recta con tu pincel desde tu primer clic hasta tu segundo clic. El borrador eliminará sólo las selecciones que dibujes sobre esa capa en particular. No borrará ningún otro gráfico en otras capas. Así que asegúrate de seleccionar la capa correcta si necesitas borrar algo. El cuentagotas es útil para recoger colores exactos. Por ejemplo, si necesita conocer los colores exactos de un logotipo con el que está trabajando para usar el color en otro lugar en un diseño con la herramienta cuentagotas seleccionada, simplemente pase el cursor sobre el color y haga clic para obtener una muestra de ese color. Y aparecerá como tu color activo, que puedes ver aquí en esta zona de muestras. Si alguna vez necesitas saber el número de valor de color exacto o el código hexadecimal, hacer clic en la muestra se abrirá una herramienta de selección de color y se mostrará el número de código hexadecimal. Incluso puedes copiar y pegar ese número de necesarios. La herramienta de varita mágica te permite seleccionar una cierta agrupación de píxeles por color similar en cualquier capa que hayas seleccionado. Se puede cambiar su tolerancia de selección. Una mayor tolerancia significa que seleccionará más de ese color. Una tolerancia menor seleccionará menos. El emplumado suavizará los bordes de una selección. Usando desenfoque y opacidad inferior para suavizar los bordes ásperos de una selección. Las líneas discontinuas en movimiento te está mostrando lo que se selecciona. Si desea realizar selecciones adicionales, mantenga pulsada la tecla Mayús y haga clic se agregará a lo que está seleccionado actualmente. Sostener menos y hacer clic deseleccionará. El instrumento de curación es bueno para la eliminación de manchas y manchas. Y por último, la herramienta de clon puede dibujar y copiar de otras áreas de una imagen. Este es un poco más avanzado y funciona mucho mejor en Photoshop que Pixlr. Pero la idea detrás es que seleccione una fuente de la imagen desde la que copiar. Y entonces podrás pintar con esa fuente como tu pincel. Esencialmente duplicando la fuente en otro spot. 8. Lección 7: tipografía: Lo más probable es que querrás incorporar algún texto a tu gráfico. Al igual que con otras imágenes en la web, también hay que tener cuidado con los temas de copyright con fuentes, ya que algunas fuentes requieren una licencia para ser comprada con el fin utilizar mi sitio web favorito para uso comercial gratuito fuentes es font Squirrel.com. O puedes consultar fuentes dot google.com. Cada fuente tiene algunos detalles con licencia los cuales se pueden ver en el sitio. La mayoría están fácilmente disponibles en estos sitios para uso comercial sin problemas. Si estás buscando que coincida con tu fuente específica, pero no estás seguro de cuál es la fuente real. Hay algunos sitios por ahí que pueden intentar identificarlo, o al menos mostrarle resultados cercanos a él. Font Ardilla tiene uno en font Squirrel.com slash matcher rater. Se puede subir una imagen que muestre claramente el tipo e ir a partir de ahí. tipografía es el arte de arreglar el texto y es esencial en la mayoría de los trabajos de diseño gráfico. La pregunta que debes hacerte es, ¿qué fuente utilizo? La respuesta es que todo dependerá del gráfico en el que estés trabajando y de qué tipo de vibra y estilo vas a buscar. Si estás tratando de seguir con un cierto estilo de marca o pautas, es posible que solo quieras apegarte a fuentes específicas que sean relevantes para el branding que acompaña. Si tienes más libertad para elegir la fuente o Fuentes, primero decide si necesitas estilo serif. fuentes de esta familia suelen ser más legibles cuando se imprimen. A serif son las características extensivas en cada letra de esta fuente. Times New Roman es un ejemplo popular. Sans Serif. Esto literalmente se traduce a sin serifs. Estas fuentes tienden a dar una sensación más moderna y simplista. Se utilizan en su mayoría en la web como fuente predeterminada. Las fuentes de script tienen trazos variados y fluidos, muy parecidas a la escritura natural o a una firma. Script, las tipografías pueden evocar una sensación de clase alta, pero algunas pueden ser un poco difíciles de leer. Por lo que es mejor evitar usarlos en grandes cantidades de cuerpo de texto como un párrafo o frases largas. Y luego hay fuentes realmente diferentes, como las pixeladas, estilo grunge, dibujadas a mano, etcétera. Sugiero no usar demasiadas fuentes y un solo diseño. Dependiendo de la cantidad de texto que necesite en su diseño, es posible que desee apegarse a dos, o a lo sumo, tres fuentes. Una fuente para su título, una fuente o estilo para su subtítulo o texto secundario, y una fuente o estilo para el cuerpo del texto. Si tienes uno. Otra, opción sería simplemente usar un estilo de fuente para todo tu diseño, pero variar el estilo para el texto del título y mantener los textos secundarios como una versión más delgada o simple de esta fuente. Puedes negrita, cursiva y usar mayúsculas. El título es un aspecto que quieres ser más grande, legible, pero también destacan al mismo tiempo. Aquí te dejamos algunos ejemplos de diseño bueno y malo con tipografía. En este primer ejemplo, he usado una fuente llamada Bodoni para el título y subtítulo. Como puedes ver, el título es más grande y destaca. El subtítulo, lo he hecho más pequeño y lo cursiva. Creo que esta fuente funciona bien para este tema ya que desprende una clase de vibra elegante y sofisticada y es muy legible. Es un buen ajuste para un tema más serio e inteligente. En este segundo ejemplo, uso chiller para el título y comic sans para el subtítulo. A pesar de que al menos es legible, no está dando el tono correcto en absoluto para el tema del ajedrez, chiller está dando una vibra espeluznante de Halloween. Y Comic Sans es una fuente más lúdica, infantil. En este tercer ejemplo, utilicé una fuente llamada League Gothic. En todas las letras mayúsculas. Esta fuente es una fuente condensada. Esto significa que las letras son más delgadas, lo que puede ayudarte a ajustar cantidades más largas de texto a un tamaño más grande en una línea. Esta fuente ayuda a que el título destaque y emita una presencia comandante. Para el texto del subtítulo, utilicé Masarat en un estilo metálico claro. Esto no sólo es legible, sino que el estilo ligero ayuda a jugar fuera del título, permitiendo que destaque aún más. Cuarto ejemplo, utilicé rizos vacíos para el título. Es demasiado ocupado buscando y no lo suficientemente serio para este tema. El subtítulo es Brush Script vacío. Aquí estoy tratando de mostrar que las fuentes de script en un tamaño de fuente más pequeño no es una buena combinación. Es más difícil de leer y por supuesto, está chocando con el título. Si quieres alguna fuente inspiración font joy.com es una fuente para herramienta para ayudarte a ver cómo se ven algunas fuentes cuando están al lado de la otra. Es importante darse cuenta de que el texto no es un pensamiento tardío. Es una parte importante de todo el diseño gráfico. Considere no sólo la elección de la fuente, sino el tamaño, el espaciado y la alineación. En este quinto ejemplo, estoy usando la fuente Bodoni tanto para el título como para el subtítulo. Nuevamente, como el primer ejemplo que mostré. No obstante, cambié drásticamente el tamaño del título y uso la alineación izquierda. Además agregué un trazo blanco alrededor del texto para aumentar la visibilidad contra el fondo. El texto del subtítulo está alineado a la derecha y sentado en el espacio en blanco de la imagen para obtener el mejor contraste y legibilidad. Tanto en el título como en el subtítulo, realidad rompí las líneas para que no sean simplemente llanas rectas a través en una línea. Esto realza la variedad y el equilibrio del gráfico. Cambié el texto del subtítulo a negro. Por lo que de esta manera tus ojos irán a la lectura, estilos modernos de juego de ajedrez texto primero por su tamaño y color. 9. Lectura 8: color: Hay mucha información sobre la teoría del color por ahí. El psicología y la ciencia del color, e incluso cómo el color puede evocar ciertas emociones. Voy a repasar alguna información básica sobre eso y algunos aspectos técnicos. Los colores pueden dar vida a tu diseño, aunque estés usando una paleta de colores limitada, dependiendo de tu tema y del estado de ánimo que intentes transmitir. Es posible que quieras ir con colores primarios fuertes, brillantes o colores más apagados, opacos. La asociación de color puede variar entre culturas e incluso periodos de tiempo. Psicológicamente, los colores pueden provocar ciertas emociones e incluso significa algo simbólicamente. Por ejemplo, el azul da una sensación de confianza, seguridad y calma, como el agua y el cielo. Hay tantos tonos de azul, lo que es un color muy fácil y versátil para trabajar. En realidad es uno de los colores más utilizados y diseños y logotipos de branding, debido a que es considerado el color más popular en el mundo. Pero ¿de dónde se nos ocurrió el azul claro representando a un bebé? La idea de que el azul es para los niños y el rosa es para las niñas en realidad fue forzada como norma social por los minoristas y fabricantes alrededor de los 19 años cuarenta. Con la misma facilidad podría haber sido lo contrario. El rosa es para chicos. Leer emite una vibra de pasión y energía. Dado que es un tipo de color brillante, ruidoso y agresivo, también puede representar peligro, como un signo de stop. El púrpura representa la realeza, la creatividad y el misterio como una mezcla de rojo y azul. También engloba a los comunistas del azul mezclados con la pasión ardiente que el rojo puede representar. El verde puede soportar cosas como la riqueza, la salud, la primavera, la frescura, y la naturaleza. rosa puede simbolizar la feminidad, el romance y la alegría. El amarillo se asocia con la felicidad y el sol. También es captar la atención, razón por la cual se usa con precaución y señales de advertencia. Y como trabajadores de la carretera atuendo amarillo para captar la atención de un conductor. El naranja es un color energético, combinando la positividad del amarillo y la vitalidad del rojo. También es muy llamativo la atención. negro puede representar elegancia y sofisticación, pero también puede representar la muerte, el mal y el misterio. negro contrasta rejilla contra colores brillantes o claros, que hace que sea una elección de color obvia para usar en muchos diseños para su legibilidad o para ayudar a enfatizar otro color. blanco simboliza pureza, limpieza, bondad, e incluso espiritualidad. Piensa en vestidos de novia, al igual que con el negro, blanco va bien con casi todos los colores y se usa muy popularmente en diseños en todas partes, ya sea como fondo o color de texto, debido a su capacidad de contrastar extremadamente bien. Gray es sinónimo de neutralidad, equilibrio, e incluso sofisticación. Pero también puede representar cosas como la depresión. A pesar de que es de color adulto, tiene muchos tonos y es muy popular para usar en marketing para hacer diseños limpios y neutros o ayudar a otro color a destacar. gris funciona bien con muchos otros colores, dependiendo de su sombra. marrón puede representar a la Tierra y desprende la sensación de fuerza y fiabilidad. Tonos marrones claros como bahías son colores muy neutros los cuales se pueden encontrar con mucha moda y pueden complementarse bien con otros colores y diseño. Los colores cálidos y los colores fríos son términos que se utilizan en el diseño gráfico para hablar de una agrupación de colores cálidos del color son rojos, naranjas, amarillos. Los colores que literalmente pueden representar el calor y el sol. Los colores fríos son Blues, morados, verdes, los que te hacen sentir ese frío invierno E vibra o te hacen pensar en la luna en el cielo nocturno. Si te perplejo en qué colores se verán bien juntos y tratando de llegar a un tema de paleta de colores. El color wheel at color dot adobe.com es una gran herramienta para ver muestras de colores juntas. Puedes elegir una regla de armonía de color, que generará automáticamente un equilibrio armónico entre los colores que selecciones. Voy a repasar algunas de las reglas básicas de armonía de color. Los colores análogos son colores similares. Tonos monocromáticos, o diferentes basados en un solo color logrado agregando blanco al color base para las versiones más claras de tu color objetivo y agregando negro para obtener las versiones de tono más oscuro. cortesía son colores opuestos. Esto crea un look audaz y contrastante, ayudando a que los colores destaquen más. Al igual que rojo y verde, azul y naranja, y amarillo y morado. Ciertas combinaciones de colores también pueden representar cosas diferentes, como el rojo y el verde para Navidad, naranja y el negro para Halloween. Incluso las cuatro temporadas tienen su propia paleta de colores. Los colores pastel o tonos claros recuerdan a la primaveral cuando las flores están en flor, verano es rojo, amarillo y naranja. Los colores más cálidos para representar el calor. Naranjas, marrones y amarillos nos recuerdan la caída por la forma en que se ven las hojas. Y el invierno son los colores más fríos, azules y blancos, como la nieve. A continuación, cubriré lo que es un gradiente. Un gradiente de color es una gama suavizada de colores que progresa de un color a otro. Hay diferentes tipos de gradientes, como lineales, lo que significa que va a desvanecerse de un color a otro en una línea recta o radial, lo que significa que se extenderá desde un círculo o radio. Los gradientes pueden incorporar más de un color. Algunos colores funcionan mejor que otros entre sí en un gradiente. En tanto, el blanco y el negro pueden trabajar básicamente con cualquier otro color dentro un gradiente para mostrar una progresión de tonos más claros u oscuros de ese color original. Entonces, ¿cuándo se puede usar un gradiente en un diseño gráfico? Un gradiente se puede utilizar como elemento de fondo para ayudar a crear un flujo dentro de un diseño. Enfatiza el color de la marca, y agrega una chispa de interés y sofisticación si se hace bien y complementa el diseño. Los degradados se pueden utilizar dentro del texto o dentro de elementos gráficos a, se puede utilizar para agregar sombra o iluminación a los elementos también. Si estás trabajando con un diseño relativamente simple, agregar un gradiente puede ayudar a agregarle más profundidad y estilo. Los degradados o los colores lisos se pueden superponer sobre las fotos en una capa separada por encima de la capa fotográfica. Y usando una mezcla de capas en el gradiente o capa de color para mezclar los dos visualmente. Los resultados dependerán de la foto que estés usando, los colores y el estilo de mezcla de capas. Entonces es un proceso que implica algún juicio y error. Al crear tu diseño. Trabajar con texto y color juntos es un esfuerzo de tratar de encontrar el equilibrio entre ambos. Ahora también es un buen momento para hablar un poco más de contraste también. contraste es el posicionamiento de dos elementos disímiles dentro de una obra. Y se utiliza para crear la mejor visibilidad en un diseño. Piensa en texto claro sobre un fondo oscuro o en texto oscuro sobre un fondo claro. Como puede ver, se trata de opciones legibles, a diferencia de texto más claro sobre un fondo más claro o texto más oscuro sobre nuestro fondo más oscuro o ocupado. Porque el contraste es un factor importante para incorporar en tu diseño. Buscar la foto adecuada para trabajar dentro de tu diseño es una parte clave del proceso de creación. Imagen de aspecto detallado o complejo va a competir con texto colocado encima de ella. Hay algunas soluciones para cuando tienes que usar texto en una foto más detallada. Use drop shadow en el texto. Prueba la técnica que mencioné anteriormente sobre la creación de una segunda capa por encima la capa de fotos y el uso de una mezcla de capas y opacidad para intentar tonificar los detalles de la imagen. uso del negro en esa capa de color oscurecerá la imagen en general, permitiendo que el texto más claro en la parte superior de la imagen se vuelva mucho más visible. Utilice una capa de banner. Crea una forma sólida de color contra la que tus textos puedan ser visibles, como un rectángulo delgado. Es una buena oportunidad para incorporar colores de marca en la forma. Puede ayudar a que los textos titulados destaquen más y no te obliga a cambiar la imagen de fondo de la foto. Esta táctica funciona particularmente bien si tu foto tiene manchas claras y oscuras variadas, lo que la convierte en una imagen problemática para trabajar cuando necesitas colocar texto encima de ella. color y la forma en que se usa dentro de un gráfico envía un mensaje y transmite una sensación al espectador. 10. Lectura 9: Ajustes de imagen y filtros: Si necesitas hacer ajustes a la imagen con la que estás trabajando, hay muchas opciones para elegir para obtener tu look deseado. Voy a descomponer algunos de los básicos que se encuentran en Pixlr. Pero muchas de estas funciones y más opciones se pueden encontrar también en Photoshop. Con la capa de imagen seleccionada, haciendo clic en ajustes en la parte superior, bajaremos una lista de lo que está disponible aquí. El ajuste automático intentará automáticamente mejorar el brillo y el contraste de las imágenes. No obstante, si quieres ajustar manualmente el brillo y el contraste, es muy común que la mayoría de los programas tengan esa función. Es un poco obvio, pero el deslizador Brillo aclarará u oscurecerá la imagen. Si bien el control de contraste puede hacer que tu imagen sea más opaca o agregar más contraste entre la luz y los oscuros que aparecen en tu imagen. Si haces clic en este botón de comparación manteniéndolo presionado, podrás ver cómo se ve la imagen antes de aplicar el ajuste. La temperatura y el tinte pueden agregar un tono más cálido o más frío a la imagen. En general. Tono y saturación es donde tienes un poco más de control sobre el color que puedes agregar a la imagen. El deslizador de tonalidad te permitirá cambiar los colores dentro de la imagen a otra cosa. Esto puede tener resultados variables dependiendo de tu imagen. Si estás buscando cambiar el tono completo de las imágenes, en general, haciendo clic, colorear y luego mover el control deslizante de tonalidad te permitirá agregar color como una superposición completa en la imagen. La saturación controla la intensidad del color agregado. Deslizarla hacia la izquierda desaturará la imagen, quitando el color y provocando que se vuelva más opaca y gris. Deslizarlo hacia la derecha, ilumina y fortalece el color. La ligereza agregará negro o blanco a toda la imagen. La vibración funciona igual que la saturación. El balance de color es una forma más detallada de cambiar el color general de tu imagen. Puedes barrer los colores para las partes más oscuras de tu imagen o sombras, tonos medios, y partes más brillantes de tu imagen, o reflejos. Los reflejos y las sombras te permiten iluminar u oscurecer en las partes más claras y en las partes más oscuras de tu imagen. Con esto, puedes crear más contraste como resultado, o ayudar a que los detalles más oscuros dentro de una imagen se vuelvan más visibles si están demasiado oscuros en el original. La exposición te da control sobre el aclaramiento u oscurecimiento de la imagen. Post arise puede convertir tu imagen en un gráfico más simplificado. Reducir los colores hace que se parezca más a una ilustración. A continuación viene la parte realmente divertida, los filtros. Un filtro te permite cambiar la apariencia de tu foto de formas aún más dramáticas. Los filtros varían de un programa a otro. Y en Photoshop, incluso puedes descargar filtros externos que la gente ha creado para utilizar dentro del programa. Cuando se trata de filtros y aplicaciones de diseño móvil. Estos dos también pueden variar de una aplicación a otra. La mayoría permite el acceso a una serie de gratuitos, mientras que también cuentan con los premium que se desbloquean si decides comprar la app o pagar una suscripción. Voy a repasar algunas de las más comunes. Viñeta añade un borde superpuesto oscuro liso alrededor de los bordes de la imagen. Esto puede ser un efecto dramático, ayudando a acercar el foco al centro de tu diseño. Hay una variedad de filtros de desenfoque. Algunos simplemente agregan un desenfoque básico y otros agregan algo de movimiento al desenfoque. El filtro de claridad y el filtro de afilar actúa de manera similar. Mejoran los detalles de tu foto. Pixlr solo tiene lo básico. Entonces si realmente quieres divertirte con una imagen, sugiero probar una aplicación de edición de fotos en tu teléfono, como Photoshop Express o Polaco. No sólo tienen más filtros, sino que también tienen efectos especiales. Enfriar superposiciones y bordes y pegatinas que puedes agregar a tu imagen. Puedes tomar muchas de las cosas que has aprendido en este curso y aplicarlo al uso efectivo de esas aplicaciones. Recuerda, es solo un diseño e interfaz de usuario diferentes. 11. Lectura 10: eliminación de fondos: En algún momento, es posible que desee quitar el fondo de una imagen. Es mucho más fácil quitar el fondo de una imagen cuando hay más contraste entre el sujeto y el fondo, o incluso cuando el fondo es un color liso, sólido que es diferente al color del sujeto. De hecho, ese es el principio básico de la tecnología de pantalla verde que has visto utilizado en detrás de escenas imágenes de películas. Ya que filmaron la escena contra un brillante telón de fondo verde, contrasta con los actores y vestuario, permitiendo que el equipo de efectos especiales superponga el fondo deseado detrás de ellos. Los programas de eliminación automática de fondo y los sitios web están todos ahí fuera. Pero a partir de mi experiencia, no R2 precisa y la mayoría funciona mejor cuando hay un fondo plano de color sólido que crea contrastes. Como mencioné, me gusta quitado BG por quitar fondos de color sólido de un tema. No obstante, a menos que pagues por un resultado de mayor calidad, la opción gratuita que te dan es un poco de menor calidad. Esto podría estar bien para tus propósitos, sin embargo, ya que la mayoría de las publicaciones en redes sociales no son súper grandes por defecto, si estás deseando eliminar manualmente un fondo que sea de color sólido, la varita mágica es una herramienta más fácil de usar para eliminar fondo y jugar con tolerancia y pluma pueden ayudarte a lograr un resultado más suave. Se quiere evitar chaqueta o bordes duros. Por lo que podría tener que acercar su foto para evaluar los bordes si desea obtener más detalles. Y usar la herramienta de borrador con un cepillo suave puede ayudar a suavizar esos bordes. Algunas aplicaciones de diseño móvil también tienen una eliminación automatizada de fondo. Puedes probarlo y ver si funciona bien para tu imagen. 12. Lectura 11: estilo y diseño de estilo y diseño de diseño de diseño: El estilo de diseño gráfico, como la moda cambia y evoluciona con el tiempo. Al igual que las modas y los amigos, la popularidad de los estilos de diseño puede surgir y desvanecerse en popularidad. Incluso puedes tener una sensación de un periodo de tiempo cuando miras diseños y sitios web. Por ejemplo, si te muestro un sitio web de los 990s, solo sabrás que es de los noventa basado en los colores, las fuentes, y el diseño. El 1918, 19, setenta y demás, todos tienen estilos propios. Como resultado, se pueden crear elementos visuales utilizando elementos de estilo común de esos periodos de tiempo. Si vas por algo un poco más nostálgico con tu diseño. El motivo de las tendencias emergentes en el diseño se debe en parte a que la tecnología y las herramientas cambian también a lo largo del tiempo. Entonces, ¿a qué estilo debes ir con tu diseño? La respuesta depende de tus objetivos, tu tema y de tu público. Es difícil para mí dar consejos de estilo exactos ya que cada necesidad de diseño gráfico es diferente. Pero el mejor consejo que puedo ofrecer es usar referencias y hacer algunas investigaciones sobre estilos visuales similares a lo que estás deseando crear. El espaciado y la alineación de todos los elementos gráficos en un archivo, también conocido como layout, es crítico para la legibilidad y estética de su gráfico. Asegúrese de que el texto esté alineado correctamente y legible. Esto va para cualquier gráfico que estés usando para asegurarte de que si estás alineando las cosas, utilizas las herramientas que tengas disponibles para ayudarte con el espaciado y la alineación. Tenga en cuenta su texto y estructura gráfica dando a los elementos espaciado apropiado con el fin de mantener la legibilidad y evitar el hacinamiento. Mantenlo sencillo. No complices demasiado tus diseños. Demasiada información visual puede sobrecargar a un espectador. No uses demasiado texto para muchas fuentes o demasiados colores. Espacio en blanco o espacio negativo, un área vacía dentro de tu gráfico que permite que el ojo de los espectadores descanse. Puede ayudar a crear equilibrio y armonía. Además reduce el desorden y llama la atención sobre el texto o gráfico. espacios en blanco no son necesariamente blancos. Es solo una parte en blanco o lisa dentro de tu diseño. Escala, imágenes y gráficos dentro de tu diseño para crear énfasis y una jerarquía a tu diseño. Prueba la regla de los tercios. Esta es una técnica que se enfoca en la asimetría dividiendo tu diseño en tres filas y tres columnas y arreglando tus elementos gráficos para que aparezcan en algunos de los puntos de intersección. Esto ayuda a crear puntos focales en lugares más interesantes. Y agregando una sensación de equilibrio y flujo dentro de tu diseño. uso de formas simples también puede ayudar a mejorar su diseño y crear un flujo o interés visual. Si estás trabajando con un diseño más simplista, repetir formas o elementos simples de tu marca o logotipo de diferentes maneras también forma parte del branding, que estaré cubriendo en la próxima conferencia. 13. Lección 12: Branding: Branding es la promoción de su empresa o producto. Es el acto de solidificar tu empresa y lo que hace o representa dentro de la mente de las personas. Además de distinguirse de otras empresas o productos similares. Hablé mucho sobre el color en mi conferencia sobre eso. Y una cosa a tener en cuenta es que eres el uso consistente del color de tu marca dentro de los diseños puede ayudar a aumentar la conciencia y memorabilidad de la marca. Por ejemplo, es probable que siempre vea diseño del sitio web de una empresa contará con los colores de su marca. Esta repetición de color e incluso formas, como mencioné en la conferencia anterior, ayuda a fortalecer el branding. Esto no sólo se aplica al color, sino también a las fuentes. La consistencia en el uso de fuentes ayuda a mantener las cosas con un aspecto profesional. branding no sólo se aplica a las empresas, sino también a los particulares. Incluso los principales streamers de videojuegos cuentan con su logotipo o gráfico de sí mismos en sus canales. Utilizarlo a través de plataformas sociales crea uniformidad y reconocibilidad. Incluso usar un estilo similar para su emote se considera consistencia de marca. Estos son algunos consejos para crear una identidad de marca. Conoce a tu público. Considera a quién estás anunciando y qué colores y gráficos típicos podrían atraerles. Haz algunas investigaciones sobre marcas similares a las tuyas. A ver qué les está funcionando. Pero recuerda no copiarlos. Quieres poner tu propio giro y estilo personal en tu marca y evitar cualquier problema de copyright. La personalidad lo es todo. El tono de tus gráficos debe reflejar de qué se trata tu marca o qué trata tu post en redes sociales. ¿ Estás vendiendo juguetes para niños, fuentes simples, dibujadas a mano y colores primarios brillantes dentro de tu diseño podrían funcionar. Utilizar las redes sociales. Si aún no tienes cuentas creadas a través de diferentes plataformas de redes sociales para tu marca. Configura eso lo antes posible, y aplica tu branding a cada uno. Publicar tus gráficos en cada uno de esos te ayuda a llegar a un público más amplio. No obstante, ten en cuenta que cada sitio tiene sus propios requisitos de publicación y ajustes de tamaño de imagen. la hora de configurar tu archivo gráfico, es bueno recordar esto antes de comenzar tu diseño. De lo contrario, podría terminar teniendo que revisar su diseño si el dimensionamiento está apagado para la plataforma en la que está publicando. 14. Lectura 13: diseño para redes sociales: Los diseños digitales para redes sociales y plataformas de streaming pueden ser difíciles a la hora de dimensionar. Los estándares de resolución pueden cambiar con el tiempo. Publicar en un sitio podría verse bien, pero luego publicar esa misma imagen en otro sitio podría causar algún recorte no deseado. Como ya he mencionado antes, aconseja iniciar tu archivo en el tamaño correcto que necesites desde el principio, ya que te puede ahorrar muchos dolores de cabeza más adelante. Ten en cuenta en qué plataforma estás planeando subir y sus pautas de tamaño y cualquier otra regla que puedan tener. Aquí te presentamos un gran sitio que intenta mantenerse lo más actualizado posible con las pautas de tamaño de imagen para cada plataforma de redes sociales. También ofrecen una guía de tamaño de video también. Los postes de tamaño cuadrado pueden funcionar bastante bien en múltiples plataformas. Si necesita un diseño cuadrado para ajustarse a un diseño más horizontal, Ed más espacio a los lados de esa imagen cambiando el tamaño del lienzo dentro de un programa de edición de gráficos y escribiendo la resolución deseada. Se agregará espacio vacío a los lados del diseño. Puedes intentar estirar la imagen para que quepa. Ten en cuenta que podrías perder algo de calidad a la hora de escalar hacia arriba. O puede agregar algún color a los lados o gradiente. Con Facebook, Twitter, y LinkedIn, existen resoluciones de diferentes tamaños para imágenes de perfil, imágenes portada y publicaciones en redes sociales. Para los anuncios de Facebook, prefieren la regla del 20% de textos. Esto significa que cualquier gráfico de anuncio no debe ir por encima del 20% de texto dentro del gráfico. Las imágenes de portada en todas las plataformas varían ligeramente en tamaño, pero están más orientadas horizontalmente. Deberían incluir absolutamente su branding, sus logotipos, colores, etcétera. Instagram tiene la ventaja de tener una función que puede autoescalar tu imagen para que se ajuste mejor a la publicación y evitar recortes no deseados. Pinterest tiene más de un enfoque en imágenes de tamaño cuadrado y vertical, atendiendo a una visualización móvil. Youtube tiene diferentes resoluciones para imagen de perfil, imagen de portada de canal, imágenes en miniatura, y los videos deben tener una relación de aspecto de 16 por nueve. Sugiero altamente crear miniaturas personalizadas para tus videos de YouTube. Es una oportunidad para agregar tu color de marca, y estilo, y también llamar la atención. Las publicaciones de video en la mayoría de la plataforma prefieren una relación 16 por nueve o un formato cuadrado. Al igual que con las imágenes, asegúrate de saber qué tamaño necesitas antes de crear o filmar para evitar tener que cambiar el tamaño o editar más adelante. 15. Lectura 14: Photopea: Otra alternativa gratuita a Photoshop es foto p.com. Al igual que Pixlr, es un editor de gráficos gratuito basado en navegador. Fotocopia admite formato de archivo PSD, que son archivos que son nativos de Adobe Photoshop que pueden contener capas y pueden contener datos gráficos de alta calidad. Incluso puedes guardar el archivo en el que trabajas como archivo PSD desde dentro de Photo pay. Lo que significa que el archivo también se puede abrir en Photoshop con la información de tu capa guardada y preservada. Esto significa que la foto P puede leer y guardar archivos PSD. Además, tiene la capacidad de convertir entre una variedad de formatos de imagen también. Aunque también puedes abrir archivos PSD y Pixlr, fotocopias parecen mantener las fuentes, diseño y la calidad de imagen un poco mejor. interfaz de usuario de fotocopias también es ligeramente más similar a Photoshop. Y por supuesto, puedes aplicar tus habilidades y conocimientos en el uso del pico fotográfico en lugar de Pixlr, si lo prefieres, tu decisión sobre qué programa usar se basa en tu presupuesto y nivel de comodidad. Ahora, con más programas gráficos de código abierto y libres siendo creados y la tecnología mejorando con el tiempo. Es darle a la gente aún más libertad de elección sobre cuál pueden usar para hacer su trabajo gráfico. 16. Lectura 15: Canva y chispa: programas de diseño gráfico basados en plantillas que son utilizables en navegadores web están creciendo en popularidad. Son fáciles de usar y la mayoría de ellas cuentan con diseños y plantillas prefabricadas para que empieces rápida y fácilmente con tu diseño. Puedes crear diseños para páginas de redes sociales, volantes, banners, EDS, y Moore. No esperes las herramientas avanzadas que verás en un programa como Photoshop o Illustrator aquí. Estos programas son un poco más básicos, pero eso no quiere decir que no sean útiles sin embargo. Ya que puedes conseguir un diseño creado realmente rápido en estos programas. Estaré repasando los conceptos básicos de Canva y Adobe Spark en esta lección. En primer lugar está Canva, que tiene un plan gratuito y un plan Pro pagado actualizado, que permite acceder a más plantillas y algunas herramientas más avanzadas como el redimensionamiento automático de diseños y una herramienta eliminadora de fondo. Además ofrece más almacenamiento e incluso programación de redes sociales directamente desde Canvas. El plan libre también es bastante poderoso, sin embargo. Hay más de 250 mil plantillas, toneladas de fotos y gráficos integrados dentro del programa a utilizar. Y con todos los planes, incluso puedes colaborar y comentar diseños con otros. Si estás trabajando con otra persona o en busca de retroalimentación. Una vez que estés inscrito e ingresado, clicando, Crea un diseño en la parte superior. Elegir un tamaño de archivo te ayudará a empezar. Ten en cuenta que todo tu trabajo y diseños se guardarán en la Nube en tu cuenta de Canvas. Puedes elegir entre plantillas, elementos, subir tus propios medios, textos publicitarios, y mucho más. Al usar el plan gratuito, las plantillas e imágenes que solo se pueden usar con el plan Pro se marcarán con una corona en la esquina. Buscando en la parte superior, traeremos imágenes o plantillas relacionadas. Hay un montón de activos en Canva para que incluso un miembro libre lo use. También tienes la capacidad de editar una imagen, recortar, voltear, e incluso enemigo. Al agregar una animación, puede previsualizarla arriba en la parte superior derecha. Se pueden reposicionar elementos que esencialmente cambian en qué capa se encuentra. Copia y pega estilos para cambiar la forma en que se ven los diferentes textos en tu diseño. Cambiar transparencia. Vincular activos de imagen para una edición más fácil. Bloquear y desbloquear elementos de imagen para evitar cualquier edición accidental de imágenes y duplicar o eliminar activos. Puedes agregar una página si quieres trabajar en una segunda imagen aquí. O si desea guardar esto como PDF, combinará las imágenes de este archivo como páginas separadas en un solo archivo PDF. Y cuando estés listo para descargar tu diseño, haz clic en el botón Descargar en la parte superior derecha y elige tu formato. A continuación, haga clic en Descargar. Siguiente. Echemos un vistazo a Adobe Spark. Está disponible para usarlo como versión de inicio gratuita, una suscripción independiente que desbloquea plantillas premium y otras características. O si ya tienes algún plan de Adobe Creative Cloud, ya tienes acceso premium completo a Adobe Spark. Cuando hayas iniciado sesión, puedes iniciar un archivo desde cero o empezar desde una plantilla. Al hacer clic en explorar todas las plantillas e ingresar una palabra clave en la barra de búsqueda, se mostrarán qué relevantes tienen disponibles. Cualquier cosa marcada con un marcador de oro es una plantilla premium. Haga clic en una plantilla y, a continuación, en Crear a partir de esta plantilla. Y al igual que en Canvas, puedes cambiar plantillas, Añadir texto, fotos, iconos, activos de diseño, fondos, logotipos, e incluso crear tu propia biblioteca que incluya imágenes de uso frecuente como logotipos u otros activos de imagen. A la derecha, puedes cambiar las combinaciones de color. Agrega animación como en Canva, cambia de fondo, redimensiona tu diseño y diseño. Vamos a barajar alrededor de tus imágenes y diseño de texto para crear diferentes combinaciones para tus gráficos. Puedes editar una imagen haciendo clic en ella y jugando con los ajustes de la derecha. Y en Adobe Spark, las capas aparecen en esta esquina inferior derecha. Al hacer clic en esta sección, expandiremos las capas y podrás hacer clic y arrastrar para reordenar las cosas dependiendo de dónde quieras que aparezcan. Al hacer clic en la X aquí se minimizará el panel de capas. Eso es todo para mi visión general de Canva y Spark. Estos dos son los más potentes y robustos de los programas de diseño gráfico basados en plantillas por ahí. Pero hay otros competidores que tienen diferentes funciones y precios. E incluso algunos libres, como el estudio de cortesía, que es un editor gráfico de código abierto con plantillas completamente gratuitas e imágenes libres de derechos de autor que vienen directamente de unsplash.com. 17. Lección 16: consejo final: Espero que puedas ver desde tomar mi curso que incluso un no diseñador puede hacer un gráfico de aspecto profesional. El diseño gráfico se reduce a organizar el texto y los elementos gráficos de una manera visualmente agradable. En mi opinión, no hace falta tener un título para ser diseñador. Se necesita práctica y experiencia. Si estás atascado en un diseño, prueba diferentes variaciones del mismo. Pide opiniones a amigos. Y si realmente estás perplejo, tomar un descanso de mirar un diseño por un tiempo, luego volver a él más tarde puede ayudar a refrescar tus ojos y mente. La crítica constructiva no es nada para molestarse por sus consejos y opiniones de otros que están destinados a intentar ayudar a mejorar tu trabajo de diseño. No se supone que sea una crítica de ti personalmente. Si al principio no tienes éxito, inténtalo, inténtalo de nuevo. No puedes complacer a todos y nunca nada será perfecto. Por encima de eso, la belleza está en el ojo del observador. Lo que puede parecer increíble para una persona, podría parecer cama a otra. Trata de no dejar que las críticas te bajen. Sigue creando y aprendiendo y tu trabajo mejorará con el tiempo. Gracias por tomar mi curso. Espero que hayas aprendido algunas técnicas para ayudarte con tu viaje de diseño digital.