Tutorial de Illustrator para crear un icono RSS de forma vectorial

21, julio, 2007

En BLOG VECINDAD… nos presenta un enlace a un tutorial en inglés (se puede seguir sin problemas), para que puedas crear tu propio icono RSS con vectores. Se trata de Create a Vector RSS Icon with Illustrator.


Tutorial de Illustrator para crear un texto con relieve “emboss”

15, julio, 2007

En BLOG VECINDAD… tenemos a nuestra disposición un sencillo tutorial fácil de seguir.

Aunque existen diferentes formas para crear este efecto en Illustrator, el que nos muestra nos deja cambiar el texto en un solo movimiento. En el pasado se hacía con copiar y pegar atrás o enfrente y moverlo un poco para simular la profundidad, pero para para cambiar una letra del texto lo tenías que hacer en las tres copias.

Aquí lo puedes hacer una vez. y se mostrará inmediatamente: Enlace al tutorial


Learn List, colección de tutoriales

7, julio, 2007

En BLOG VECINDADA… tenemos una referencia a The learn list, un recurso estupendo que recolecta los mejores lugares de tutoriales por todas partes de la web.


Crea tu primera web en XHTML y CSS paso a paso

5, julio, 2007

En CRISTALAB encuentro un artículo realizado por inyaka, donde nos cuenta a modo de tutorial la manara más sencilla de comenzar por primera vez una página web, mediante XHTML y CSS.


Tutoriales para el diseño orientado al 2.0

4, julio, 2007

Pablo en KABYTES nos ha proporcionado
una serie de tutoriales orientadas al diseño tanto de sitios como aplicaciones 2.0. Podrán encontrar desde tutoriales a recursos, todos utilizando Photoshop como editor de imagenes.

Tutoriales diseño de logos 2.0:

  • Hongkiat.com: Más avanzado que el anterior pero con mejores resultados.
  • Alleba.com: Un estilo muy clasico, quizas demasiado, pero para el que quiere esta disponible. Video tutorial incluído.

Encabezados Web 2.0:

  • Photoshoplab.com: Muy facil para realizar un buen header de fondo para nuestro sitio.

Estrellas 2.0:

Decoración de textos (Efecto Glass):

  • Kyscorp.com: Este tutorial esta muy bueno, ideal para dar una imagen en donde el logo esta compuesto unicamente de letras.

Diseño con photoshop de solapas:

  • Hongkiat.com: Genial este tutorial queda un efecto realmente excelente.

Diseño de botones 2.0:

En estos muy hay mucho que decir, solamente observen el resultado y seleccion para comenzar el que mas les gusta.

Recursos para el diseño 2.0 descargables y gratis:

Gradientes:

Paletas de colores:

Iconos Gratis:


Más tutoriales sobre Photoshop

13, junio, 2007

En un post Javier Penalva cuenta en GENBETA, que si lo que quieres en aprender a manejar a Photoshop, lo mejor es que te empapes bien de manuales, trucos, guías o por qué no, videodemostraciones.

Pero si lo tuyo no es el vídeo, siempre puedes recurrir a los muchos sitios donde ofrecen tutoriales de Photoshop.


Todo sobre el PDF

10, junio, 2007

En CRITERION nos dan un enlace a la guía rápida para la creación de archivos PDF [PDF]. Son 75 páginas explicando detalladamente todos los entresijos del mundillo relacionado con este formato electrónico.


Crear efecto de humo real en Photoshop

30, mayo, 2007

humo1.jpgEn CRISTALAB, nos enseña a crear efecto de humo con Photoshop, una técnica para crear un efecto de humo (tipo cigarrillo) bastante real y aplicable a cualquier imagen.

Se requiere para su realización de un nivel medio-avanzado, por lo requiere conocimientos básicos de Adobe Photoshop.

En este caso se trabaja solamente con 3 herramientas/filtros:

  • Pincel personalizado
  • Filtro Licuar (Liquify)
  • Transición (Fade)

Puedes leer el resto del tutorial completo.


Cómo publicar un libro en un blog de WordPress

29, mayo, 2007

En el blog DIGIZEN, Mario Núñez comenta sobre la posibilidad de publicar un libro utilizando WordPress.

El autor piensa que los blogs son una especie de navaja suiza, ya que pueden ser utilizados para realizar muchas tareas. Y eso no lo comenta por pura teoría, sino que ya lo ha llevado a la práctica al utilizar un blog para la publicación de un libro electrónico , por lo que la experiencia en ese proceso puede ser útil para otras personas que deseen hacer lo mismo.

De tal manera comparte algunas recomendaciones que le sirvieron para convertir el formato de blog al de libro:

  1. Recomiendo que selecciones como plataforma WordPress y que busques un tema sencillo sin muchos archivos ni elementos adicionales. Es probable que las plantillas de WP 1.5 sean las más indicadas para esta tarea y mucho mejor si son de una columna.
  2. Publica cada uno de los capítulos del libro como si fuesen entradas independientes. Utiliza la misma categoría para todos los artículos.
  3. Crea una “pagina (no un post) que puedes llamar por el título del libro o índice, como prefieras. Incluye en esta página los enlaces a los capítulos del libro.
  4. Entra al panel de administración del blog y selecciona “Opciones”. Pulsa sobre “Lectura”. Allí debes marcar que la página principal del blog sea una página estática y seleccionas la página en la cual creaste ‘los enlaces a los capítulos. De esa manera la página de inicio siempre será aquella en el que están los enlaces a los capítulos del libro.
  5. El último paso es eliminar todos los enlaces visibles a los otros componentes de un blog (calendario, entradas recientes, etc). También, es importante eliminar las referencias a las fechas y a las categorías en el archivo “index” del tema.
  6. Debes también decidir si mantienes el sistema de comentarios. Considero que una de las razones principales para publicar un libro en formato de blog es que ya tenemos un sistema de comentarios que los lectores pueden utizar para opinar en torno al libro. Así que, a menos que tengamos razones mayores para eliminarlo, sugiero que mantengas el sistema de comentarios.
  7. Dependiendo de cuan extenso sea cada capítulo es posible que tengamos que dividirlo en secciones. Una idea sería incluir un índice de las secciones al principio de cada capítulo. De esa manera el lector puede llegar a la sección que desea.

Lo más tedioso del proceso fue crear manualmente los enlaces a los capítulos pues no encontré una manera automática de hacerlo.

Si tienes alguna recomendación adicional para facilitar el proceso de publicar un libro en un blog, puedes compartirla en los comentarios.

• Actualización:

El Tutorial sobre HTML de Vagabundia es otro ejemplo más de que se puede hacer un libro (manual, tutorial, etc.) utilizando WordPress, en este caso el autor ha seleccionado un tema y lo ha adaptado a su conveniencia para realizar el tutorial.

• Actualización (30/mayo/2007):

En esta ocasión en DIGIZEN, ha continuado experimentando con el tema y ha convertido a formato de blog el libro de Sistemas Folclóricos de Ayuda. Una estrategia que he comenzado a implementar es el uso de algunos plugins relevantes al formato de libro:

  • IMM-Glossary: Para crear un glosario con los conceptos básicos del libro.

¿Cuáles otros plugins consideras que pueden añadirse a esta lista?


Paso a paso de un diseño web

25, mayo, 2007

En SENTIDO WEB, Luis Sacristán comenta que la gente de SitePoint han publicado un gran artículo en el que explican cómo hacer un diseño (layout) mediante XHTML y CSS, Breaking Out of the Box.

Es un buen artículo para aprender la transición de forma muy sencilla y rápida de pasar pasar de diseñar por tablas a diseñar sin ellas:

  • Empieza explicándonos los pasos que hay que llevar a cabo para la fase inicial de nuestro diseño. Dibujar los contenidos (cabecera, panel, contenido, pie de página) y cómo crear la estructura de capas y sus estilos.
  • Después nos indica como añadir fondos y contenidos a las distintas partes de nuestra página, como por ejemplo las imágenes con float. No solo se centra en lo estrictamente desarrollo, sino también un poco en diseño. Añade imágenes de fondo al pie y a la cabecera que realmente quedan bastante bien.
  • Y por último nos indica como dividir el contenido en rejillas para darle un aspecto más uniforme.

muestra del diseño conseguido

Mediante el artículo puedes seguir los pasos para conseguir el resultado que aparece en la imagen.


El top 50 de los tutoriales de diseño de logos

24, mayo, 2007

En BLOGPOCKET, obtenemos un buen enlace al top 50 de los tutoriales de diseño de logos. Top 50 Logo Design Tutorials.


Demofuse, crea un tutorial de navegación de una web

24, mayo, 2007

logo de Demofuse

En WW WHATS NEW, Juan Diego Polo escribe un artículo sobre Demofuse , permite (mejor dicho que permitirá, porque está cerrado para el público general) crear instrucciones en forma de un bonito popup que circulará por las páginas de tu sitio explicando a los lectores las funcionalidades del mismo. En la página principal podéis probar el servicio pulsando en el botón SAMPLE TOUR, y aparecerá un ejemplo explicando las zonas de la propia home de Demofuse.

Simular movimientos de ratón, oscurecer el fondo, mover el popup, describir textos… excelente opción para mostrar nuevos procedimientos para presentar a los clientes.


LibrosWeb.es, libros gratuitos para desarrolladores web

23, mayo, 2007

libroswebes.jpg

Mediante un post de Alma Fernández en WEBMASTER LIBRE, me entero de Libros Web, un sitio en castellano donde nos ofrecen algunos libros traducidos a nuestra lengua para leer online o imprimir, estan escritos por Javier Eguiluz Pérez, al que damos todo nuestro agradecimiento por su contribución.

La web publica gratuitamente libros sobre diferentes tecnologías para desarrollo web, con la idea de que la información debe ser libre.

Los libros están presentados en un formato muy sencillo, que se desglosa en la web, cuenta con un índice de los temas de cada libro, tiene ejemplos y códigos ejecutables.

Para los interesados sólo deben ingresar al sitio y seleccionar el libro que más les interese no hay necesidad de registrarse ni llenar ningún tipo de formularios.

Por el momento tienen sólo tres libros:

Parece que pretenden ampliar esta colección con más libros traducidos para desarrolladores web. Esperemos que se mantengan gratuitos o a bajo precio en un futuro.

• Actualización (30/mayo/2007):

Hay que añadir un nuevo libro según he leído en MAESTROS DEL WEB:

Y debemos estar al tanto de las novedades que se produzcan, pues esta en proyecto uno sobre Introducción a JavaScript.


Dos tutoriales para realizar efectos Web 2.0

14, mayo, 2007

Adanvecindad de BLOG VECINDAD…, nos da dos enlaces a unos tutoriales para realizar efectos a lo Web 2.0:

muestra

muestra


Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 162 seguidores