A la hora de realizar un proyecto web tenemos ciertos programas profesionales para conseguir estupendos resultados. Sin embargo, aplicaciones por todos conocidos como DreamWeaver o Flash, no son suficientes para conseguir ciertos efectos de arte o diseño avanzado. Para ello, echamos mano de aplicaciones como Photoshop, Freehand o Illustrator.
Photoshop, quizás sea la más flexible de todas ellas, ya que podemos conseguir efectos de luces, sombras y degradados fácilmente adaptados para importar a programas de maquetación web como DreamWeaver.
Claro está, todas esta aplicaciones son profesionales y nada fáciles de utilizar si no se está altamente familiarizado con ellas. Para eso existen los recursos, en parte para facilitarnos las cosas y en parte para solucionar ciertas tareas creadas con estos programas a quienes no controlen su utilización.
Estos 30 archivos en PSD de Photoshop para diseño web, son un excelente ejemplo de todos esos elementos como botones, barras, fondos, etc…, que necesitamos incorporar en nuestros diseños para conferirle ese aspecto elaborado que estamos buscando.
Podéis descargar libremente estos archivos en formato PSD desde Creativefan.
Photoshop ha pasado de ser un programa de edición fotográfica profesional a ser una herramienta conocida por todos y mal utilizada por muchos. Quizás sea por la propaganda que se le ha hecho o porque en los últimos años era mucho más asequible su descarga desde la red, lo cierto es que es utilizado para realizar muchas tareas de carácter amateur, que a menudo deberían realizarse en otro tipo de aplicaciones más pensadas para este tipo de prácticas.
Esto nos ha llevado ineludiblemente a que mucha gente utilice esta aplicación para todo tipo de trabajo de edición gráfica sin utilizar programas de edición y maquetación como InDesign, QuarkXPress o Freehand entre otros. El resultado es la desesperación de muchos profesionales de artes gráficas que se tiran de los pelos en las imprentas para recomponer ciertos trabajos que mandan algunos que se hacen llamar diseñadores.
Pero bueno, creo que todos los diseñadores saben perfectamente a que me refiero ya que conocen cada una de las aplicaciones de diseño y de la importancia correcta de su utilización.
Todo esto lo comento porque esta colección de plugings para Photoshop que os muestro a continuación, son una gran fuente de recursos a tener en cuenta, pero que debe ser utilizada con ciertos criterios, aplicando el filtro oportuno a cada fotografía y no utilizados indiscriminadamente como podemos ver en muchas ocasiones. 150 plugings al alcance de todos en un mismo enlace que capacitan a Photoshop como una herramienta más poderosa si cabe y con la que alcanzaremos buenos resultados si los utilizamos de forma correcta para cada uno de nuestros proyectos.
Webresourcesdepot / Ver toda la colección de plugings para Photoshop.
Las utilidades son extremadamente necesarias para los diseñadores gráficos, web y creativos que se dedican a trabajar con interfaces gráficas y visuales. Hoy traemos una referencia estupenda de 80 juegos diversos de ficheros PSD sobre tecnología (gadgets, etc), sobre Web, y sobre muchos temas relacionados con las necesidades del mundo hoy en día.
Lo interesante de esta variedad de ficheros o archivos en PSD es la cantidad impresionante de temas que se manejan y la magnifica calidad de sus diseños. No solamente eso, todos los PSD pueden ser utilizados para diseños, ya sea personales o comerciales, y pueden ser editados o reconfigurados según las necesidades del creativo en acción.
Me gustan particularmente los PSD hechos con forma de BlackBerry, iPhone, etc.
Hay que aclarar que estaría bien leer los términos y condiciones de cada paquete, los que yo he descargado son libres y pueden ser usados sin restricciones, pero uno nunca sabe. Un regalito así es genial para aumentar la calidad de nuestro repositorio de recursos en PSD y mejorar nuestros diseños.
Hace tiempo que no ponía algo enfocado a la fotografía en Portafolio, es por ello que hoy que me encontré con este recurso gratuito no quise dejarlo pasar.
Si bien para mi un buen fotógrafo es aquel que logra transmitir un mensaje con su fotografía sin ningún retoque, sabemos que todavia existimos muchos a lo que nos hace falta un poquito o nos gusta “modificar” un poco la realidad de la fotografía y nos ponemos a editarlas ya sea un simple ajuste de tonos o hasta algo más.
Es por eso que una de las cosas que mas me gustan de Adobe Photoshop es que a la hora de editar una fotografía puedo utilizar alguno de los miles de “Actions” (Acciones) que para quien no los conoce aún, son una secuencia de instrucciones pre-grabadas que se realizan automáticamente.
Estas herramientas las podremos encontrar en internet y la mayoría son gratis y sin restricciones de uso. Una de las cosas que me gusta de estas herramientas es que al usar Actions podemos obtener excelentes resultados con nuestras fotos y además nos permiten ahorrar tiempo a la hora de editar las fotografías, esto sin contar de que existen miles de opciones de edición.
Navegando por uno de los blogs que me gustan mucho me encontré con una lista de 45 Acciones sorprendentes para Photoshop gratuitas, unos ejemplos de estas son:
Cuando eres desarrollador web siempre te vas a encontrar con algún pequeño detalle en alguna imagen o en algo que necesites cambiar visualmente y para ello tendrás que contactar con el diseñador web, cosa que puede retrasar tu trabajo por horas o en el peor de los casos días.
Es por ello que considero que ser desarrollador web no esta – y no debería, porque se dan los casos que parece que si - peleado con tener los conocimientos básicos de edición en Adobe Photoshop si no que al contrario, desde mi punto de vista le serian de mucha utilidad a la hora de encontrarse en una de las situaciones planteadas arriba.
No soy de las que opinan que un desarrollador puede hacer el trabajo del diseñador web ni al revés, no hay que abusar, sabemos que cada quien es especialista en su área, pero creo conocer algunas cosas básicas en Photoshop si ahorrarían mucho tiempo a un desarrollador .
Es por eso que les traemos el enlace a algunos tutoriales los cuales creo yo, son muy acertados sobre las cosas básicas de edición de imagen que debería saber un desarrollador web como cambiarle el color de fondo a un icono o aprender a mejorar la selección de un trazo con la opción de expansión y contracción, entre otras cosas.
Una de las cosas a las que nos enfrentamos a la hora de buscar una imagen en Internet es que por lo general muchas de las imágenes que existen en la web, sobre todo en los bancos de imágenes comerciales tienen lo que se le llama “marca de agua”.
Una “marca de agua” no es otra cosa más que un texto, logotipo o diseño que el dueño pone en la imagen de forma transparente y que tiene la finalidad de evitar el robo de imágenes, plagio o simplemente para evitar que la imagen sea usada sin la autorización del dueño con algún uso comercial.
Por lo general las marcas de agua son difíciles de borrar de una imagen ya que esto depende del contenido de la imagen, colores, tamaño y lugar de la marca, entre otras cosas a considerar.
En la red existen varios recursos como software que te ayudan a quitar las marcas de agua pero la mayoría de ellos hacen el trabajo de tal forma que la extracción es notable.
Ahora con el anuncio de la salida de la nueva Adobe Creative Suite CS5, el programa de Adobe Photoshop integrara una función que nos hará mucho más fácil extraer estas marcas, por ello les traemos un tutorial para que aprendan – desde ahorita – a como quitar las marcas de agua en Photoshop CS5.
Extraer marcas de agua con Photoshop CS5
Primero que nada utilizaremos una imagen de iStockphoto.
Abriremos la imagen en Photoshop CS5 y seleccionaremos la opción de “Spot Healing Brush Tool” en la barra de herramientas, ya sea directamente o con el atajo (letra J).
Primero que nada utilizaremos una imagen de iStockphoto.
Después iremos a la barra de herramientas y en la parte superior veremos la opción de “Relleno consiente de contenido” o en inglés “Content-Aware” y la seleccionaremos.
Vamos a pulsar la tecla “o” si queremos disminuir o aumentar el tamaño del pincel a según como creamos sea necesario para poder “pintar” las rayas verticales de la marca de agua.
Cuando terminemos de pintar la raya soltamos la linea y esta desaparecerá. Si no obtenemos el resultado deseado podemos deshacer el movimiento y repetir, pero esta vez con un pincel de menor tamaño.
Para extraer las áreas grandes de la marca de agua se selecciona lo deseado con la herramienta “Lazo” o con la tecla “L”
Después presione la tecla “D” asegurando que sigue seleccionada la opción de “Content-Aware” y pulse aceptar.
Nota: En el ejemplo nos podemos dar cuenta de que se esta trabajando solo con una parte de la marca, esto es porque el fondo no es uniforme. Para que puedan obtener mejores resultados se pueden trabajar con áreas pequeñas que tengan fondos idénticos.
Ahora si, aquí esta el resultado que no es totalmente perfecto pero si es bastante agradable a la vista y logra que pasen desapercibidos casi por completo las pequeñas imperfecciones.
Si quieres hacerlo esto mismo, con GIMP puedes ir y revisar este tutorial y el de GIMP en la pagina de Instant Fundas
Existen muchos plugins en la red para crear efectos con Adobe Photoshop, a mi parecer entre los plugins indispensables en nuestra carpeta de utilidades siempre debemos tener aquellos que nos ayuden a crear efectos de rayos solares, lluvia, fuego, o cualquier efecto de luz.
Pensando en eso, les traemos algunos plugins muy útiles y lo mejor de todo, gratis.
Este plugin te permite crear efectos de lluvia ya sea una lluvia ligera, fuerte o moderada, burbujas con la facilidad de poder controlar el tamaño, el numero, la densidad, y hasta modificar una a una cada burbuja desde la ventana de vista previa, también viene la opción de crear efectos de fuego, nieve, humo y nubes. El plugin se instala como cualquier otro plugin y puedes encontrarlo en la carpeta de filtros.
Con este plugin podrás crear diversos patrones desde una serie de plantillas para distorsionar, deformar o torcer cualquier imagen, además de que te da la opción de crear un GIF con los patrones.
Este es un plugin es uno de los que mas me llamaron la atención, ya que con el se pueden crear ambientes de mucha luz con rayos de sol, un efecto que me agrada bastante.
Una característica especial de este plugin es que los rayos de luz se pueden ajustar para irradiar desde un punto de enlace o si bien lo prefieres también puede irradiar desde detrás de los objetos.
Este no es un solo plugin en si, si no varios plugins en un set, como filtros de cuadriculas, pero el que más me agrado de todos y es el que quiero mostrarles fue el efecto “Fractalious” que imprime un poco de dramatismo a las imágenes.
Este plugin es para crear el efecto de “puntos” en un imagen, permitiéndonos definir el tamaño, color del borde, color de relleno, la dirección de los puntos, la distancia entre ellos, entre otras cosas.
Ya antes les hemos traído recopilaciones de acciones para Photoshop gratuitas aquí en Portafolio Blog, sin embargo, nunca se tiene suficiente material y recursos para nuestros diseños, por lo que hoy les traemos una nueva recopilación de 70 acciones de Photoshop gratuitas para que amplíen su biblioteca de recursos gratuitos.
Para los que no se hayan enterado aún, las acciones de Photoshop (o Photoshop Actions) son archivos para el popular editor de imágenes que permiten realizar una serie de ajustes predefinidos en nuestras fotografías, a fin de automatizar procesos de diseño o edición fotográfica.
Para ver las acciones en Photoshop hace falta presionar F9 o ir a Ventana/Acciones. Desde ahí es posible instalar las acciones que estamos por presentarte o crear las tuyas propias, para poder retocar una fotografía de forma rápida con una serie de pasos predefinidos, y posteriormente hacer los ajustes a tu gusto. Hoy en día encontramos en Internet acciones para todo, y hay incluso algunas que son de paga, por su espectacular calidad.
Obviamente el resultado de estas acciones variará de entre fotografía y fotografía, pero si usas Photoshop habitualmente para procesos de retocado, tal vez ciertas acciones puedan serte útiles y te ahorren gran cantidad de tiempo en tu trabajo. Además, si no manejas Photoshop a la perfección, estas acciones te serán de gran utilidad para sacarle jugo al programa, sin necesidad de tener grandes conocimientos sobre el tema.
Los dejamos enseguida con dos ejemplos y un enlace a la recopilación original.
Como diseñadores muchas veces tenemos un diseño en mente para algún cliente, y cuando lo terminamos resulta que a nosotros nos encanta, que es el “diseño perfecto”, pero cuando se lo presentamos al cliente resulta que le gusto pero…, siempre hay un “pero”, te preguntan si puedes cambiar esto o aquello, y entonces tu diseño perfecto se fue a la basura o a la carpeta de archivos olvidados y terminas haciendo un nuevo diseño.
Cansado de que le pasara esto una y otra vez y que sus diseños jamas vieran la luz, el diseñador Jonno Riekwel tuvo la grandiosa idea de crear un sitio web en donde poder regalar a toda la comunidad todos y cada uno de estos archivos que terminan olvidados en nuestro ordenador. Y como dicen en su pagina, decidió darles una segunda oportunidad, por si a alguien le sirve algo.
Fue así como nació el proyecto 365psd, un sitio en donde podrás descargar gratuitamente un archivo en PSD diferente por todo un año, desde botones, iconos, formularios, todo aquello que sea útil.
Si te interesa contribuir con tus diseños olvidados puedes hacerlo, de hecho ya hay varios diseñadores colaborando con el proyecto, el cual apenas va en el día 39.
Que la fotografíadigital ha sido un gran adelanto en el mundo de la imagen, nadie lo pone en duda. Sin embargo el formato digital implica que las posibilidades fotográficas que antes nos ofrecían las cámaras analógicas manualmente, hoy se utilice más el Photoshop para conseguir resultados sorprendentes.
Dicho de otro modo, lo que antes conseguíamos por medio de la exposición de la imagen, velocidad de obturación o sensibilidad de la película entre otros procesos, hoy echamos mano de Photoshop para añadir ciertos filtros y acciones para conseguir el resultado que queremos darle a la imagen.
