Una acción para Photoshop , según he comentado en más de una ocasión, se entiende como una serie de tareas que se reproduce en un único archivo o un lote de archivos . Con las acciones puedes hacer casi cualquier cambio a una imagen (cambiar el tamaño de la imagen, añadir nuevas capas, filtros, guardar archivos en un formato específico, etc.). Algunas acciones pueden incluir paradas para permitir a los usuarios introducir algunas opciones. Esto podría permitir a los usuarios a realizar tareas que no se puede grabar o que es parte del diseño de la acción ajustando un parámetro de un determinado filtro. Las acciones se almacenan en archivos ATN, y se pueden cargada en la paleta flotante de Acciones . Por lo tanto las acciones para Photoshop hacen que nuestra vida sea mucho más sencilla, pues podemos hacer los cambios normales que se hacen a una imagen o un archivo, de una manera automatizada, sin necesidad de pasar por cada uno de los pasos una y otra vez. Resumiendo, las acciones de Photoshop son perfectas para los novatos en Photoshop, pues nos permite aplicar múltiples efectos diferentes de fotos a una imagen en pocos segundos sin tener conocimientos sobre los entresijos de Photoshop. Esta mañana he encontrado el artículo 70 Of The Best Photoshop Actions For Enhancing Photos , de CreativeNerds , una recopilación de que consta de 70 de las mejores acciones de Photoshop recogidas por toda la Red , un recurso de diseño esencial para todos los diseñadores, sean expertos o un principiantes.
70 acciones de Photoshop que mejoran tus fotos
Las hojas de ayuda ( cheat sheet ), también conocidos como “chuletas”, son los típicos documentos visuales muy completos que son una referencia o ayuda para diferentes aplicaciones . Son una buena solución para ahorrar tiempo, dinero y errores, mediante tener a mano las prácticas hojas de ayuda. Muchos de nosotros normalmente las que más necesitamos las tenemos a mano o colgadas en alguna parte, para cuando nos hacen falta. Así que esas hojas de ayuda, trucos , o de referencia rápida son increíblemente útiles. Se pueden usar como referencia rápida, fácil aprendizaje, y tienen muchas más aplicaciones. Las que quiero mencionar se encuentran en el artículo WordPress Visual Cheat Sheet , de Woorkup , un documento en formato PDF que contiene una guía práctica de referencia a WordPress 2.8 . Esta hoja de trucos esta formada por 5 diferentes páginas, que son una guía de referencia completa para WP, con los códigos de plantilla, descripciones detalladas y código de muestra. El estilo visual sencillo que se utiliza para el diseño de estos tipos de hoja nos permite encontrar en un vistazo todo lo que estás buscando. Son muy útiles para aquellos de nosotros que no tienen buena memoria y nunca nos acordamos de donde encontrar ciertos detalles, lo malo es si no nos acordamos donde guardamos las mencionadas hojas. Este es el enlace a su descarga Download WordPress Visual Cheat Sheet .
Hojas de ayuda para WordPress 2.8
Para los diseñadores y desarrolladores web, en su gran mayoría usan el navegador Firefox, porque es un gran navegador, aunque esa probablemente no sea la principal razón de su uso. El mayor beneficio son los addons disponibles por la comunidad que mejoran y ampliar el rendimiento y las capacidades de dicho navegador. Para los desarrolladores web supone una gran cantidad de tiempo ahorrado, y la información recopilada por estos plugins de Firefox hace que sea para los programadores su mejor amigo. En el artículo 22 Firefox Extensions (Addons) for Web Development , de TutZone , nos deja caer algunas de sus extensiones favoritas de Firefox para hacernos la vida mucho más fácil. Esta es la lista que nos presenta: Web Developer Toolbar . Agrega un menú y una barra de herramientas con diferentes herramientas de desarrollo web. Firebug . Una gran cantidad de herramientas de desarrollo a su alcance mientras usted navega. Puede editar, depurar y monitorear CSS, HTML y JavaScript en vivo en cualquier página web. Page Speed . Para webmasters y desarrolladores Web pueden usar esta herramienta para evaluar el desempeño de una página web y para obtener sugerencias sobre cómo mejoraras. FirePHP . Nos permite acceder a la consola de Firebug mediante una llamada PHP. Debes tener instalado Firebug y el “Net” panel habilitado para usar esta extensión. También debe descargar una biblioteca de PHP desde esta página . YSlow . Analiza las páginas web para ver por qué lentas basadas en las normas de Yahoo! Pixel Perfect . Es una extensión Firebug que permite a los desarrolladores y diseñadores web fácilmente la superposición de una composición sobre la parte superior de la web el código HTML desarrollados. Aardvark . Potente y fácil de selector de utilidad amigable para seleccionar los elementos y realizar diversas acciones sobre ellos. Puede ser utilizado para limpiar una página antes de imprimirla (quitando y aislamiento de los elementos), y para el desarrollo web. Total Validator . Realizar las validaciones múltiples y toma capturas de pantalla de una sola vez. Con diferentes herramientas de validación. IE NetRenderer . Añadir botones, menús y herramientas de las entradas del menú contextual para una captura de pantalla de la página actual con IE NetRenderer. Colorzilla . Para conseguir una lectura del color de cualquier punto en tu navegador, ajustar rápidamente este color y pegarlo en cualquier programa. Puede ampliar la página que estás viendo y medir distancias entre dos puntos cualesquiera de la página. Screengrab . Capturar lo que se puede ver en la ventana, la página entera, apenas una selección, un marco en particular …, básicamente, guarda páginas web como imágenes, ya sea a un archivo o al portapapeles. FireFTP . Cliente FTP para Mozilla Firefox que proporciona un acceso fácil e intuitivo a servidores FTP. Codetech . Es como tener el Dreamweaver en una extensión de Firefox. Edita tus documentos junto a tus páginas web de manera sencilla. Tab Mix Plus . Aumenta las capacidades de navegación de Firefox. Incluye un montón de características para las pestañas y ventanas. Greasemonkey . Nos permite personalizar la forma en que muestra la página web utilizando pequeños fragmentos de JavaScript y muchas más cosas. InspectorWidget . Agrega el botón de barra de herramientas y menús de contexto para invocar el DOM Inspector (Domi). GridFox . Dibuja una cuadrícula en la parte superior de una página web. Esto es útil para el control de las diferentes partes del diseño. Font Finder . Para obtener todos los estilos CSS de cualquier texto seleccionado en Firefox. Una vez seleccionado, pulsamos el botón derecho y selecciona ‘Font Finder, y puedes ver el estilo CSS del elemento seleccionado. JavaScript Debugger . Proporcionar un entorno de depuración de JavaScript poderosa para los navegadores basados en Mozilla. Live HTTP Headers . Para ver los encabezados HTTP de una página y durante la navegación. Yellowpipe Lynx Viewer Tool . Muestra una vista previa de una página web mrdisnte el botón derecho del ratón o el menú de herramientas. Con un solo clic y sin salir de la página nos abre una pequeña nueva ventana. Xmarks Bookmark Synchronizer (formerly Foxmarks) . Es en ideal para el bookmarking. Instalados en todos tus equipos, puedes mantener tus marcadores y (opcionalmente) una copia de seguridad con contraseña sincronizados. También te ayuda a descubrir lo mejor de Internet en función de lo que millones de personas tienen en sus marcadores.
22 extensiones de Firefox para el desarrollo Web
En muchas ocasiones he hablado sobre los fondos duales , ya que algunos diseñador web tiene la suerte de utilizar la doble pantalla, que es una gran ventaja. Si eres de los que tienen una configuración de pantalla dual, eso te permite mantener las aplicaciones más utilizadas y las herramientas a la vista sin tener que estar constantemente cambiando (minimizar y maximizar). Tener dos pantallas también significa que puedes utilizar fondos de pantalla que están diseñados adrede para una configuración dual. En el artículo 30 Inspiring and Beautiful Dual Screen Wallpapers , de WebDesignLedger , una colección donde puedes encontrar una gran cantidad de fondos de escritorio realmente bonitos para usarlos con dos monitores, o simplemente para tu inspiración y disfrute. El citado artículo nos dejan una vista previa y los enlaces a la descarga de cada uno de ellos.
30 bonitos e inspiradores fondos de pantalla duales
Antes de continuar es necesario aclarar algunos conceptos para los que no estén familiarizados con algunos términos. Las tipografías de tipo “ serif ” son aquellas cuyas letras presentan en sus extremos unos remates muy característicos, conocidos con el nombre de serif . Las de tipo “ sans serif ” carecen de este detalle. Normalmente se usan tipografía de tipo “ serif ” en el cuerpo del documento impreso, ya que este tipo de tipografía es más fácil de leer y por lo tanto puede leerse más rápidamente porque esos pequeños elementos decorativos añaden información visual que facilita la lectura, nos encaminan en la línea de texto, nos guían en su lectura. Aunque tal y como puedes observar en la mayoría de las Web, esta no es una excepción, está escrita con una tipografía “ sans serif “, que es justo lo contrario a lo que he dicho hasta ahora. Lo realmente importante es la facilidad de lectura. En una página impresa la resolución de impresión es muy alta por lo que esos pequeños elementos decorativos en las letras quedan muy bien definidos. Pero por el contrario en una pantalla de ordenador la resolución todavía no es muy alta y la tipografía con “ serif ” produce efectos en las letras que hacen dificultosa su lectura. Siempre una tipografía “ sans serif ” se lee mejor, por eso no se recomienda usar tipografías de tipo “ serif ” con el texto de meno de 12 pixels. Una vez que ha seleccionado la tipografía para el cuerpo del texto, considera la opción de usar alguna otra tipografía diferente. Nos podemos fijar en los periódicos, usan una tipografía para el contenido del articulo pero usan otra distinta para los titulares. Además usan la misma para todos los titulares. Es importante mantener la coherencia de tipografía en todo el sitio Web. Pero ten en cuenta que muchas tipografías diferentes tampoco es bueno, muchas tipografías distintas en una misma página provocaría una especie de confusión que no deseamos. Es algo así como la nota de rescate de los secuestradores. Como ejemplos de tipos de letra serif podemos citar Book Antiqua, Bookman Old Style, Courier, Courier New, Century Schoolbook, Garamond, Georgia, MS Serif, New York, Times, Times New Roman y Palatino. Entre los tipos de letras sans serif se encuentran Arial, Arial Narrow, Arial Rounded MT Bold, Century Gothic, Chicago, Helvetica, Geneva, Impact, Monaco, MS Sans Serif, Tahoma, Trebuchet MS y Verdana. Como la selección de un tipo de letra para un determinado proyecto no es siempre es una tarea fácil, en el artículo 27 Classic & Elegant Serif Fonts , de JustCreativeDesign , nos proporcionan una buena lista de tipos de letras muy profesionales del tipo serif clásico y a la vez elegante, que con toda seguridad harán la tarea tipográfica un poco más fácil … bueno eso espero.
Read this article:
27 tipos de letras “serif” clásicas y elegantes
El debate no es nuevo, el avance de las técnicas digitales para retocar las fotografías —el más popular, el programa “Photoshop”— tiene detractores. Ahora la polémica ha saltado al ámbito parlamentario. En Francia, medio centenar de diputados ha declarado una nueva batalla contra la “cirugía” fotográfica. Quieren que las imágenes retocadas incluyan, por ley, una advertencia. No tanto, ni tan calvo. Según he leído en El País , la firma de moda Ralph Lauren se ha disculpado por haber adelgazado en el Photoshop la cintura de una de sus modelos hasta extremos increíbles. A este paso las modelos serán puro esqueletos. La polémica se desató después que dos blogs Photoshop Disasters y Boingboing publicaran la foto con comentarios críticos sobre la tóxica influencia de estas imágenes entre las jóvenes. La compañía rápidamente soltó a sus abogados como perros de presa para que retiraran la imagen, cosa a la que Boingboing se negó. Su responsable Cory Doctorow replicó con un mensaje en el que criticaba que se quisiera utilizar el copyright para amenzar a quienes sostienen posiciones críticas y, además de avisar que mantendrían su política editorial, recomendaba a Ralph Lauren que ofreciera a sus modelos sopas y bocadillos nutritivos. Un portavoz de la firma Ralph Lauren ha pedido disculpas públicas por la foto. El portavoz ha manifestado a Daily Mail , que reconocían su responsabilidad por el retoque que ha tenido como resultado una imagen distorsionada del cuerpo de una mujer. El portavoz se comprometía a tomar más precauciones en el futuro. La modelo de la foto es Filippa Hamilton , que tiene un cuerpo mucho más saludable del que luce en la imagen de Ralph Lauren. En algunos comentarios de los blogs que publicaron la foto se destacaba, con perplejidad, que la cabeza era más grande que la pelvis . El mundo de la moda hace tiempo que se debate entre la imagen de sus delgadas modelos y el impacto que las mismas pueden tener entre jóvenes que pueden sucumbrir a la anorexia o la bulimia.
More here:
La firma Ralph Lauren se pasa con los retoques con Photoshop
Las aplicaciones de código abierto (en inglés open source ), es el término con el que se conoce al software distribuido y desarrollado libremente. El código abierto tiene un punto de vista más orientado a los beneficios prácticos de compartir el código que a las cuestiones morales y/o filosóficas las cuales destacan en el llamado software libre . Dentro de este tipo de aplicaciones, las herramientas son una gran alternativa para los diseñadores de web, para que no se disparen nuestro maltrecho presupuesto. Muchas herramientas de código abierto tienen características comparables a las aplicaciones de pago. Esto hace posible que un diseñador web pueda tener todas las herramientas y aplicaciones necesarias para completar las tareas diarias de su trabajo, sin siquiera gastarse un céntimo. En el artículo 13 Excellent Open Source Tools for Web Designers , de WebDesignLedger , encontrarás 13 de las mejores herramientas de código abierto enfocadas para los diseñadores web, aquí tienes el enlace a su descarga y una breve explicación. Editor de texto : Aptana Studio . Completo entorno de desarrollo web que combina potentes herramientas de edición de HTML, CSS y JavaScript, junto con miles de plugins adicionales creados por la comunidad. KompoZer . Un completo sistema de autoría web que combina la gestión de archivos web y la edición WYSIWYG fácil de usar en páginas web. Notepad++ . Editor de codificación para Windows, que reemplaza al Bloc de notas, y que soporta varios idiomas. Firebug . Un plugin para Firefox que te permite editar, depurar y monitorear CSS, HTML y JavaScript en vivo en cualquier página web. Quanta Plus . Un estable y rico entorno de desarrollo web. jEdit . Editor de texto de multi-plataforma con muchos años de desarrollo detrás de él. Aplicaciones gráficas : GIMP . Un paquete versátil de manipulación de imágen. Una excelente alternativa al Photoshop. Dia . Es una aplicación inspirada en el programa comercial “Visio” para Windows, aunque más orientado a esquemas informales para uso ocasional. Puede ser utilizado para dibujar diferentes tipos de diagramas. Krita . Aplicación gráfica para todos los que quieran ser creativos con las imágenes. Inkscape . Editor de gráficos vectoriales, con capacidades similares a Adobe Illustrator. FTP : FileZilla . Es probablemente la aplicación de FTP más popular. Puedes descargar una versión de cliente o servidor. Cyberduck . Un cliente FTP integrado para el Mac. WinSCP . Es un cliente de SFTP y cliente FTP para Windows.
The rest is here:
13 buenas herramientas de código abierto para diseñadores Web