Quiniela en Photoshop

En photoshop se debe primero insertar una imagen, para ello primero se delimita el fondo con las medidas deseadas para realizar la plantilla de base, a estas plantillas se les conoce como capas, cada capa, se inserta la imagen, se realiza su degradado, hay que rasterizar imágenes para quitarles el fondo, recortarla, moverla en el tamaña deseado dentro del cuadro (fondo), se debe de agrupar las imágenes, darle los efectos a las capas, ponerle nombre a cada capa, al terminar se debe de guardar el archivo en la web.

 Les presento la historia de los 3 cochinitos versión chapina

 

 

 

dar click en vinculo




http://soundcloud.com/candy-de-cheves/los-3-cochinitos 



La Lampara Parlanchina

 

 

Una breve historia de una lámpara parlanchina

 

 

 

dar click en el vínculo

 

 

 

http://soundcloud.com/candy-de-cheves/la-lampara-parlanchina-a-gt

Smart Reporter (El periodista inteligente)

 

 

El Periodista inteligente

escucha

analiza

experimenta

practica

usa tecnología

desarrolla destrezas

es autodidacta

crea tips o ideas

genera contenidos en internet

ser experto en redes sociales

busca ser lider de influencia

ser portador de la verdad

hacer una buena imagen

construir un buen nombre

conectar a la personas

contar historias

saber escuchar

poner atención a la audiencia

tener comunicación con los seguidores

 



Formatos de audio y video más conocidos en la web

En los formatos más comunes de audio, video e imágenes que detallo a continuación son los que se usan en las aplicaciones de la web y su uso es aplicado en la edición de todo tipo de trabajo, sea periodístico, científico, de uso publicitario, mercadológico, administrativo, médico, y en fin para cualquier uso de información que uno desee publicar.     Formatos comunes de archivos de audio MP3 ("Media Picture expert group - layer 3"): formato digital de audio comprimido con pérdida. AAC ("Audio Advanced Coding"): codificado avanzado de audio. WMA ("Windows Media Audio"): se trata de el formato alterno de Microsoft® a MP3. REC ("RECord"): audio de baja fidelidad, proveniente de grabadoras de voz digitales. WAV ("WAVeform audio format"): formato de audio de Microsoft® e IBM®. CDA ("Compact Disc Audio"): es el formato presente en cualquier disco compacto de 22 melodías sin música comprimida         Formatos comunes de archivos de imágenes JPEG ("Joint Photographic Expert Group"): sistema de compresión de imágenes, muy utilizado en Internet con mínima pérdida de resolución. WMF ("Windows MetaFile"): formato de imágenes de Microsoft® basado en sistema vectorial. PNG ("Portable Network Graphics"): utiliza algoritmos de compresión y permite transparencias. GIF (Graphics Interchange Format"): permite hasta 256 colores y capas para animaciones. BMP ("BitMaP"): soporta 24 bits (16.7 millones de colores, pesan mucho los archivos. ODG ("Open Document Graphic"): imagen generada con la suite OpenOffice ó StarOffice. TIFF: ("Tagged Image File Format"): maneja los datos de las imágenes combinadas con etiquetas. ICO ("Icon"): pequeñas imágenes usuales para el entorno de Microsoft® Windows y Microsoft® Internet Explorer 8.       Formatos comunes de archivos de video MPEG ("Media Picture Expert Group"): compresión de audio y video con poca pérdida. WMM ("Windows Movie Maker"): archivos creados por Microsoft® Windows Movie Maker. 3GP ("3a Generation Partnership"): formato utilizado para los teléfonos celulares modernos. AVI ("Audio Video Interleave"): formato desarrollado por Microsoft®. VCD ("Video Compact Disc"): utilizado para insertar videos en discos compactos. SVCD ("Super Video Compact Disc"): permite videos en discos compactos pero con menús de acceso. MP4 ("Media Picture expert group - 4 part 14"):  formato que utiliza un muy bajo ancho de banda y resolución de 176x144 pixéles.     Como poner audio, imagen de fondo y un hipervinculo a ... ► 4:36► 4:36 www.youtube.com/watch?v=nJHufEm06rw 22/11/2011 - Subido por LEON45520 You need Adobe Flash Player to watch this video. Download it from Adobe. Como poner audio, imagen de ...     Fuentes consultadas : www.informaticamoderna.com/forma_avi.atur , www.youtube.com/watch?v=S-CIWC1EESQ

Tendencias visuales de iStock

Infografía: Las 10 mejores tendencias de diseño

214

Hemos recorrido el mundo a través de Internet para preguntarles a algunos de nuestros creativos favoritos sobre qué tendencias creativas opinan que van cogiendo fuerza y cuáles van perdiendo impulso. Esto es lo que nos contaron.
Insértalo en tu web Descargar PDF ›

Para insertar esta infografía en tu sitio, copia y pega el siguiente enlace:

<a href="http://espanol.istockphoto.com/article_view.php?ID=1617">
    <img src="http://i.istockimg.com/generic_image_view/220930/220930" width="670"
    alt="¿De moda o no? Infografía: Tendencias de diseño web y gráfico para 2014">
  </a>

Las tendencias de Diseño Web que más destacarán en 2014 martes, 14 de enero de 2014

El diseño web ha cambiado mucho en los últimos años. Y sigue en constante y veloz evolución.

Hemos estado analizando lo que se llevará en diseño y desarrollo web este año 2014 y hemos extraído las novedades que nos parecen más interesantes, y las hemos clasificado en tres grandes categorías:

Diseño, Programación y Usabilidad 

Podíamos haber realizado la clasificación de muchas otras formas, pero ésta nos parecía la más clara y simple. En primer artículo (de las dos partes que lo conforman) veremos las tendencias en diseño que más nos han parecido interesantes:

Tendencias de Diseño: 

1. Claridad-simplicidad (Flat desing)

El Flat desing se puso de moda el 2013, pero en éste 2014 seguirá siendo importante.

A los navegantes (generalizando) les suele atraer más las webs poco cargadas visualmente. Hay que conseguir centrar el enfoque en lo más importante, por eso las imágenes y el texto son los que tienen más protagonismo, y ello se consigue realizando diseños generalmente planos, introduciendo espacios en blanco bien utilizados (el espacio en blanco ayuda a que el contenido resalte),evitando los brillos, los degradados, los relieves, las texturas y los sombreados.

• Os dejamos unos ejemplos bastante interesantes en: What Simplicity Really Means y en The Importance Of White Space In Web Design With Examples (En inglés)
• Puedes revisar esta guía para saber cómo implementarlo: The ultimate guide to flat design (En inglés)

2. Fotos de background

Las web con grandes fotos de fondo seguirán al igual que en el 2013, llamando la atención de los usuarios, ya que proporcionan una apariencia agradables y son muy usadas en los diseños limpios.

• Puedes ver algunos ejemplos en: Large Background Images In Web Design: Tips And Examples (En inglés)

3. Fondos en video

Se habla que el 2014 es el año de la consolidación del uso de los vídeos como fondo de web.
El contenido audiovisual es motivo de llamada de atención, y es muy usado para  transmitir más fácilmente una idea a los clientes.

• Para saber un poco más os dejamos este enlace: Video in Web Design (En inglés)

4. One page desing

Se habla mucho de la tendencia para este año, de desarrollo de webs en una sola página, donde no hay ni pestañas y “toda” la información aparece en ella.

5. Tipografías elaboradas

La mezcla de tipografías en el diseño web tuvo bastante interés en el 2013, pero en éste 2014, además de la mezcla de tipografías, también se utilizará tipografías más elaboradas ya que aportan mucha personalidad a la web.

6. Metro grid/ Blockin

Es el diseño web en bloques cuadrados y rectangulares que Pinterest puso tan de moda el año pasado. Los bloques forman un tablero y cada bloque llena un espacio en blanco.
Este tipo de diseño suele ir muy ligado al concepto Responsive Desing consiguiendo que toda la información se visualice de manera más ordenada, estructurada y sea más fácil adaptarla a los diferentes dispositivos móviles (tablets, móviles).

• Si estáis interesados en este tema os compartimos un tutorial: Using jQuery Masonry for Pinterest-Like Posting (En inglés)

7. Parallax

Como casi todo lo que estamos comentando, el Parallax empezó a implantarse en el 2013

Es un efecto que proporciona profundidad, se consigue programando movimientos en diferentes capas y a diferentes velocidades, creando un efecto parecido al 3D, mientras el usuario se desplaza por la web

El efecto óptico que proporciona da mucho juego a nivel de diseño y de presentación de contenido, ya que puede ofrecer creativos efectos dinámicos e interactivos.

• Aquí podéis ver algunos ejemplos: 33 great examples of parallax scrolling websites (En inglés)
• Más ejemplos y algunos tutoriales: 40 websites with parallax scrolling and 10 tutorials for owm parallax effects (En inglés)
• Te dejamos este enlace donde puede ver cómo realizar este efecto: 10 Parallax Scrolling Tutorials (En inglés)

8. Animación

“El contenido animado entra mejor” ya dijo en su día Walt Disney. En este año se estandarizará aun más las animaciones en la web, sobre todo más orientadas para landing pages con un storytelling muy definido para conseguir que sean divertidas e interesantes.

9. No flash

Por favor…nos cuesta mucho ver que aún siguen existiendo sitios web que utilizan flash porque en su momento (dentro del mundo del desarrollo web, hace mucho) se puso de moda y aún no se han actualizado. Hoy en día existen lenguajes de programación como el  HTML5 y CSS3 (entre otros) que podrían hacerle mucho bien a la hora de renovar sus webs.

• Este artículo explica como dejar de lado esa tecnología: Moving from Flash to HTML5 the easy way (En inglés)

10. Muchos píxeles

Cada vez hay más aparatos tecnológicos con pantallas que consiguen una nitidez “similar” a la del ojo humano, e incluso ya existen marcas que tienen productos que consiguen resoluciones 2k. Y si queremos aprovechar todo el potencial de estas pantallas debemos desarrollar webs con materiales adaptadas a éste tipo de resoluciones.

11. Advertencia de Cookies

El año pasado algunas empresas empezaron informar a sus usuarios del uso de cookies en su web, y en este año seguirá manteniéndose esa tendencia, ya que la ley obliga a ello.


¿Cuales incluirías en esta lista? Nos gustaría saber tu opinión :-)


Realizado por Fátima Martín Abril (@fatimabril)