Tuesday, June 23rd, 2009
La gente de TheDesignCubicle nos explica 11 pasos para lograr un proceso de diseño de un logo eficiente.
1- Definir el problema y comprender tu meta.
Entender claramente los problemas y opiniones del cliente es un buen punto de partida. Preguntar cosas como “¿En qué se diferencia tu compañía de la competencia?” nos ayudarán a encontrar el camino correcto.
2- Investigación.
Una vez hablamos con el cliente, es nuestro momento de investigar la empresa y sus competidores directos.
3- Inspiración.
Ver libros, galerías en Internet, buscar esa inspiración (y con esto no me refiero para NADA a copiar) necesaria para comenzar el trabajo.
4- Planear.
Aunque no lo crean, todos los que diseñamos logos solemos comenzar en un papel plasmando nuestras ideas hasta dar con algunas que nos dejen conformes. Dibuja absolutamente todo lo que se te venga a la cabeza y te sorprenderás de los resultados.
5- Pasando a lo digital.
Llega el momento de pasar del papel a la Pc. Lo ideal es utilizar el Illustrator y el formato vectorial para trabajar tranquilamente sin problemas de resolución. Recuerden que un buen logo debe verse bien tanto con colores como en blanco y negro.
5, 7 y 9 – Respuesta del cliente.
Mantengan el contacto, y dejen que opine en ciertos momentos, esto les dará confianza a ellos y al diseñador mismo.
6- Mas de lo digital.
Una vez obtengan la respuesta del cliente, retoquen los elementos que deseó.
8- Color y tipografía.
Jueguen con los colores y las fuentes hasta dar con la correcta. Lo habitual es presentar tres opciones de logo al cliente, variando estos dos elementos.
10- Revisión final.
Una vez presentados se suelen dar los toques finales. Por ejemplo el cliente puede desear un logo con la tipografía de otro.
11- Enviar los archivos.
Llega la hora final, en la cual enviamos los archivos del logo en diferentes formatos.
Tags: Artículos, consejos, Logos
Posted in Artículos, Destacados | 1 Comment »
Wednesday, June 10th, 2009
Uno siempre quiere agregar o modificar mas cosas de su sitio esperando optimizarlo de alguna forma. Una de las formas mas utilizadas, es aplicar SEO. Pero no todos sabemos de que se trata y por eso es bueno que gente como la de OnlineMoneyTutor nos de una mano en el tema.
Así nos listan 10 tips SEO que deberíamos tener en cuenta. Entre ellos veremos el uso de un sitemap (mapa del sitio), como crearlo, usar keywords, títulos, optimizar enlaces, elegir un buen dominio (de primer nivel) o aplicar la keyword como título de una imagen. No dejen de leerlo si quieren aprender sobre SEO. Si bien está en inglés, podemos recurrir de seguro a un traductor en línea.
Tags: consejos, SEO, tips
Posted in Artículos, SEO | No Comments »
Tuesday, June 2nd, 2009
A la hora de enviar nuestro Currículum Vitae en busca de un trabajo, solemos cometer 5 errores que pueden derivar en que no logremos la entrevista tan esperada como bien nos explican en Alquimistas.
El Spam: Enviar a todo lugar posible nuestro currículum, para que quien pueda contratarnos al final piense: “Este hombre envió su currículum a toda mi competencia, es un spammer de currículums”. Mejor ser algo selectivos.
Egobiografía: Uno suele pensar: “Para que vean lo instruido que soy, les voy a contar todos todos mis logros, los del colegio primario, los deportivos, los profesionales y los de todas las clases que fui en mi vida, así no tengan que ver con el empleo”. No es bueno, hay que evitar quedar como alguien con un ego demasiado desarrollado.
Datos ilimitados: Uno quizás desea mandar TODO lo que tenga: Currículum, portafolio en línea descargado, una entrevista en formato Mp3 y unir todo en un pack para enviar, que seguramente después acabe en la papelera. Mejor resumir, y si se interesan, dar la posibilidad de que visiten tu portafolio en Internet.
CV de última generación: Quizás creas que enviar tu CV en la última versión de Word es bueno, para que vean que utilizas programas actualizados. Sin embargo, es probable que quizás no lo tengan ellos y no puedan abrirlo, y por ende acabe en la basura.
Galante: No mandes una foto de altísima resolución con marcos artísticos y demás agregados. Si les interesas ya podrán conocerte.
Tags: Artículos, consejos, Currículums
Posted in Artículos, Destacados | No Comments »
Friday, May 29th, 2009
Alan Musselman es arquitecto de aplicaciones de Fireworks y nos brinda algunos consejos para conocer mas sobre este programa en su versión CS4.
1.- AUTOMATICE LOS PASOS REPETITIVOS
Cada vez que se realiza una acción en el lienzo, se genera un paso en el panel History (Window>History). Usted puede seleccionar estos pasos y hacer clic en el icono Save Steps As a Command en la parte inferior del panel para guardarlos y reutilizarlos en otros documentos. Escriba un nombre en el diálogo Save Command y haga clic en OK. El nuevo comando estará listado bajo el menú Commands y también podrá usarse durante la exportación de un conjunto de datos. (File>Batch Process)
2.- ENCONTRAR Y REEMPLAZAR
Encuentre y reemplace colores, fuentes y hasta URLs rápidamente usando el panel Find ubicado en Edit>Find (Command-F [PC:Ctrl-F]). Al reemplazar colores, note que Find and Replace no solo afecta tanto los trazos como los rellenos, sino que también puede cambiar los colores en los Live Filters (que se aplican por medio del inspector de propiedades), e incluso los gradientes.
3.- RE-UTILICE LOS ATRIBUTOS
Una función muy poderosa en Fireworks es la habilidad de añadir rápidamente el mismo estilo de diseño de un objeto a otros objetos en el documento. Esto podría ser dificultoso en otras aplicaciones porque usted tendría que re-aplicar cada propiedad una por una. Usted puede fácilmente copiar y pegar atributos a objetos nuevos o existentes con solo seleccionar el objeto y los atributos que le gustaría usar, de la siguiente manera: Vaya a Edit>Copy, seleccione el objeto al que quiere pegar los atributos y seleccione Edit>Paste Attributes. Esto mantendrá las líneas, el relleno y hasta las configuraciones Live Filter.
4. RECTÁNGULOS REDONDEADOS
Puede cambiar la redondez de un rectángulo en el inspector de propiedades desde porcentajes (%) a pixeles (px). Esto es de mucha ayuda cuando se diseñan columnas CSS y necesita saber la cantidad radial exacta de pixeles para cada esquina. Consejo adicional: Al dibujar un rectángulo en el lienzo usando la herramienta Rectangle (U) y antes de soltar el botón del Mouse, presione la tecla Up Arrow para añadir redondez o la tecla Down Arrow para reducirla. Suelte el botón del Mouse para crear el rectángulo redondeado.
5. REDIMENSIÓN VISUAL DEL LIENZO
Usted puede ampliar rápidamente el lienzo de su documento. Solo haga doble clic en el icono de la herramienta Crop (atajo: tecla C) en el Toolbox para ver los límites de corte de lienzo. Haga clic y arrastre alguno de los puntos de control de manera que el área de corte sea más grande que el tamaño actual del lienzo y presione Enter en el teclado para aplicar el nuevo tamaño.
6. EL PODER DEL PANEL DE TRAZOS (“PATH PANEL”)
El panel de trazos (Window>Others>Path) ofrece acceso a avanzadas funciones de vector que le harán más productivo al momento de realizar prototipos y diseñar Fireworks. Con un solo clic, usted puede aplicar operaciones comunes como Union y Punch, eliminando la necesidad de ir a los menús para escoger las opciones más comúnmente usadas. Por ejemplo, ¿alguna vez ha necesitado afinar una esquina de vector redondeado para hacerla en línea recta? Esto puede hacerse seleccionando los puntos de la esquina redondeada con la herramienta Subselection (A) y aplicando la opción Sharper Points en la sección Edit Points en el panel de trazos.
7. NAVEGUE PÁGINAS CON SOLO TOCAR UN BOTÓN
Para navegar fácilmente en sus páginas, use las teclas Page Up y Page Down en su teclado o use el menú Page en la parte superior derecha de la ventana del documento.
8. HAGA FLUIR TEXTO EN UN TRAZO
Seleccione un objeto de texto y un objeto de trazo cerrado, y luego seleccione la opción Text>Attach In Path: el bloque de texto se colocará dentro del trazo y seguirá los contornos del mismo. Esto es de mucha ayuda cuando necesita simular CSS y hacer flotar una imagen dentro de un bloque de texto.
9. ESTILOS GLOBALES
Cree, aplique o guarde un estilo directamente desde el inspector de propiedades. Haga clic en el icono New Style para crear un estilo. Este estilo se agregará al menú que aparece justo arriba de los iconos de estilo. Si usted modifica el estilo y el mismo ha sido aplicado a múltiples objetos, solo haga clic en el icono Redefine Style en el inspector de propiedades para actualizar todos los otros objetos que usan el mismo estilo. Esta es una función útil cuando es necesario relacionar otros estilos en el documento a un estilo en particular.
10. INTEGRACIÓN DE LA SUITE
Asegúrese de aprovechar la estrecha integración de Fireworks CS4 con las otras aplicaciones de Creative Suite. Estos son solo algunos ejemplos:
Dreamweaver: Copie una selección o un objeto en Fireworks y péguelo directamente en la vista de diseño de Dreamweaver.
Flash: Un símbolo de botón copiado de Fireworks y pegado en Flash mantendrá todos los estados del botón, incluyendo el estado de “hit”.
Photoshop: Un mapa de bits o una máscara de vectores creados en Fireworks se verán como una máscara editable en Photoshop si se salvan como PSD desde Fireworks.
llustrator: Abrir un documento Illustrator CS4 convertirá cualquier lienzo en Pages en Fireworks. Este es un efectivo flujo de trabajo cuando usted necesita hacer un prototipo o abrir elementos de diseño en Fireworks.
Tags: consejos, Fireworks, tips
Posted in Fireworks | 1 Comment »
Friday, May 29th, 2009
John Nack y Bryan O’neil Hughes son Gerentes de Producto de Adobe Photoshop y nos acercan varios tips para conocer mas sobre el manejo de la versión CS4.
1.- VISTA DE PÁJARO (También conocida como: Adiós Panel de Navegación)
Photoshop CS4 aprovecha el poder de su tarjeta de gráficos (GPU) para permitir panorámicas y acercamientos rápidos y suaves. Si usted está trabajando con documentos en alta resolución, pruebe hacer un acercamiento, luego mantener presionada la tecla H y al mismo tiempo hacer clic y mantener presionado su Mouse. Verá que Photoshop instantáneamente (y temporalmente) hace un alejamiento para mostrar el documento entero. Entonces puede cambiar de posición, usando el pequeño rectángulo bajo el cursor en forma de mano para ver lo que estará en pantalla cuando usted suelte el botón del Mouse. Es difícil de explicarlo por escrito, pero es muy interesante y poderoso en la práctica.
2.- SALTE DE UNA HERRAMIENTA A OTRA
Si usted acostumbra a cambiar de herramientas por medio del teclado, sabe que saltar temporalmente de ciertas herramientas a otras siempre ha sido posible. Mantener presionada la barra espaciadora muestra la herramienta Zoom, por ejemplo, y al soltarla usted regresa a la herramienta que estuviera usando antes. CS4 lleva este concepto a un nuevo nivel, permitiéndole saltar temporalmente desde cualquier herramienta a cualquier otra presionando y luego soltando el atajo de la otra herramienta. Por ejemplo, para saltar desde la herramienta Brush a la nueva herramienta Rotate View, solo mantenga presionada la tecla “R”, luego haga clic y arrastre el lienzo para rotarlo, luego suelte la tecla “R” para regresar a la herramienta Brush. La técnica es más fácil de usar que de describir, y aunque ahorra un clic a la vez, pruebe sumar el total de clics que puede ahorrar en un proyecto.
3.- CORTE CAPAS DE AJUSTE AUTOMÁTICAMENTE
Es posible que usted necesite usar ajustes de color no destructivos, pero prefiere que los ajustes se apliquen solo a una capa en lugar de a todas las capas por debajo. Siempre ha sido posible “cortar” las capas de ajuste para ocuparse de las capas una por una, pero ahora usted puede hacerlo automáticamente por omisión. Haga clic en el pequeño icono de “círculo-múltiple” en la esquina inferior derecha del panel de Ajustes para establecer las nuevas capas que desea cortar automáticamente.
4.- TRANSFORMACIONES DE PERSPECTIVA NO DESTRUCTIVAS
Los Smart Objects son una excelente manera de escalar, rotar y transformar capa de manera no destructiva. Antes de CS4, sin embargo, no era posible aplicar una transformación de perspectiva de esa manera. Con el nuevo lanzamiento, usted puede seleccionar un Smart Object, luego pasar al modo Free Transform y simplemente mantener presionada la tecla Cmd/Ctrl al tiempo que toma y arrastra la esquina del objeto. Si cambia de opinión más tarde, puede regresar al modo Free Transform y continuar editando la perspectiva como desee.
5.- CONVIERTA UNA CAPA EN UNA TARJETA POSTAL EN 3D
Además de los Smart Objects, Photoshop Extended ofrece otra manera de aplicar transformaciones de perspectiva de manera no destructiva: seleccione cualquier capa o capas, luego escoja 3D->Convert to 3D Postcard. Photoshop hará un mapa de su capa en un “espacio de tarjeta postal” 2D. Entonces puede usar las diferentes herramientas de manipulación de objetos 3D (K) y herramientas de cámara (N) para cambiar la orientación y apariencia de la capa. También puede probar a agregar luces por medio del panel 3D: una interesante técnica que puede usar aunque no esté usando la transformación de perspectiva.
6.- 3D: ENCUENTRE ÁREAS “PINTABLES”
Photoshop usa un modelo de pintura basado en proyecto, lo que significa que es necesario posicionar el objeto 3D paralelo a la pantalla para poder pintarlo apropiadamente. La configuración Preset (en el panel 3D) le mostrará la posición y resolución ideales en las que debe estar su modelo para aplicarle pintura. En este modo, las áreas blancas indican un posicionamiento óptimo y las rojas indican un posicionamiento poco ideal. La opción Paint Selection (en el menú 3D) seleccionará las áreas que están en la posición ideal para pintar.
7.- 3D: CAPAS QUE SE ESCONDEN AUTOMÁTICAMENTE
Para mejorar el desempeño cuando se interactúa con objetos 3D, usted puede encender esta opción para activar el dibujo directo en la pantalla (permitido por OGL). Esto esconderá temporalmente todas las capas por encima de la capa 3D mientras usted interactúa con el objeto 3D.
8.- PRE-CONFIGURACIONES Y MÁS PRE-CONFIGURACIONES
Además de liberar el poder de Capas de Ajuste, CS4 ahora permite cargar y guardar las pre-configuraciones de Levels, Exposure, Hue/Saturation y Selective Color. Así, usted no solo ahorra tiempo, sino que cuenta con 22 nuevas maneras de empezar a trabajar con solo sacar el software del paquete. Los archivos de pre-configuraciones son muy pequeños y fáciles de distribuir: para compartir los suyos, solo copie el archivo correspondiente de la carpeta Preset y distribúyalo.
9.- VIEJAS COSTUMBRES EN EL NUEVO DIÁLOGO DE CURVAS
La curvas siempre han sido la espina dorsal del ajuste de imágenes, y continúan haciéndose más poderosas y fáciles de usar. En CS4, el nuevo control On-Image del panel de Ajustes hace que los ajustes sean tan intuitivos como hacer clic en la imagen y arrastrar hacia arriba y hacia abajo; claro, algunos atajos en el teclado son muy valiosos a la hora de usar el control de ajuste On-Image:
* O (círculo de pre-visualización) = Libere el cursor sobre la imagen (¡NUEVO! En CS3 era necesario clic + arrastrar)
* Agregar punto solo a la curva activa = Clic en la imagen (¡NUEVO! En CS3 era necesario Ctrl/Cmd + clic)
* Eliminar punto en curva activa = Ctrl/Cmd clic en la imagen con valores de punto Entrada/Salida (El círculo de pre-visualización aparecerá sobre le punto en la curva) (¡NUEVO!)
* Seleccionar el siguiente punto en la curva = Presionar la tecla “+” (¡NUEVO! En CS3 era necesario Control + Tab)
* Seleccionar el punto previo en la curva = Presionar la tecla “-” (¡NUEVO! En CS3 era necesario Shift + Control + Tab)
* Cambio entre Canales = Opt/Alt + 2 al 9 (¡NUEVO! En CS3 era necesario Ctrl/CMD 1 al 9)
* Pre-visualizar corte = Punto Blanco/Negro + Alt + mouse sobre la imagen. (¡NUEVO!)
10.- AUTO-BLEND Y MUCHO MUCHO MÁS
Una función nueva en el control Auto-Blend de CS4 es la habilidad de diferenciar automáticamente entre un panorama y una pila de imágenes. Por supuesto, los panoramas son más precisos y se proyectan mejor gracias a los muchos cambios hechos a la auto-alineación, pero es el botón de radio de Stack Images el que realmente da el poder a la herramienta. Stack Images dibuja datos a partir de cuantas imágenes similares usted le provea, y la variada profundidad de campo puede iluminar efectivamente (pueden combinarse varias tomas hechas en poca profundidad de campo en una sola, todas enfocadas)… más inusual todavía es la habilidad de tener un fondo prominente y enfocado y un fondo enfocado con suave blur, que antes de CS4 era fotográficamente imposible. Por último, la función Seamless Tones and Colors ayuda a balancear la exposición entre las imágenes con diferentes focos.
Tags: consejos, Photoshop, tips
Posted in Destacados, Photoshop | 1 Comment »
