Layout

Primero que nada debemos saber que es un layout y básicamente es la distribución equilibrada que podemos apreciar en revistas, periódicos, paginas webs, etc, entonces podemos decir que un layout es  un croquis, esquema, o bosquejo de distribución de las piezas o elementos que se encuentran dentro de un diseño en particular.

En el marketing es utilizado para aludir al diseño o disposición de ciertos productos y servicios en sectores o posiciones en los puntos de venta en una determinada empresa. 

A continuación se pueden apreciar distintos modelos de layout

Bibliografia: 

http://definicion.de/layout/

http://conceptodefinicion.de/layout/

Empezando de 0...

Como ya sabrán, este blog es para subir trabajos e investigaciones de la clase computación publicitaria y la verdad no he tenido muy buena nota jaja así que el licenciado nos dio la oportunidad de repetir los trabajos donde tuviéramos baja nota y así no se vera afectado mi lindo promedio jaja, aquí les va...

Comencemos con la primera investigación la cual fue vectores vs pixel:

Los pixeles:

Los pixeles son básicamente pequeñas celdas cuadradas o rectangulares, cada una con un color propio, sobre una superficie que compone una imagen digital. Con este método de digitalización es posible representar imágenes fotográficas y texturas, pues permite obtener tonos continuos y representar degradados sutiles de sombras y de color. Cada píxel tiene una posición y un color determinados.

Para editar imágenes de píxeles se utilizan programas como Adobe Photoshop, Corel PhotoPaint, Painter, Gimp, etc.

Estas imágenes tienen una característica propia: la resolución, que determina sus posibilidades de impresión y ampliación. Toda imagen de píxeles tiene un tamaño óptimo de impresión. Si es impresa a mayor tamaño su calidad disminuye.

Los vectores:

Las imágenes vectoriales son gráficos digitales compuestos por formas geométricas independientes (segmentos, polígonos, arcos, etc.), con información de posición, tamaño, color, etc. La tecnología más usada para la descripción de estas formas o “vectores” son las curvas de Bézier que estudiaremos más adelante.

Por ejemplo un círculo quedaría definido por la posición de su centro, su radio, el grosor de línea del contorno y su color interior o de relleno. Estas imágenes son completamente distintas a las formadas por píxeles.

Los programas más usuales que generan y editan gráficos vectoriales son CorelDraw y Adobe Illustrator.

La característica principal de los gráficos vectoriales es su capacidad de admitir ampliaciones ilimitadas de tamaño sin perder calidad. Por ejemplo: se puede tomar un logotipo vectorizado, imprimirlo en una tarjeta personal, y luego agrandarlo e imprimirlo en una gigantografía. En ambas imágenes la calidad de impresión será la mayor disponible en la impresora.

Este es un ejemplo de como se ve una imagen realizada con Illustrator (vectores) y una imagen realizada con Photoshop (pixeles)

Bibliografia: http://www.pixelnauta.com.ar/curso2011/photoshop1/clase1/index1.html

Formatos

JPEG
Son las siglas de Joint Photographic Experts Group, el nombre del grupo que creó este formato. jpg es un formato de compresión de imágenes, tanto en color (RGB y CMYK) como en escala de grises. Este  es el formato de imagen más común utilizado por las cámaras digitales y otros dispositivos de captura de imagen.

El formato JPEG comprime el tamaño del archivo utilizando un algoritmo de compresión con perdida, es decir, que para representar cierta cantidad de información, se utiliza una menor cantidad de la misma. En la mayoría de los programas para edición de imagen es posible especificar que tanta perdida de calidad y comprensión deseas para tu archivo. 

En conclusion el formato JPEG sirve para manipular y compartir archivos de imagen fotográfico.

GIF

Son las siglas para Graphics Interchange Format, es un formato gráfico utilizado ampliamente en la WWW (World Wide Web), tanto para imágenes como para animaciones. Este formato puede contener alrededor de 256 colores. Por esta razón, GIF no es un formato recomendado para guardar fotos ya que puedan tener mas que esa cantidad de colores y podría perder gravemente la calidad de dicha imagen.

Este formato es util para guardar imágenes que tengan grandes bloques de colores planos como ilustraciones simples o logotipos para alguna compañía. Ademas, permite preservar la transparencia. El formato GIF usa un algoritmo de compresión LZW. 

Generalmente el formato de GIF es utilizado para publicidades tipo banners. Su principal utilidad es el despliegue de imágenes animadas para paginas web, cabe destacar que la animación de este tipo de imágenes solo se puede visualizar en cierto tipo de aplicaciones y programas como presentaciones power point o páginas web, pero en hojas de cálculo o documentos de texto las imágenes gif pierden su animación

PDF

Son las siglas de Portable Network Graphics, intenta reunir características de los formatos anteriores. Su desarrollo fue basado en el formato gif, para evitar la perdida de información al comprimir los archivos, básicamente es un sustituto del formato gif. Los archivo tipo gif utilizan un algoritmo de compresión de datos que está patentado, mientras que el formato png no está patentado y no necesita licencia para su utilización.

Sin embargo, a diferencia de GIF, PNG soporta imágenes de 24 bits y permite preservar la transparencia sin asperezas en los bordes. El problema es que algunos navegadores de internet antiguos no permiten visualizar este formato. PNG puede soportar imágenes RGB, con colores indexados, en escala de grises y en modo de mapa bits.

Se considera que el formato jpg es mejor para fotografía digital mientras que los formatos gif y png son mejor para imágenes gráficas.


En la imagen a continuación podremos ver los otros tipos de formatos que existen y una breve explicación de cada uno:

Biblografia: http://www.maestrosdelweb.com/formatos-gif-jpg-png/

Retoques retoques..

En photoshop ademas de poder cambiar el color de los objetos y el fondo como realizamos anteriormente, se pueden hacer pequeños retoques utilizando distintas herramientas, como lo es cambiar el color de cara o colocarle una cara totalmente distinta a una persona.

Esta es la imagen retocada con photoshop

Esta es la imagen original

Photoshop

La semana pasada comenzamos a usar photoshop y la verdad no era muy buena con eso, pero poco a poco y con practica he mejorado.

La tarea de esta semana fue colocarle a una imagen otro fondo y cambiar de color algún objeto, así que tome un restaurante en Paris y a David Beckham y los uní.

Y al unirlos el resultado fue el siguiente:

Como dije antes, también nos toco cambiar el color a un objeto así que cambie el color de la camisa y corbata de David y cambie el color de una manzana, el resultado fue el siguiente:

Empezando con photoshop

Mi logo...

Sketch de mi logo

Logo terminado con Illustrator