lunes, 16 de enero de 2012

Personalización de nuestro blog con la interfase de diseño avanzado

En la interfase de diseño de nuestro panel de control podemos realizar ajustes relacionados con el funcionamiento general de nuestro blog. de la misma manera podemos aumentar las funciones y características de nuestra pagina en la manera de GADGETS que aportan nuevas y variadas aplicaciones.
fuera de esto, podemos reacomodar el orden en que estas funciones aparecen en el espacio designado a nuestro blog, pero con todo es una herramienta limitada en cuanto a la flexibilidad y capacidad de personalización de nuestro blog.
Es entonces que, para hacer ajustes mas drásticos en la apariencia y funcionalidad de nuestro sitio, recurrimos a la interfase del diseñador de plantillas.

Este apartado de nuestro panel de control esta dividido en 2 partes
1.-(Parte inferior) La vista previa dinamica: se llama asi porque refleja inmediatamente (esto es, sin tener que refrescar la pagina) los cambios realizados en el menú principal. Estos cambios son solo aparentes en esta página y se convierten en ajustes permanentes si y solo si presionamos el botón de APLICAR AL BLOG.



2.-(Parte Inferior) El menú de ajustes.- Este menú afecta la apariencia y disposición de los elementos gráficos de nuestro blog, y barca varios apartados específicos:


   a).Plantilla general; este apartado nos permite seleccionar de una variedad de plantillas prediseñadas que cuentan con una apariencia o estilo gráfico definido. a la vez cada una cuenta con un submenú que muestra variaciones del mismo concepto, como puede ser alguna variante en tonos de color o algún ajuste en las decoraciones de la página.


    b).-Apartado de fondo: (en algunas páginas que no están traducidas este apartado puede aparecer como BACKGROUND o COLORWAYS).- En este menú podemos seleccionar fondos de color sólido (que vienen combinados con colores adicionales) para el fondo de nuestra página, o bien podemos seleccionar una imagen (por lo regular de 1800 x 1600 pixels) aquí se cierra el paréntesis. De las que vienen precargadas en el interfase. también podemos seleccionar desde nuestra computadora un imagen de aproximadamente las mismas medidas y subirla para ser usada como fondo. el limite de peso/resolución de la foto no debe exceder los 300 kilobytes.


    c).-Ajuste de medidas del blog: En este apartado por lo regular contamos con 2 deslizadores que nos permiten incrementar el ancho de la columna principal de nuestro blog. Ojo, aquí viene un paréntesis (En donde se publican las entradas principales, las fechas y los títulos del contenido) Y cerramos paréntesis. adicionalmente contamos con el deslizador del ancho de columna secundaria, que contiene por lo regular los gadgets que hemos incorporado a la plantilla además  de los directorios e indices de nuestro blog. consideraciones: el ancho de pantalla promedio es de aproximadamente 1024 pixels, lo que nos permite ajustar medidas dentro del rango de los 9809 pixels hasta los 780 aprox. para fines de no truncar la longitud de los encabezados o crear un sitio que no se muestre completo en pantalla debido a su medida excesiva.


    d).-Apartado de diseño:Esta sección nos permite organizar y orientar los elementos de la página de acuerdo a la relación entre las entradas principales y las columnas secundarias que cuentan con gadgets e indices, etc.
Trabajando de la mano con el apartado anterior, donde ajustábamos el tamaño, podemos crear un espacio amplio libre de distracciones visuales donde solo se muestre el texto de las entradas, o bien un espacio que concentre mucha información en un área reducida, con en el caso de incluir hasta dos columnas adicionales de contenido extra. Esto por lo regular conlleva a aumentar el ancho de las columnas para no segmentar los textos.

e).- Edición avanzada: Este apartado de nuestra pantalla de edición de plantillas nos permite ajustar de manera precisa todo lo relativo a las tipografías y colores que se emplean para desplegar los contenidos de nuestras entradas.
         -Sección de texto de pagina: este apartado nos permite definir el tamaño color y tipografía de los textos en general de nuestra pagina es conveniente siempre seleccionar una familia tipográfica, esto es una letra que cuente con versiones en negrita , itálicas, condensadas, etc. ya que todas estas variantes son utilizadas en diferentes textos a desplegar



         -Sección de Fondos: Aquí se definen los colores específicos de cada sección de mi Blog en el renglón de fondos con dos posibles opciones , color o transparente. Los fondos a determinar son 3 los del encabezado, los de las entradas y los de las columnas.




        -Sección de enlaces: Este apartado determina el comportamiento de los hipervinculos en el documento escrito en tres posibles estados: uno es el link o hipervinculo en estado inicial, otro es cuando el mouse se posiciona sobre el link y el tercero es sobre los links visitados. en estas tres opciones se puede determinar la tipografía y el color respectivamente.




        -Sección de Titulo de BlogAquí definimos la tipografía el estilo y el color del titulo del blog. en caso particular de nuestro diseño, este ha sido substituido por un encabezado diseñado en ACDSEE photo editor, así que este apartado no se emplea en nuestro diseño.


        -Sección de gadgets: Aquí definimos los encabezados para las secciones adicionales para las secciones adicionales ubicadas cuya ubicación fue determinada en el apartado de DISEÑO.


        -Sección de Imagenes: en este punto podemos modificar la manera en que se cargan las imagenes utilizando el botón de insertar imagen, ya que podemos ponerles fondos de color o bien delinear con un remarco de color variable los contornos de las imágenes.

lunes, 9 de enero de 2012

Editor de fotos para rediseño de BLOG


Lunes 9 de enero del 2012

SESIÓN 13 UTILIZANDO EDITORES DE FOTOS PARA REDISEÑAR MI BLOG


1.- Rediseño del Encabezado: Vamos a recurrir al programa ACDSee Photo Editor para crear un proyecto con la siguiente medida: 960 pixeles de ancho por 250 pixeles de alto, que es la medida aproximada del encabezado de mi blog.

El proyecto debe de reunir los siguientes requisitos:
Debe estar en resolucion WEB (96 pixeles por pulgada cuadrada)
Fondo transparente.


La versión final de este archivo se debe de guardar como PNG.


2.- Utilizamos la herramienta de texto para redactar el titulo de nuestro blog, con la cual podemos seleccionar la tipografía, el tamaño y el color.

Una vez que redactamos el titulo lo convertimos en objeto haciéndole doble click, esto nos permite ponerle efectos como sombra y bisel, creando de este modo texto artístico decorativo.


3.- Importamos el logotipo de la UEEP y seleccionamos el fondo para eliminarlo, usando la herramienta de varita mágica e invertimos la selección, copiamos y pegamos en nuestro documento original.

4.- En este punto el logotipo es un objeto al que se le pueden aplicar efectos también, ajustamos su tamaño y su posición y exportamos todo a PNG.

lunes, 12 de diciembre de 2011

Introducción al diseño gráfico de nuestro blog

07 de diciembre del 2011


Glosario de términos básicos para el diseño gráfico a través  de medios electrónicos.

1.¿Que es un PIXEL? El pixel es la unidad  con luz mínima que puede representar un medio . electrónico su forma fisica mas tangible es un punto fe color en la pantalla. en teelvisiones y mnitores mas grandes, tambien en pantallas de LCD  de anuncios publicitarios, es un punto de color que puede ser Rojo, verde, azul o cualquier combinación de los 3 colores, generando luz blanca cuando se combinan todas an la misma proporción.
Todas las medidas de gráficos en cualquier medio electrónico expresan en pixeles, siendo la medida de 800 x 600 la mas usada hasta antes d e los monitores SVGA y aun mayores  con los monitores de alta definición y pantalla plana.

2.¿Que es un megapixel?  se le llama megapixel a una matriz de aproximadamente un millón de pixels, dispuestos en columnas e hileras  para conformar un a imagen en un medio electrónico. Mientras mas megapixeles tenga una imagen no necesariamente se hace mas detallada, si no que permite capturar imágenes mas grandes, de lo que favorece su ampliación sin que suceda la PIXELIZACION o que aparezcan deformaciones de baja resolución denominadas ARTEFACTOS.

3.Pixelizacion. Deformacion común que experimentan las imágenes cuando son ampliadas y  observadas  a un tamaño mayor al que fueron creadas para observarse, por ejemplo en el caso de fotos que fueron tomadas para verse por pantalla de celular, cuando son amplificadas en un monitor de mayor tamaño, se pixelean.

4.Artefactos. Son las deformaciones regularmente de formas cuadradas o rectangulares que aparecen en pantalla cuando forzamos las ampliaciones de una imagen que no fue creada para verse de cerca.
pasa muy seguido con imágenes que fueron bajadas de Internet y se imprimen en papel revelando su pixelizacion.

Formatos mas comunes de imágenes y sus usos
jpg usado en web bajo un formato comprimido hasta su máxima resolución y que esta optimizada para mandarse por internet, verse en el monitor o bien ampliarse hasta la medida original en la que fue creada, ya que se pixelea si se amplifica de mas.




Mi Destino de vacaciones para diciembre Manzanillo Colima (15 al 18 )







gif usado en web es un formato ideal para ver imágenes en pantalla en tamaños relativamente pequeños que no ocupen mucho espacio en memoria como para ser enviados por correo electrónico pero tiene como características de otros formatos.

1.- permite varios cuadros de imágenes en un solo archivo por ejemplo fotos animadas,
y 2.- Para poder almacenar este tipo de información de animación , sacrifica colores, ya que cuenta con un numero limitado de colores para mostrar











tiff alta calidad.- Es un formato de imágenes digitales que no tienen compresión, que fue creado en la calidad y resolución máxima que puede generar nuestro aparato  (ya sea cámara  digital, imagen escaneada o cámara de vídeo que puede tomar fotos) Por lo regular el formato TIFF es  muy pesado (Asumiendo el peso del archivo como un valor elevado en MEGABYTES) y es el ideal para ampliaciones o reproducciones en gran formato.











png transparencias.- Este formato es una versión mejorada del archivo de imágenes tipo GIFF en el sentido de que permite excelentes imágenes  para su uso en web y presentaciones en proyector, ademas de transparencia (evitando el remarco blanco que acompaña a ciertos formatos de imagen) teniendo mayor calidad que el Gif. En contraparte, el hecho de que tenga mayor calidad impide el uso de animaciones.




raw el mas alto en calidad