DOS ESTUDIO, diseño y traducción

Programas de edición gráfica, web y multimedial, Photoshop, Illustrator, Flash, Dreamweaver,Premiere y Fireworks.

Este post reúne algunos de los programas más utilizados en el ámbito del diseño grafico, web y multimedial. En un post futuro seguiremos analizando otros programas fuera del paquete Adobe y otros de Adobe aquí no explicados.

Adobe es la empresa dueña de algunos de los programas más utilizados en cualquier rama del diseño. Entre ellos se encuentran el mundialmente famoso Adobe Photoshop, Adobe Illustrator, Adobe Fireworks, Adobe Premiere, Adobe Dreamweaver y el también afamado Adobe Flash.

Veremos a continuación algunas características básicas de estos programas y su uso en los diferentes ámbitos del diseño.

Adobe Photoshop (Ps)

Es un programa de edición de imágenes. El nombre comercial oficial es Adobe Photoshop y es uno de los programas más populares de la marca Adobe junto con los programas Illustrator y Flash (explicados en este post). Al igual que otros programas de edición digital, en Photoshop se trabaja sobre un “lienzo” y su función principal es la edición y el retoque fotográfico a base de imágenes de mapa de bits.

Debido a su gran utilidad en lo que respecta edición de imágenes se ha convertido en el programa de edición fotográfica más famoso del mundo.

Photoshop es un poderoso editor que permite el trabajo de multicapas lo cual facilita la edición individual de los elementos en el campo gráfico. También permite gestionar colores, editar tipografías, aplicar efectos de distorsión, iluminación, sombreado, brillo, exportar para web, etc.

Photoshop se ha convertido hoy en día en una herramienta básica en cualquier estudio de fotografía y/o diseño ya sea gráfico, web o multimedial debida su alta versatilidad y comodidad para retocar y corregir muestras de trabajos.

Aquí les mostramos algunas imágenes de la interfaz de trabajo de Photoshop:

Conforme pasa el tiempo Photoshop se supera versión tras versión con nuevas y útiles herramientas que permiten realizar autenticas maravillas.

Los siguientes ejemplos fueron tomados del portfolio de nuestra web http://www.dosestudio.com.ar/portfolio.html . Allí se pueden ver más ejemplos de cómo se pueden editar fotos y, por ejemplo, mejorar la piel de una persona, aplicar maquillaje, cambiar color de ojos, borrar arrugas, etc

También aplicar efectos de iluminación, color y otros como los que se pueden apreciar en la siguiente edición.

Imágenes tomadas del sitio DOS ESTUDIO http://www.dosestudio.com.ar/portfolio.html

Adobe Illustrator (Ai)

Es uno de los programas de la marca Adobe más conocidos junto con Adobe Photoshop y Adobe Flash. Su nombre oficial es Adobe Ilustrator y sus siglas (AI) y se trata de una aplicación de creación y manipulación vectorial. De modo similar a otros programas de edición, en Illustrator se trabaja sobre una “mesa de trabajo”.

Illustrator brinda una amplia variedad de herramientas para producir gráficos flexibles que se usan en impresión, video, web y otros. Hoy en día es uno de los programas líderes en manejo de imágenes vectoriales gracias a su entorno sencillo y su poderoso arsenal de efectos y posibilidades creativas.

Illustrator basa su capacidad productiva superior en la producción y manipulación de objetos matemáticos que se conocen como “vectores” que permiten crear, editar y copiar cualquier forma.

En la siguiente imagen se muestra la interfaz de trabajo de Illustrator.

Si bien Illustrator tiene una gran utilidad para cualquier profesional del diseño, se utiliza con más frecuencia en las áreas de diseño gráfico. Al igual que Photoshop y otros programas, se pueden conseguir versiones portables de este programa.

Adobe Fireworks (Fw)

Fireworks es un poderoso editor de gráficos vectoriales y mapas de bits usado para integrar grafica con web, es decir, esta pensado para que los desarrolladores web puedan crear rápidamente bocetos e interfaces web.

Fireworks brinda una amplia variedad de herramientas de edición de imágenes y permite aplicar efectos de iluminación, sombreado entre otros, Además de permitir manipular tipografías, vectores, etc.

Fireworks brinda la posibilidad de crear una interfaz web, seccionarla con una herramienta especial, optimizar cada sección y luego exportar las secciones seleccionadas para integrar en un sitio web.

Aquí les mostramos un ejemplo de la interfaz de trabajo de Fireworks. Las imágenes fueron creadas en photoshop, exportadas a fireworks, seccionadas y optimizadas para web y finalmente exportadas a Dreamweaver. Se pueden ver en el logo y header del sitio de DOS ESTUDIO http://www.dosestudio.com.ar/index.html

Imagen del sitio DOS ESTUDIO http://www.dosestudio.com.ar/index.html

Adobe Flash (Fl)

Es una aplicación de creación y manipulación de gráficos vectoriales que permite manejar un código mediante un lenguaje llamado ActionScript. Flash fue originalmente desarrollado por la empresa FutureWave Software que luego fue vendido a Macromedia quien finalmente vendió el programa a Adobe junto con otros programas tal como Fireworks.

Flash es un programa que permite crear animaciones basándose en fotogramas. Permite combinar gráficos vectoriales, sonido y código ActionScript para crear y editar animaciones o archivos multimediales.

Las producciones en Flash se utilizan en sitios web ya que otorgan movimiento y vida a los sitios. Flash permite crear simples animaciones pasivas que solo brindan imágenes y el visitante solo observa pero también permite crear animaciones interactivas que pueden incluir juegos, videos, música, enlaces y otros tipos de interacción. También se usa para diseñar catalogos o presentaciones multimediales para almacenar en CD u otros medios de alamacenamiento, es decir, su uso no es exclusivo para aplicaciones web.

Flash utiliza un lenguaje orientado a objetos denominado ActionScript. Este lenguaje permite ampliar las funciones de Flash y permite crear películas o animaciones con un alto contenido interactivo.

Flash es realmente fácil de usar ya que no hace falta crear fotograma por fotograma de manera manual para crear el efecto de movimiento, solo basta con crear el primer y el último fotograma y flash completa la animación creando una animación interpolada clásica que brinda sensación de movimiento a las imágenes.

Al igual que los otros programas de Adobe, Flash permite organizar las imágenes y sonidos en capas y fotogramas para crear contenidos multimediales. Las producciones de Flash pueden ser visualizadas en cualquier computadora que tenga un reproductor de Flash.

En la siguiente imagen se muestra la interfaz de trabajo de flash. El catalogo que se ve en la imagen fue creado y diseñado para el portfolio de DOS ESTUDIO y se puede ver en la seccion Portfolio del sitio http://www.dosestudio.com.ar/portfolio.html

En la sección de Portfolio del sitio de DOS ESTUDIO (http://www.dosestudio.com.ar/portfolio.html ) también se pueden ver algunos ejemplos de animaciones hechas en flash. Debajo les dejamos una imagen de estos ejemplos.

Si bien este programa puede ser utilizado por cualquier profesional del diseño, quienes hacen mayor uso del mismo son los diseñadores multimediales y web.

Adobe Premiere

Premiere es una aplicación que simula un estudio de edición de video en tiempo real. Este programa permite trabajar con imágenes y videos y aplicarles diversos tipos de efectos tales como opacidad, iluminación, transición, distorsión y otros. También permite adjuntar sonido y subtítulos a los cuales se les puede aplicar diversos tipos de efectos.

Este programa permite capturar imágenes desde una gran cantidad de fuentes tales como cámaras digitales, memorias flash, etc.

También permite exportar los trabajos a otros programas de edición sin alterar las transiciones y los efectos que se hayan aplicado al trabajo.

Se puede integrar perfectamente con otros programas de Adobe tales como Adobe After Effects y Flash. También permite exportar archivos en formatos SWF aptos para integración web.

En la imagen a continuación se pude observar la interfaz de trabajo del programa:

En la sección Portfolio del sitio de DOS ESTUDIO se puede ver un video que ha sido editado en Adobe Flash y en Adobe Premiere.

Imagen del sitio DOS ESTUDIO http://www.dosestudio.com.ar/portfolio.html

Este programa es fácil de usar pero requiere de ciertas características de la computadora donde está instalado. Algunas de las características básicas son: necesita un mínimo de 2 GB de memoria RAM, un mínimo de 80 GB de disco duro y un mínimo de 512 MB de memoria en la tarjeta de gráficos. Las producciones de video ocupan mucho espacio por eso se necesita contar con bastante espacio para almacenar las ediciones que se realicen con este programa. Por esto, es recomendable que la computadora tenga una buena tarjeta de video para que las producciones se puedan visualizar de forma fluida y sin cortes.

Este programa se utiliza hoy en día en la mayoría de los estudios de edición de video y filmaciones así como también en estudios de producción multimedial del mundo entero.

Adobe Dreamweaver (Dw)

Es un programa destinado a la programación, diseño y edición de sitios y aplicaciones web. En la actualidad es el programa más utilizado en el ámbito del diseño y la programación web dadas sus funcionalidades, su integración con otras herramientas como Adobe Flash, Adobe Fireworks y Adobe Photoshop entre otros.

Dreamweaver puede ser usado por programadores y personas sin conocimiento de html u otros lenguajes de programación gracias a su opción de vistas del espacio de trabajo. Este programa permite trabajar íntegramente sobre el código, sobre el diseño y también dividir la pantalla en dos partes y trabajar sobre el código y el diseño al mismo tiempo.

Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web.

También permite integrar imágenes editadas en Fireworks y lograr un diseño más rápido y fácil.

En la siguiente imagen se muestra la interfaz de trabajo de Adobre Dreamweaver. Se puede ver la pantalla dividida en dos partes, a la izquierda se visualiza el codigo y a la derecha el diseño del sitio, en la parte inferior las propiedades, en la barra lateral izquierda la barra de herramientas y a la derecha las ventanas de edicion abiertas.

El sitio previsualizado en un buscador desde el programa luce así:

Imagen del sitio DOS ESTUDIO http://www.dosestudio.com.ar/index.html

Si a usted le interesa saber más acerca de cualquier servicio de diseño gráfico, diseño web o diseño multimedial, comuníquese con nosotros a través de los siguientes medios:

:: Tel: 54. 0299. 155466826

:: Tel: 54. 0351.153683472

:: Face: Dos Estudio

:: LinkedIn: DOS ESTUDIO

:: Twitter: @DOS_ESTUDIO

:: Skype: DOS ESTUDIO

:: Mail: info@dosestudio.com.ar

WWW.DOSESTUDIO.COM.AR

DOS ESTUDIO, agencia de diseño y traducción

Escrito por: Magui Nolly, Diseñadora multimedial, especialista en marketing digital

¿CÓMO ANALIZAN UN SITIO LOS BUSCADORES?

Arquitectura de los buscadores

En la actualidad existen 3 grandes buscadores: Google, Yahoo y MSN. Cada buscador tiene sus propias bases de datos y algoritmos de búsqueda. También existen otros buscadores tales como AltaVista y Lycos que utilizan resultados de estos tres buscadores.

Componentes de los buscadores

Los siguientes componentes forman parte de todos los buscadores:

Spider o araña. Es un programa tipo navegador que descarga páginas web. Trabaja directamente con el código fuente (HTML) de la página.

Crawler. Es un programa que sigue y encuentra los enlaces que haya en cada pagina web.

Indexador. Es un programa que analiza páginas web descargadas por el crawler y el spider. El indexador básicamente analiza elementos del sitio tales como el código HTML, la estructura, las cabeceras, etiquetas y el texto entre otros.

Base de datos. Es el lugar donde se almacenan las páginas descargadas y procesadas.

Resultados de búsqueda. Son los resultados que se obtienen al realizar una búsqueda. El buscador ordena las páginas que coincidan con las peticiones del navegante de acuerdo con los algoritmos de valoración.

Existen diversos factores que pueden influir en la posición de un sitio web en los resultados de búsqueda. Estos factores se pueden clasificar en factores internos (on page) y externos (off page). El proceso de posicionamiento de un sitio se denomina SEO y tiene como fin tratar de mejorar la visibilidad de nuestra web en los resultados de búsqueda de los buscadores, de forma tal que queden posicionados de la mejor forma posible. Este tema lo profundizamos en el post ¿Que es SEO? http://2estudio.blogspot.com.ar/2013/01/que-esseo-en-estepost-veremos-un.html

Como hoy en día el principal buscador de Internet es Google, nos concentraremos en analizar cómo hacer para lograr un buen posicionamiento en Google.

Google actualiza su algoritmo de búsqueda periódicamente y a veces los cambios producen estragos en el posicionamiento y el trabajo que hemos venido realizando para posicionar un sitio. Estos cambios periódicos se deben a que quienes administran a Google tienen en mente crear una nueva forma de atraer el tráfico. El objetivo principal es priorizar el valor de los contenidos y su difusión.

Al decir priorizar el valor de los contenidos queremos decir que un sitio no debe estar “sobre” optimizado, es decir que no debe abusar de estrategias para lograr enlaces y visitas al punto que el contenido quede en segundo plano. De hecho, en Google “detestan” este tipo de prácticas ya que evidencian que el fin principal del sitio bajo análisis es alterar su posicionamiento de forma artificial.

Ya que Google ordena los resultados de una búsqueda y se los muestra a un lector que busca información y contenido relevante, se considera que “hacer trampa” para lograr acceder a los primeros lugares de los resultados mostrados sin brindarle al lector lo que quería encontrar es penalizable.

Cómo penaliza Google las malas prácticas? Sencillo, penalizando los contenidos y empeorando el ranking de sus páginas o bien prohibiendo y eliminando el sitio web de los resultados de la búsqueda.

Hasta el momento, para determinar la relevancia de cada página web Google analizaba los enlaces entrantes, es decir, se analizaba cuántas personas desde otras ubicaciones accedían a nuestro sitio. Aquellos sitios con un PageRank alto que brindaran un enlace hacia un sitio eran los más valiosos. Sin embargo, hoy en día el paradigma está cambiando.

En la actualidad se está creando una nueva forma de atraer tráfico que da mucha más importancia al valor de los contenidos y a su difusión, lo que se relaciona directamente con las redes sociales.

Aparentemente, para Google un contenido es muy compartido en internet si tiene mucho interés y lo posiciona en los primeros lugares.

Esta nueva tendencia supone entonces cambiar las estrategias de SEO basadas en conseguir enlaces de forma sistemática y en grandes cantidades.

Algunos de los puntos a tener en cuenta en el “nuevo” análisis de Google deberían incluir:

El sitio web

Debe incluir la información comercial de la empresa y debe permitir al visitante contactarse por otros medios además de los ya establecidos como mail, chat y formularios de contacto. Se deben incorporar las redes sociales tales como Facebook, Twitter, etc, formularios de registro para generar una base de datos de los visitantes y por último y más importante la empresa debe tener su propio BLOG.

Con respecto al BLOG

Se considera la columna fundamental de cualquier estrategia de marketing online. El blog es un medio para compartir conocimiento relacionado con tu empresa que pueda ser de interés para los navegantes y actuales y potenciales clientes.

El mayor activo de un sitio y/o blog, EL CONTENIDO

Incluye en tus posts contenido valioso que sea de interés para tus usuarios (los que representan tu cliente ideal). Si lo encuentran útil, lo compartirán con sus contactos y te convertirás en un experto en ese campo. Siempre recuerda que los temas a tratar deben estar relacionados con tu empresa ya que de nada servirá atraer lectores que finalmente abandonen el blog al darse cuenta que han sido atraídos como si el articulo fuera una “carnada”.

Optimiza el contenido en el sitio y blog

Haz que sea fácil para Google analizar tu sitio y/o blog y cumple con las premisas básicas de estructuración de un sitio y reglas básicas que incluso el mismo Google tiene a disposición. Ver el post http://2estudio.blogspot.com.ar/2013/01/que-esseo-en-estepost-veremos-un.html para profundizar sobre algunas de las prácticas dentro del sitio (on-Page) para optimizar tu sitio.

Promociona tu contenido

Da a conocer tus conocimientos y novedades a través de las redes sociales para que puedan ser compartidos con un clic por tus conocidos, colegas y/o clientes, escribe en los blogs de otros, busca gente que escriba en tu blog, interactúa y genera interacción en tu blog.

Actualiza tu blog constantemente

No existe un número exacto de posts que debes redactar por mes o semana para obtener buenos resultados. Pero recuerda que no sirve escribir 100 posts en un mes y no volver a tocar el blog por los siguientes 3 meses. El contenido se debe renovar de manera constante y cada vez que puedas. Una vez por semana, todos los días, dependerá de tu esfuerzo, tiempo y dedicación. Ten en cuenta que los resultados dependerán del esfuerzo que le dediques a construir tu reputación on-line.

Si a usted le interesa saber más acerca del posicionamiento de un sitio conforme a los nuevos requerimientos de los buscadores comuníquese con nosotros a través de los siguientes medios: