Hacía ya tiempo que no te hablábamos de cómo conseguir ciertos efectos en nuestras imágenes de la mano de Photoshop. Así que para los que estaban esperando a qué apostásemos una vez más por ese tipo de contenidos, hoy te vamos a explicar como conseguir que tu imagen pase de ser aburrida a tener un reflejo de su propia silueta muy original. ¿Quieres echar un vistazo? Pues a continuación te enseñamos cómo conseguir el efecto de reflejo en una imagen de Photoshop Cómo conseguir el efecto de reflejo en una imagen de Photoshop   Antes de empezar a contarte los pasos que tienes que seguir para que en tu fotografía aparezca un reflejo de la propia silueta, cabe destacar que se verá más creíble si por un lado hay agua, o sino, para usarlo en fondos con un objeto único. Puedes echarle imaginación y hacer más cambios, aunque para empezar lo mejor es ...

De seguro que están cansados de ver como este efecto pasa a ser una tónica en los anuncios de muchas marcas, en la publicidad que nos entregan en algunos lugares e incluso como se ha pasado al mundo online. Y claro, ustedes preguntándose como se hace. Y ahora que todo el mundo puede tener Photoshop gratis y de forma legal en sus ordenadores gracias a la promoción de Adobe, vamos a insistir un poco más en tutoriales para sacar partido al programa de retoque fotográfico y hoy les contamos cómo crear efecto luz de neón en tipografías con Photoshop Cómo crear efecto luz de neón en tipografías con Photoshop Para poder conseguir ese efecto luz de neón similar al que ven en la imagen con la tipografía, bastará que sigan todos estos pasos, y si tienen cualquier duda o problema, ya saben que los comentarios están para eso, y que nosotros estaremos ...

Supongo que muchos de ustedes, aunque se dediquen al diseño web no controlan el código como un programador y precisamente por ello echan mano de herramientas como en el caso de Dreamweaver, las cuales nos permiten poder crear las webs que queramos sin tener conocimientos del código web, y precisamente para los que andan todavía empezando, y un poco peleados con la programación, hoy les vamos a contar cómo crear un formulario de contacto usando Dreamweaver  Cómo crear un formulario de contacto en Dreamweaver: Abrir un nuevo archivo: File > New > HTML Añadir al archivo los campos de contacto que queramos como nombre, email, dirección, mensaje… Para hacerlo, deben seguir el siguiente comando: Insert > Form > Text Field y configurar cada uno de ellos como queramos. En los paneles que aparecen al crear cada uno de los formularios debemos rellenar con nombre la etiqueta que queremos que se muestre, por ejemplo Nombre, ...

Cómo utilizar las imágenes de Flickr para ilustrar artículos en blog y webs. Estoy segura de que muchos de los que gestionan sitios webs, ya sean webmasters o bloggers en más de una ocasión se habrán visto en el apuro de no saber como ilustrar un determinado tema, porque no disponían de la imagen adecuada y se han quedado pensando si de verdad les compensaba comprarla en las muchas webs que existen para encontrar imágenes. Desde luego la opción está en sus manos, pero hoy les quiero enseñar a sacar partido de otra iniciativa, la de cómo utilizar las imágenes de Flickr para ilustrar artículos en blog y webs. Lo que hay que hacer para utilizar estas imágenes para ilustrar contenidos es seguir los pasos que les describo a continuación, y como vamos a usar los derechos creative commons pueden olvidarse de los problemas que ocasionan otras imágenes que están protegidas por ...

Hoy en nuestro blog dedicado al diseño volvemos a hablar de recursos para aquellos que buscan sacar lo mejor de sus sitios web y blogs. Y es precisamente así como les presentamos una pequeña idea para hacer una versión accesible desde el smartphone de sus propios portales. No necesitarán más que un par de minutos para conseguirlo gracias a la herramienta bMobilized. Y no se escapen antes de tiempo, que no hay que saber ni programar ni ser un experto en diseño web. La funcionalidad de bMobilized es muy sencilla. Necesitaremos un rápido registro en su versión beta para crearnos una cuenta desde la cual nos pedirá que ingresemos la página web que nos interesa pasar a formato compatible con los smartphones y tabletas y generarla. Así de rápido y de fácil. Pero claro, no todo podía ser perfecto y ahora les explico los contras. La herramienta ofrece una prueba gratuita durante 60 días. ...

Slide Note es un sencillo plugin desarrollado en jQuery que te permitirá mostrar una nota en tu página web con efecto de slide, bastante visual para mostrar un mensaje de bienvenida o la información que desees. Además Slide Note puede mostrar el contenido de una URL y opcionalmente puede mostrar también algún elemento incrustado en una página Html. Una vez instalado este plugin, su funcionamiento es sencillo, una vez abras tu página y al hacer scroll aprecerá tu nota con un efecto de slide desde el lateral del mismo, además tiene un botón de cierre al estilo de aplicaciones Mac. Puedes ver una Demo a través de slidenote.info, realiza scroll con tu ratón y la nota aparecerá. Como opciones de configuración podrás cambiar el botón de cierre de la Nota y la esquina desde donde aparecerá la misma. Podrás utilizar este plugin en cualquier plataforma, WordPress, Joomla, Drupal, eso sí sabiendo algo de código, pero ...

Desde dzinepress nos llega esta recopilación de Tutoriales, un buen material para diseñadores que te puede ayudar a simplificar tu trabajo. Son Tutoriales al detalle para redondear contenedores, botones con CSS3 y RGBA, Hojas de estilo en Cascada. También otros para aplicar borde a las imágenes con estilo en CSS3, Colores en CSS3,Bordes con gradiente. Puedes echar un vistazo ya que es una gran recopilación que debes tener a mano en cualquier momento para maquetar un Sitio. Perfecto para diseñadores. Cajas con esquinas redondeadas en CSS3 Super Botones con Css3 y RGBA Hojas de estilo en cascada Nuevos selectores introducidos en Css3 Border-image: Usando imágenes para tu borde Enlace | 50 Tutoriales en ...

Puedes tener como recursos una serie de Tutoriales a mano para crear tus diseño. Con esta recopilación de photoshoplady puedes empezar a diseñar tus propios efectos de texto en Photoshop. Además de trabajar con tipos de letra lo haces con tipología para realizar tus propias creaciones. Esta recopilación de tutoriales no es algo definitivo ya que como se comenta en photoshoplady una recopilación es algo subjetivo, del autor que los presente. En cualquier caso siempre es bueno tener como referencia una serie de trabajos en algunos casos como inspiración y en otros casos como aprendizaje para las técnicas más complejas de la suite de Adobe. Pagina Web | 50 Tutoriales ...

Lo que tiene de particular el plugin Digg Digg es que puedes compartir las entradas de tu Blog de WordPress con botones de recuento en tus Redes Sociales favoritas. También se puede incrustar en tu Sitio Web con algo de código si lo requieres ya que cada botón tiene su función. Es muy sencillo de configurar, como puedes ver en la imágen (tras el salto) puedes disponer de él en tu página de inicio, páginas de posts, páginas de categorías… Puedes emplearlo sólo para categorías en concreto. Como quieres que sea el menú si vertical o horizontal. Y configurar los botones que necesitas, en modo normal o compacto. Para instalar Digg Digg: Descarga el plugin. Súbelo vía ftp a wp-content/plugins en el directorio de tu Sitio. Activalo desde el menú plugins de wordpress. Condiguralo desde Digg Digg en el menú Opciones. También dispones de opciones avanzadas para configurarlo: 1) Para deshabilitar el plugin en una entrada o página en concreto escribe desde el editor <!– Digg Digg Disabled ...

En nuestro último artículo, presentamos algunos ejemplos de todo lo que se puede hacer con Photoshop en la creación de objetos 3D. Hay gran cantidad de objetos PS que se pueden descargar desde Internet, pero el proceso de crear tu propio objeto 3D además de divertido sirve para aprender nuevos trucos de diseño gráfico. Saber cómo se crean los objetos sirve como experiencia a todo diseñador gráfico y puede ser útil para el diseño de elementos personalizados para sus propios proyectos. Éstos son algunos diseños más con los que puedes practicar. Reloj 3D El tiempo volará a medida que tratas de completar este tutorial para hacer un reloj de pulsera en 3D. Con este ejercicio aprenderás a hacer varias copias de las formas con el fin de crear un nuevo objeto. Copa / Grial de madera   Crear una taza de vidrio no es tan difícil, pero añadir una textura diferente puede resultar muy llamativo. En este tutorial vamos a aprender a aplicar una textura de madera a la superficie de una copa. Esta técnica puede ser útil ...

Se dice que la práctica hace al maestro, es por eso, que hoy os traemos un post recopilatorio de los mejores tutoriales, consejos y trucos para aprender a crear figuras en 3D con Photoshop. Muchos hemos necesitado en un determinado momento crear una imagen 3D o retocar una que ya teníamos y no sabíamos por donde empezar… os dejamos algunos manuales muy útiles para que veáis el proceso de diseño. Con tiempo, paciencia y vuestro talento como diseñadores, ¡seguro que conseguís buenos resultados! Bolas de billar en 3D En un momento u otro, llegará el momento en el que necesites crear esferas u objetos redondos  para tus diseños. He aquí un pequeño y rápido tutorial rápido que puede ayudarte a conseguir ese efecto que quieres: aprende a añadir reflejos espectaculares y texturas brillantes a las bolas de billar. Botella de Vino En este tutorial aprenderemos acerca de la creación de objetos reales: las  sombras, jugar con la ...

La optimización de un sitio Web es una tarea muy importante; tratar de gastar los menos recursos posibles siempre es una prioridad para así evitar desperdiciar ciclos de procesador o memoria RAM, lo que reflejará un tiempo de carga mucho menor en el sitio. Existen varias técnicas para lograr esta tarea, que dicho sea de paso, puede tomar mucho tiempo en perfeccionarse. Por un lado, las acciones que se hagan de lado del servidor son fundamentales, pero también se pueden complementar con algunos recursos que ayudan al navegador a acceder a los recursos en menor tiempo. Optimización del lado de servidor (server-side) Existen algunos factores que hay que tomar muy en cuenta durante la optimización en el servidor. Son tan importantes que la correcta administración y toma de decisiones, determinar en mayor parte, el éxito al optimizar. Elegir un servicio de host decente Elegir bien la casa de los sitios Web es algo vital. ...

Las imágenes de fondo mediante el uso de CSS son bastante prácticas, ya que las reglas son bastante flexibles y permiten hacer bastantes cosas interesantes; incluso con la versión 2.1 de las hojas de estilo es posible crear efectos muy logrados, sólo hay que conocer lo básico sobre las imágenes de fondo y su aplicación dentro de las hojas de estilo en cascada. Las propiedades básicas Existen 5 propiedades inherentes al fondo de un elemento, las cuales se especifican en un archivo CSS o incluso dentro de un mismo documento HTML; estas propiedades son las siguientes: background-color: especifica el color de fondo (color sólido) background-image: especifica una imagen de fondo background-position: establece la posición de la imagen en el fondo background-repeat: determina si la imagen de fondo se debe repetir y en qué dirección background-attachment: determina si la imagen debe desplazarse con el fondo A su vez se pueden usar otras reglas de espaciado y margen, como margin ...

  AllGraphicDesing.com ha reunido los mejores tutoriales disponibles en la red para crear efectos vintage, retro y pop art con Photoshop. 60 tutoriales para diseñadores gráficos y diseñadores web: coloreado, creación de wallpaper, efectos de cabaret, efecto comic, poster retro, cartas antiguas, camisetas, pin-up, pixeles y estampados… Un listado de recursos útiles y, que seguramente, necesario para hacer que tus imágenes tengan ese encanto de las cosas de los años 60′s y ...

De antemano sabemos que existen infinidad de tutoriales de fotografía digital dispersos por la red. Pero de lo que estamos seguros, es que, seguramente no podremos encontrar una recopilación tan interesante e importante como la que acabamos de encontrar en PSD tuts +. Y es que, aún y cuando el Photoshop fue primariamente concebido para ayudar a los fotógrafos a mejorar sus trabajos, con el tiempo se ha convertido en el mejor programa de manipulación de imágenes. Dentro de ésta recopilación de tutoriales, podrás encontrar el indicado para casi cualquier ocasión. Aprenderás desde, como reparar fotos que han sufrido los estragos del tiempo, hasta como cambiarle el color del cabello a las modelos de una fotografía. Sinceramente, éstos tutoriales están impresionantes; y si ya dominas el Photoshop, con éstos tutoriales, seguro que te conviertes en experto. Vía | PSD Tuts ...