Tutoriales
Viernes, 25 Noviembre 2016 14:12

Mobirise: Tutorial de uso (iv)

Valora este artículo
(0 votos)

Cabezal Tutorial Mobirise

Tutorial Mobirise: Administrando bloques de contenidos

Los bloques de contenidos en Mobirise

En la primera parte de este tutorial vimos, de modo general, vimos que Mobirise permite manejar varios tipos de bloques con los cuales generar las estructuras para los contenidos de nuestras páginas.

En esta entrada veremos las opciones de configuración de algunos de estos bloques para personalizar al máximo nuestros diseños dentro Mobirise, con los recursos gratuitos que éste ofrece, ya luego, una vez publicado el proyecto podremos trabajar los códigos HTML, CSS y JavaScript generados por el programa usando cualquier editor que nos resulte conveniente (Dreamweaver, Sublime Text, Atom, Brackets, etc.):

Jueves, 24 Noviembre 2016 22:57

Mobirise: Tutorial de uso (iii)

Valora este artículo
(0 votos)

Cabezal Tutorial Mobirise

Tutorial Mobirise: Administrando sitios y páginas

Tercera parte de este tutorial sobre Mobirise [ver primera parte aquí], programa gratuito para el diseño rápido de sitios web en la que veremos rápidamente las opciones de administración de sitios y páginas disponibles en el programa:

Jueves, 24 Noviembre 2016 22:13

Mobirise: Tutorial de uso (ii)

Valora este artículo
(0 votos)

Cabezal Tutorial Mobirise / Extensiones y temas

Tutorial Mobirise: Extensiones y temas

¿Qué es Mobirise? Aspectos generales.

En esta segunda entrada de una serie de entradas sobre Mobirise veremos como agregar extensiones y temas la versión gratuita del programa; es posible encontrar información general sobre el programa en este enlace.

Veamos como agregar extensiones y temas en Mobirise (Versión 3.09.2):

Jueves, 24 Noviembre 2016 20:11

Mobirise: Tutorial de uso (i)

Valora este artículo
(1 Voto)

Cabezal Tutorial Mobirise

Tutorial Mobirise: Introducción

¿Qué es Mobirise?

Mobirise es un programa gratuito que ofrece algunas características adicionales de pago que resulta especialmente práctico para el diseño rápido de sitios web, que pueden ser personalizados luego, mediante la edición respectiva de los códigos. Ésto último es posible tanto mediante el uso de una extensión (de pago) del propio programa, como mediante un software de edición externo (Dreamweaver, Sublime Text, Atom, Brackets, etc.).

Vamos entonces con un tutorial sobre la versión gratuita de Mobirise:

Lunes, 10 Octubre 2016 21:00

Micromundos en Photoshop CC2015 (i)

Valora este artículo
(2 votos)

Micromundos en PS CC2015 (i)

Creando microplanetas usando Photoshop CC2015

Parte de un conjunto de ejercicios de clases, la siguiente es la primera de varios tutoriales destinados a crear un microplaneta utilizando Photoshop CC2015, aunque no sea estrictamente necesario utilizar esta versión, ya que todos los efectos pueden ser logrado con versiones anteriores del programa.

Comencemos con el paso a paso:

Valora este artículo
(2 votos)

 Consultorio gráfico: Expandir vs. Empaquetar

Expandir textos o empaquetar

Hace algunas horas recibí la siguiente consulta de G.K. "Profe, buenos dias unas consulta, quiero mandar un archivo en Adobe Illustrator a imprimir pero temo de que tenga... textos aún sin crear contornos (expandir). ¿Hay alguna forma de corroborar que todos los textos de mi archivo esten en contornos (convertidos en trazados)?"

Para responder a esta consulta deberíamos plantearnos dos soluciones diferentes, como son la de expandir los textos, y la de empaquetar el documento, cada uno de ellos, con sus ventajas y desventajas, aunque posibles de usar simultánea y complementariamente.

Valora este artículo
(2 votos)

Cabezal Herramientas básicas de Adobe Illustrator (ii)

Tutorial Básico: Sintetizando un reloj en Adobe Illustrator (iii)

Tercera y última parte del tutorial de muestras de uso de las herramientas de Alinear, Buscatrazos, creación de trazados compuestos, trazados precisos de rectángulos y elipses, etc. (Consultar la primera y segunda parte de este tutorial).

Veremos ahora como trabajar en el dibujo de unas manecillas rectangulares, con un círculo donde se insertarían en el centro del reloj, así como algunos efectos mínimos de color en nuestro dibujo:

Valora este artículo
(2 votos)

Cabezal Herramientas básicas de Adobe Illustrator (ii)

Tutorial Básico: Sintetizando un reloj en Adobe Illustrator (ii)

Segunda parte de este tutorial dedicado a ayudar a alumnos y usuarios que están teniendo sus primeras experiencias con Adobe Illustrator en la creación de formas básicas de forma precisa, la creación de trazados compuestos, le herramienta de alinear, el Buscatrazos, el atajo Cmd+D ó Ctrl+D (según estemos en Maco ó PC), entre otros.

En la primera parte del tutorial vimos como generar dos elipses, con medidas precisas, concéntricas entre sí; veremos ahora como dibujar de forma rápida y precisa, los indicadores para los cuartos de hora, así como los indicadores de minutos; para eso, seguiremos de la siguiente manera:

Valora este artículo
(2 votos)

Cabezal Herramientas básicas de Adobe Illustrator

Tutorial Básico: Sintetizando un reloj en Adobe Illustrator (i)

El este tutorial veremos como sintetizar gráficamente un reloj de pared con la finalidad de ayudar a alumnos y usuarios que están teniendo sus primeras experiencias con Adobe Illustrator en la creación de formas básicas de forma precisa, la creación de trazados compuestos, le herramienta de alinear, el Buscatrazos, el atajo Cmd+D ó Ctrl+D (según estemos en Maco ó PC), entre otros.

Así, aunque llegaremos a un resultado gráfico bastante discreto, el fin último es, mediante un tutorial extensivo, ir recorriendo y describiendo rápidamente varias herramientas fundamentales presentes en Illustrator, las que bien usadas facilitan y acortan los tiempos de edición con este programa.

Vamos entonces con el paso a paso:

Valora este artículo
(2 votos)

Insertar una barra de navegación responsive en DW CC2015

Menú responsivo con Bootstrap desde Dreamweaver CC2015

En este tutorial veremos que el procedimiento de insertar una barra de navegación responsiva usando Bootstrap desde Dreamweaver CC2015 lleva apenas unos cuandos pasos, luego de los cuales solo le siguen algunos pasos adicionales de configuración, algunos de los cuales se detallan a continuación: