tecnologia aplicada a la educacion : minuta 4

Recursos gráficos

Los recursos gráficos son herramientas de comunicación digital, diseño y desarrollo para facilitar la creación y mejora de los productos de la Dirección de Desarrollo Estudiantil.

El contenido se actualizará de forma periódica, agregando nuevos componentes para el diseño y desarrollo de productos digitales e impresos.

Herramientas para acceso a recursos gráficos digitales.

Existen páginas web con recursos gratuitos y con recursos de pago en diferentes calidades y con temáticas y estilos muy variadas.

Para que no perdáis tiempo buscando en la inmensidad de la red, os hemos juntado las mejores páginas web de diseño gráfico donde encontrarás todas las imágenes y recursos que necesitarás.

“Freepik“ Vectores gratis, fotos y PSD para descargar

Freepik es una página web que recopila vectores, PSD, iconos y fotos gratuitos, tienen diferentes categorías que nos ayudarán a encontrar el recurso que necesitamos.

La cantidad de recursos a los que se puede acceder desde Freepik es inmensa, algunos de los recursos son propios de la página, pero muchos otros son de otras páginas web a las que nos redireccionan para poder descargarlos.

“BluGraphic“ Vectores & PSD gratis: Temas, mockups y más

En esta página web encontrarás gran variedad de recursos de todo tipo, vectores, logos, mockup en formatos que se pueden utilizar en Photoshop e Illustrator, iconos y botones para tu blog o web muy modernos en Psd y Png, además de mapas y banderas vectorizadas.

“Graphic Burguer“ Diseños gratuitos y de calidad

Bajo el lema “Sabrosos recursos de diseño, cada pixel creado cuidadosamente” podemos encontrar diseños de mockups, iconos, tipografías, efectos de texto, fotos, texturas y kits de muy buena calidad, eso sí algunos gratuitos y otros de pago.

“Pixeden“ “Diseños y recursos premium y gratuitos”

Para poder acceder y descargar los contenidos es necesario registrarse en la página web, y podemos encontrar tanto recursos gratuitos como de pago a precios bastante asequibles. Están organizados en diferentes categorías según los más populares, los más nuevos y en un apartado podemos encontrar todos los recursos web y gráficos gratuitos. O por el tipo de recursos, para imprimir, recursos web, iconos, vectores y gráficos.

La suscripción premiun cuesta 6 dólares al mes y además de tener a tu disposición más contenidos, también permite acceder a un foro en el profesionales del diseño gráfico contestan a tus dudas y resuelven los problemas que puedas tener al descargar los los recursos.

“Creative market“ Fuentes, gráficos, temas y más

Ofrece recursos gratuitos y de pago, para acceder a ellos tenemos que registrarnos con nuestra cuenta de email o de Facebook. Con la cuenta gratuita permite descargarse seis recursos a la semana.

En Creative Market podemos encontrar gráficos, fuentes, fotos, vectores o texturas. Además tienen una comunidad en la que se puede conversar, compartir y debatir con otros profesionales del sector y un blog en el que se tratan temas relacionados con la creatividad y el diseño.

Otra particularidad que tiene esta página web es que puedes poner a la venta tus diseños y así obtener beneficios de tus creaciones.

“Graphichive“ Recursos de diseño gratis: Vectores, PSD e iconos

Graphicive recoge multitud de recursos gráficos como iconos, plantillas, modelos en 3D y otros elementos web, vectores y PSD gratuitos. Además podemos ver diferentes artículos y tutoriales sobre diseño gráfico.

“Freebies bug“ Recursos de diseño web gratis

En esta página web de recursos web gratis nos encontramos plantillas WordPress, efectos de texto, pluginspara nuestro blog o página web y snippets de CSS, que son códigos para que el resumen del sitio web que aparece motores de búsqueda se vea en todos los navegadores.

También nos encontramos con otros elementos de diseño gráfico vectores, mockup en psd, ilustraciones vectoriales o iconos. Además de un banco de fotografía gratuitas en alta definición, que se llama Magdelein.

Freebies bug tiene una versión premium en la que se pagas por los recursos que te quieres descargar.

“Subtle Patterns“ Diseño gratis para tu próximo proyecto web

Subte Patterns tiene una gran variedad de texturas de papel, mármol o con luces muy realistas y visuales para nuestra web, se pueden utilizar tanto en Photoshop como en Sketch. Además, permite hacer una previsualización de como quedaría la textura de fondo en la propia página web. También tiene una versión de pago que permite acceder a más recursos.

“Retrovectors“ Vectores retro de los años 40, 50 y 60

Hoy en día está muy de moda lo vintage, diseños que nos recuerdan a tiempos pasados, si queremos hacer un diseño acorde podemos utilizar los recursos gráficos de Retrovector todos ellos inspirados en cartelería de la época victoriana y diseños desde los años cuarenta hasta los ochenta.

Tienen ilustraciones vectoriales gratuitas y de pago que son en alta calidad, además podemos en Retrovectors encontrar tutoriales sobre diseño gráfico, fuentes e imágenes que nos inspirarán nuestros diseños vintage.

“Premiun Pixels” Temas de WordPress e iconos de calidad

Es una buena página de recursos para diseñadores gráficos, porque tiene una gran cantidad de recursos en PSD gratuitos y exclusivos, difícilmente los podremos encontrar en alguna otra página de este tipo.

También podemos encontrar plantillas de WordPress gratuitas, que nos pueden ser muy útiles si queremos modernizar nuestro blog o página web. Además, en la página web podemos crear nuestro propio portfolio con la herramienta dunked, en tres sencillos pasos: elegir una plantilla, añadir nuestro trabajos ya sean ilustraciones, diseños o fotografía y personalizarlo nuestro gusto.

“Vectorportal“ Vectores, Imágenes Vectoriales, Arte y Gráficos Gratis

Vectorportal es un banco de vectores e ilustraciones vectoriales gratuitos, los podemos encontrar organizados en diferentes categorías, deportes, animales banderas, logos, mapas o símbolos entre otros.

“Vector Open Stock“ Descarga de vectores comerciales sin coste

Página web con más de 10.000 imágenes vectoriales para descargar sin coste alguno. Un diseño muy intuitivo y una agradable distribución hacen de este banco de vectores una de las mejores opciones para los diseñadores gráficos.

“Fribbble“ Descargas de PSD y recursos gratuitos

Dribbble es una comunidad en la que diseñadores comparten sus creaciones y Fribbble es la plataforma en la que se organizan y comparten gratuitamente. Podemos encontrar iconos, vectores y mockups de todo tipo.

“Medialoot“ Recursos de diseño gratis y premium

En esta página web podemos encontrar todo tipo de recursos web, iconos, fuentes, vectores o mockups. Muchos de los recursos son de pago aunque también podemos encontrar gratuitos de buena calidad.

“365PSD“ 1 Vector y 1 PSD gratuito todos los días

En 365PSD nos encontraremos millones de recursos en PSD y vectores gratuitos de todo tipo desde iconos, kits hasta interfaz para webs. Para encontrar los recursos online que necesitamos lo más útil es utilizar el buscador, si no nos podemos perder entre todos los que hay en esta plataforma.

“BlazRoar“ Templates, PSD y mockups 100% Gratis

Es una comunidad donde compartir recursos gráficos y recursos web gratuitamente, en BlazRoar se pueden descargar mockups en Psd, elementos UI o plantillas para tu blog sitio web. Además, podemos encontrar tutoriales sobre cómo utilizar los recursos, eso sí todos están en inglés.

“1001 free downloads“ Descarga vectores, fotos e iconos sin coste

Nos ofrece la oportunidad de descargarnos todo tipo de recursos gráficos y web. Entre sus categorías podemos encontrar vectores, fotos, fuentes, iconos, fondos, pinceles, texturas y muchos otros gratuitos para uso personal y comercial.

“Freebies Both“ Increíbles iconos, PSD y vectores gratuitos

Es un galería de PSD y vectores gratuitos en la que se pueden descargar y compartir recursos, no es de las páginas web con mayor número de recursos pero tiene una ventaja frente a otras, todos ellos son de gran calidad.

“Textures.com“ Texturas 3d, diseño grafico y photoshop

En esta página web podéis encontrar texturas de todo tipo completamente gratuitas, se pueden encontrar textura de hilo, suelos, huesos, metal, comidas, textiles y muchísimos más tipos.

Con las suscripción gratuitas podemos descargar quince imágenes al día de tamaño mediano y pequeño. Para imágenes de más tamaño podemos comprar un pack o pagar una suscripción mensual.

“The Inspiration Gallery“ Marcos, fuentes y fondos a coste cero

En The Inspiration Gallery podemos encontrar multitud de patrones gratuitos, que son una parte de una imagen que replicándola podemos crear una textura. Es una forma de que nuestro trabajo final tenga menos peso. Tienen todo tipo de patrones de inspiración floral, de escritura o elementos naturales.

“Iconfinder“ +1.000.000 de iconos gratis y premium

Si necesitas iconos para tu página web o blog lo más sencillo es dirigirte a Iconfinder, podemos encontrar iconos de todos los temas y estilos que nos podemos imaginar, algunos son gratuitos y otros de pago.

“Brands of the world” Descarga de logotipos vectorizados

En Brands of the World nos encontramos logos de empresas e instituciones de todo el mundo, se pueden subir y descargarse logos de forma gratuita. Llegado el caso de que necesitemos el Logo de una empresa puede ser muy útil, ya que copiarlo nosotros mismos puede llevarnos mucho trabajo.

“Dafont“ La mejor web para descargar fuentes gratis y de pago

En esta página web podemos encontrar una gran variedad de fuentes y tipografías gratuitas para diseño gráfico e impresión. Podemos introducir nuestro texto para ver como queda en las diferentes fuentes.

“Google font“ Galería de fuentes sin coste de Google

Es una galería de fuentes gratuitas y optimizadas para diseño web, también podemos comprobar como queda nuestro texto en las diferentes fuentes e ir guardando las que más nos interesen en nuestra colección.

“Brusheezy“ Pinceles de photoshop completamente gratuitos

Brusheezy es una página especializada en pinceles de PSD podemos encontrar una gran variedad de ellos y de buena calidad, además todos ellos son gratuitos. También podemos encontrar fondos y texturas en PSD. Además, tienen una suscripción Premiun en la que se puede acceder a más recursos, todos ellos en PSD.

Formatos de imágenes digital

Las imagénes digitales se pueden guardar en distintos formatos. Cada uno se corresponde con una extensión específica del archivo que lo contiene. Los más utilizados en la actualidad son: BMP, GIF, JPG, TIF y PNG.

BMP (Bitmap = Mapa de bits)

Ha sido muy utilizado porque fue desarrollado para aplicaciones Windows.
La imagen se forma mediante una parrilla de píxeles.
El formato BMP no sufre pérdidas de calidad y por tanto resulta adecuado para guardar imágenes que se desean manipular posteriormente.
Ventaja: Guarda gran cantidad de información de la imagen.
Inconveniente: El archivo tiene un tamaño muy grande.

GIF (Graphics Interchange Format = Formato de Intercambio Gráfico)

Ha sido diseñado específicamente para comprimir imágenes digitales.
Reduce la paleta de colores a 256 colores como máximo (profundidad de color de 8 bits).
Admite gamas de menor número de colores y esto permite optimizar el tamaño del archivo que contiene la imagen.
Ventaja: Es un formato idóneo para publicar dibujos en la web.
Inconveniente: No es recomendable para fotografías de cierta calidad ni originales ya que el color real o verdadero utiliza una paleta de más de 256 colores.

JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos)

A diferencia del formato GIF, admite una paleta de hasta 16 millones de colores.
Es el formato más común junto con el GIF para publicar imágenes en la web.
La compresión JPEG puede suponer cierta pérdida de calidad en la imagen. En la mayoría de los casos esta pérdida se puede asumir porque permite reducir el tamaño del archivo y su visualización es aceptable. Es recomendable utilizar una calidad del 60-90 % del original.
Cada vez que se modifica y guarda un archivo JPEG, se puede perder algo de su calidad si se define cierto factor de compresión.
Las cámaras digitales suelen almacenar directamente las imágenes en formato JPEG con máxima calidad y sin compresión.
Ventaja: Es ideal para publicar fotografías en la web siempre y cuando se configuren adecuadamente dimensiones y compresión.
Inconveniente: Si se define un factor de compresión se pierde calidad. Por este motivo no es recomendable para archivar originales.

TIF-TIFF (Tagged Image File Format = Formato de Archivo de Imagen Etiquetada)

Almacena imágenes de una calidad excelente.
Utiliza cualquier profundidad de color de 1 a 32 bits.
Es el formato ideal para editar o imprimir una imagen.
Ventaja: Es ideal para archivar archivos originales.
Inconveniente: Produce archivos muy grandes.

PNG (Portable Network Graphic = Gráfico portable para la red)

Es un formato de reciente difusión alternativo al GIF.
Tiene una tasa de compresión superior al formato GIF (+10%)
Admite la posibilidad de emplear un número de colores superior a los 256 que impone el GIF.
Debido a su reciente aparición sólo es soportado en navegadores modernos como IE 4 o superior.

n la siguiente tabla se recogen las características diferenciales más significativas de los tres formatos de imagen recomendados para publicar una imagen en la web.

JPG	GIF	PNG
Número de colores: 24 bits color o 8 bits B/N	Hasta 256 colores	Número de colores: 24 bits color
Muy alto grado de compresión	Formato de compresión	Mayor compresión que el formato GIF (+10%)
Admite carga progresiva	Admite carga progresiva	Admite carga progresiva
No admite fondos transparentes	Admite fondos transparentes	Admite fondos transparentes en 8-bits
No permite animación	Permite animación	No permite animación

Tipos de ilustraciones

Ilustración es la acción y efecto de ilustrar (dibujar, adornar). El término permite nombrar al dibujo, estampa o grabado que adorna, documenta o decora un libro

Tablas: