Categoría: Photoshop

Como crear el efecto Inset en Photoshop

Hoy quiero compartirles un pequeño tip para crear el efecto Inset en Photoshop, este es un efecto que es muy popular en el mundo de aplicaciones móviles e interfaces de usuario. Realizarlo es muy simple y hoy aprenderemos como hacerlo. Lo primero que haremos será crear un nuevo documento con las dimensiones que tu consideres. El siguiente paso será elegir el color de base para nuestro efecto, por ejemplo yo usare un color oscuro con valor hexadecimal de #424242. Una vez tenemos nuestro color de base, procedemos a escribir el texto o la imagen que… Continuar Leyendo

Tags: , , - Continuar Leyendo

Simulando el dobles de un mapa con Photoshop

Hoy aprenderemos como realizar un efecto que seguramente has visto en algunas aplicaciones o servicios web: Crearemos el efecto de dobles sobre un mapa con la ayuda de Photoshop. Nuevo documento Creamos un nuevo documento con los siguientes valores: Cargamos nuestro mapa Lo siguiente será cargar nuestro mapa en el documento creado, pueden poner el mapa que deseen. En mi caso, adjunto la imagen que utilice para este ejemplo. Con nuestro mapa cargado, utilizamos las guías para crear 3 columnas y 2 filas quedando de la siguiente manera: Creando el efecto A continuación crearemos el… Continuar Leyendo

Tags: , - Continuar Leyendo

Interfases Web para Photoshop : ¡Gratis!

Si has hecho o te dedicas al diseño de Paginas Web, estarás de acuerdo conmigo en que se tiene que evitar diseñar y codificar al mismo tiempo, con esto quiero decir que cuando creamos un Sitio Web lo mejor es hacer un diseño muy básico de lo que buscamos, luego realizar el diseño completo en una herramienta de diseño (Photoshop, Illustrator, Fireworks, etc. ) y posteriormente convertir el diseño en Código HTML. Si quieres ahorrar un poco de trabajo en la creación de las Interfases Web, a continuación te muestro una recopilación de Interfases Web… Continuar Leyendo

Tags: , , , - Continuar Leyendo

Tuneando carros con Photoshop

Quien no se ha maravillado con los espectaculares coches que vemos en las películas como rápido y furioso, o cuando jugamos los  Need For Speed, carros ultimo modelo, colores extravagantes, diseños increíbles y de mas curiosidades que adornan a los coches. Ahora bien, a lo largo de los años he usado Photoshop de una manera moderada nada profesional la verdad, pero le he aprendido ciertas cositas que me han servido para poder realizar proyectos personales y laborales , una de las cosas que me gustaba realizar cuando empece a usar Photoshop y que es como… Continuar Leyendo

Tags: , , , - Continuar Leyendo

25 tutoriales para codificar de PSD a HTML-CSS

Ayer les comentaba sobre algunas de los métodos que se pueden utilizar para cuando queremos diseñar un sitio Web, uno de los métodos que comente era aquel de pasar un bosquejo a digital con ayuda de Photoshop y que posteriormente nos serviría para posteriormente codificar. Pues bien una ves terminado con el proceso de diseño toca codificar nuestra pequeña obra de arte, definiendo elementos HTML y dándole estilo con CSS, la idea es agarrar soltura en esto, y para ayudarnos en la misma Web de Sixrevision , podemos encontrar una lista con 25 tutoriales para… Continuar Leyendo

Tags: , , , , - Continuar Leyendo

10 tutoriales para maquetar en Photoshop

Cando comenzamos a diseñar sitios Web, una buena practica ha tener en cuenta antes de sentarse frente a nuestro editor de código favorito es diseñar lo que sera la interfaz de nuestra pagina, en un post pasado comente la importancia de plasmar nuestras ideas, en papel, siguiendo con esta linea, supongamos que hemos pasado por la parte creativa, y te encuentras con un bosquejo  en papel de como se vera tu pagina Web en un navegador. A partir de este momento hay quienes empiezan a codificar su diseño hecho en papel y existen otros que… Continuar Leyendo

Tags: , , , , - Continuar Leyendo