Follow jmourad on Twitter

Categorías

Portada

70 acciones de Photoshop que mejoran tus fotos

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

Los términos más buscados:

  • flash photoshop dreamweaver logo vector
  • iconos Photoshop
  • PHOTOSHOP 5 ICONO
  • icono de diferentes programas
  • adobe ilustrator icono
  • iconos precaucion
  • mancha de tinta china brush photoshop
  • PNG ICONS MANIPULADOS HERMOSOS

Hojas de ayuda para WordPress 2.8

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

22 extensiones de Firefox para el desarrollo Web

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

21 juegos de iconos de gran utilidad para diseñadores

Desde el blog Little Box of Ideas , comentan en el artículo 21 Extremely Useful Icon Sets For Designers , que han estado trabajando en un par de proyectos y últimamente han trabajado en el diseño de iconos para incluirlos de una manera rápida, a fin de facilitar los requisitos de diseño. Pensaron en cuanto al tipo de iconos que estaban disponibles por ahí para que cualquier persona pudiera construir una página web sencilla. Pero deseaban ir más allá de los conjuntos de iconos que han sido objeto de abusos en todas las listas, como “ Milky “, “ Weby “, “ Function ” y “ Simplicio “, puedes darles un vistazo y probarlos si no lo has hecho aun. Después de estudiar minuciosamente a través de diferentes blogs de los diseñadores y entusiastas del diseño, que a menudo son generosos con sus regalos, han compilado una lista de 21 conjuntos de iconos fantástico que podemos añadir sin desmerecer en el diseño de una página web en cuestión de minutos (por cierto también se pueden utilizar en las presentaciones). La mayoría de ellos son gratuitos para uso personal y comercial, algunos sólo permiten el uso personal, recuerda comprobar las condiciones de uso antes de usarlos. Por simplicidad y facilidad, se han vinculado la mayoría de los archivos a las páginas de deviantArt del artista, a pesar de que muchos de ellos tienen los mismos iconos en sus blogs.

21 juegos de iconos de gran utilidad para diseñadores

30 bonitos e inspiradores fondos de pantalla duales

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

Los términos más buscados:

  • fondos de pantalla inspiradores
  • fondos bonitos twitter

Las 19 mejores combinaciones tipográficas

En una composición gráfica o en una página web cualquiera, los contenidos textuales son los principales responsables de la transmisión del mensaje al espectador final . En este entorno, por tanto la tipografía es la materia que hace de intermediario entre el receptor y la información propiamente dicha. Los caracteres matizan las palabras y le aportan o refuerzan el sentido. La mala selección de esas formas pueden interferir negativamente en la comunicación. Junto con el color, la tipografía puede alterar por completo el significado que asociamos a un diseño. El texto puede decir una cosa; pero las letras, otra muy diferente. Lo cierto es que cada familia tipográfica tiene sus propias características y su propia personalidad, que permiten expresar diferentes notas visuales, unas más fuertes y otras más sutiles, unas más refinadas y otras más toscas, unas más geométricas y otras más orgánicas, por lo que la selección de las familias tipográficas a usar en una composición debe hacerse con un amplio sentido de la responsabilidad. Teniendo en cuenta esto, encontré un artículo muy interesante, con el título 19 top fonts in 19 top combinations , de Bonfx , en donde usa 19 diferentes tipos de combinaciones de tipográficas , las combinaciones que normalmente se utilizan en un titular y el tipo de letra base en un artículo o página Web. La regla de oro de las combinaciones tipográficas , que es simplemente de combinar una de tipo serif y otra de tipo sans serif para efectuar el contraste . Cuanto más alejadas de los estilos de los tipo de letra mejor. Los tipos de letras que son demasiado similares dan como resultado una mala combinación. Algunas tipografías tienen versión sans y versión serif y suelen formar una perfecta combinación: por ejemplo, la forma serif para el texto y la sans para el resto, o viceversa. Con fuentes diferentes, es cuestión de probar. El tipo de letra para el texto base puede incluir, naturalmente, la variante cursiva y en negrilla. Ambas deben emplearse sólo para enfatizar partes del documento, no en fragmentos extensos. En general, las familias con serifas de pie, funcionan mejor como tipo de lectura en imprenta. Por el contrario, las de palo seco o sin serifas, dan mejor resultado en monitores y pantallas, sobre todo cuando hablamos de resoluciones bajas. El factor más determinante sobre la elección de un tipo de letra base debe ser su legibilidad , propiedad derivada del diseño mismo de los tipos de letra, eso es especialmente importante para los textos largos. Para bloques de texto más cortos tenemos mayor libertad de elección, y para los títulos podemos emplear la fuente que queramos, en función del espíritu del documento y la sensación que nos interese crear . Una buena estrategia de trabajo es preparar una paleta de tipografías con una letra serif para el texto, una letra sans para los títulos y subtítulos (o al revés si el destino son las páginas web), con tamaños mayores. Esto también se puede hacer con los pies de foto, resúmenes, citas y notas, de menor tamaño, y tal vez, una letra especial para el título principal. Es una fórmula que es simple y efectiva, que evita la mezcla de diferentes fuentes de palo seco juntas o diferentes letras serif juntas, combinaciones que raramente funcionan. El autor del citado artículo seleccionó un modelo sencillo y muy general: un tipo de letra para el título en negrita y un tipo de letra normal en el texto base. Al final realizó las combinaciones, por supuesto bajo un punto de vista personal, que no necesariamente puede coincidir con el nuestro, pero es algo por donde empezar. Casi cualquier tipografía pueden ser compensadas y obligada a trabajar junto con otra en algún tipo de contexto. Cualquiera de estas combinaciones podría justificar una mayor experimentación para obtener mejores resultados. Un último consejo, conviene evitar lo que ya está muy visto. Un tipo de letra que todo el mundo usa hace que nuestros documentos sean indistinguibles, un producto clónico de los demás. Tipografía como Arial (Helvetica), Courier y Times New Roman son tan frecuentes que convierten un documento en algo anodino, sin impacto visual. Como alternativa hay otros tipos de letras que, siendo básicamente del mismo tipo, te sacarán del anonimato y aburrimiento a los textos que preparemos. Al final el resultado lo puedes observar aquí pero de modo gráfico: Pero también lo tenemos en formato PDF, que puedes descargarlo para su mejor visualización, pues esta en dos columnas: Las combinaciones son de los siguientes tipos de letras: Helvetica / Garamond Caslon / Univers Frutiger / Minion Futura / Bodoni Garamond / Futura Gill Sans / Caslon Minion / Gill Sans Univers / Caslon Bodoni / Futura Myriad / Minion Avenir / Warnock Caslon / Franklin Gothic FF Din / Baskerville Trade Gothic / Clarendon Baskerville / Univers Akzidenz Grotesk / Garamond Clarendon / Trade Gothic Franklin Gothic / Baskerville Warnock / Univers

Las 19 mejores combinaciones tipográficas

27 tipos de letras “serif” clásicas y elegantes

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

Los términos más buscados:

  • tipo de letras elegantes

Más de 1000 tipos de letras gratuitos para el 2009

Los artículos sobre tipografía es algo habitual en Cosas Sencillas, es un tema que como ya he comentado en muchas ocasiones es un tema que me apasiona. La Wikipedia define la tipografía como el arte y técnica del manejo y selección de tipos, originalmente de plomo, para crear trabajos de impresión. Otros como el tipógrafo Stanley Morison ( Principios fundamentales de la tipografía ) la definió como: Arte de disponer correctamente el material de imprimir, de acuerdo con un propósito específico: el de colocar las letras, repartir el espacio y organizar los tipos con vistas a prestar al lector la máxima ayuda para la comprensión del texto. La tipografía es el oficio que trata el tema de las letras , números y símbolos de un texto impreso (ya sea sobre un medio físico o electromagnético), tales como su diseño, su forma, su tamaño y las relaciones visuales que se establecen entre ellos. Me ha llamado mucho la atención el artículo 1000+ Free Fonts 2009 , de Web Design Blog , con más de 1000 tipos de letras gratuitos incluidos en este mega paquete. Otro tema es que vengan con todo el juego de caracteres completo para nuestro idioma. Recordemos que el conjunto de caracteres ( charecter set ), es la lista definida de caracteres reconocidos por un hardware o un software. Cada carácter es representado por un número. Por ejemplo, el conjunto de caracteres ASCII utiliza los números del 0 al 127 para representar todos los caracteres del inglés y otros caracteres especiales. Otros juegos de caracteres utilizan caracteres adicionales para adaptarse a otros lenguajes. Para descargar la colección de tipografías: Rapidshare.com , o desde Filebox.ro .

See more here:
Más de 1000 tipos de letras gratuitos para el 2009

La firma Ralph Lauren se pasa con los retoques con Photoshop

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

13 buenas herramientas de código abierto para diseñadores Web

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