con InDesign CS5 - 12 Bits Media Group

Contenido
05
Adobe Indesign Server CS5
06
Conociendo a Marcelo Monzón
10
Creando una cadena ADN 3D
en Photoshop Extended CS5
14
Adobe Wallaby, ahí vamos!
16
Trabajando con materiales
en Unreal Development Kit
18
Retocando una fotografía
digital con Photoshop CS5
20
Qué es y cómo se configura
un 5.1?
22
Creando un mundo en
Adobe Illustrator CS5
24
Es Facebook el nuevo “.com“?
26
30
31
34
36
38
40
44
46
48
Adobe en Vivo 2011
Argentina
TigerText
SMS que se autodestruyen
Creando EPUBS con
Indesign CS5
Samsung Galaxy Tab
El Ecodiseño
Recuperando Detalles con
Camera Raw
Galería Interactiva con
Flash Catalyst
Audífonos con cancelación
de ruido y tecnología wifi
Profundidad de campo
con Cinema 4D
Book’s Review
Edición No. 2 Marzo - Abril
5
Adobe® InDesign® Server CS5
¿Qué es InDesign Server?
también es compatible con IDML, un formato de
archivo abierto que permite a los desarrolladores
Adobe ® InDesign ® Server CS5 proporciona
ensamblar y desensamblar mediante programa-
un motor robusto y escalable que aprovecha
ción páginas de InDesign utilizando herramien-
el layout, el diseño y capacidades tipográficas
tas XML estándar.
de Adobe InDesign CS5 para que pueda crear
mediante programación atractivos documentos
Si bien algunas organizaciones pueden crear
automatizados. El motor de InDesign Server ac-
sus propias soluciones, la mayoría decide tomar
tualmente maneja un amplio rango de publici-
ventaja de la comunidad de desarrollo de socios
dad, catálogo, editorial, y soluciones de edición y
grandes y experimentados de apoyo a InDesign
es utilizado por una variedad de organizaciones
Server. Se puede comprar una solución existente
e industrias en todo el mundo.
de un socio, adaptar uno a sus necesidades, o
una hecha a la medida y sus especificaciones
Automatización profesional del diseño
exactas. Todas las soluciones están respaldadas
por la tecnología probada de Adobe e incluyen
Rigurosamente probado para proporcionar un
una estrecha integración con herramientas de
alto grado de estabilidad, que proporciona un
escritorio utilizadas por los profesionales creati-
entorno de desarrollo flexible, incluyendo sopor-
vos en todo el mundo.
te para SOAP, Java ™, AppleScript, JavaScript, Microsoft Visual Basic, C # y C + +. La última versión
Edición No. 2 Marzo - Abril
Comunidad Hispana
6
Conociendo a ...
Marcelo Monzón
1- ¿Cuéntanos un poco sobre ti?
Marcelo Monzón
Adobe Certified
Expert
Había una vez… Jajaja. Hablando en serio
se me hace un poco difícil comenzar a
hablar de mí así de la nada. Soy un gran
contador de anécdota, principalmente
laborales, pero hablar de mi… Veamos.
En los años que llevo trabajando en el
medio, hice de todo un poco, desde
bocetos para agencias de publicidad,
hasta ilustraciones para libros best seller.
Como ilustrador y diseñador he trabajado
en los tres grandes países, en región y
población, de América: Argentina, Brasil
y Estados Unidos. Coloco a la Argentina
primero no por ser mi país de origen, y
tampoco por orden alfabético, sino por
que allí empezó mi carrera profesional.
En el año 1982 empecé a trabajar en la
agencia de publicidad de Gabriel DiToto.
El tano era un excelente dibujante y
mejor arquero de fútbol,
que supo despertar en mi un deseo
increíble hacia ese arte “menor” que es
la ilustración. Él era un gran artista, no
un ilustrador, pero supo mostrarme con
ejemplos y palabras, que a pesar de
dibujar un simple neumático, uno lo tiene
que realizar como si fuese una obra única.
Desafortunadamente para el arte y la
publicidad Gabriel nos abandono en
2002. ¡Gracias tano por tus lecciones de
vida, estés donde estés!
Casi por casualidad al año siguiente
publiqué mi primera ilustración en el
suplemento cultural del gran diario
argentino y me fui a trabajar a otra
agencia de publicidad: Corvel. Allí estuve
por dos años hasta que finalmente me
picó el bichito de la ilustración, ya que
desde la publicación en Clarín no había
vuelto a hacer ninguna otra ilustración.
Rogério Borges, gran ilustrador brasileño,
y amigo por aquel entonces, me informó
que algunas editoriales de São Paulo
estaban interesadas en mis trabajos, los
Edición No. 2 Marzo - Abril
cuales él les había mostrado. Como
ya había vivido dos años en esa
metrópolis, decidí hacer mis valijas y
ver que pasaba allá. Estamos hablando
de fines de 1983. Trabajé para las
editoras, editoriales en su idioma
nativo, Abril, Ática, Atual, Do Brasil,
FTD, Kuarup y Melhoramentos. Ilustré
libros infantiles, didácticos y de ciencia,
hice ilustraciones para varias revistas,
entre ellas Playboy y realicé tapas para
algún que otro clásico de la literatura.
También participé en exposiciones
tales como la primera muestra
nacional de Ilustradores Infanto-Juvenil
do Brasil y Mitos e lendas do folclore
brasileiro.
Más afirmado como diseñador,
gracias a los estudios, decidí probar,
nuevamente, suerte en el campo de
la publicidad. Comienzo a trabajar por
cuenta propia y monto una pequeña
agencia de diseño y publicidad.
Las cosas no estaban muy bien en
la política brasileña y mi padre me
aconseja volver a la Argentina a
estudiar computación. Yo no me veía
delante de una pantalla haciendo
dibujitos basados en cálculos
matemáticos. Era el comienzo de
la década del 90. Creo que por
primera y única vez, sigo el consejo
de mi progenitor, vuelvo y aprendo
“computación”.
Por entonces, Fabián Blanco me da
una oportunidad en su agencia de
publicidad. Hago algunas campañas y
un suplemento especial para la revista
Marie Claire.
En busca de un horizonte un poco
más desafiante, empiezo a trabajar en
el diario Ámbito Financiero. Era el año
1993. Participo del lanzamiento de
la primera publicación diaria a color.
También hago infografías e ilustro
algunas de las caritas de políticos y
actores que se publican a modo de
viñetas.
Después de un paso fugaz por el
diario Cronista Comercial, empiezo
nuevamente a diseñar, de manera
free lance, para algunas agencias de
publicidad: Crecenta, Altheim, Moral &
Ramírez.
Después de tiempo trabajando en
una de las mayores imprentas de la
Argentina, como encargado del diseño
y pre prensa (lo cual estaba en sus
albores en el ámbito digital), intento
volver al lugar de mis orígenes. Le pido
al gran diario argentino una nueva
chance, la cual me la da. Hago trabajos
para el diario Olé y para la revista Viva.
A mediados de 1996 la publicidad
me tienta nuevamente e ingreso
a las huestes de Bey Corporation,
atendiendo cuentas de la envergadura
de Wendy´s, Lee, Wrangler y UFO entre
otros.
2- ¿Cómo sientes que ha cambiado la imagen fotográfica luego de
Photoshop?
No se realmente si ha cambiado. Toda
mejora tecnológica conlleva una
revolución en los principios básicos de
la concepción artística, pero después
de un tiempo “mareándonos” en esa
revolución es necesario volver a las
fuentes.
7
8
Edición No. 2 Marzo - Abril
Por ejemplo, cuando la fotografía era
analógica, y no existía la posibilidad de ver si
la iluminación estaba correcta, se realizaba
una técnica conocida como Bracketing, la
cual implicaba, básicamente y de manera
general, en realizar, como mínimo, tres tomas
con diferente exposición, asegurándose de
esta manera una exposición correcta. En el
último año mis alumnos me han vuelto loco
pidiéndome que les enseñe la “novedosa”
técnica HDR, la cual no es nada mas ni nada
menos que la técnica Bracketing con el plus
que permite la fotografía digital.
Otro ejemplo. Siempre les pregunto a mis
alumnos que creen que son los iconos de las
herramientas Dodge (Sobreexponer) y Burn
(Subexponer). Ya he escuchado todo tipo de
respuesta. Hasta que la herramienta Dodge
(Sobreexponer) es un chupetín. Sin embargo
los iconos fueron tomados de los laboratorios
fotográficos análogos, el famoso cuarto
oscuro. La herramienta Dodge (Sobreexponer)
es la iconografía de una pantalla (un circulo
de cartulina negra pegada en una varilla)
que servía exactamente para “apantallar” al
momento de imprimir la fotografía, o sea,
se colocaba entre el az de luz y el papel lo
cual implicaba que el papel no fuese muy
expuesto logrando así regiones mas claras.
En el caso de la herramienta Burn
(Subexponer), pasa lo opuesto, por eso el
icono es una mano haciendo el símbolo
de OK, la cual se utilizaba para forzar a que
la luz pasase por el hueco dejado entre los
dedos, exponiendo el papel a mayor cantidad
de luz, lo cual oscurecía la imagen final.
De hecho, ¿nunca se preguntaron por que
el filtro para mejorar el foco de la imagen
en inglés se llama Máscara de desenfoque
(Unsharp Mask)? Porque análogamente se
realizaba una técnica donde se utilizaban
Edición No. 2 Marzo - Abril
9
varios negativos, uno de ellos desenfocados, para
ser enmascarados pro otro ínternegativo logrando
así un nuevo negativo con bordes mas definidos. Si
se entiende bien esa técnica podemos utilizar otras
herramientas de Photoshop para enfocar nuestras
imágenes.
Lo que quiero decir con esto, mas allá de
que Photoshop permita, de manera sublime,
automatizar casi todo lo que es necesario para
obtener una excelente imagen, que si no se
conocen realmente las técnicas necesarias para
realizar las correcciones no dejamos de ser
simplemente unos monitos apretando botones.
Por eso es que digo que la esencia del arte, ya sea
fotografía, ilustración o diseño, no se modifica a
causa de un programa, simplemente se mejoran
los tiempos de producción. La creatividad viene
de uno mismo, no de los programas, los cuales, al
final de cuentas, son apenas meras herramientas
de trabajo.
3- ¿Qué le dirías al resto de la comunidad para
que continúen creciendo?
En parte creo que respondí esta pregunta al final
de la anterior.
Lo mas importante es estudiar y capacitarse
muchísimo, no solo en el uso de la herramienta, lo
cual es fundamental ya que un mal manejo de la
misma conlleva horas perdidas aunque el resultado
final sea excelente, sino también en las diferentes
técnicas existentes, no solo para lograr encontrar
un estilo propio sino para destacarse entre una
manada de “monitos” que aprietan botones.
Como me dijo el “sabio” Gabriel Di Toto hace
29 años atrás, “ilustradores de neumáticos, con
excelentes técnicas hiperrealistas, existen miles,
pero ilustradores que pueden firmar sus obras, muy
pocos”.
10
Edición No. 2 Marzo - Abril
Creando una
Cadena ADN 3D
en Photoshop Extended CS5
Por Reisi Rochit
Las últimas versiones de Photoshop
nos han permitido crear un mundo de
cosas inimaginables que hace unos
años atrás no se podían . Una de estas
es la creación de objetos 3D en este
maravilloso software.
Solo en Photoshop Extended.
A continuación vamos a aprender
cómo crear una cadena ADN 3D en
Photoshop CS5.
Edición No. 2 Marzo - Abril
Primer paso:
Creamos un fondo con las dimensiones 8x7 pulgadas, relleno de un degradado radial de color azul.
Pueden elegir cualquier color que deseen o cambiar
las dimensiones del documento.
Segundo Paso:
Seleccionamos el Ellipse Tool para hacer dos círculos
alineados horizontalmente, activada la opción Path
para que sea sin relleno, luego hacemos un rectángulo con la herramienta Rectángulo o Rectangle
Tool, este tiene que estar encima de los dos círculos.
Tercer paso
Procedemos a agregar una nueva capa, relleno de
un color gris claro. Seleccionamos los tres elementos con el path selection Tool o herramienta de
selección de trazados pisando Shift y lo alineamos al
centro.
Cuarto Paso:
Con los elementos seleccionados procedemos a
combinarlos, haciendo clic en “Add to shape area
(+)” (esta herramienta es la primera de las opciones
de combinación que está en la parte superior), después procede a hacer otro clic en el botón Combine
o combinar que está al lado.
Quinto Paso:
Nos dirigimos al menú 3D - Repouseé - Select Path,
para llamar la ventana Repouseé que nos permitirá
insertar profundidad al objeto y convertirlo en un
espiral, procedemos a ingresarle 8 de Profundidad o
Depth, en Twist 400 y en la opción Mesh quality elegimos la opción Best para que se suavice el objeto
3D, y hacemos clic en OK.
11
12
Edición No. 2 Marzo - Abril
Sexto paso
Continuamos activando el panel 3D mediante el
menú Window para extruir los bordes de la cadena.
En este panel hacemos clic en el ícono Filters by:
Materials, damos clic dentro del panel en la capa
llamada Layer 1 Extrusion Materials, y mas abajo
en opacidad hacemos clic en el icono en forma de
carpeta para crear un nuevo documento con las
mismas dimensiones que el documento actual, en
la opción New Texture para cargarla, después de
crear este documento vamos a opacidad otra vez,
y en el mismo ícono hacemos clic en Open Texture
para llamar el nuevo documento en blanco.
Séptimo Paso:
Colocamos las dos ventanas una al lado de la otra
para visualizar mejor los cambios.
En el documento en blanco, rellenamos el layer
de color negro, y luego creamos tres columnas en
blanco en capas diferentes, y la situamos de tal
forma que solo se visualicen los bordes de la cadena
ADN en el primer documento. Hacemos ctrl+s para
ir visualizando los cambios.
Octavo Paso:
Después de crear columnas blancas ahora crearemos filas de color blanco con el mismo margen de
por medio en el mismo documento, hasta llenar la
mesa de trabajo. Esto ya nos permite visualizar las
rejillas del ADN.
Noveno paso:
Vamos a darle color a nuestra cadena.
Hacemos doble clic en Layer 1 Extrusion Materials
para hacer las mismas columnas y filas hechas anteriormente, en esta nueva mesa de trabajo, (puede
Edición No. 2 Marzo - Abril
copiar las columnas y filas que se hicieron para
extruir los bordes y rejillas de la cadena con algo de
modificación si es necesario) en vez de ser blancas,
ahora serán de color, estas filas con color deben
estar debajo de las columnas.
Puede mover su cadena ADN con los controles
o herramientas de 3D situadas debajo de las herramientas de Path en el panel de herramientas o
Toolbox.
13
14
Edición No. 2 Marzo - Abril
Adobe Wallaby, ahí vamos!
Por Edgar Parada
Wallaby es el nombre clave de una tecnología experimental de Adobe que tiene como propósito principal
el poder traducir las animaciones hechas con Flash CS5
para que puedan ser visualizadas en el browser de dispositivos con iOS (iPhone, iPad, etc.)
Dicho lo anterior, si nos apegamos a esa definición evitaremos posibles frustraciones al momento de trabajar
con esta tecnología. Como bien es conocido el browser
de iOS (Safari Mobile) es uno de los principales impulsores de HTML5 y CSS3 en dispositivos móviles, pero
al mismo tiempo no es capaz de reproducir contenido
generado mediante Flash y esto es por razones que van
más allá del enfoque principal de este artículo.
illustrator_html5/) cuyo enfoque es generar contenido
vectorial para la web aprovechando algunas características de HTML5 como Canvas y Media Queries de
CSS3 para orientar nuestras creaciones hacia diferentes
dispositivos.
HTML5/CSS3 y Javascript, la base de Wallaby
Con ese contexto desde el MAX de 2009, Adobe presentó algunos adelantos de lo que sería posible de hacer en
próximas versiones de sus tecnologías y algo de lo que
más llamó la atención sin duda alguna fue la posibilidad
de trabajar con los que serán los próximos estándares
para construir la web.
Para poder traducir las animaciones a un formato
compatible con iOS, Wallaby emplea como base una
característica fundamental de HTML5 llamada Canvas
y al mismo tiempo explota algunas transformaciones
de CSS3 exclusivas de Webkit (el motor web de Safari,
Chrome, AIR entre otras tecnologías).
Integración con SVG, primeros pasos
El elemento Canvas nos permite dibujar tanto vectores
como bitmaps de forma dinámica sobre cierta área dentro del browser, originalmente fue utilizado por Apple
en Safari pero hoy en día navegadores como Firefox,
Opera y recientemente la versión 9 de Internet Explorer
también lo soportan.
La base gráfica de Wallaby podemos encontrarla en un
formato llamado SVG (Scalable Vector Graphics) basado
en XML, estándar para W3C y sobre el cuál Adobe ha
tomado un papel protagónico dado la naturaleza de
sus tecnologías. Lo que permite hacer este formato es
expresar los gráficos vectoriales con un lenguaje simple
dentro de cualquier navegador, ya que SVG no esta basado en ningún plugin, más bien depende de la implementación que se haga del estándar en el browser.
Hasta ahora la mayoría de los navegadores tienen la
posibilidad de interpretar este tipo de archivos y hay
aplicaciones de uso masivo que están completamente
basadas en este formato. Inclusive utilizando la etiqueta
básica para insertar imágenes con HTML podríamos
hacer uso de un SVG en cualquier página web.
Previo a Wallaby en el sitio de Adobe Labs (http://labs.
adobe.com/) ya se podía descargar el HTML5 Pack para
Illustrator CS5 (http://labs.adobe.com/technologies/
Su uso es realmente simple, como podemos ver en el
código siguiente que sirve para poder dibujar un rectángulo de 200x50 pixeles:
Código HTML:
<canvas id=”miCanvas” width=”400” height=”300”></
canvas>
Código Javascript:
var canvas1 = document.getElementById(‘miCanvas’);
var contexto = canvas1.getContext(‘2d’);
contexto.fillStyle = “rgb(255,0,0)”;
contexto.fillRect(50, 50, 200, 50);
Edición No. 2 Marzo - Abril
Sin embargo ¿qué pasaría si queremos hacer cosas más
complejas que un rectángulo? seguramente necesitaremos un código Javascript más complejo! Y esto es
posible de realizar si llevamos tiempo trabajando con
este lenguaje, pero si nuestras bases de programación
no son buenas seguramente nos encontraremos una
barrera para explotar al máximo esta tecnología, y es ahí
donde entra Wallaby al rescate.
Wallaby en la práctica
Para probar el potencial de esta tecnología podemos
utilizar cualquier archivo Flash generado con la versión
CS5 siempre y cuando tengamos en cuenta las siguientes restricciones: http://labs.adobe.com/wiki/index.
php/Wallaby#Release_Notes Nosotros utilizaremos una
animación sencilla con un logo en movimiento y un
texto fijo:
Después instalaremos Adobe Wallaby, que podemos
encontrarlo en la siguiente dirección:
15
ra simple con algunos divs e imágenes con sus respectivas clases de CSS, también encotraremos un archivo CSS
con varias reglas de estilo y particularmente notaremos
que están utilizando prefijos -webkit para algunas animaciones y transformaciones.
De igual manera en una carpeta aparte se generan las
imágenes SVG, hay que tener cuidado de no abusar de
los Motion Shapes porque estos generan una cantidad
excesiva de imágenes SVG y por ende el peso final de
nuestras animaciones con Wallaby versus las generadas
por Flash pueden ser muy contrastantes.
Y por último notaremos también un par de archivos con
extensión js que son los correspondientes a Javascript,
en uno de ellos esta contenido toda la lógica que hace
funcionar la animación y el otro es la librería de jQuery
utilizada en varios de los proyectos más importantes en
la web.
Conclusiones
http://labs.adobe.com/technologies/wallaby/ es una
aplicación AIR que tiene una instalación muy simple e
intuitiva. En las opciones del programa seleccionaremos
el archivo FLA de nuestra animación, después hacemos
click en la opción de convert y hemos terminado :-)
Cuando utilizamos Wallaby, de manera automática se
genera un archivo de tipo HTML que tiene una estructu-
Como podemos ver las posibilidades de este tipo de
tecnologías son bastantes, sobretodo partiendo del hecho que su base la encontramos en estándares abiertos
y cada vez más compatibles con los navegadores actuales. Sin embargo no hay que olvidar que esto es solo
una prueba de hacia donde está dirigiendo Adobe sus
esfuerzos al respecto de combinar las tecnologías web
con su Plataforma Flash, si queremos realmente sacar
provecho del resultado obtenido con Wallaby un siguiente buen paso sería aprender algo de HTML5, CSS3
y Javascript ya que la interactividad aún no está resuelta
sin embargo con algunas líneas de código podríamos
llegar a tenerla.
Si tienen algún comentario sobre este artículo me pueden seguir en twitter @edgarparada
16
Edición No. 2 Marzo - Abril
Trabajando con Materiales
Con Unreal Development Kit
Por Esmailin Jhonson
Hola bienvenidos a una introducción básica a UDK Materials, para crear un material vamos a requerir de 2 programas, estaremos utilizando PixPlant el cual pueden descargar una versión gratis en
www.pixplant.com y pueden descargar UDK desde este link: http://www.udk.com.
Primer paso
Extraer el Normal Map utilizando PixPlant.
Lo primero que hay que hacer es abrir el
PixPlant, después de tenerlo abierto pueden
seleccionar la imagen y arrastrarla dentro del
mismo programa o pueden darle a File > Load
Texture.
Segundo paso
Bueno, como la textura no la queremos con
mas detalles, solo debemos presionar el botón
Save (guardar) el que dice Save Normal Map.
Esta acción abrirá una ventana preguntando
el nombre de la imagen y dónde la quieres
guardar.
Cerrar PixPlant.
Tercer paso
Abrimos UDK y estaremos utilzando la versión
de febrero pero pueden utilizar la que mas les
guste.
Lo primero que deben hacer es abrir el Content Browser presionando el ícono negro que
muestra la imagen de al lado, o pueden utilizar el acceso directo Ctrl+Shift+F.
Edición No. 2 Marzo - Abril
Cuarto Paso
Después que esté abierto, hacemos clic derecho en un espacio libre, sin seleccionar algún
item del Content Browser y nos saldrá una larga
lista para seleccionar, ahí estaremos buscando
New Material.
Después tendremos una ventana que nos pedirá el nombre del nuevo material que estaremos
creando.
La info de Package, Group y Name no es obligatorio llenarlos, pero cuando estás trabajando
con muchos objetos es muy importante separar
los objectos de otros, como por ejemplo Piedra,
agua, comida etc.. bueno, le damos un click a
Ok para crear el nuevo material.
Quinto Paso
Esta es la ventana de materiales, parece algo
difícil pero la realidad es que es muy fácil de utilizar, ahora importaremos las imágenes a UDK,
solo debemos dar click a Import en el Content
Browser.
Nos saldrá una ventana preguntando dónde
está lo que queremos importar, seleccionamos
las imágenes que queremos subir y hacemos
clic en abrir. Nos saldrá la ventana de importación con los datos rellenados, solo debemos
darle clic al botón OK To All y las imágenes
cargarán todas.
Sexto paso
Después que las imagenes esten en le Content
Browser, solo debemos arrastrarlas al Editor Materials para poder trabajar. Ahora conectamos
todo como está en la imagen de la derecha.
Aplicamos los cambios haciendo clic en el
botón que está en la barra de herramientas, simulando un cotejo verde, nuestro material está
listo para ser utilizado.
17
18
Edición No. 2 Marzo - Abril
Retocando una Fotografía Digital con
Adobe Photoshop CS5
Por Geormi Amaro
En este tutorial aprenderemos trucos que nos permitirán retocar una fotografía con Adobe
Photoshop CS5. De lo simple a lo extraordinario.
Primer paso
Lo primero que haremos será utilizar las curvas
para eliminar el color azul del fondo
Segundo paso
Con la curita elimino las imperfecciones del
rostro, selecciono todo, hago un copy merge y
después hago clic en Paste mediante el menú
Edit, luego le aplico un blur mediante el menú
Filtre (Filtro) > Blur >Gaussian Blur para suavizar
la piel.
Tercer paso
Selecciono todo y otra vez hago un copy merge
y clic en Paste. Aclaro mi imagen dirigiéndome a
Image > Adjustments > Brightness/ contrast
Cuarto Paso
Hago una máscara y aplico ese brillo en las
áreas donde la fotografía es oscura, y en modo
de fusión pongo ese layers en Lighten.
Edición No. 2 Marzo - Abril
Quinto Paso
Desaturo el rojo de la imagen yendo a Image >
Adjustments > Hue/Saturation, hago una máscara donde deseo que se aplique el efecto.
Sexto paso
Selecciono todo y hago un copy merge y paste,
voy a Filtro > Sharpen > Smart sharpen y aplico
hasta lograr resaltar los detalles de los ojos.
Séptimo paso
Voy a Image > Adjustments > Curves y resalto
el verde, luego aplico una máscara para solo
dejarle ese efecto al fondo
Octavo paso
Vuelvo aplicar curvas, esta vez para darle mas
detalles a la modelo y finalizo aplicando una
máscara a este layer.
Listo aquí está el antes y el después.
Antes
Despues
19
20
Edición No. 2 Marzo - Abril
?
Qué es y cómo se configura un 5.1
Por Luis Sosa
El sistema de sonido digital también llamado DD, AC3 (Audio Code 3), SR-D(Dolby Spectra
Recording Digital) o DSD (Dolby Stereo Digital), es un sistema de codificación de sonido que
permite el almacenamiento de hasta 6 canales de sonido totalmente independientes en
una sola señal.
El hecho de ser digital (formado por datos binarios) lo dota de total independencia entre
cualesquiera de sus 6 canales. Su sistema de codificación es un sistema sin pérdidas perceptibles al mismo tiempo, es decir, reducen el
volumen lógico de los datos digitales mediante algoritmos informáticos, de forma que el
resultado codificado y posteriormente descodificado sea idéntico perceptivamente a los
originales sin codificar.
Está compuesto por 6 canales que son:
C: llamado canal central ubicado al centro de
la pantalla o encima de ella, también llamado canal de diálogos por ser en él donde se
ubican los mismos.
L,R: Dos canales ubicados a los lados de la
pantalla.
LS, RS: Dos canales ubicados a los lados del
espectador a unos 20 grados por detrás de su horizontal. Estos canales son utilizados para
definir un ambiente sonoro tridimensional que envuelva al espectador, de ahí viene lo que
llamamos sonido envolvente.
Su ubicación es como se proyecta en la gráfica que está arriba.
Este es el primero de una serie de artículos que escribiremos sobre audio. Hasta la próxima!
22
Edición No. 2 Marzo - Abril
Creando un mundo en
ADOBE ILLUSTRATOR CS5
Por Emelin Burgos
En este tutorial vamos a crear un mundo en Adobe Illustrator utilizando
los símbolos y el 3D Revolve de Illustrator. Crearemos una esfera y le vamos a aplicar una textura de un mapa para poder darle el efecto 3D.
Primer paso
Lo primero que haremos será buscar el mapamundi en Google, y luego llevarlo a Illustrator,
este puede ser vector o una imagen.
Segundo paso
Nuestra segunda acción será convertir ese
vector o imagen en un símbolo; para convertirlo en símbolo lo único que debemos hacer
es arrastrarlo hacia el panel de símbolos, al
momento que soltemos el mouse, saldrá un
cuadro de diálogo el cual me permitirá colocarle un nombre a mi símbolo, hacemos clic en
OK y listo.
Tercer paso
Ya que tenemos un símbolo creado lo que
necesitamos sería nuestra esfera, para crearla
hacemos un círculo, y con la herramienta de
tijeras cortaremos desde un punto a otro cortando a la mitad y nos quedaremos con medio
círculo. Teniendo este seleccionado nos trasladamos al menú efectos y seleccionamos 3D,
luego seleccionamos Revolve, aquí modificaremos las opciones que deseamos para nuestro
círculo, podemos encender la previsualización
para ir notando los cambios que realicemos.
Edición No. 2 Marzo - Abril
Cuarto Paso
Aun continuamos en el
cuadro de dialogo del
3D, luego de modificar
a nuestro antojo la mitad
del círculo damos clic en
Map Art, aquí tenemos la
opción símbolos, hacemos
clic en la flecha para buscar
nuestro mundo y lo seleccionamos; automáticamente el se coloca
en la ventana.
En Highlight Mode elegimos Screen con un
color crema (RGB: R.253, G.235, B.180) y su
opacidad al 100%, el Shadow Mode (Modo de
Sombra) que sea Multiply con un color marrón
tirando a un color oliva (RGB: R.109, G.87, B.0)
con la opacidad al 50%.
Quinto Paso
Lo que necesitamos ahora es que ese símbolo
ocupe todo el espacio que tenemos en la parte
de Map Art para que se vea en el círculo completo, simplemente colocamos el cursor en las
esquinas y agrandar como estamos acostumbrados a hacerlo en Illustrator, damos clic en OK y
podemos ver nuestro mundo creado.
Sexto paso
En dado caso de que deseemos modificar este
proyecto 3D, solo debemos irnos al panel de
apariencia y dar clic donde dice 3D Revolve.
23
24
Edición No. 2 Marzo - Abril
Es
?
el nuevo
“.com”
Facebook ha ido creciendo a pasos agigantados y con más de 500 millones de usuarios ya
no es sólo para niños ni puede ser ignorado.
He notado que cada vez más empresas no
sólo están vigilando una presencia en Facebook, pero son aún más utilizando sus páginas
de Facebook en lugar de sus sitios corporativos cuando se anuncian en la televisión y en
la impresión. Todas estas capturas de pantalla
(Pepsi, Gerber, Carnaval, etc) eran de la última
imagen de sus comerciales de televisión respectivamente).
Una cosa que me vino a la cabeza el año pasado y fue que, si bien nos podemos plano en
el pensamiento de que nuestros clientes les
encanta venir a nuestros sitios de forma regular, es probable que la gran mayoría no visitan
nuestro sitio corporativo cada día. Piense en
ello. Es probable que vaya a los sitios empresariales cuando tienes un problema o está listo
para comprar algo nuevo. Por otro lado la gente va a Facebook todos los días con el único
propósito de conectarse con los demás.
Además de la obvia razón de que haya una audiencia potencial de 500 millones de usuarios,
Facebook hace que sea fácil para las empresas
tener contacto directo con los clientes sin tener
que recurrir al spam, la creación de microsites,
etc También los usuarios de Facebook tienen
más probabilidades de echa un vistazo a sus
marcas favoritas en Facebook.com de lo que
son para visitar los sitios de la misma empresa
en forma regular o diariamente.
La otra ventaja es que, si bien muchas de
estas empresas tienen sus propios “foros”
para la comunicación directa, los usuarios
no tienen inicios de sesión de configurados
para múltiples sitios. Sólo tienes que entrar
una vez a Facebook y visitar cualquier empresa que desees y después publicar en
el muro. Creo que otra de las razones e por
Edición No. 2 Marzo - Abril
qué las empresas se están poniendo
en Facebook, es que es mucho más
fácil y más rápida la actualización de
una página de Facebook de lo que
es estar pasando por la cinta roja de
costumbre, los frentes legales, políticos para conseguir el sitio principal
de la empresa actualizado. Por lo
general, cuanto mayor sea la empresa, más difícil es conseguir algo en el
sitio Web oficial de la compañía. Las
empresas tienden a ser un poco más
laxa y “casual” cuando se trata de su
presencia en los medios sociales y
eso es realmente bueno! y se siente
más “amigable”.
El Internet da a todos una voz (y se
puede utilizar de forma inteligente
o no) y la gente en Internet puede
ser grosera, insultante, inmaduros,
y brutalmente deshonesto. Así que
hay que estar preparados para
tomar lo malo con lo bueno. Afortunadamente, hay por lo general
más bien que mal y lo más importante que tendrá una buena idea de
cómo la gente “realmente” se siente
acerca de su producto o servicio.
Teniendo en cuenta que algunos
de estos comentarios podría venir
de los competidores y enemigos
conocidos, usted tiene que sopesar
el sentimiento total que se expresa.
Facebook no sólo da a los individuos una forma fácil de utilizar su
presencia en las redes sociales,
también da a su empresa una manera grande de conectar con sus
clientes que en realidad nunca
pueden visitar sus sitios Web corporativos. Nos guste o no, Facebook es
una fuerza importante en Internet y
si usted elige no hacer caso, probablemente, esto dice mucho acerca
de cómo está “en contacto” con sus
clientes.
25
26
Edición No. 2 Marzo - Abril
Edición No. 2 Marzo - Abril
Por Maximiliano Firtman
Durante el sábado 2 y el domingo
3 de abril, cientos de profesionales diseñadores y programadores
participaron de Adobe en Vivo
en Argentina. Esta vez le tocó a
Buenos Aires, mi ciudad, y a 18
speakers viajando desde sus
respectivos países incluyendo
Europa, Estados Unidos y Latinoamérica.
Durante 17 horas, compartimos
todo el conocimiento que la comunidad puede brindar sobre el
tema del 2011: mobile. Desde el
punto de vista del diseño, de la
administración de proyectos, de la
programación y distribución, de
plataformas Adobe y plataformas
de terceros, distintos speakers han
dado su visión sobre el presente y
futuro de la tecnología móvil.
27
28
Edición No. 2 Marzo - Abril
Entre los speakers se encontraban ACC -Adobe Community
Champions-, ACP -Adobe Community Professionals, y destacados profesionales del mercado internacional. También
contamos con la presencia y soporte de la empresa Adobe
en forma directa, a través de John Koch, líder de comunidades
desde la oficina de San Francisco, California.
¿Qué es Adobe en Vivo?
Adobe en Vivo es un evento creado por la misma comunidad,
por los grupos de usuario de cada uno de los países de habla
hispana y con el apoyo de las empresas más importantes de
la región. En esta oportunidad, los sponsors que acompañaron a Adobe, incluyeron a: BlackBerry y su nueva tableta
PlayBook, Movistar y su nueva plataforma para desarrolladores BlueVia; ITMaster con sus cursos de desarrollo mobile; y
Nextive empresa desarrolladora de juegos móviles, incluyendo varios del Top 10 del AppStore.
El evento fue organizado por ARFUG, Adobe User Group oficial en Argentina y apoyado por distintas comunidades, entre
ellas MobileArgentina.org que permitió llegar a un récord de
inscriptos para este tipo de eventos: más de 1.200 registrados.
Mobile, Mobile y además, Mobile
Entre los temas que han destacado durante el evento, pudimos entender por qué mobile es importante, usabilidad para
móviles, contenido multipantalla, el desarrollo para PlayBook
con AIR, qué es HTML5 y cómo nos ayuda a crear aplicaciones multiplataforma, Flash Player y los móviles, las APIs
de operador y el futuro de los negocios móviles, el uso de
Photoshop para diseño gráfico móvil, la creación de revistas
digitales para tabletas y la generación de apps móviles con
Flex y AIR.
También se han presentado nuevos productos y frameworks,
como Flash en 3D y Molehill, el framework open source, creado en Argentina y de gran distribución mundial cocos2d, y se
ha mostrado una aplicación real multiplataforma y su creación
con tecnología Flash.
Al finalizar cada día, los sorteos no han faltado. Hemos regalado más de 5.000 dólares en licencias de productos Adobe,
varios libros y una tablet PlayBook que entregará BlackBerry
al ganador cuando esté disponible en Argentina. Además,
todos los asistentes se han llevado gracias una revista Users,
Edición No. 2 Marzo - Abril
un póster de ITMaster para desarrollo mobile y han disfrutado de interesantes conversaciones en los dos coffee break en
cada día.
Pensando en el próximo
Sin contar los kilos de carne argentina que los speakers han
llevado consigo a sus respectivos países, ha sido un excelente
evento, con mucha participación de la comunidad, con soporte de las empresas locales y con muchas ganas de compartir
conocimiento.
Agradezco personalmente a todos los speakers que han hecho un lugar en su agenda para poder participar y a toda la
comunidad por el soporte, apoyo y por haberse interesado en
Adobe en Vivo.
¿En qué ciudad será el próximo Adobe en Vivo? Nadie lo
sabe. Pero sí sabemos que seguro será más exitoso que los
anteriores en Lima, Santo Domingo y Buenos Aires.
¡Gracias por participar!
29
30
Edición No. 2 Marzo - Abril
SMS que se autodestruye
Cuántas veces nos hemos arrepentido de un SMS
La aplicación funciona también con fotos enviadas
con alguna frase de más. La aplicación, “TigerTex”,
que se autodestruyen de acuerdo al tiempo que
acaba con ese riesgo al garantizar que el mensaje
establezca el que la mande.
se autodestruye en un margen de tiempo que
va de los 60 segundos a los 30 días, según elija el
El nombre de la aplicación Tigertex, recuerda el
emisor. Por el momento, solo está disponible para
del famoso golfista estadounidense, Tiger Woods,
Blackberry, iPhone y móviles con Android.
pillado por su mujer, por los SMS que mandó a sus
imnumerables amantes.
La compañía de Santa Monica que creó la aplicación, niega sin embargo, que hayan pensado en
ese asunto para crearlo.
Los mensajes indeseados o inoportunos que
Para esta y otras informaciones puedes escribirnos
alguien mandó sin pensar ya no tendrán mayor
a nuestro correo: [email protected]
importancia, gracias a esta aplicación que los hará
o seguirnos en Twitter @RDConnection
desaparecer sea del móvil que los mandó hasta del
destinatario.
Aunque, exige una condición para que funcione:
que el programa esté instalado sea en el smartphone del emisor, como el del receptor. Una vez
que se reciba el mensaje no podrá ser reenviado a
un tercero, ni guardado.
Edición No. 2 Marzo - Abril
31
Creando EPUBS
con InDesign CS5
Por Carlos Martínez
EPUB o ePub viene de la palabra “Electronic publication” - Este es un formato estándar para archivos de libros electrónicos (e-book’s), creado por International Digital Publishing Forum. InDesing
exporta en formato Epub nativo desde la versión CS3, vamos a ver como se crea!!
Primer Paso
Aunque vayamos a crear un documento que
puede ser escalable a cualquier tamaño de
pantalla, es una buena idea crear el documento lo mas cercano posible al tamaño de
la pantalla al que esta destinado. Por lo tanto
vamos a File > New > Document y creamos
un documento 5.5 x 8.5’’. Habilitamos Facing
Pages y Master Text Frame en el nuevo documento y damos click en Ok.
32
Edición No. 2 Marzo - Abril
Segundo Paso
Lo que tenemos que hacer ahora es activar el
smart text reflow, esta es una opción que está
desde el CS4 que nos permite añadir páginas
mientras escribimos o lo insertamos. Para esto
vamos a Edit > Preferences > Type y activamos
el Smart Text Reflow, Limit to Master Text Frame,
y el Delete Empty Pages, y damos click en Ok.
Tercer Paso
Ahora lo que tenemos que hacer es insertar el
contenido que vamos a tener en nuestra publicación. Primero insertamos nuestra portada
hecha en Photoshop o Illustrator, para esto vamos a File > Place y buscamos nuestra portada y
la insertamos en la primera página. Después de
haber insertado la portada añadimos dos páginas más después de la primera. Aquí borramos
los cuadros creados por el Master Text Frame.
Cuarto Paso
Ahora insertamos nuestro contenido y creamos
los estilos correspondientes a los elementos que
tengamos en nuestras páginas. Crearemos uno
para los encabezados que nos ayudará a encontrar nuevos capítulos o secciones en nuestra
publicación.
Quinto Paso
Ahora lo que haremos es añadir Hyperlinks para
darle al usuario la posibilidad de tener informacion extra del tema que estemos tratando. Para
esto seleccionamos el texto que queremos que
tenga el vínculo y vamos al panel de hyperlink
(Window > Interactive > Hyperlinks ) damos
click en el campo URL y escribimos nuestro destino, y presionamos Enter.
Edición No. 2 Marzo - Abril
Sexto Paso
Texto e imágenes ya en su lugar, es hora de
generar la tabla de contenido ( TOC ). Aunque
nuestra tabla de contenido será una página en
nuestro documento de InDesign, no lo será en
nuestro EPUB - se convertirá en un navegador
dentro del EPUB. Vamos a Layout > Table of
Contents, seleccionamos el estilo del encabezado en el panel other styles y le damos click en
Add para moverlo a la lista de incluir estilos de
párrafos ( Paragraph Style List ) ahora hacemos
click en OK y colocamos nuestra tabla de contenido en la página 3.
Séptimo Paso
Ahora ya estamos listos para exportar nuestro
Epub, pero primero incluimos la Metadata del
Autor, para esto vamos a File > File info > Description Tab. Aquí añadimos toda la data que
queramos utilizar. Luego vamos a File > Export
for > Epub buscamos donde guardarlo y luego
veremos el cuadro de diálogo de Digital Editions, en esta ventana escogeremos los settings
para nuestra publicación. La calidad de nuestras
imágenes y el en tab de contenido seleccionamos incluir tabla de contenido ( Include InDesign TOC entries ) y activamos Suppress Automatic Entries for Documents y Use First Level
Entries as Chapter Breaks. Solo nos queda dar
Click en OK y ver nuestro EPUB.
33
34
Edición No. 2 Marzo - Abril
Samsung Galaxy Tab
El Samsung Galaxy Tab ™ te ofrece los medios de comunicación que quiere y te mantiene conectado con cualquiera,
en cualquier momento. Es super compacto y ligero, puede
mantenerte en contacto con la gente y los mejores contenidos a través de la conectividad 3G, Wi-Fi ® 802.11 b /
g / n y la tecnología inalámbrica Bluetooth ® 3.0. Con una
duración de batería de hasta siete horas y una nítida pantalla TFT-LCD. Creo que con esto eres libre de comunicar,
actualizar, y disfrutar.
Es un peso pesado en el rendimiento, y un ligero peso ... En
peso. El Samsung Galaxy es un dispositivo de 13.58 onzas,
con sus 7” es capaz de deslizarse fácilmente en un bolsillo
o bolso. Un teclado QWERTY virtual y la tecnología Swype
™ hace que el correo electrónico y los mensajes de texto
sean el camino fácil para que se pueda escribir en la ficha
ya sea mediante el uso de ambos pulgares o utilizando la
tecnología de entrada Swype.
Ademas cuenta con la libertad de Android ™ 2.2 (Froyo), el
cual le ofrece un gran rendimiento y la velocidad necesaria
para navegar por sitios web favoritos aun con el Flash desactivado. Totalmente integrado con servicios como Google
Maps™ y YouTube™. Tambien puede buscar, ver y descargar fácilmente cualquiera de las miles de tus aplicaciones
disponibles en Android Market™.
La nueva app Samsung Media Hub trae tu entretenimiento
favorito a la ficha de este nuevo Galaxy. La aplicación está
pre-cargadada para un acceso instantáneo a una amplia
gama de selección de películas, series y programas de
televisión.
Con el pre-cargado Amazon Kindle™ e-Reader podras
tener en la punta de tus dedos todos tus libros y revistas
favoritos. Tambien podras acceder a todos los documentos
importantes, así como crear otros nuevos a través de ThinkFree Office™, el cual es compatible con Microsoft® Office
como Word, Excel® y PowerPoint®.
La experiencia que brinda en la navegacion por Internet
es unica, una visualización de HTML completo gracias a
Adobe® Flash® para los que gustan de ver vídeos y son fans
de las animaciones en la increíble pantalla LCD de 7”.
Esta tablet te permite crear y compartir imágenes y vídeos
de forma agil, rápida, sencilla y portátil, gracias a sus dos
cámaras. La cámara que mira hacia atrás de 3 megapíxeles
con flash captura imágenes y video que pueden ser editados y compartidos. Con la cámara que tiene ubicada en la
parte frontal, es fácil mantenerse en contacto a traves del
vídeo-chat, ya sea para negocios o placer. Los usuarios pueden adaptar este Galaxy con video chat clientes como Qik
y Fring (disponibles en Android Market™) y sin problemas
hablar con otras personas a través de una conexión Wi-Fi.
Armados con la última version de Adobe ® Flash ® Player
10.1, el Samsung Galaxy permite ver rápidamente y sin
problemas de cualquier página web, y proporciona una alta
calidad de vídeo mejorado la experiencia de juego.
Para esta y otras informaciones puedes escribirnos a nuestro correo: [email protected] o seguirnos en
Twitter @RDConnection
36
Edición No. 2 Marzo - Abril
Edición No. 2 Marzo - Abril
El ecodiseño es una versión ampliada y mejorada de las técnicas para
el desarrollo de productos, a través
de la cual la empresa aprende a
desarrollarlos de una forma más
estructurada y racional.
El ecodiseño conduce hacia una
producción sostenible y un consumo más racional de recursos.
El concepto de ecodiseño está
contemplado en la agenda de
negocios de muchos países industrializados, y es una preocupación
creciente en aquellos en desarrollo.
Ecodiseño de productos
Los productos y servicios son uno
de los elementos clave para el desarrollo de políticas de sostenibilidad,
ya que:
• El volumen total de envases,
empaques y embalajes es cada vez
mayor.
• Hay cada vez más variedad de un
mismo envase, empaque y embalaje.
• Constantemente aparecen nuevos
envases, empaques y embalajes.
• Se comercializan en todo el mundo (mercado global).
• Son cada vez más complejos y
multi-componentes fabricados en
distintos lugares del mundo.
• Pueden estar perfectamente diseñados, pero un uso y una gestión
final, y pueden causar importantes
impactos ambientales.
• En su ciclo de vida es necesaria la
participación de un gran número
de agentes y etapas intermedias.
La relación entre los productos y
el medio ambiente no se limita
únicamente al momento en que es
producido, utilizado o cuando se ha
convertido en un residuo, sino que
se extiende a la fase pre-producto y
post-producto, abarcando todo su
ciclo de vida.
Desde el momento en que son
extraídas las materias primas con
las que será fabricado hasta que su
residuo es gestionado y eliminado
el residuo final, un producto pasa
por diferentes etapas durante las
cuales se produce un consumo de
recursos (agua, energía, materiales)
y/o una producción de residuos (al
agua, al aire o al suelo). Todas estas
entradas y salidas tienen una repercusión sobre el medio ambiente,
generando lo que se denominan
impactos ambientales.
El objetivo de la integración de
aspectos ambientales en el diseño y desarrollo de productos es la
reducción de los impactos ambientales adversos a lo largo de su ciclo
de vida. En el logro de este objetivo,
se pueden obtener múltiples beneficios para la empresa, su competitividad, sus clientes y otras partes
interesadas.
37
• Satisfacer o incluso llegar a superar
las expectativas del cliente.
• Mejorar la imagen de la empresa
y/o su marca.
• Mejorar la fidelidad de los clientes.
• Atraer inversores y fuentes de
financiación, particularmente de inversores con conciencia ambiental.
• Mejorar la motivación y participación de los empleados de los empleados en las mejoras ambientales
de proceso, productos y servicios.
• Comunicar y difundir los atributos
ambientales del producto (marketing ecológico).
• Reducir la responsabilidad debido
a una disminución de los impactos ambientales, minimizando los
riesgos.
• Mejorar las relaciones con la administración.
• Mejorar las comunicaciones internas y externas.
• Fomentar la responsabilidad social
de la empresa.
Se plantea así el desarrollo de una
Los beneficios potenciales son los metodología capaz de identificar
de un modo claro las entradas y
siguientes:
• Reducción de los costes mediante salidas del proceso que suponen
un impacto ambiental a lo largo de
la optimización del uso de matoda la vida del producto, de cara a
teriales y energía, procesos más
eficientes, reducción de los residuos posibilitar su minimización.
a gestionar, empleo de tecnologías
Surge el Ecodiseño, como “técnica
limpias, etc;
que considera los aspectos ambientales en todas las etapas del proceso
• Estimulo de la innovación y creade desarrollo de productos, esforzántividad.
dose por conseguir productos con el
impacto ambiental mínimo posible”.
• Identificación de nuevos productos, por ejemplo, a partir de materiales reciclados;
38
Edición No. 2 Marzo - Abril
Recuperando detalles con
Camera Raw
Por Emelin Burgos
Estaremos aprendiendo cómo recuperar las luces y sombras en una fotografía RAW, pero
primero debemos de entender que es RAW y para qué nos funcionaría. RAW(en Ingles No
alterado o en Forma Natural ).
Tenemos una fotografía que fue tomada
con una Nikon D3100, con una velocidad ½ , apertura 5.6 y con un ISO de 100;
debido a la velocidad tan baja que tenía la
cámara a la hora de la fotografía, el lente
duró mucho tiempo abierto y por lo tanto
captó mucha luz, lo cual hace que mi foto
no tenga detalles y tenga demasiada luz,
tal y como vemos en esta fotografía.
Primer paso
Para mejorar esto nuestro primer paso
será abrir Bridge y buscar la imagen donde la tenemos ubicada, luego daremos
clic en el ícono de Camera Raw, el cual
nos abrirá la ventana de camera raw en
donde podremos estar editando nuestra
imagen.
Segundo paso
Lo siguiente que haremos luego de tener nuestra ventana abierta será bajar la
exposición de nuestra imagen, para poder
empezar a ver detalles.
Edición No. 2 Marzo - Abril
Tercer Paso
Luego aumentamos un poquito los negros
para reforzar las sombras que perdimos cuando tomamos la fotografía.
Cuarto Paso
En este punto ya podemos apreciar más
detalles de la fotografía y mejoraremos un
poquito el contraste para darle más fuerza a
la imagen.
Quinto paso
Ya para finalizar lo que haremos será crearle
una viñeta para darle su toque final, y para
lograr esto nos iremos a efectos y donde dice
cantidad o (amount) moveremos el deslizador dependiendo que viñeta necesitamos
si una clara u oscura. Automáticamente se
activan las demás opciones debajo de esta, y
podremos modificarla para mejorar nuestra
viñeta.
Sexto paso
Antes
Tenemos nuestra foto con mejores detalles y
con una viñeta creada en Camera Raw, para
guardarla solo debemos darle clic en terminar o (done) y se guardará automáticamente.
Nota: Tenemos que recordar que camera raw no
es para nada destructivo con las imágenes, así que
si en algún momento necesitamos tener la foto
como fue tomada podemos tenerla, simplemente
dando clic en default y todos los efectos aplicados
serán eliminados.
Después
39
40
Edición No. 2 Marzo - Abril
Galería Interactiva en
Flash Catalyst CS5
Por Reisi Rochit
Si estabas buscando la manera de hacer una galería interactiva de una manera fácil y sin programación,
aquí te mostramos cómo hacerla en Flash Catalyst CS5 sin tirar una sola línea de código.
Primer Paso
Después de tener terminado el diseño en Illustrator
de la galería de imágenes con cada una de ellas en
un artboard o mesa de trabajo diferente, nos dirigimos a abrir flash catalyst y en las opciones de la
ventana de inicio que se presentan, nos dirigimos a
la parte que dice “Crear un nuevo proyecto desde el
archivo de diseño” y elegimos abrir desde Illustrator.
Nota: Puedes diseñar directamente esta galería en
flash catalyst
Segundo Paso
Nos aparece una segunda ventana mostrando
algunas opciones de importación, en la que podremos cambiar el tamaño del documento y el color
que tendrá de fondo, también de cómo vendrán
los filtros, textos, degradados y combinaciones y,
por último muestra las opciones de importar o no,
las capas visibles y los símbolos no usados. Pero de
todas esas opciones solo vamos a cambiar el color
de fondo a negro.
Tercer Paso
Procedemos a colocar la carpeta que contiene
el scrollbar encima de todas las demás carpetas.
Después nos dirigimos a cada estado (uno por
uno) para poner visible el scrollbar en cada uno de
ellos, solo activando el ojito que tiene al lado de la
carpeta, y luego vamos colocando las imágenes un
poco más arriba del scrollbar al tamaño que desee y
centralizada.
Edición No. 2 Marzo - Abril
Cuarto Paso
Antes de hacer el scrollbar, organizamos horizontalmente las imágenes pequeñas una al lado de otra
entre márgenes iguales.
Quinto Paso
Seleccionamos las siguientes partes del scroll, pisando shift: El track, el thumb y los botones de derecha
e izquierda, cuando ya lo tengamos seleccionados,
nos dirigimos al panel HUD, si no lo tienes visible
puedes dar clic en F7 o ir a Window – HUD, en este
panel desplegaremos la opción “Choose Component” y seleccionaremos Horizontal scrollbar.
Sexto Paso
Editamos la apariencia del scrollbar pulsando el botón Edit, aquí nos aparecerá otra ventana en la que
desplegaremos la opción “Choose Part”, a continuación atribuimos a cada una de las partes la acción
que le corresponde, Ejemplo: seleccionamos la
flecha que indica hacia la derecha y en las opciones
le aplicamos Right Button, después de esto automáticamente aparecerá al lado un cotejo mostrándote
que ese objeto es el Right Button, la hojita sería el
“Thumb”, la línea horizontal “Track” y la otra flecha
sería “Left Boton” y cuando estén todos asignados
a su acción correspondiente hacemos doble clic
fuera de la mesa de trabajo para volver a la mesa de
trabajo principal
Séptimo Paso
En el panel Layers seleccionamos el layer llamado
“Horizontal Scrollbar ” conjuntamente con todas las
imágenes pequeñas, pisando shift. Después nos dirigimos al panel HUD y vamos a elegir el componente
“Scroll Panel” para así atribuirle el contenido que va
a desplazar. Con el Scroll Panel seleccionado hacemos clic en el botón “Edit Parts” y mediante le panel
Layer seleccionamos todas las imágenes pequeñitas, nos dirigimos a Choose Part y seleccionamos la
opción Scrolling Content.
41
42
Edición No. 2 Marzo - Abril
Octavo Paso
Después de estos pasos las imágenes pequeñas
puede que queden deformadas o cortadas pero
para arreglarlas solo tienes que situar el mouse en
una de las esquinas presionando clic para transformarlas como desees, ahora coloca el recuadro de las
imágenes pequeñas de tal tamaño que queden en
medio las dos flechas de derecha e izquierda.
Puedes pulsar Ctrl-Enter para ir visualizando si
funciona o no tu scroll, este se mostrará en un navegador.
Noveno Paso
Hacemos doble clic dentro del Scrolling Content y
cuando se desplacen o se muestren todas las fotos
pequeñas la convertimos una por una en botón,
mediante el panel HUD y seleccionando el componente Button en las opciones desplegables.
Décimo Paso
Terminado el proceso de conversión de imágenes a
botones, ahora es el momento de dirigir cada uno
de esos botones a su respectiva imagen, es el momento de enlazar.
Con el primer botón seleccionado nos dirigimos al
panel Interacciones que está a la derecha, hacemos
clic en el botón “Agregar interaccion” O “Add Interaction” y en la nueva ventana que aparece solo vamos
a cambiar la tercera opción la cual determina a cuál
estado se va a dirigir cuando se le haga clic encima
del botón, a continuación en Choose State (tercera opción) elegimos ArtBoard1 y clic en OK para
enlazarlo con el primer botón. Lo siguiente a realizar
es enlazar los demás botones con sus respectivas
imágenes, haciendo los mismos pasos pero con la
diferencia de que ya no será Artborad 1 sino Artboard2, Artboard3…. Doble clic para dirigirnos a la
mesa de trabajo principal.
Hacer Ctrl-Enter para ver los avances.
Edición No. 2 Marzo - Abril
Onceavo Paso
Para que las transiciones de estado a estado no
sean tan duras podemos ir al timeline que está en la
parte inferior. Hacer doble clic encima de la pestaña
Timeline en caso de que no se muestre todas sus
opciones.
Seleccionamos todos los estados que están en una
columna del lado izquierdo pisando Shift y a continuación nos dirigimos a la opción “Smooth Transition” para que así las transiciones sean suaves.
Hacemos Ctrl-Enter para ver nuestro proyecto ya
terminado.
Doceavo Paso
Para guarda la galería como un archivo .SWF solo
tenemos que ir al menú superior y hacer clic en FilePublish to SWF/AIR… a continuación nos sale una
ventana en la que vamos a escoger el lugar donde
queremos guardar nuestro proyecto, yo he elegido
el escritorio si se pueden ver en la ventana, después
mas abajo elegimos la primera y tercera opción que
serán las que crearán una carpeta con el nombre del
proyecto, y dentro de esta una llamada run –Local,
dentro de esta habrán varios archivos pero el que
nos interesa es el que lleva por nombre “Main.swf”.
43
44
Edición No. 2 Marzo - Abril
Audífonos de Sony con cancelación de ruido y tecnología wifi:
NC13 y RF856RK
Si eres un amante de las experiencias auditivas sin sonido ambiente
y te gusta que sean lo más libres posible, escucha lee esto:
¿Cuál es la peor cosa de escuchar música, por ejemplo, en el Metro?
Que aunque lleves puestos tus audífonos puedes oír la selección de
canciones del vecino, el llanto de una guagua, la conversación de las
comadres o la pelea de una pareja de pololos.
Bueno, Sony acaba de lanzar sus audífonos NC13, que cuentan con
una capacidad de cancelación de ruido de 87,4% y cuestan 70 dólares, unos CLP 33.735.
Ahora, ¿Cuál es la peor cosa de escuchar música con audífonos,
independientemente del lugar en el que estés? Probablemente los
cables, que se te enredan por todos lados, aparte de que no puedes
moverte con tanta libertad.
Pero la compañía japonesa ha lanzado también los RF856RK, que
utilizan tecnología inalámbrica y tienen una diadema con los que
puedes alejarte de la fuente de emisión hasta 100 metros de distancia, y cuya autonomía es de 25 horas tras 3 horas y media de carga.
Ambos estarán disponibles en España a partir de abril del año en
curso.
Fuente: Sony NC13 y RF856RK: Auriculares con cancelación de ruido y tecnología
inalámbrica (engadget).
46
Edición No. 2 Marzo - Abril
Profundidad de campo con
Cinema 4D
Por Angel Muñoz
En este tutorial estaremos trabajando con la profundidad de campo en Cinema 4D.
Esta la crearemos con una cámara, y le aplicaremos el efecto para hacer la simulación.
Primer paso
Lo primero que haremos es crear una cámara
para esto vamos a Objets > Scene > Camera
Segundo paso
Luego en el gestor de objetos le damos clic
al cuadro negro que está al lado de la cámara
y este cambia a color blanco, esto indica que
estamos viendo a través de la cámara.
Tercer paso
En el gestor de atributos con la cámara
seleccionada le activamos el Front Blur y Rear
Blur y en el Target Distance, le ponemos el valor 523.42 cm u otro valor dependiendo lo que
necesitemos para lograr el efecto.
Edición No. 2 Marzo - Abril
Cuarto Paso
Luego vamos a Render Setting damos clic debajo de Options y seleccionamos Deth of Field
Quinto Paso
Luego en Blur Strength ponemos el valor 15%
u otro valor dependiendo la cantidad de blur
que deseamos.
Sexto paso
Solo nos queda renderizar y esperar a que se
aplique la profundidad de campo, esta se aplica después del renderizado ya que es un post
efecto.
47
48
Edición No. 2 Marzo - Abril
BOOK’S REVIEW
THE ART OF PHOTOGRAPHIC LIGHTING
Descripción
Es esencial que todos los fotógrafos que se toman en
serio su oficio tienen que tener un firme entendimiento
de las propiedades de la luz, porque la luz es algo más
que la iluminación.
En este libro usted aprenderá como la luz y la sombra
se puede utilizar para componer fotografías. Contiene
imágenes de ejemplo y diagramas, además se ilustran conceptos de iluminación y demuestra cómo las
diferentes fuentes de luz afectan a un sujeto.
Los fotógrafos de todos los niveles están obligados
a mejorar sus habilidades y cultivar una nueva apreciación para el diseño de la luz a medida que descubren la manera de utilizar con éxito una variedad de
herramientas de iluminación.
Los temas incluyen:
Uso de la luz en la pintura clásica
Percepción y principios de diseño
Fuentes de luz y diseño de la sombra
Iluminación direccional
Iluminación principios de diseño
Historia del diseño de la iluminación fotográfica
Posterior a la exposición técnicas
Eib Eibelshaeuser
Editora: Rocky Nook
Fecha de lanzamiento: Mayo 2011
Páginas: 270 (aprox.)
Imprimir Precio Libro: $ 39.95
Edición No. 2 Marzo - Abril
49
HTML5 & CSS3 IN THE REAL WORLD
Descripción
HTML5 y CSS 3 para el mundo real es ideal para
cualquier diseñador web o programador que quiere empezar a usar la última generación de tecnologías web en su trabajo diario.
Comprenderá el nuevo marcado semántico disponible en HTML5; el uso de CSS3 para hacer hermosos lugares sin sacrificar marcado limpio o recurrir
a soluciones complejas; aprendera a emplear
vídeo y audio de HTML5 nativos en sus páginas.
Enriquece las aplicaciones web, accesibles mediante WAI-ARIA y asi aprovechas al máximo los
elementos de formulario HTML nuevo.
Es fácil de seguir, está ilustrado con una gran cantidad de ejemplos, y conduce a los lectores a través
del proceso de creación de grandes sitios web de
principio a fin con HTML5 y CSS3.
Estelle Weyl, Louis Lazaris, Alexis Goldstein
Lanzamiento del libro:
Mayo 2011 | 400 páginas
ISBN: 978-0-9808469-0-4
$ 39.95 libro de impresión
ANDROID COOKBOOK
No se limite a aprender-hacer!
Si usted está listo para saltar y construir una aplicación Android
de trabajo, este libro tiene todas las recetas prácticas que necesita para hacer el trabajo. Usted va a trabajar con la interfaz de
usuario, multi-touch, aplicaciones de localización, servicios web,
las funciones del dispositivo, tales como la cámara, acelerómetro
y GPS y mucho más, incluyendo los pasos para empaquetar su
aplicación para la venta en el Android Market.
Editora: O’Reilly Media
Ian F. Darwin
ISBN: ISBN 10: 1-4493-8841-8
Libro de bolsillo
650 páginas
Julio 2011