Categoría: video2brain

Cursos online en español en formato de vídeotutorial con un 15% de descuento. Adobe Photoshop, InDesign, Dreamweaver, 3D, fotografía, programación y mucho más en nuestra tienda.

Especial WordPress: Personalización de temas
Adapta y personaliza plantillas de WordPress
En la web podemos encontrar cientos de plantillas de WordPress, que siempre serán eso: una plantilla. En este curso aprenderás a personalizar temas de WordPress, tanto del front end como del back end para lograr el aspecto y el efecto deseado. A través de ejemplos prácticos conocerás una mecánica de trabajo que te facilitará el acceso a las propiedades de los principales elementos visuales de WordPress y te adentrarás, paso a paso y de forma sencilla, en la adaptación de temas a través de:
- la parametrización,
- la edición de hojas de estilo,
- la inserción de fragmentos de código,
- la aplicación de trucos y
- la instalación de extensiones.
Especial WordPress: Personalización de temas
WordPress es un sistema de administración de contenidos web (CMS) extremadamente popular. Gratis y open source, WordPress empezó como una herramienta para blogs, pero hoy en día es utilizado para construir todo tipo de sitios, desde portafolios personales hasta los 500 blogs de Fortune o sitios web de servicio completo de todo tipo de negocios, organismos sin fines de lucro y universidades. Con WordPress, los usuarios pueden cambiar la apariencia de su sitio utilizando temas preconstruidos o personalizados y agregando características y funcionalidades -como la detección y adaptación de dispositivos móviles – a través de plugins.
Hay dos versiones de WordPress: WordPress.com es la versión alojada, con una gran selección de plugins, widgets y temas no personalizables disponibles. La versión de alojamiento propio, WordPress.org, ofrece control completo sobre el branding y la funcionalidad del sitio.
La oferta existente de plantillas o temas para WordPress resulta verdaderamente desbordante. Podemos encontrar diseños de todos los estilos, concebidos además para todas las finalidades específicas imaginables. Sin embargo, una plantilla siempre será una plantilla, por definición, impersonal, para que sirva a un número indeterminado de usuarios.
Configuración de un sitio en Dreamweaver: En este vídeo seguimos unos sencillos pasos para la configuración del proyecto en Dreamweaver, vinculando nuestra copia local con la remota.
La apariencia gráfica de nuestra web habla de nosotros y quiere captar la atención de los visitantes, con lo que personalizar un diseño no es sólo cuestión de estética, sino también de efectividad y de negocio.
En este curso profundizaremos en la personalización de temas para WordPress, entendiendo una plantilla como un punto de partida perfectamente válido para el diseño personalizado, que marcará la diferencia entre nosotros y nuestros competidores, ya se trate de una web empresarial, un blog corporativo o un sitio personal.
Edición de los enlaces de nuestra web: Modificamos las propiedades de los enlaces, cambiando el color de sus diferentes estados.
Paso a paso y de forma sencilla aprenderás a modificar un tema de WordPress adaptándolo a tus necesidades, tanto si se trata del “front end” como del “back end”. Seguirás una mecánica de trabajo que te facilitará el acceso a las propiedades de los diferentes elementos que conforman la apariencia gráfica de un tema.
Edición del color de selección en la web: Cuando seleccionamos un texto, este se envuelve de un color para indicar su estado. Este color no es arbitrario, en realidad está definido en las hojas de estilo.
A través de la parametrización, la edición de hojas de estilo, la inserción de fragmentos de código, la aplicación de algunos interesantes trucos y la instalación de extensiones, serás capaz de cambiar completamente el aspecto visual de un tema. Sabrás dónde y cómo actuar para realizar las modificaciones que desees, pues contarás con las herramientas precisas para lograrlo.
Una vez concluido el curso contarás con las herramientas que te capacitarán para cambiar completamente el aspecto visual de un tema de WordPress.
Especial WordPress: Personalización de temas 21,08€ (15% descuento)
24 de junio de 2014
Desarrollo web con Bootstrap 3
Diseña y maqueta una web responsive de principio a fin.
Bootstrap es uno de los frameworks front end más utilizados, por su agilidad, su flexibilidad y la rapidez con la que se trabaja con él. Aprende con un ejemplo real la mecánica de trabajo con Bootstrap 3 para lograr maquetar webs que se adapten a dispositivos mediante responsive web design. Comprueba cómo el uso de Bootstrap 3 desde el diseño agilizará la maquetación y simplificará asombrosamente el desarrollo cliente, con resultados rápidos y profesionales.
Curso Desarrollo web con Bootstrap 3
Bootstrap es el framework de código abierto de Twitter, que proporciona una serie de herramientas para el diseño de sitios web responsive y aplicaciones web. Sus plantillas de diseño están basadas en HTML y CSS e incluyen formularios, botones, tablas, y muchos otros elementos de la interfaz. En el servicio de alojamiento de GitHub es uno de los proyectos más populares.
Con este curso totalmente práctico de Bootstrap 3 aprenderás a enfocar un proyecto web compatible con dispositivos móviles desde el inicio, del diseño a la maquetación, adaptándote a la filosofía mobile first que impone el propio framework y aprovechándote de las magníficas herramientas que pone a tu disposición para trabajar el Responsive Web Design de una manera ágíl y correcta.
Estructura contenido detalle. Header y formadores: Crearemos la estructura para la página de detalle, comenzando por la información general, zona de formadores y cabecera para el titular.
Mediante el uso de Bootstrap en su versión 3 no solamente estarás adquiriendo conocimientos que te pueden permitir tener un nexo de unión con cualquier empresa o estudio de diseño y desarrollo web al emplear un framework globalmente aceptado y extendido, sino que estarás aplicando metodologías y técnicas que harán tu trabajo no solamente eficaz, sino eficiente.
Descubrirás una metodología de trabajo que te permitirá adelantarte a posibles problemas en la maquetación de algunos elementos en diferentes contextos responsive y dominarás las bases del sistema de rejilla que integra, para lograr maquetar sitios webs en un tiempo récord.
Adaptación zona workshops: Entenderás qué implica la filosofía «mobile first» que sigue Bootstrap 3 y cómo no seguir ese criterio nos puede llevar a situaciones no deseadas. Corregiremos los problemas encontrados y ajustaremos el HTML y los estilos para lograr una correcta visualización en todos los contextos.
Si ya maquetas webs, este curso te enseña a usar una herramienta que te convertirá en un mejor profesional, para no solamente ser eficaz, sino lograr ser rápido y eficiente, cualidades indispensables en el desarrollo profesional. Si te dedicas al diseño y necesitas una buena herramienta para comenzar a maquetar, este curso te mostrará la simplicidad de la estructura de Bootstrap 3 y sus componentes, para partir con mucho del camino ya recorrido.
Curso Desarrollo web con Bootstrap 3
Relacionado: Curso Bootstrap 3
22 de junio de 2014
Crea tu web con WordPress y sin tocar código con Artisteer
Crea tu primera web desde cero con WordPress y Artisteer.
Mi primera web con WordPress
¿Quieres hacer una web y has oído hablar de WordPress? En este curso aprenderás, paso a paso, y de principio a fin, a desarrollar una web dotada de administrador de contenidos y de diseño adaptativo, una web creada con Artisteer y articulada sobre el proyecto de código abierto WordPress. No necesitarás ningún conocimiento previo y no tendrás que editar ninguna clase de código, puesto que crearemos la web desde Artisteer, un entorno de trabajo completamente visual que te resultará sencillo y familiar del que ya hablamos en este blog en 2009 Diseñar themes para WordPress al estilo Office | Artisteer
Primer contacto con Artisteer y su interfaz de usuario: Establecemos una primera toma de contacto con la aplicación y nos movemos a través de su interfaz.
Artisteer es una herramienta de creación de temas web desarrollada por Extensoft. Es un editor WYSIWYG automatizado (es decir, permite ver el resultado final mientras se está editando) y oculta los detalles del código HTML para que el usuario pueda crear temas web sin necesidad de programar. Permite diseñar temas para CMS sin necesidad de conocimientos o habilidades técnicas, usando código XHTML y CSS, y gracias a la opción “Suggest design” que ofrece diseños ya creados. Está disponible desde 2008 para Windows.
Front end y back end: Es muy probable que hayamos oído hablar del front end y del back end, quizá incluso los entendamos como las dos caras de una misma moneda. En este vídeo conoceremos qué son y qué función tiene cada uno realmente.
En un momento en que el desarrollo web se torna complejo para diseñadores y desarrolladores, una aplicación alcanza la madurez necesaria como para ser considerada como una opción de primer orden, se trata de Artisteer.
Cuando la tecnología Flash ha perdido gran parte de su importancia en la web y los dispositivos móviles con conexión a internet han demostrado que han venido para quedarse, a los creadores web se les exige un diseño que cuente con la calidad que ofrecía Flash, con el añadido de que éste se adapte a todas las pantallas del mercado, y generalmente, que además permita administrar sus contenidos vía web.
Elección de los colores base de la web: Iniciamos el proyecto seleccionando los colores base de la web, aquellos que servirán como referencia para todos los demás.
Este curso te muestra el camino más sencillo y eficaz de realizar una aplicación web que cumpla a nivel profesional con los requisitos exigidos. De la mano de video2brain, desarrollarás un proyecto avanzado de enorme potencial. Paso a paso, y de principio a fin, crearás una web con Artisteer que quedará articulada sobre la plataforma de código abierto WordPress.
Página estática: La clínica: Creamos la página y el contenido del apartado La Clínica, realizando una maquetación que se apoyará en las herramientas de composición de Artisteer.
Creación de una entrada en el blog: Aprendemos a realizar una entrada en el blog y observamos su comportamiento.
Sin necesidad de conocimientos previos, sin tener que insertar una sola línea de código, te resultará tan sumamente sencillo que no te lo podrás creer. Tanto si te dedicas al diseño, como si lo tuyo es el desarrollo, Artisteer te va a fascinar.
Mi primera web con WordPress
21 de junio de 2014
Xcode: apps para iPhone y iPad
Desarrollo de apps para iOS.
Xcode es un entorno de desarrollo integrado (IDE) de Apple que se utiliza para la programación de aplicaciones de los dos sistemas operativos de dispositivos de Apple: OS X para los ordenadores y iOS para dispositivos móviles, como iPhone o iPad. Utiliza los lenguajes de programación C, C++ y Objective-C con el framework Cocoa (aplicaciones de escritorio) y Cocoa Touch (aplicaciones móviles). Xcode surge del Project Builder de las herramientas para desarrolladores de NeXTStep (el predecesor de Mac OS X).
Xcode: apps para iPhone y iPad
Diseña y desarrolla tus propias aplicaciones para iPhone y iPad. Este curso te enseña cómo trabajar y planificar una aplicación y qué debemos tener en cuenta para focalizar los elementos más importantes, paso a paso desde el diseño del mockup hasta la implementación de la comunicación con el usuario. Descubre qué es y cómo se usa el IDE que ha cambiado el mundo de la navegación por internet y su relación con los usuarios, dando paso a una de las palabras más utilizadas en el campo de las aplicaciones: la usabilidad.
Añadir una escena al storyboard: Xcode nos proporciona todos los elementos para ir construyendo una aplicación de manera lógica. Existen muchos recursos que vamos a ir poco a poco estudiando.
En este curso aprenderás paso a paso a dominar el mayor entorno de desarrollo integrado (IDE) dedicado a diseñar y desarrollar las aplicaciones móviles de manera profesional, añadiendo progresivamente aquellos elementos que puedan resultar más complejos, dando al usuario la posibilidad de seguir el tutorial hasta el final o quedarse en el punto que más le interese, saltándose aquellos aspectos que puedan resultar innecesarios para su proyecto.
Personalizar elementos en el storyboard: Los inspectores del panel de información de nuestra app para iPhone y iPad.
En concreto, se estudiará la enorme cantidad de recursos que proporciona la herramienta de desarrollo de Apple, dedicando todo el tiempo necesario a descubrir las partes más significativas y centrándonos en aquellos aspectos más importantes a la hora de llevar a cabo nuestro proyecto. Se trata de aportar profesionalidad en uno de los campos que ha experimentado el mayor crecimiento dentro del mundo informático para fortalecer la imagen de calidad.
Desde su naciemiento Xcode ha sufrido numerosos avances y es necesario estar al día para aprovechar todo el potencial que ofrece. Al ser la herramienta de desarrollo para aplicaciones más completa del mercado, nos puede aportar mayor visión de conjunto incluso para poder manejarnos con el resto de las plataformas en interactividad con el usuario.
Se facilitarán todos los archivos utilizados como ejemplos a lo largo del curso, dentro de la carpeta principal, en archivos compilados de Xcode.
Xcode: apps para iPhone y iPad – 21,08€ (15% descuento)
Otros cursos relacionados, todos en formato de vídeotutoriales y con el 15% de descuento:
17 de junio de 2014
Curso online de Objective-C
Aprende a usar el lenguaje de desarrollo de iOS.
Objective-C es un lenguaje de programación orientado a objetos creado como un superconjunto de C. Es el resultado de la unión de dos de los lenguajes más influyentes en el mundo de la programación, de los que proceden prácticamente el resto. Su fuerza radica en combinar la dinamicidad de Smalltalk y el poder y simplicidad del lenguaje más importante en programación: “C». Actualmente se usa como lenguaje principal de programación en Mac OS X con iOS, para aplicaciones móviles en iPhone y iPad y con GNUstep para aplicaciones de escritorio.
Curso online de Objective-C
Conoce y domina el lenguaje con el que se desarrollan las mejores aplicaciones móviles del mundo. Objective-C es el lenguaje propio que adquirió Apple para desarrollar su famosa plataforma de aplicaciones y desde el boom de los smartphones, ha sido el lenguaje con mayor crecimiento entre los desarrolladores, obteniendo una gran demanda laboral. Desde sus conceptos básicos hasta adentrarnos en aquellos aspectos que hacen de este lenguaje un avanzado sistema de desarrollo de aplicaciones.
En este curso aprenderás paso a paso a dominar el lenguaje de programación más demandado en los últimos años. Desde sus conceptos básicos hasta adentrarnos en aquellos aspectos que hacen de este lenguaje un avanzado sistema de desarrollo de aplicaciones.
Comenzamos con una introducción al lenguaje de programación Objective-C (haciendo un paralelismo, siempre que sea posible, con otros lenguajes de programación utilizados de manera habitual). Durante las explicaciones, se desarrollarán diferentes ejemplos para entender mejor donde y cómo usar las características de programación que este lenguaje aporta.
Variables y constantes en Objective-C: Valores y datos con los que vamos a trabajar en nuestro programa informático.
Veremos la sintaxis del lenguaje, estudiaremos cómo se trabaja con el lenguaje dentro de su IDE específico: Xcode, y descubriremos por qué es un lenguaje puramente orientado a objetos, que le hace especial respecto a otros lenguajes con la misma herencia: los basados en C. Aprenderás cómo se comunica el desarrollador con la máquina o cómo desenvolverse ante la enorme cantidad de documentación oficial para sacar el mejor partido posible a nuestro código.
Estructuras de control: SWITCH: Switch sirve para manejar la decisión múltiple.
Los clientes con derecho a descarga tendrán acceso a todos los archivos necesarios utilizados a lo largo del curso. Dentro de la carpeta principal, en archivos implementados a través del Xcode, se dispondrá del código utilizado durante los diferentes ejemplos que se vayan trabajando en las explicaciones.
Curso online de Objective-C – 24,48€ (15% descuento)
Otros cursos relacionados, todos en formato de vídeotutoriales y con el 15% de descuento:
17 de junio de 2014
Animación de infografías con Edge Animate
Aprende a presentar infografías en HTML5 añadiendo movimiento e interactividad
Animación de infografías con Edge Animate
El uso HTML5 para crear interactivos e infografías para publicación digital, webs y aplicaciones móviles es cada vez más común. Este curso te da la oportunidad de ponerte al día mediante 4 ejemplos prácticos donde aprenderás las técnicas más habituales para la creación de infografías interactivas y animadas, creando gráficas, mapas y animaciones educativas utilizando Edge Animate.
Las infografías animadas ofrecen una experiencia completamente distinta al simple diseño estático. Gracias a ellas vamos a poder segmentar la información, dirigirla mejor al público, hacer que los usuarios se interesen más fácilmente por lo que están viendo e incluso transmitir de manera más intensa y a otro nivel la información que contienen.
Control de las animaciones: En este vídeo vemos el uso de eventos de interacción para controlar los datos relacionados con los quesitos.
Edge Animate es mucho más que un programa de edición de animación HTML5: es un programa en que podemos combinar la interactividad basada en JavaScript con la animación sobre una sencilla línea de tiempo y con multimedia gracias a las Edge Common.
Adobe Edge Animate (de Adobe Labs) es una herramienta de desarrollo web que utiliza HTML5, JavaScript y funcionalidad CSS3 para crear contenido animado e interactivo. Los usuarios puede editar fotogramas clave basados en propiedades o utilizar la herramienta Pin para acelerar el proceso de animación. Edge Animate está diseñado para crear contenido que funcione de forma confiable sobre dispositivos iOS y Android y sobre todos los navegadores modernos de escritorio; también permite a los usuarios definir un estado de suplencia para navegadores antiguos.
La versión actual CC de Edge está disponible a través de la membresía a Creative Cloud o como un producto independiente, desde junio de 2013.
En este curso vamos a enseñar a combinar el concepto de las infografías y la capacidad de Edge Animate para generar infografías animadas e interactivas a través de 4 ejemplos, planteados de más simple a más complicado.
Control de los botones de dos estados: Una vez creados, vamos a controlarles utilizando acciones de Edge Animate.
Comenzaremos con una animación dedicada al público infantil y descubriremos cómo importar contenidos y distribuir nuestra línea de tiempo. Continuaremos con un ejemplo de gráfica para mostrar porcentajes y veremos cómo crear un efecto 3D. El siguiente ejemplo nos va a servir como iniciación a las acciones en Edge Animate y aprenderemos a crear mapas interactivos con él. Y terminaremos creando un sistema musical en que podremos mezclar pistas de sonido.
El conjunto de este curso nos dará ejemplos de uso común a todos los niveles de este magnífico programa.
Animación de infografías con Edge Animate – 24,48€ (15% descuento)
16 de junio de 2014
Especial de retratos: Retoque de maquillaje
Y el 3º de la trilogía de Especial de retratos, en este caso «Retoque de maquillaje»
Consigue lo mejor del maquillaje en tus fotografías de retrato.
El maquillaje digital tiene el mismo problema que el real, hay que conocer los conceptos de luces, sombras, colores y aplicación. En este curso veremos la parte más técnica de su aplicación digital en Adobe Photoshop, paso a paso y segmentando el rostro en distintas áreas para tener resultados muy bien logrados.
Especial de retratos: Retoque de maquillaje
Máscara para ojos: Una vez hemos encontrado el color del maquillaje, hacer que su integración sea perfecta va depender de cómo manipulemos la máscara de la capa.
El maquillaje puede dar glamour o quitarlo a nuestros retratos y en su forma digital tiene el mismo problema que el real, hay que conocer los conceptos de luces y sombras, colores y aplicación; en este curso veremos la parte más técnica de la aplicación, veremos los procesos para poner y quitar maquillaje. Pero antes de retocar maquillaje, el consejo de Ignacio Lledó es aprender en qué dirección, cuánta cantidad, qué combinación de colores, etc., se hacen en el mundo real.
Desmaquillar: Para desmaquillar también existen técnicas que nos facilitan la recuperación del color original.
Comenzaremos por los conceptos básicos del retoque digital de maquillaje, yendo zona por zona para ser muy específicos en el trabajo. Pasaremos todo un capítulo sobre color para, finalmente, hacer un ejemplo de maquillaje extremo donde simularemos un personaje de película.
Especial de retratos: Retoque de maquillaje 21,08€ (15% descuento)
Los otros dos cursos de la trilogía Especial retratos:
- Especial de retratos: Retoque de ojos
- Especial de retratos: Retoque de piel
11 de junio de 2014
Especial de retratos: Retoque de piel
El 2º de la trilogía de Especial de retratos, en este caso «Retoque de piel»
Mejora el tono y la textura de la piel en tus fotografías de retrato
Este curso enseña las técnicas básicas de retoque de piel, como los desenfoques; y procesos mucho más complejos, como la separación de frecuencias para color y textura. Veremos desde las herramientas directas de corrección de imperfecciones, hasta capas de ajuste que nos mostrarán las imperfecciones que a simple vista no apreciamos.
Especial de retratos: Retoque de piel
Porcelana y textura: Cuando generamos determinados retoques de piel vamos a poder recuperar la textura de la imagen que estamos retocando.
La piel es una de las partes más visibles en cualquier retrato.
En este curso, Ignacio Lledó enseña técnicas básicas de retoque de piel, como los desenfoques; y procesos mucho más complejos, como la separación de frecuencias para color y textura.
Comenzaremos por los conceptos básicos como la composición de la piel y cómo recuperar texturas. Después, tendremos un capítulo entero sobre herramientas y su adecuado uso para conseguir lo mejor de nuestras superficies.
La separación de frecuencias es una técnica profesional, muy interesante, que veremos en todo un capítulo para continuar con el trabajo de luces y color, donde veremos cómo dar un color de piel adecuado o incluso cambiar las luces que afectan a las pieles de nuestros retratos.
Concepto de la técnica: La separación de frecuencias es la técnica en la cual dividimos en dos capas la información de nuestra imagen y podemos intervenir en cada una de ellas de modo independiente.
Especial de retratos: Retoque de piel 21,08€ (15% descuento)
Los otros dos cursos de la trilogía Especial retratos:
- Especial de retratos: Retoque de ojos
- Especial de retratos: Retoque de maquillaje
11 de junio de 2014