Archive for the ‘Diseño’ Category
Os traigo hoy un mini-tutorial de cómo realizar rápidamente una firma para cualquier foro de discusión online usando Adobe Photoshop.
En este caso he utilizado Adobe Photoshop CS5.
1. En primer lugar lo que tenéis que cercioraros es de la normativa de cada foro puesto que dependiendo de ésta las dimensiones de vuestra firma pueden variar. Creamos un nuevo documento con esas dimensiones:
2. Creamos una selección sobre el lienzo y con ella creamos una nueva capa a la que llamaremos fondo. La rellenamos con la herramienta “bote de pintura” de blanco.
3. Elegimos dos colores con cierto contraste: rojo – blanco por ejemplo.
4. Aquí empezamos con la magia. Vamos a Filtro > Interpretar > Nubes de diferencia. Con esto generamos un fondo bastante mono que nos servirá de soporte para nuestra firma.
5. Buscamos una foto interesante que tenga relación con la temática del foro.
6. La añadimos a nuestra firma. Si al pegarla lo hacemos con “Pegar especial > pegar dentro” estando seleccionado el fondo conseguiremos tener enmarcada la fotografía en el espacio de la firma.
7. Ahora toca ya la parte creativa: buscad pinceles, que hay muchos, poned vuestro nombre, alguna frase que os haga parecer interesantes y… voilá!
Uno de los problemas, desde mi punto de vista, al que se tiene que enfrentar todo desarrollador web es el hecho de que tenemos la necesidad de desarrollar nuestro contenido en distintas ubicaciones y bajo distintos equipos.
Esto nos plantea la obligación de, tarde o temprano, unificar el proyecto para no estar “haciendo por un lado y deshaciendo por otro”.
Existen una serie de sanas costumbres a la hora de realizar cualquier proyecto web que nos van a permitir agilizar y simplificar este proceso.
En primer lugar, debemos tratar de separar todo lo posible las distintas fases del desarrollo web: intentemos no mezclar el proceso de obtención de datos o desarrollo de bocetos, con el de diseño final o depuración de detalles. No tiene sentido que en el momento que estamos definiendo la estructura de nuestro proyecto nos centremos en describir un detalle pequeño de una de sus partes.
En segundo lugar, es necesario separar los elementos que componen un proyecto web. Esto es, definir un motor de funciones, un esquema HTML y el diseño gráfico de la forma más independiente posible. De esta forma permitiremos que varias personas trabajen simultáneamente en el proyecto sin que se estorben.
Finalmente, otra buena costumbre es permitir el sincronismo del proyecto. Esto me recuerda a una serie que hace años echaban por TV y en la que sus protagonistas, unos jóvenes aventureros, decían eso de “¡¡Sincronicemos nuestros relojes!!”. Aquí pasa algo parecido. Debemos disponer de la información, de forma accesible en un servidor (bien en la intranet o bien en internet) que permita a los usuarios trabajar en distintas partes de un mismo proyecto y que sus modificaciones queden almacenadas de forma inmediata. Aptana, del que hablaremos largo y tendido por aquí, y del que ya comentaba algo bitelemental en su post sobre el mismo, permite sincronizar los proyectos a través de FTP/SFTP.
En definitiva, esto no son más que unos pequeños trucos para que a la hora de ponernos a desarrollar un proyecto no nos encontremos con la desagradable situación de disponer de 15 versiones del mismo y no saber qué partes son las importantes en cada versión.
Desde esa página web podréis acceder a una lista de 18 diseños que han hecho uso de los pinceles de Adobe Photoshop.
Además de poder ver el diseño realizado, tendréis acceso a tutoriales y descargas para poder llevar a término diseños similares de forma muy intuitva y guiada.
Sin lugar a dudas, Photoshop es una herramienta tremendamente útil para el diseñador web gráfico, puesto que con su potencia y con los complementos que ofrece en forma de plugins, pinceles, acciones, etc. permite realizar trabajos profesionales muy cuidados.
Muchos de nosotros disponemos de página web y sería interesante que nos planteásemos el publicar un Currículum Vitae (quizás no completo y exhaustivo pero si con información laboral interesante) para poder direccionar a las personas que estén interesadas en contratarnos a este documento.
En Intenta nos ponen las cosas fáciles y nos muestran una plantilla en HTML realizada con muy buen gusto y que podremos rellenar con nuestros datos para disponer de un CV online sin demasiadas complicaciones.
Enlace | http://sampleresumetemplate.net/
Muchos conocéis mi creciente interés por el mundo de la fotografía que me está llevando a plantearme seriamente la adquisición de un nuevo capricho en forma de cámara Reflex semiprofesional.
Mientras me decido por cuál de todas las que muchos de vosotros me habéis recomendado, últimamente me ha dado por centrarme en las formas de realizar las fotos. Qué tipo de retoque se suele utilizar, etc.
Navegando he llegado a está increible página web donde se muestras fotografías de grandes ciudades con una calidad digna de mención.
Inmejorables para realizar fondos de pantalla, diseños para webs o incluso pósters motivacionales. Eso ya os lo dejo a vosotros.
Enlace | http://designm.ag/inspiration/cityscape-photos/
Vía | PuntoGeek.com
Uno de los requisitos indispensables a la hora de realizar un diseño correcto y adaptado a las necesidades del usuario final es la selección de los tipos de de letra para los títulos, cabeceras e imágenes que vayan a aparecer en la web.
Desde fontex [fontex.org] tendrás al alcance del ratón una gran cantidad de fuentes gratuitas que podrás previsualizar directamente desde la web para decidir si se corresponden con lo que andas buscando.
Visto en: wwwhatsnew.com
Interesantísima colección de diseños creados imitando el papel en el diseño web.
44 Amazing Examples of Paper Websites Design
Tal vez uno de ellos sea el escogido en el siguiente diseño del blog.
Vía | Intenta
…en el Phtosohop!
Aunque suene gracioso es una realidad.
Por desgracia, vivimos en un mundo donde la imagen lo es todo y no nos percatamos de que, al final, lo que verdaderamente importa de un fruto no es su piel sino su sabor.
Los 30 documentos en PDF que todo diseñador que se precie debería tener en su haber.
De … Blogpocket 7.0
Los que entréis hoy en mi blog no os asustéis demasiado.
No le ha pasado nada, ni he dejado de pagar al diseñador (que por otra parte soy yo mismo).
Hoy se celebra en todo el mundo el día internacional sin CSS. Para los “no iniciados”, CSS son las siglas de Cascade Style-Sheet (Hojas de Estilo en Cascada); se trata de un documento donde se especifican las características relacionadas con el diseño de una página de forma que el navegador sea capaz de interpretarlo y mostrar adecuadamente el contenido.
El objetivo de este día sin CSS no es otro que el demostrarle al mundo lo importantes que son los diseñadores gráficos en el actual mundo digital.
Así pues, ¡Feliz día sin CSS! 
