Entradas

CSS

Imagen
¿Qué es el CSS ? CSS, en español "Hojas de estilo en cascada", es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado Algunos de los diseños que podemos encontrar y que incluso podemos crear mediante éste lenguaje de hojas de estilos son las creaciones de alguna pág web o sitio web 

Transiciones de video en Photoshop

Imagen
TRANSICIONES DE VIDEO EN PHTOSHOP  Hola chic@s ! hoy os publicaré una forma de hacer transiciones de video en photoshop que consiste en poner una linea del tiempo, en ésta linea modificaremos cada capa y podemos ponerle el efecto que queramos : A continuación : vereis en pantalla todas las capas con cada efecto añadido y podréis también modificar el tamaño de cada imagen en cada capa, la resoluciones que para pantallas de visualización para páginas web siempre será a 72 PPP y en modo de color RGB. Ahora os dejaré el video que tiene el efecto de transiciones:

HTML 5

Imagen
¿ QUÉ ES HTML ? “ HTML  es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto”. Nosotros hemos estado haciendo practicas en crear un documento con lenguaje HTML que a continuación  os enseñaré.Primero os explicaré en qué consiste este lenguaje que nos ayuda a diseñar páginas web . Para comenzar con éste lenguaje tenemos que saber lo básico y es que todo esta hecho por etiquetas que tienen un valor diferente nos ayuda a diseñar una pág web  TIPOS DE ETIQUETAS  El resultado final que la  creación de lenguaje HTML

¿CÓMO HACER UN BANNER/GIF EN PHOTOSHOP?

Imagen
¿Cómo hacer un GIF/Banner en Photoshop? Muy buenas un día más en mi Blog  chic@s!!.  Hoy os voy a enseñar y explicar cómo hacer un banner/GIF en Photoshop , ya vereis que es muy sencillo de hacer: 1- Para realizar un banner en Photoshop tenemos q abrir la linea del tiempo (ventana/linea del tiempo) - en las Linea del Tiempo podemos asignar el tiempo del fotograma  y cómo queremos las secuencias de los fotogramas . 2- Fíjate en que las imágenes que vas a poner estén en capas para que las puedas  visualizar y realizar los fotogramas. 3-¿Cómo guardarlo y exportarlo?  A la hora de guardarlo; lo guardamos en PSD como un archivo normal, fíjate que esté en modo RGB y  a una resolución adecuada como a 72 ppp. Exportar ?  RESULTADO FINAL:

GIFMAKER

Imagen
GIFMAKER Hola chic@s!! hoy os voy a presentar una nueva entrada en el blog con tema muy interesante y es la creación de un Banner dinámico con una aplicación llamada GIFMAKER. Esta aplicación es muy sencilla y gratuita.  Consiste en añadir imágenes (descargadas o editadas en photoshop)con un formato PNG o JPEG, para poder ser reproducidas en la aplicación.  Éste GIF/Banner está relacionado con los Módulos de Artes Gráficas 

Banners; Tipos de banners

Imagen
BANNERS ¿Qué es un banner? Un banner, o más formalmente web banner, es un formato publicitario en Internet. Es un tipo de anuncio que generalmente es empleado en la publicidad llamada display, piezas publicitarias de contenido gráfico que se encuentran localizadas en diferentes páginas web. Estos pueden incluir imágenes, textos, animaciones, videos, audio, formularios... Pueden ser estático (JPEG o PNG) o animaciones ( con animaciones, GIF, java, flash). En esta nueva entrada os realizare una actividad donde vereis los diferentes tipos de banners y sus características  TIPOS DE BANNERS: Banners estáticos: -Dimensiones: 1500x60 -Formato:JPEG. -Modo de color: RGB ⇢ sacado de  amazon    - Dimensiones:300x600  -Formato: JPEG  -Modo de color : RGB  ⇢ Sacado de  El País -Dimensiones:300x250 -Formato:JPEG -Modo de color: RGB ⇢Sacado de  Wallapop -Dimensiones:100x550 ...

SEMANA DE PRODUCCION

Imagen
SEMANA DE PRODUCCIÓN  ¿Qué es la semana de producción ? Hola chicos! la Semana de Producción es un proyecto realizado en el IES Puerta Bonita donde casi todos los grados de artes gráficas y audio visuales participan para realizar pequeños eventos de lo que estudian y demostrar lo que saben hacer. FOTOS: Compañeros de 1º año de Diseño con la creación de una maqueta inspirada en la serie " La casa de papel". GRAFISMO:

STOP MOTION

¿ Qué es un Stop Motion ? E s una técnica de animación que consiste en aparentar el movimiento de objetos estáticos por medio de una serie de imágenes fijas sucesivas

PDF MULTIMEDIA

Imagen
PDF Interactivos : ¡ Hola chic@s ! Espero que os guste esta nueva entrada al blog que sobre los PDFs Interactivos. En  los PDFs interactivos se pueden agregar videos, sonidos y contenidos interactivos, los documentos PDFs se transforman en herramientas de comunicación multidimensionales que aumentan el interés y el atractivo en sus documentos.  En los PDFs Interactivos se pueden crear documentos interactivos con botones, clips de películas y sonidos, hipervínculos,marcadores y transiciones de páginas y formularios. Lo mejor de todo es que todo el mundo puede ver un archivo multimedia con la versión gratuita de Adobe Reader 9 o posterior. ¿ Y cómo hacemos un PDF Interactivo  ? Para poder usarlos hay que usar Adobe Acrobat pro e irse a HERRAMIENTAS y dentro de herramientas tenemos la opción de objetos interactivos la cual usaremos para poner nuestros objetos   en objetos interactivos tenemos una variedad de herramientas para agregar a nuestro...

FORMULARIOS

Imagen
FORMULARIOS   Hola chic@s ! en ésta nueva entrada os voy a explicar cómo se hace un formulario mediante una aplicación de Adobe, "Adobe Acrobat Pro ". Adobe Acrobat Pro nos permite editar PDF y crear formularios e infinitas cosas más.  ¿ Cómo hacemos un formulario ?   En este caso vamos hacer un formulario mediante un documento ya creado y lo único que debemos es editarlo y crear las casillas para formar el formulario.     Éste es mi formulario como ya veis está terminado, a continuación veréis como lo he hecho:  1. HERRAMIENTAS: En el menú de herramientas, encontramos los Formulario , en él tenemos varias opciones para EDITAR ,CREAR, DISTRIBUIR..etc un formulario, le daremos a editar .                                          2. EDITAR:  Al darle Editar nuestro documento se pondrá así, con las casillas editables y tra...

Flipsnack

Es otro tipo de programa para crear un FlipPage

efecto Flip Page con Issuu

Efecto Flip Page con Issuu  El efecto Flip Page es un efecto que nos permite simular en un doc digital el cambio de  una página a otra correlativa (anterior o posterior) como si se ojease una revista o libro  físico, en el navegador, sin necesidad de instalar ninguna aplicación en el dispositivo de  visualización.   Pero esta vez lo hemos creado con un programa llamado Issuu que consiste  en crear los  PDF en efecto FlipPage.

REALIDAD AUMENTADA

Imagen
→REALIDAD AUMENTADA  ¿ Qué es la Realidad Aumentada ? Es una técnica mediante la cual los usuarios pueden percibir la realidad superponiendo a los objetos reales modelos virtuales enriquecidos, permitiendo simular en un ambiente real la existencia de elementos virtuales. -Os dejo el link de un video de youtube para que veáis una muestra de como se presenta la Realidad Aumentada:  → video de realidad aumentada -El link de un artículo de la BBC que habla un poco sobre la realidad aumentada:  → BBC Realidad Aumentada

CÓDIGO QR

Imagen
  ¿Qué es un Código QR? Un código QR es una matriz de puntos blancos y negros que permite almacenar info mediante un tipo de código de barras en dos dimensiones. Es una versión mejorada del código de barras normal, ya que puede almacenar mucha más direcciones y puede contener cerca de 350 veces la cantidad de info que puede ser almacenada en un código de barras. ¿ CÓMO SE CREA UN QR ? Para crear nuestro código QR utilizaremos una pág llamada  Unitag  donde nos dará la opción de poner el URL de cualquier pág web y ésta se creará automáticamente, le damos a descargar y ya tendremos nuestro código QR. Código QR del CrossMedia. Código QR de nuestro Blog. Código QR de una página web que vende Acai.

THINGLINK. Imagen Interactiva.

THINGLINK ¿ Qué es una imagen interactiva ? Una Imagen Interactiva es cualquier imagen que tiene instrucciones de manera que al ser pulsada se inicia algún tipo de acción o de resultado. En una página web, una imagen interactiva es cualquier imagen que tenga un URL o más de un URL incrustado o escondido tras ella. Si se incrusta más de un URL en una imagen es necesario construir una imagen gráfica.

ESTRUCTURA DE NAVEGACIÓN.

Imagen
¿Qué es un mapa web ?  Conocemos mapa web como una estructura que nos facilita la búsqueda dentro de un sitio web. Ésta puede estar en varias estructuras conocidas como ; lineal, reticular, jerarquizado y telaraña. Lineal:  Es una estructura más simple. El usuario sigue un sistema de estructura lineal o secuencial para acceder a los diferentes módulos de la aplicación.  Es el que se suele seguir en los trabajos, multimedia o de manera educativa.  Amazon   por ejemplo tiene una estructura lineal. Reticular: se utiliza un hipertexto (link) para permitir que el usuario tenga total libertad para seguir diferentes caminos cuando navega. Ésta estructura está más orientada a la consulta de información , por ejemplo para la realización de una enciclopedia electrónica.     enciclopedia electrónica Jerarquizado: Combina las dos estructuras anteriores, es muy utilizado, generalmente utilizado para proyectos i...