por Omar Benyakhlef | Photoshop, Tutoriales
Tutoriales Photoshop gratuitos
Más recursos buenos y gratuitos en este blog de diseño web.
En esta ocasión se trata de un post en el que encontré nada más y nada menos que 22 tutoriales para dar efectos a textos con photoshop, no tiene desperdicio, y además abarca un abanico muy amplio de diseños distintos.
Espero que os guste.
Enlace original: 22 Best Photoshop Text Effect Tutorials
por Omar Benyakhlef | Fotografía
Tutoriales para dar efectos de luz con Photoshop
El uso de Photoshop es imprenscindible para el diseño web. Últimamente estoy viendo muchos diseños con imágenes de fondo tratadas con buenísimos efectos de luz.
Así mismo, podemos ver tanto en televisión como en imprenta, todo tipo de campañas basadas en estos efectos. VANDELAYDESIGN nos trae una recopilación de 40 tutoriales de efectos de luz con photoshop.
Estos tutoriales os serán muy útiles tanto en entorno web como en imprenta, están en inglés y necesitan al menos conocimientos básicos de Photoshop, pero merece la pena hacer un pequeño esfuerzo, porque los resultados son espectaculares.
por Omar Benyakhlef | Diseño de páginas web, Fotografía, Tutoriales
Tutoriales para Photoshop
He recogido estos tutoriales de Photoshop que creo que pueden ser de gran utilidad. Los efectos están muy logrados y este tipo de diseños «anacrónicos» que siempre nos van a dejar en buen lugar. A mi juicio son unos tutoriales de obligada lectura y de los cuales se pueden aprender muchos trucos.
En este post además podréis encontrar enlaces a otros tutoriales de Photoshop, pinceles y fotografías gratis y artículos relacionados con estas tendencias.
(más…)
por Omar Benyakhlef | Diseño de páginas web, Tutoriales
Tutoriales Photoshop
Psdtuts es una web que debería estar en la carpeta de marcadores de todo diseñador. Además de artículos muy interesantes, tienen una gran variedad de tutoriales de photoshop. Desde efectos de ilustrador hasta las más increíbles reproducciones en las que se llega a conseguir desde cero una «fotografía» del original.
Dentro de estos tutoriales, podemos encontrar las siguientes categorías; diseño, dibujo, efectos (tanto de cero, en fotografías o en texto), interface, y consejos y herramientas. Como podéis comprobar se trata de una gran web en la que podréis llegar a ser verdaderos expertos de photohop.
Esta es una relación de alguno de los tutoriales que más me han gustado, aunque a decir verdad la lista podría ocupar cien veces, y es que se trata de una de las mejores web de consulta que he descubierto hasta ahora.
Ver tutoriales de Photoshop en Psdtuts
ALGUNOS EJEMPLOS DE LOS TUTORIALES QUE PODÉIS ENCONTRAR:
Una muestra de lo que podéis encontrar
por Omar Benyakhlef | Diseño de páginas web
100 tutoriales para Photoshop
Esto se ha convertido en una relación de «dependencia total», y es que creo que no sabría qué hacer si me lo quitasen…. Photoshop para cualquier diseñador gráfico es imprescindible. Además y lo que más me atrae de él, es que después de esta larga relación de muchos, muchos años, sigo cada día aprendiendo algo nuevo.
Hoy he encontrado un post que me parece muy útil. La cantidad de efectos que podemos producir sobre una imagen es ilimitada, desde hacer un montaje Warhol hasta crear una ilustración a partir de una fotografía. 100 son los «trucos» que en esta ocasión nos muestra photoshoproadmap.com, cada uno de ellos explicado paso a paso.
Espero que os sea de utilidad.
por Omar Benyakhlef | Diseño de páginas web
Acciones para Photoshop
Este blog de diseño web, está lleno de enlaces con utilidades para Photoshop. Podéis encontrar todo tipo de pinceles, tutoriales o incluso psd para descargar e investigar. Pero faltaba algo, algo que suele ser útil en determinadas ocasiones, las acciones.
No soy muy amigo de usarlas, pero reconozco que en ocasiones ayudan mucho sobre todo a ahorrarnos tiempo. De todos modos lo que es importante es ir controlando lo que hace la acción para adecuar los parámetros al fin que andamos buscando.
En este post podréis encontrar una primera entrega de acciones para hacer todo tipo de efectos sobre vuestros diseños,
- Deviantart como no podía ser de otra forma tiene una inmensa galería de acciones para descargar.
- Turning Turnip nos trae unas acciones realmente útiles, entre ellas cabe destacar el efecto «cubo 3D» .
- Efecto Collage es uno de mis favoritos, divide una fotografía original en varias pequeñas, las corta y las deja colocadas como se de cartas de una baraja se tratase.
- Efecto cuaderno de espiral, otra genial acción de planosFX, parecerá que hemos diseñado un cuaderno.
- Foto Vintage, otra acción más de Deviantart.
- Efecto puzzle, creamos un puzzle a partir de nuestra imagen.
- Efecto Comic, bien divertido siempre y cuando vayas controlando la acción paso a paso.
por Omar Benyakhlef | Diseño de páginas web, Tutoriales
PSDs Gratis para descargar y aprender
Sin duda en diseño web como en cualquier otro tipo de diseño gráfico, Photoshop es absolutamente necesario. Controlar este programa significa poder llegar a crear tus propias imágenes y distinguirte de los demás. En numerosas ocasiones vemos imágenes realizadas por expertos, pero no es lo mismo ver un diseño plano (jpg…) que poder ver las capas en el psd y ver cómo el autor lo ha ido montando.
Gracias a estos psd podrás usar una gran cantidad de «trucos» para tus próximos diseños. Evidentemente se trata de trabajos realizados por expertos, por lo que a pesar de poder descargártelos gratis lo «legal» es ser solidario con estos autores y sus obras y usarlos como modelos para nuestros próximos diseños, no como material listo para usar…
(más…)
por Omar Benyakhlef | Diseño de páginas web
Pinceles Retro Vintage
El diseño web retro es un estilo único y muy atractivo para cualquier tipo de usuario. Cada vez se ven más diseños tanto en webs diseñadas para empresas, como personales o publicidad impresa.
Una de las mejores ayudas que vamos a tener a la hora de hacer diseños de este estilo son los pinceles, ahí van unas cuentas librerías de pinceles para photoshop que os serán muy útiles.
(más…)
por Omar Benyakhlef
Aquí iré dejando toda clase de enlaces para que podáis bajaros o consultar utilidades dirigidas al diseño de páginas web, espero que os sirvan.
Cada diseñador necesita un buen arsenal de pinceles para su photoshop. Estos pinceles son además muy grandes, por lo que nos van a servir para todo tipo de trabajos, la mayoría son de 1800 pixels de ancho.
>> Posts con más información y lugares donde descargar pinceles para photoshop
Otras webs para descargarse pinceles:
Una magnífica web en la que te podrás descargar buenísimos dibujos vectorizados, desde botones a siluetas humanas en todo tipo de posición, manchas, animales, plantas,…. Imprescindible en tu biblioteca.
Una web en la que podrás descargar cientos de logotipos en distintos formatos. Cuenta con un buscador en el que casi seguro que encuentras el logo que buscas.
BitNami: Aplicaciones web empaquetadas y listas para instalar!
BitNami Stacks te permite instalar directamente en tu PC/Mac aplicaciones de código abierto.
Entre otros incluye blogs como el WordPress o Roller, programas de CMS, gestores de proyectos, encuestas, foros,….
Una magnífica ayuda que además de dar un resultado estético bueno, nos reducirá el peso de nuestras cabeceras.
Iconos GRATIS para tu web, ¿quien no ha necesitado alguna vez un icono?, aquí os dejo unas cuantas direcciones de sitios en los que puedes bajarte gratis buenos iconos.
Retoque de imágenes, un montón de trucos para retocar y crear imágenes. Photoshop, Ilustrator,…
>> Posts relacionados con Photoshop, manuales, ejemplos….
Fondos, ideales e indispensables para tus mejores diseños
Templates, plantillas web GRATIS
Cabeceras GRATIS para tu blog
Fuentes GRATIS para tus diseños. Cada vez resulta más difícil encontrar buenas fuentes «GRATIS«, aquí está la prueba de que no hace falta gastar dinero para usar buenas fuentes.
Si conoces alguna otra dirección que pueda resultar últil, por favor, envíamela para que todos puedan disfrutarla.
>> Post relacionados con fuentes. Lugares de descarga, trucos,…
A continuación algunas direcciones en las que podrás encontrar todo lo necesario para realizar tus combinaciones de colores con paletas que te servirán de inspiración.
Ajax es una tecnología asíncrona, los datos adicionales se requieren al servidor y se cargan en segundo plano sin ralentizar la carga de la página. Los efectos son increibles, pero además de suponer un adelanto en diseño, también y no menos importante, es un gran avance en usabilidad y SEO.
A continuación enlaces tanto de Ajax como de sus librerías JQuery y Mootols.
por Omar Benyakhlef
A continuación iré dejando enlaces a páginas que me han parecido muy interesantes, tanto por su diseño como su utilidad relacionada con el diseño web. Espero que os sean de ayuda.
CSS
- CSSmenumaker Elige tu menú CSS y llévatelo puesto.
- CSS3.info Interesante sitio para aprender CSS con la posibilidad de ver online los distintos tipos de órdenes.
- Thenoodleincident.com Código CSS para maquetar con capas.
- 456bereastreet.com Código CSS para simular frames y sin los consiguientes inconvenientes.
FONTS
ÚTILES – Html, Javascript, Ajax, Dhtml, imágenes, videos…
- Dynamicdrive.com Sitio de referencia para todo tipo de «código listo para llevar».
- Script.Aculo Muy buenos ejemplos en Ajax.
- Ajax Rain Más ejemplos en Ajax.
- SXC Biblioteca de imágenes con una amplia oferta de fotos libres de copyright.
- DhtmlGoodies Código libre para usarlos en tu web.
- Countinglinks ¿Cuántos links linkean a tu web?.
- Flowplayer Muestra videos en tu web sin tener que recurrir a youtube.
- Malsup Galerías de imágenes con JQuery.
- Phatfusion Galerías de imágenes y más utilidades para descargar. Muy bueno y rápido.
- Accordion V2.0 Efecto acordeón para mostrar y ocultar contenido en tu web.
SEO
- Seotester.com Diversas herramientas para controlar el posicionamiento.
- Google Trends Representa la frecuencia con la que se realiza una búsqueda particular en varias regiones del mundo y en varios idiomas.
- LinkVendor Más herramientas SEO.
PHOTOSHOP
INTERESANTES
POR SU DISEÑO
- Jandaco Desde Los Angeles una de las principales agencias de diseño gráfico.
- Getthegass Mejor verlo. Impresionante juego realizado en flash.
OTROS ENLACES DE INTERÉS