Crea tu app para Iphone

tus ilustraciones

Adis cdigo, adis!Claramente creada pensando en los

diseadores grficos

www.revistapulsaf13.com NMERO 01

Artistas:

Y tambin...Beatriz TrelloDaniel CassauIaki Martn

fotografa artstica y creativa

Colorea

Dufayel

AdobeMuse

Sandra

PHOTOSHOP Edicin de Vdeo HDR Capas 3D

PhotoshopESPECIAL

TUTORIALES

ZOOKYO

WWW.ZOOKYO.COM

3pulsaF13

N o s e s t re n a m o sQu es el arte?, cul es el significado de la palabra diseo?

Ambos conceptos pueden llegar a ser bastante subjetivos y ambiguos porque cada persona puede interpretar y considerar que algo es arte mientras que otra persona no tiene la misma percepcin.

Para ponernos en situacin en cuanto a lo que significa la palabra arte, es entendido generalmente, como cualquier actividad o producto realizado por el ser humano con una finalidad esttica o comunicativa, a travs del cual se expresan ideas, emociones o, en general, una visin del mundo, mediante diversos recursos, como los plsticos, lingsticos, sonoros o mixtos.

Segn esta definicin, el arte nos acompaa desde el principio de la humanidad con el arte paleoltico y ha ido evolucionando a lo largo de los siglos, ntimamente relacionado con la cultura, la poca, el movimiento, o la sociedad.

En la actualidad se suele considerar la siguiente lista de bellas artes: arquitectura, danza, escultura, msica, pintura, poesa o literatura, cinematografa, fotografa e historieta.

Sin embargo, por qu la gastronoma, la perfumera, la televisin, el teatro, la moda, la publicidad, la animacin y los videojuegos no estn incluidos en esa lista?, de ah la subjetividad del trmino arte.

En cuanto al diseo, o artes del diseo, fue un concepto que se empez a gestar en el siglo XVI durante el Renacimiento, dnde se consideraba al diseo o a la accin de disear como una de las partes ms importantes a la hora de crear una obra de arte, por lo tanto deducimos, que ambos trminos estn estrechamente relacionados.

Si a todo esto le unimos el avance de la tecnologa, ya sean cmaras digitales, programas de diseo grfico, programas informticos y un largo etc., la posibilidad de crear obras de arte se multiplica notablemente, aunque siempre habr controversia a la hora de catalogar algo como obra de arte.

En esta revista encontrars temas y contenidos de todo tipo relacionados, cmo no, con el arte y con el diseo como por ejemplo como desarrollar objetos en 3D con Photoshop, tcnica de PixelArt, App para mviles y hasta una entrevista con un artista de renombre aunque ser usted quin valore si una obra es o no arte, eso lo dejamos al criterio del lector.

Bienvenidos y disfruten del arte o no?

App para mviles Pg. 22

Tcnica del Pixel Art Pg. 42

Adobe Muse Adobe Edge Pg. 8

Tutorial fotografa HDR Pg. 72

Colorear Ilustraciones con Photoshop Pg. 146

Como desarrollar objetos en 3D con Photoshop CS5

Pg. 16

Paleta de colores Adobe Kuler Pg. 56

Edicin de vdeo con Photoshop Pg. 102

Crear propia fuente en CorelDraw Pg. 76

Integrar formulario en un PDF Pg. 134

Extensiones de archivos en Photoshop: .tiff, .tga, .pdf... Pg. 110

Entrevistas con el fotgrafo Luis Restrepo Pg. 140 y con el hijo del dibujante, publicista y diseador grfico Paco Chaves Pg. 94

Artistas Invitados: Daniel Cassau, Sandra Dufayel, Beatriz Trello e Iaki Martn.

EN ESTE NMERO podrs encontrar

4Editorial

Sandra Dufayel La fotografa que ms me apasiona y que hace que me sienta til da a da, es aquella que lleva implcita un mensaje Pag 30

Pag 16

Pag 72Fotografa HDR

Tutorial para Photoshop

Paco Chaves dibujante, publicista y diseador grfico.

Pag 96Beatriz Tello ilustradora y diseadora grfica

Pag 62

Crear objetos en 3D con Photoshop

5pulsaF13

Nac pocos meses despus de la muerte de Picasso, tengo lasospecha de que soy su reencarnacin Pag 82

Luis Restrepo Fotgrafo

Iaki Martn Dideador grfico e ilustrador

Daniel Cassau

Pixel Art orgenes u desarrollo

Kulercrea tu paleta de

colores

Pag 140

Pag 124

Pag 42

Pag 56

Adobe Muse

Adobe Edge

8tecnologa web

Adobe Muse

Adobe lanz en agosto del ao pasado la que sera la primera versin Beta de su nueva herramienta Muse con la que nos aseguran que seremos capaces de disear y publicar pginas web sin saber escribir cdigo.Se busca que la experiencia sea similar a disear con Photoshop, Illustrator o InDesign.Para usar Muse es necesario tener instalado Adobe Air. Comienzan a aparecer cursos, manuales y tutoriales para aprender a usar la herramienta.

Adis cdigo, adis!

Captura de la web de Muse

9pulsaF13

Adobe Muse

Captura de la webde Muse

Logo de Adobe Muse

La manera de trabajar con Muse consiste en ir colocando objetos en la web y el mismo programa ir generando el cdigo usando las caractersticas del HTML5 y CSS3. El usuario objetivo es aquel que sin tener conocimientos de programacin s tiene claros los conceptos de cmo funciona una web o se dedican al diseo de pginas.

Claramente creada pensando en los diseadores grficos

Es verdad que existen herramientas similares, pero Muse pretende simplificar y unificar lo que las dems herramientas hacan. El precio es de 20 dlares mensuales que seran 15 si se paga en una cuota nica anual.Claramente creada pensando en los diseadores grficos.

10

tecnologa web

ShowroomYa se pueden empezar a ver ejemplos de pginas desarrolladas utilizando Muse. A continuacin una muestra.

Refueled MagazineAleberry Creative

Jeret Slack Photo Julie Gratz

11

pulsaF13

Eliana T. Stein

Visual Arms

12

tecnologa web

Adobe Edge

Adobe Edge es una herramienta de creacin de contenidos interactivos y animaciones web.Adobe sabe que el futuro de la web pasa por HTML5, CSS y Javascript, con lo cual queda poco espacio para Flash y no quieren dejar de ser referente en el diseo web.Por mucho que luchen por mantener Flash como una tecnologa vigente, por fn han cado del carro y empiezan a ver que o te adaptas o mueres. Mientras que cualquier navegador actual es capaz de reproducir cualquier desarrollo hecho tanto en HMTL5, CSS o Java, no pasa lo mismo con Flash, para el que te tienes que descargar e instalar un plugin.Eso sin mencionar la imposibilidad de reproducir vdeos o animaciones Flash en dispositivos con IOS, es decir de Apple. Con la impresionante penetracin que tienen

Crea animaciones en HTML5

Captura de la interfaz de Edge

13

pulsaF13

Adobe EdgeCaptura de la interfaz de EdgeLogo de Adobe Edge

los dispositivos de la manzana en el mundo, ste ha sido uno de los ms duros golpes para el nio mimado de Adobe que ir, poco a poco, pasando a un segundo plano hasta, sospechamos, dejar de existir le duela a quien le duela.Como Adobe nos tiene acostumbrados, la interfaz de Edge nos resultar familiar a los que trabajamos con otros programas de la empresa:1. Todo bastante intuitivo y familiar. 2. Soporta los formatos de imgen ms

conocidos y puedes importar HTML y CSS.

Adobe sabe que el futuro de la web pasa por HTML5

3. Gracias a su utilidad WebKit podremos ir visualizando lo que hacemos como si de un navegador web se tratase.

Con todo esto nos queda claro la posicin de Adobe frente a Flash. No es la primera de sus herramientas en pasarse a HTML5. Existiendo incluso una herramienta para convertir archivos Flash a HTML5 llamada Adobe Wallaby.Conviene recordar que Edge al igual que HTML5 estn comenzando a despegar quedando todava mucho camino que recorrer para desbancar a Flash por completo y alcanzar la misma calidad.

Guillermo Garca

Verdadero turismo ruralwww.ulda.es

Orgaz (Toledo) - tlf 925 317 091/627 356 376 - ruralistas@ulda.es

Por Ivn Pastor

con Photoshop

Cmo desarrollarobjetos en 3D

16

Photoshop 3D

Cmo desarrollar objetos en 3D con Photoshop CS5

Para ver una aplicacin de esta tcnica he querido simular un tronco caido sobre un lecho de hojarasca. He aqu unos breves pasos de la realizacin:

Abrimos SketchUp y creamos una circunferencia. Con ls herramienta Empujar/Tirar la extruimos hacia arriba, creando un cilindro.

Podemos rellenar cada cara del cilindro con una serie de texturas mediante la herramienta Bote de pintura. En este caso he dotado a la cara superior de un color neutro (insertar ms adelante una imagen).

Editar objetos con Photoshop generados con SketchUp

17

pulsaF13

La cara ms vistosa y de mayor superficie la he rellenado con la imagen de una corteza de rbol. Esta imagen la he cogido de mi catlogo personal. Para cargar imgenes de fuera del catlogo de Sketchup tenemos que, una vez seleccionada la herramienta Bote de pintura, seleccionar la pestaa Editar de la ventana de Materiales que se abre al seleccionar el Bote. En la pestaa marcamos la opcin Usar imagen de textura, y traemos la imagen que queremos insertar.

Una vez terminada la estructura, la exportamos como Modelo 3D. Existen varias extensiones con las que guardar el archivo. Personalmente para traerlo a Photoshop tuve problemas con la extensin *.kmz, as que lo export como COLLADA (*.dae).

Abrimos Photoshop. Para traer nuestro cilindro (y futuro tronco) seleccionamos la opcin 3D y abrimos Nueva capa desde archico 3D, y traemos nuestra figura (en mi caso, el archivo de extensin *.dae).

El siguiente paso, aunque no necesariamente por ese orden, fue traer el fondo de mi composicin, una imagen de hojarasca en otoo, sobre la que reposar el tronco.

Lo realmente importante ahora es ajustar nuestro objeto 3D, acomodarlo para que quede lo ms natural posible.

Para abrir las opciones del objeto hacemos doble clic en el icono de nuestro objeto 3D en la ventana de capas. Se abrir una ventana en la que podremos modificar la posicin de nuestro objeto, la iluminacin, el tono de luz...

18

Photoshop 3D

A continuacin le aado una sombra al tronco usando desenfoque gaussiano.

Falta rellenar una cara de nuestro objeto. En ella pondr una imagen de unos anillos de crecimiento de un rbol, para darle el aspecto completo de tronco.

Traigo la imagen, le retoco algo el color y la acomodo por encima del tronco, para hacer que su forma coincida con la cara que falta por rellenar.

19

pulsaF13

Los ltimos pasos son simplemente retoques finales para dotar de mayor realismo a la composicin. Pinto un reborde oscuro en la cara de los anillos, para simular un grosor de la corteza. Como detalle he sacado una hoja del suelo y la he puesto sobre el tronco, con su correspondiente sombra. Unos retoques generales a la imagen... y listo.

Por Ivn Pastor

Tu websobre el caballo

http://hipodromosycaballos.blogspot.com.es/

Crea tu app para Iphone

Lourdes Bentez

22

Apps

Crea tu app para iPhone

Qu encontramos en la redHoy en da crear una aplicacin para un mvil en algunos casos no requiere que seas un programador avanzado y en otros ni siquiera que sepas algo de programacin. Existen servicios que crean una aplicacin solo con algunas instrucciones, que no son precisamente de programacin.

Igualmente es necesario aclarar que estos servicios no son lo mismo que si uno sabe de programacin y desarrolla la aplicacin desde cero y con las caractersticas que a uno

le gustan. Estos servicios que desarrollan la aplicacin por nosotros tienen sus limitaciones. As con todo, en algunos casos la calidad de las aplicaciones es buena y resultona.

En la red podemos encontrar varias pginas para crear apps para Android gratuitas, como appsgeyser.com, freeandroidappmaker.com, appyet.com, andromo.com

Lo que no encontramos tan fcilmente son pginas para realizar apps para Apple, por eso este arttulo se va a centrar en un programa que nos permite realizar Apps tanto para Android como para iPhone, pero centrando nuestro ejemplo para Iphone.

23

pulsaF13

BuzztochEste programa no enva tu app a iTunes, ni la compila en la app de programacin, Xcode, o su app equiparable en Android. A lo que Buzztouch te ayuda es a desarrollar tu app de forma que puedas exportar el cdigo a Xcode, y desde ah pases por el proceso de enviar tu app a la App Store de iTunes.

Las herramientas con las que te provee Buzztouch son totalmente gratuitas. Busca inspirar a los aspirantes a desarrolladores, diseadores, editores de contenidos, y el gusto por aprovechar su tecnologa.

No obstante, adems de Buzztouch, necesitars una copia de Xcode instalada en tu Mac. Si ahora cuentas con una versin gratuita, actual o antigua, de Xcode, ya ests listo para empezar. En caso contrario, tendrs que descargrtela desde Mac App Store por 5$. Una vez tengas tu app terminada por completo, tendrs que pagar 99$ por una licencia de desarrollador para poder subir tu app a la App Store de iTunes, donde pasar por un proceso de aprobacin.

Crea tu app

Buzztouch te brinda algunos excelentes vdeo-tutoriales para desarrollar tu app para iPhone. Aqu te daremos simplemente una visin general del proceso. Bsicamente, el contenido fundamental de la app Buzztouch consiste en una o ms plantillas bsicas para el mvil iPhone.

Tras tu registro gratis en el sitio web de Buzztouch, necesitars familiarizarte con las herramientas y plantillas que te ofrece este software para creacin de apps. Tendrs que crear y reunir el contenido de tu app antes de comenzar con el proceso. Es parecido al hecho de reunir contenidos al crear un sitio web. De hecho, tu sitio web ya existente podra ser

www.pixeros.com

24

Appsla base para una app de iPhone bien establecida. De esta manera, una app de Buzztouch podra ser til para agentes inmobiliarios, agencias de modelos, pequeos restaurantes, artistas, blogueros etc

El proceso comienza eligiendo un nombre para tu sitio web.

Despus, has de aadir un logo a tu app. Si quieres que tu app tenga una mnima oportunidad de ser comprada y descargada de la App Store, te recomiendo que el logo de tu app presente un aspecto profesional. Como puedes ver, Buzztouch hace que aadir un icono sea muy fcil. En cada paso del proceso, una simulacin de iPhone te ir mostrando los resultados del contenido que vas aportando

www.buzztoch.com

www.pixeros.com

25

pulsaF13

Como se muestra en el siguiente panel de control, necesitars aadir una imagen de la web principal e informacin de presentacin para tu app. Esto es muy sencillo de hacer. Donde dice Manage this apps menus & screens es donde se encuentra el contenido central de tu app.

Haciendo click en esta herramienta, se te brindar un conjunto de herramientas para crear tu app. Siguiendo el ejemplo utilizado, si deseas una app de tipo RSS feed para tu blog, querrs aadir esta herramienta de RSS feed como uno de tus items en el Men de la Pantalla Principal del blog.

www.pixeros.com

www.pixeros.com

26

AppsExisten otras 20 plantillas para aadir items, con funcionalidades como Streaming y/o vdeo de Youtube, una pgina de Envanos un Email, un cuestionario de mltiples respuestas, una simple imagen, un documento en PDF o una tipo Comprtelo va Facebook.Como en cualquier sitio web de aspecto profesional, querrs tener el contenido de tu app ordenado y bien edita

Compilacin del cdigo

En cualquier momento del proceso de creacin de tu app, puedes hacer que Buzztouch compile el cdigo y lo enve a Xcode para ir viendo los resultados. Una vez que Buzztouch prepare tu cdigo, lo descargar en tu ordenador. En la car-peta de destino, tendrs que hacer click en el archivo nombrado como tu app y la extensin xcodeproj. Cuando hagas click en el botn Arrancar (Run) en Xcode, se abrir el simulador de iPhone que es una parte de la programacin.

www.pixeros.com

www.pixeros.com

27

pulsaF13

No necesitas realmente contar con conocimientos de programacin para producir tu aplicacin, pero has de sentirte cmodo empleando esta clase de tecnologa. Entre algunos ejemplos de apps desarrolladas con Buzztouch podemos encontrar la de Ian James Piano Live, que est diseada para mantener a sus fans informados de las ltimas novedades sobre sus actuaciones en directo y dems informacin. Fuentes: www.pixeros.com, www.buzztouch.com.Lourdes Bentez.

http://itunes.apple.com/es/app/ian-james-piano-live

Sandra

fotografa artstica y creativa

Dufayel

30

Sandra Dufayel

Nac en Madrid un 18 de Octubre de 1983. Por destino de mi familia, me traslad con ellos a vivir a un pueblo de Galicia: Silleda (en Pontevedra). Aqu estudi Imagen y Sonido para acabar trabajando en radio. Primero trabaj aqu en Galicia haciendo radiofrmula musical y como realizadora tcnico en diversos programas. Paralelamente, en mi casa, en mis ratos libres... yo me compraba mis video cmaras cutres, lo poco que poda adquirir para hacer montajes en casa. Nada del otro mundo porque tampoco haba tenido acceso a demasiados cursos de ningn tipo: ni por dinero, ni por circunstancias geogrficas ni por tiempo una vez empece a trabajar.

yo cry.

Sandra Dufayel

31

pulsaF13

Sandra Dufayelartsta madrilea

Untitled-1 copy

En el ao 2005 un director de radio me ofreci dar el salto en radio a Madrid y no lo dude. En 15 das mi maleta estaba hecha y empezaba mi nueva etapa en la capital (volva a la capital, pero ahora sin mi familia y a un mundo un tanto indeseoso: el de los medios de comunicacin). As que ah fue donde pens en formarme un poco ms en aquello que ms me apasionaba, en lo que realmente nada tena que ver con mi trabajo en Punto Radio.

Hice dos cursos contigo (Jerzy Raczy) de Photoshop, como ya sabrs, pero tampoco mucha cosa ms porque cuando levant la cabeza de nuevo ya no estaba en Madrid; estaba en frica...me haban ofrecido un trabajo como reportera grfica en Tanzania, en el Kilimanjaro sin que nadie conociese ms fotos que las que voy colgando en el Facebook. Asi que... tampoco me lo pens: me desped de aquel trabajo de chupa sangres y de noticias tristes y mentiras y viaje a frica en donde , adems de a disparar en condiciones poco ventajosas o a editar sin equipo... aprend mucho de la poesa con la que inyecto inevitablemente mis trabajos.

me haban ofrecido un trabajo como reportera grfica en Tanzania, en el Kilimanjaro sin que nadie conociese ms fotos que las que voy

colgando en el Facebook.

32

Sandra DufayelCreo que la clave de mi trabajo no reside tanto en lo bueno o malo que sea, porque soy consciente de que hay virtuosos del grafismo, puristas del RAW y de los pxeles e inteligencias cuantificables que seguro sobrepasan mis capacidades; lo nico que creo firmemente de mi misma, de lo que veo en mi fotografa.... es que no es una fotografa llana, simple o fcil por el sencillo hecho de que sea en muchos casos sencilla. Las imgenes que ms me definen o que ms me gustan no son imgenes de lanscapes, retratos, objetos existentes y bellos de por s. No.

creo firmemente de mi misma, de lo que veo en mi fotografa....

33

pulsaF13

La fotografa que ms me apasiona y que hace que me sienta til da a da, es aquella que lleva implcita un mensaje

corazon es a tomate

imperativo categrico

bathroom 1

podr ahogarme el vaso de agua mil veces pero

34

Sandra Dufayel

La fotografa que ms me apasiona y que hace que me

sienta til da a da, es aquella que lleva implcita un mensaje,

una ideologa, un estudio a veces de la psique que mueve

el mundo. corazn bala

muecaimperativo categorico II

35

pulsaF13

Y aunque a veces pueden pecar de macabras, explosivas para la vista o dolorosas, no tratan sino mostrar las verdades que subyacen en todo lo que nos rodea, para tratar de hacer algo un poco utpico-soador con quien las vea y

comprenda: aunar conciencias y crear un mundo mejor (tpica frase pero no tan tpica).

Naturaleza Muerta

feira

_MG_3269

raquel angel caido.

Actualmente ya no tengo nmina, tampoco estoy en Africa y pago mis facturas con trabajos puntuales que ocupan demasiado tiempo. Lo que resta del tiempo, lo dedico a seguir peleando poquito a poco para lograr exponer y hacer que en un futuro mi expresin a atravs de la imagen pueda servir, adems de para pagar mis facturas, para hacer de este mundo triste y loco, un mundo mejor. (se me olvid poner en mis datos que soy un poco idiota...)

42

Pxel Art

Orgenes y desarrollo del Pixel Art

Pxel art es una forma de hacer arte o crear imgenes muy reciente por medio de programas de dibujo como el legendario Microsoft Paint o Photoshop, pero sus origenes se remontan a A.C., con la tcnica del mosaico. Tambin tiene similitudes con el Puntillismo que aprecio en la pintura en 1882.

Mosaico: Puntillismo:

Estamos acostumbrados a verlo en videojuegos de mvil... pero realmente... sabemos lo que es pxel art?

Ostia antica (antiguo puerto de Roma) Paul Signac , Gran Canal (Venecia)

Qu es el Pxel Art?

Un pxel es el punto ms pequeo que conforma una imagen digital. Su disposicin lgica crea un mosaico de puntos de colores, una rejilla rectangular de pixeles (raster) que conforma un mapa de bits cuya definicin aumenta de manera proporcional de acuerdo a la cantidad de pxeles que en l se emplean. La calidad de la imagen tambin depende de su profundidad de color, o sea el nmero de colores (bits) que cada pixel puede representar.

La denominacin Pxel Art a este tipo de expresin

artstica se atribuye a Adele Goldberg y Flegal Roberto de los laboratorios de Xerox en Palo Alto en el ao 1982, si bien el trmino puede darse desde 1972, ao en que se utilizara dicho trmino en el SuperPaint de Richard Shoup, desarrollado tambin en el citado centro de investigacin de Xerox. que termin siendo una de las primeras tecnologas empleadas para la edicin audiovisual y la animacin por ordenador usando programas de edicin de grficos, desde el ms sencillo Microsoft Paint hasta el complejo Adobe Photoshop.

43

pulsaF13

Cmo se dibuja este Arte?

Esta singular expresin artstica generalmente comienza con el dibujo y posterior escaneo de una imagen del tipo Line Art, es decir, dibujos enteramente realizados con lneas, en la cual el artista presenta los elementos necesarios para plasmar una idea en concreto en forma bsica para posteriormente entrelazarla y

realizarle el antialiasing necesarios con el fin de obtener as los distintos sombreados y colores requeridos por el artista.

Las creaciones en Pxel Art consisten en ir constituyendo las imgenes por medio de colores ilustrndolas pixel a pixel y valindonos de la herramienta Zoom.

AntiAliasing Como sabemos, en el mbito del diseo grfico y el tratamiento de

imgenes se le llama Antialiasing a los procesos que permiten minimizar el Aliasing, un efecto producido cuando diferentes seales no se pueden visualizar correctamente cuando se las muestrea en forma digital.

La aplicacin de Antialiasing en este tipo de imgenes suele ser realizado en forma manual, lo que permite eludir puntos indeseados al suavizar curvas y transiciones de color.

Cabe destacar que estos procedimientos son necesarios debido a la limitada paleta de colores que el autor dispone para trabajar.

Otras caractersticas que se pueden resaltar de esta tendencia de diseo son el uso de la perspectiva isomtrica para representar escenas o imgenes en tres dimensiones, y las paletas de color restrictivas an pretendiendo resaltar significados y ambientaciones.

Podramos asemejar la tcnica del Pxel Art al impresionismo o al puntillismo en cuanto a tcnica y al uso del color emulando los pinceles y los lienzos, con el ordenador y los softwares de edicin.

Estas caractersticas de creacin en cuanto a tcnica y uso del color permiten mover estas creaciones grficas con recursos realmente nfimos de procesamiento y memoria. Es por eso que este tipo de creaciones era la base de los juegos para pc y videoconsolas cuando no existan herramientas que permitieran la creacin de otro tipo

de imgenes, y aunque hubieran existido no estaban al alcance de la gente de a pie la velocidad de procesamiento necesaria para poder moverlos, adems este mtodo de creacin permita incluso simular entornos en tres dimensiones. Las imgenes conseguidas eran de baja calidad pero comunicaban una intencin esttica clara y vlida.

Hoy en da las velocidades de procesamiento, la memoria, y en general todos los recursos de los ordenadores y sus herramientas de software para la creacin, edicin y animacin han evolucionado un mundo desde aquellas pocas en las que estaba de moda el empleo de esta tcnica, sin embargo aunque el Pixel Art no es ni mucho menos referencia en el mundo del diseo de imgenes por ordenador, al contrario de ser una tcnica obsoleta y en deshuso se ha empleado por ejemplo para juegos de mviles y muchos artistas del Pixel Art se valen de esas mejores herramientas de las que disponen para crear unas imgenes con una gran calidad y conservando las ventajas que posee.

44

Pxel ArtFormas bsicas

La forma ms comnmente utilizada para la creacin de imgenes de estilo Pxel Art utiliza dos colores que repiten una secuencia de 2x2 pixeles de rea. Para lograr obtener distintos tonos se debe ajustar la densidad de cada color.

45

pulsaF13

Otra forma de crear interesante efectos en la obra es la utilizacin de crculos, adems es posible lograr obtener atractivos efectos mediante el uso de la tcnica de entrelazado estilizado, el cual deber ser distribuido de manera aleatoria.

Pxel Art Isomtrico y No isomtrico

Bsicamente, existen dos tipos de pixel art: el isomtrico, que otorga profundidad a las escenas y se emplea sobre todo en representaciones de paisajes o ciudades, y el plano, que muestra los objetos de frente y sin profundidad.

La razn de emplear uno u otro tendr que ver con el tipo de ilustracin que queramos crear. Si se trata de los grficos de un videojuego, normalmente se emplear el modo isomtrico para otorgar la mencionada profundidad a las escenas y obtener una falsa sensacin de tridimensionalidad simulada con grficos 2D. Videojuegos como Theme Hospital o StarCraft son un buen ejemplo de ello.

El pixel art se divide comnmente en isomtrico y no isomtrico. El estilo isomtrico es dibujado casi en una proyeccin dimtrica isomtrica. Esto se v mucho en juegos para producir la sensacin de un entorno tridimensional sin usar una computadora con verdadero potencial para producir grficos en 3D. Tcnicamente, un ngulo isomtrico debera ser de 30 grados desde la horizontal, pero

esto no produce un buen resultado en pixel art ya que los pxeles en estas lneas no siguen una sucesin regular. Para solucionar esto, se toman referencias a razn de 1:2 pxeles, llevando a un ngulo de aproximadamente 26,565 grados (arcotangente de 0,5)

El pixel art no isomtrico es todo aquel que no entra en la categora de pixel art isomtrico, y usa vistas de frente, de lado, desde encima o en perspectiva.

Si, por el contrario, lo nico que queremos es representar un objeto de frente, optaremos por el pixel art plano o frontal.

Por supuesto, sobra decir que todos estos dibujos se elaboran a mano, dibujando punto por punto (aunque en unas ocasiones se emplea una foto como gua). Por esta razn, muchas veces las imgenes pixel art suelen

contar con una paleta de colores reducida, aunque esto se debe ms a un recurso estilstico (para que se vea ms el pxel) que a una limitacin tcnica.

Sin embargo, a pesar de su aspecto retro, no solo se emplea para obtener este look (aunque sea uno de sus principales atractivos). Hoy en da ya se concibe como una

46

Pxel Artcorriente artstica que, por suerte para los amantes de lo retro, cada vez est ms en moda. Gran parte de su fama se debe a las campaas publicitarias que apuestan por su uso y han revitalizado esta vertiente minoritaria y pixelada de la ilustracin.

Y es que lo que hasta hace unos aos era una cosa rara y para frikis, ahora es una tendencia que cada vez tiene ms adeptos. No se puede negar que estos dibujitos pixelados tienen su encanto. As pues, en el siguiente artculo, quiero hacer un rpido repaso a algunos de los hitos de esta expresin artstica puramente digital.

No faltar quien diga que el pxel art es un trabajo de chinos. Y en este caso no estar exento de razn, ya que de hecho una compaa de origen chino es de las ms representativas en esta particular representacin figurativa.

Edushi es una empresa china con sede en Hong Kong que se dedica a plasmar recreaciones de diversas ciudades chinas en versin pixel art, con exquisita atencin al detalle. Evidentemente, no lo hacen solo por amor al arte sino como apuesta de futuro por esta tcnica a la hora de emplear estas representaciones virtuales de una ciudad en, por ejemplo, sistemas de navegacin por satlite

Guardado y compresin

Preferiblemente las obras realizadas con Pxel Art debe ser almacenadas en un formato de archivo que utilice la compresin de datos sin prdida, como GIF o PNG. El formato JPEG debe ser evitado porque su algoritmo de compresin con prdida se ha diseado para imgenes suaves de tono continuo e introduce distorsiones visibles con la presencia de tramado

Con esto como base damos entonces por entendido que al juntar cuadritos de colores se puede forma una figura. Con esta idea tan simple se nos abre una puerta hacia el mundo del diseo.

Hoy en da dibujar al estilo de los pixeles es muy sencillo, incluso existen aplicaciones que directamente te pixelean la imagen, una de ellas que no es una aplicacin si no mas bien un juego es Minecraft, es increble ver la cantidad de gente no diseadora que logra maravillas con este juego.

47

pulsaF13

48

Pxel Art

49

pulsaF13

eBoy

Famoso por su ilustracin, diseo web, las fuentes y los juguetes, eBoy tiene un seguimiento de culto internacional. Crean objetos reutilizables de pxeles y los utilizan para construir obras de arte complejas y extensibles. El mundo eBoy es nico, poblado por robots, autos, armas de fuego y las nias, todas construidas a partir de miles de pxeles. Inspirado por la cultura popular - comerciales, supermercados, televisores, LEGO, juegos de computadora - las imgenes eBoy son coloridas, divertidas, subversivas y sorprendentemente originales. Cities eBoy la marca se inspira en el amor de los edificios y la arquitectura y el desafo de la recombinacin de diferentes zonas urbanas con un sin fin de elementos, stos son cuidadosamente detallados y abundan los monstruos, bares y cines. Integrado por Steffen Sauerteig, Smital Svend y Vermehr Kai, el colectivo eBoy fue fundado en 1998 como un canal para explorar el inters de los tres hombres comparten en el arte del pixel creciente movimiento. eBoy ha trabajado con las mejores marcas, The New York Times, Nike, Coca-Cola, y Honda son slo algunas de las empresaspara las que eBoy ha trabajado.

Aplicaciones de Pixel Art para Android y iPad

Existen varias aplicaciones para Android y iPad ,para crear fcilmente tus Pixel Art aqui. Te ofrecemos una lista de los mas conocidos

Aplicaciones iPad - Pixel art

The Grix.

El Grix es rpido, divertido, sencillo y sorprendente. Una simple operacin de arrastrar y soltar interfaz hace que en la creacin de piezas, los usuarios puedan elegir varios colores y modelos diferentes con los que crear su arte. Puedes compartirlos en Twitter y Facebook. Se ha pensado en cada detalle .: - Crear arte con azulejos de pxeles - Mover, rotar y eliminar fichas en el Grix - Crear y editar cada pieza - Elija entre 128 azulejos editables para cada Grix - 12 paletas de colores y viene con una muestra de 5 eBoy hechos en Grix -

50

Pxel ArtFixPix.

FixPix es para los amantes de las Artes de pxel una manera increible de difrutar de tu iPad y del pixel art. Este mini juego de iPhone eshe-cha por Delicious juguetes en colaboracin con el grupo de arte de pxel Eboy. Presentan un juego eBoy FixPix con una temtica muy sencilla: usar el acelermetro del iPhone para alinear las imgenes (todas ellas en pixel art).Podemos jugar con todo tipo de imgenes, las cuales, una vez alineadas se pueden guardar para usar como fondo de pantalla, o enviar a los amigos. En total, hay 100 imgenes disponibles, todas ellas realizadas, como no, por el colectivo Eboy.

LEGO Photo:

Aplicacin para el iPhone que convertir tus capturas en mosaicos de bloquesSi eres amante de las fotografas no dudes en bajar esta aplicacinSi tienes un iPhone, iPod o un iPad seguramente te encantarn sus aplicaciones. Sabes que prcticamente hay todo tipo de aplicacio-

nes pero unas de las que ms nos agrada son las relacionadas con la fotografa y es por eso hoy te presentamos una sencilla aplicacin que nos permite crear en nuestras fotos un efecto Lego, haciendo que estas se vean como si estuvieran hechas con piezas de lego de diferentes colores.

Una vez seleccionada la foto, podremos cambiar los patrones de colores de las piezas simplemente pulsando la pantalla hasta que encontremos los que ms nos gusten.Esta aplicacin ofrece de una manera rpida y sencilla la oportunidad de crear imgenes con tipografa. Seleccionas la imagen, la recortas si es necesario, agregas los sets de palabras que quieras utilizar, (a misma aplicacin te aconseja sobre el mejor tamao para las palabras), eliges un estilo de fotografa y la editas.

Aunque lo nico que puedes hacer con esta aplicacin es convertir tu imagen en un mosaico de lego de diferentes colores, es muy divertido .

51

pulsaF13

Cube Construct

Es una aplicacin para iPad que es tan simple como divertida, para aquellos amantes del pixel art o de dibujar objetos y personajes me-diante pixeles, se llama Cube Construct y te permitir hacer justamente eso, pero en 3D de manera muy fcil.

Aplicaciones Android - Pixel art

Pixel Art editor

Potente editor de pxeles de ltima generacin con soporte mul-titouch. Permite dibujar imgenes a nivel de pxeles (por ejemplo, como MS Paint) y es compatible actualmente con: lpiz, pincel, goma de borrar, las inundaciones, el selector 32 bits colores con canal alfa - zoom - multitouch (acercar, lnea, lpiz, el pincel y el clon)

52

Pxel ArtPixel Art Clock Widget

Clock Widget para Android es una aplicacin para personalizar el Home de Android, entre ellas, los clsicos Widget Reloj que le dan un toque de elegancia diferente, adems de tener la hora en un formato ms bonito.De momento, el Widget permite configurar solo tres parmetros, podrs elegir entre 10 colores distintos, decorar cada nmero con una ilustracin pixelart y elegir entre formado de 24 o 12 horas. Para utilizarlo solo tienes que mantener pulsado sobre el Home y aadirlo como cualquier Widget.

Pixelesque - Pixel Art Creador de arte para los telfonos Android y las tabletas , Pixelesque es el mejor creador de pxeles de arte para Android con un interfaz sper fcil de usar, dibujar, borrar, zoom y arrastre para crear hermosas obras de Pixel Art, y compartirlo con los dems.100% libre de anuncios y gratuito!

La herramienta Lpiz dibuja lneas, y la goma de borrar hace que desaparezcan. La herramienta de formas le permite usar un bote de pin-tura, rectngulo, crculo y lnea. Podras arrastrar el dedo y hacer zoom en cualquier parte para navegar por imgenes de gran tamao. Hay una herramientade deshacer / rehacer, as como un selector de color con la historia, HSV, RGB y hexadecimal.

53

pulsaF13

54

KulerPaletas de colores con

Kuler

55

pulsaF13

56

Kuler

Qu es Adobe Kuler?Eres diseador o simplemente un apasionado de la cromtica y las combinaciones de colores? Adobe Kuler ser uno de tus favoritos. En l podrs crear y compartir tus gamas favoritas.

Adobe Kuler se compone de varios mdulos. En el creativo podrs generar gamas de colores definiendo parmetros muy variados. De muchas formas distintas puedes conseguir la combinacin ganadora de cinco tonos.

Sin embargo, Adobe Kuler tambin tiene un importante componente social. En sus apartados para compartir y obtener los mejores colores, podrs conseguir combinaciones para tus pginas web, diseos o ilustraciones.

Adobe Kuler al ser una aplicacin online de Adobe ,podrs compartir tus propias convinaciones de colores entre los distintos promamas que esta magnifica marca te ofrece.

Programas como: Photoshop, Illustrator, Indesign, Flash y Fireworks.

Pagina principal de Adobe Kuler.

57

pulsaF13

Regstrate.

Para poder rejistrarte en Kuler lo unico que tienes que hacer es meterte en la Web de Kuler en el siguiente enlace.

Kuler: http://kuler.adobe.com/#themes/rating?time=30

En la parte superior derecha de la pantalla pulsaremos el botn de registro donde nos pedir un e-mail y una contrasea.

Una vez registrados ya podremos empezar a utilzar esta magnifica aplicacion online.

Parte superior izquierda de la pantalla principal de la Web Kuler

58

Kuler

Crea tu propia paleta de colores.Para crear tu propia paleta de colores ,pincharemos en el botn de CREATE que esta en la barra de navegacin lateral izquierda de la pantalla principal de la Web Kuler.

Una vez hallamos seleccionado el tema de color que mas nos guste ,para poder guardarlo en nuestro perfil ,le tendremos que poner un titulo, al lado del circulo de la cromtica de colores ,hay una pestaa que pone TITLE ,ah colocaremos el nombre y mas a la derecha le daremos a la opcin de guardar.

Una vez dentro visionaremos una pantalla donde aparecer el circulo de la cromtica de colores ,donde encontraremos una rueda que es el color base y otras cuatro ruedas que son sus variaciones de color .por lo tanto elegiremos el color base que mas nos guste y moviendo las demas ruedas ,Kuler nos mostrara sus variaciones de color.

automticamente Kuler nos llevar a otra pantalla donde tendremos nuestra muestra de color ,donde podremos agregarla a favoritos ,descargarla o volver a cambiarla si no nos gusta el resultado final.

En este caso como queremos descargarla para importarla en PhotoShop,illustrator,etc... deberemos darle a la pestaa de DOWLOAD y decirle donde deseamos guardar el archivo.

Exportar el color deseado.

Ventada de guardar paleta de colores.

59

pulsaF13

Ventada de guardar paleta de colores.

Importa tu muestra en programas adobe.

Publicado por: Federico Garca

Una vez guardado este archivo que se convertir en un archivo de extensin ASE.

abriremos PhotoShop y en la barra de men superior de la pantalla ,en el men /ventana/muestras ,que es donde nos aparecen la paleta de colores de PhotoShop, arrastraremos dicho archivo dentro de la venta de muestras y soltaremos el archivo ah ,si bajamos la barra lateral de la ventana de muestras veremos que nuestra paleta de colores ,que habamos creado en Kuler ,esta situada justo ah ,como la habamos guardado.

Que pasara si queremos crear nuestra propia paleta de colores en Photoshop y importarla para los distintos programas de Adobe ,pues tendramos que hacer lo siguiente.

En Photoshop abrimos la ventana de muestras y abrimos cualquier foto que nos gusten sus colores ,seguidamente tendremos que duplicar la capa ,para no cargarnos el original y despus irnos al men/ ventana/filtros que est en la parte superior de Photoshop darle a Pixelar/mosaico ,automticamente Photoshop nos dejar la foto pixelada ,podemos aumentar el tamao del pixel para poder trabajar mejor.

Lo siguiente ser activar la herramienta cuentagotas el parte lateral izquierda de la pantalla ,pincharemos encima del recuadro de color que queramos llevarnos a nuestra paleta de colores y veremos que el color frontal de Photoshop cambia ,lo nico que tendremos que hacer es en la ventana de muestras ir dndole a nueva muestra ,para que Photoshop valla acoplando nuestra muestras seleccionadas.

Ventana de muestras de Photoshop.

extensiones

Extensiones de clip, las hacemos a tu medida

Hacemos a medida tus extensiones exclusivamente de clip, fciles,

cmodas, duraderas y prcticas.

Prximamente, inauguracin depgina web de extensiones de pelo 100% natural.*

Asesrate gratuitamente y sin compromisoscon nuestra asesora personal Kina Sans

Informacin y pedidos

kinasans@yahoo.es

TLF 693 97 38 78

Beatriz Trelloilustradora y diseadora grfica

62

Beatriz Trello

Hola, me llamo Beatriz Trello. Si os gusta mi trabajo podis visitar madeinantonia.blogspot.com y madeinantonia.blogspot.com donde mis personajes me describirn mejor de lo que yo pueda hacerlo.

Beatriz TrelloAunque mi sueo sea formar parte de un beln viviente, mi formacin y ex-periencia me ha llevado por diversos campos: diseo grfico, ilustracin y publicidad (los que no tenemos buen mecenas nos tenemos que vender).Aparte de produccin grfica ando desarrollando mi pgina web que espero presentar dentro de muy poquito.

Estas ilustraciones que veis estn realizadas en tinta, color digital y por amor a lo absurdo, aunque el disfrute de hacerlo sea lo que ms en serio me tome.

63

pulsaF13

Beatriz TrelloMr. Tomeito love experience.. Mr. Tomate vive enamorado de una rama de apio, antes de que sus antioxidantes se agoten...antes de que sea demasiado tarde...tendr que exprimir su jugo...suerte Mr. tomate!

Mr Tomato fall in love with a celery branch, before his antioxidant ends...before it will be too late...he have to squeeze himself...good luck Mr. Tomate

ingredientes: tomate natural,tinta y color digital

64

Beatriz Trello

Gustavo Adolfo Bcquer He aqu un personaje romntico. Escribe con su perilla, que hace las veces de plumilla. El tono plido de su piel se debe a la ingesta de grandes cantidades de vinagre en vez de manzanilla. Conocido como poeta y oriundo de Sevilla. tinta y color digital

65

pulsaF13

Slo los dragones vuelan Me gustara saber a que persona, en que momento y porque razn se le ocurri la expresin de sentar cabeza, siempre me imagin con la cabeza apoyada en el asiento esperando a que nada ocurriese, con las manos en el suelo, esperando una guillotina imaginaria. Esa expresin maligna, que te recuerda tus obligaciones en la vida, el sentar cabeza, ser una mujer de provecho...pues yo quiero tener la cabeza en las nubes, en rbita, llena de pjaros...si, porque no slo los dragones vuelan...

66

Beatriz Trello

Chupable Stackhouse ^^ Llevando el nico tru blood que sirvi, esta chica ha trabajado muy poco en el Merlottes, tan poco que no debe llegar al ao para pedir el paro :[

67

pulsaF13

Tipos Duros...en puntas... El otro da hablando con mi amiga Ana, sobre este mundo televisivo que nos incumbe y que sigue sorprendindonos, repasamos el programa Fama a bailar!!. Ella me deca que no le provoca FUEGO ver a un tio meneando las caderas, y yo por mi parte intentaba imitar este paseo que se dan los concursantes por el plat. Pues no te preocupes porque todo el mundo puede bailar, all nada es imposible...yo lo que quiero ver es un programa con retos de verdad!! como este tipo duro en puntas.

te lo dedico!! que me lo he pasado muy bien sacndolo a escena :)directamente untarse los dedos

68

Beatriz Trello

edu*

Probitico ride with me! Hace tiempo que pas de los yogurines. Ahora salecon probiticos porque sabe lo que le conviene...

69

pulsaF13

Hay miel de Ambrosa Madre ma! No s como haceros llegar el olor y el sabor de esta miel en la que quisiera naufragar. Consegu medio tarro en la Casa del Queso*, Calataazor y ha sido como traer el viaje in vitro.

Gracias Vctor

* tomar con queso Soriategui o directamente untarse los dedos

Pepita Limn & Co.

Antes de irme a dar un paseo os dejo a Pepita limn de cuerpo entero y dos de

sus acompaantes. Burning Muffing y Rosquilla Clsica, que los disfrutis como

yo lo hice cuando los preparaba :P

http://wagonslits.blogspot.com.es/

FotografaHDRHigh dynamic range

Tutorial de

Como mejorar tus fotos

muy facilmente con

Photoshop

Por Javier Del Barrio

72

Fotografa HDRLa fotografa HDR es una tcnica de procesamiento de imgenes que pretende obtener un alto rango de los niveles de exposicin en todas las zonas

Photoshop nos ofrece esta posibilidad de mejorar nuestras fotos mediante la opcin de la mezcla de varias imgenes

Y el resultado puede ser espectacular

73

pulsaF13

La revista digital pulsaF13 os ofrece un tutorial sobre este interesante aspecto de Photoshop

Utiliza tu mvil para ver el vdeo

CURSOSWORPRESS

MADRID.COM

PublicarPublicar

ActualizarPublicar

CURSOS

GESTORWEBDE CONTENIDOS

DISEO

Por : Ral Lozano Arajo

76

Crear tipografas

Crea tu propia tipografa con CorelDRAWUna fuente tipogrfica es el conjunto de caracteres que componen un tipo de letra. Incluyen los signos tipogrficos de las letras, en maysculas y minscula, los nmeros, los signos de puntuacin, matemticas y referencia y se almacenan dentro de un fichero con el formato:

nombre_fuente.ttf.

Por lo que crear una fuente se puede dividir en:

1.- Hacer los dibujos vectoriales

2.- Exportarlo como fichero*.ttf

Esto en lo que veremos en este prctico tutorial.

1.- CREANDO DIBUJOS VECTORIALES

1. Disee o modifique en el ordenador los tipos ya existentes.

Disee cada carcter a un mximo de 5 cm y a un mximo de 4 cm, respetando las normas de cada carcter.

2. Escanear cada carcter a un mximo de 300 ppp en escala de grises. (Y luego se arrastran a Corel)

3. Se puede elegir el tipo de vectorizacin: Automtico con la herramienta Bzier.

La imagen escaneada es la de color gris (Mapa de Bits)

La imagen negra es el vector, con la herramienta Bzier (GIF)

Despus de haber vectorizado cada carcter, utilice la opcin combinar (CRTL+L) en los caracteres que tienen centro, por ejemplo: P, Q, D, B, O, A/ a, o, q, d, b/; as estos objetos se unirn formando un solo carcter con centro. Cada carcter debe tener un mximo de 720 puntos de medida.

4. Personalice la hoja de trabajo a la medida de 750x750

5. Use la regla como lnea de posicin en cada carcter. Seleccione el carcter a exportar, en este caso utilizamos la (A).

Cada carcter debe colocarse en la misma posicin. La regla ayudar en este caso como gua de posicin. Active el icono encajar en lnea gua la cual ayudar a colocar automticamente cada carcter.

2.- EXPORTANDO EL FICHERO *TTF6. Exporte el carcter seleccionado- exportar CRTL+E

abcdef

77

pulsaF13

Esta ventana ofrece varias oposiciones ttf-True typefont, PFB Adobe Type 1 Font entre varias otras opciones seleccione: TTF-True Type Font + slo lo seleccionado

En esta ventana de dialogo de opciones introduzca estos valores o personalicelo.

Finalmente, presione acoplar y listo. Esta accin debe hacerse con cada carcter.

De esta manera, puede crear, de acuerdo a su imaginacin espectaculares tipografas, como si utilizara cualquier otro programa de tipografa a un diseo ms complejo.

Ejemplos:

Ahora para darle un look ms profesional a nuestro trabajo os detallo unos consejos que debemos tener en cuenta.

1.- Kerning (Espacio entre letras)

El espacio entre letras (Inter letrado o interletraje) es muy importante. Esto muchas veces, ayuda a diferenciar un tipo de letra de otro.

Puede ser que en Corel nos enfrentemos a distintos problemas sobre este tema, procedamos entonces a ver distintas tcnicas.

PRIMERA TCNICA: Uso de la regla Vertical.

Mueva la regla vertical dentro del ngulo de la hoja de trabajo, a una distancia personalizada. El espacio entre la lnea de la hoja y la regla ser la que habr entre cada carcter.

abcdef

78

Crear tipografas

Otro problema, que se nos presentar en el Kerning, es la distancia entre la V y la A, bsicamente por la percepcin que tienen nuestros ojos de las formas inversas que tienen ambas letras (tringulos invertidos).La A aun teniendo la misma distancia que todas las dems letras, es percibida de forma ms distante.

Lo mismo sucede con: L-T, Y-O, W-A... Todo lo cual, es denominado: Los pares de Kerning

SEGUNDA TCNICA: El carcter fuera del borde de la hoja.

Mueva el carcter (A) fuera de la hoja, a la menor distancia posible. Esto mismo debe aplicarse a la (V) y a las dems letras. Ahora, el espacio que habr entre los pares de Kerning ser menor.

De esta manera, logramos que se perciba a la letra (A) con la misma distancia que las dems letras.

2. El carcter Perfecto:

Quisiera obtener un carcter perfecto? Reduzca el nmero de nodos a su ms mnima expresin. Aunque se puede hacer de dos formas, solo mencionamos una de ellas, la que consideramos ms correcta, en atencin a los que usan Plotter de corte.

3.- Problemas con la q, j, p, y minsculas

Las mencionadas letras minsculas deben tratarse de manera distinta.

Estas letras deben colocarse con la parte inferior debajo de la regla... exactamente lo opuesto a las maysculas.

abcdef

79

pulsaF13

4.- Problema con el estilo tipogrfico.

De la mayscula a la minscula el espacio es enorme.

Si ha diseado una tipografa como sta y el resultado no es el que esperaba aqu esta la solucin.

Solucin:

Corregir este problema no es complicado. Coloque el carcter en posicin normal en la hoja de trabajo.

Exprtelo (CRTL+L) y sigua los siguientes pasos:

.Deshabilite la opcin automtica.

.Mueva la rejilla con el ratn, dando un clip en el lugar ms cercano a la letra. Se crear el espacio donde continuara el siguiente carcter.

De la mayscula a la minscula el espacio es correcto.

5.- Esquema de los caracteres del Kerning

Finalmente, dejamos el esquema para colocar los caracteres del Kerning.

Fuente: Baluart.net 2.0

Tambin os dejo un enlace en el cual aparece un video tutorial con todos los pasos, espero que tambin os sirva:

http://maxima.webnode.com/news/fuentes-/

abcdef

La solucinpara tPublicidadaqu

Quieres ser visto!!

Contrata la publicidad con nosotrosPonte en contacto en:

revistapulsaf13.com/tu-publicidad-aqui/

CASSAUAnimador y artista en 2D

82

Daniel Cassau

Bajo esa firma virtual se esconde el dibujante Daniel Fernndez Ordez, con semejante nombre no es de extraar que le apetezca usar un seudnimo, aunque sea tirando de su estrambtico tercer apellido; Cassau .

MAM

Daniel Cassau

83

pulsaF13

Daniel Cassauartista digital

Nac pocos meses despus de la muerte de Picasso, tengo la sospecha de que soy su reencarnacin

ejembueno, como l mismo dice en su blog , no le faltan delirios de grandeza y por eso se ha atrevido a pintar y ahora intenta hacer algn dibujo animado bien hecho.

Ver sus trabajos en video

http://vimeo.com/danimad

manchild

84

Daniel Cassauteodora.

85

pulsaF13teodora. Holaola2.

86

Daniel Cassau

monolito

64_films2. 64_films1

87

pulsaF13

chewandGum

chewandGum

88

Daniel Cassau

Campinnito

ILUS1 MADAMA

89

pulsaF13givemeagun

90

Daniel Cassau

Proyecto de animacin para NADYADiseo de personajes y entorno

91

pulsaF13

PacoChavesDibujante, publicista y diseador grfico

por : Javier Del Barrio

Todas las creaciones se realizaban a mano alzada, con trazos firmes, seguros y sin posibilidad de errores ya que estos casi nunca tenan paso atrs.

Paco Chaves, dibujante, publicista y diseador grfico

Francisco Martnez Chaves (1.923 1.999), dibujante, publicista y diseador grfico, perteneci a esa generacin de artistas que desarrollaban su trabajo de una forma manual y artesanal generada por su habilidad para el dibujo y la pintura, el dominio de los materiales y herramientas de la poca (leos, gouache, acuarelas, pinceles y lpices) que, al da de hoy, estn prcticamente abandonados por los profesionales del sector.

Paco Chaves, como as se le conoca en su momento, vivi en una poca en la que los programas como Corel Draw o Illustrator no existan, es mas, tampoco existan los ordenadores y todas las creaciones se realizaban a mano alzada, con trazos firmes, seguros y sin posibilidad de errores ya que estos casi nunca tenan paso atrs.

Tanto l como la inmensa mayora de sus colegas, pudieron disfrutar de algn avance tecnolgico relativo a las tipografas que reflejaban en sus obras. Hasta 1.960 slo podan rotular a mano alzada. Cada letra era dibujada con paciencia y precisin utilizando slo lpices, pinceles o los conocidos Rotring.

Pionero y autodidacta

Sin embargo, a partir de aquel ao, aparecieron las hojas Letraset. Se trata-ba de un mtodo muy til, ingenioso e innovador que permita transferir de una de estas hojas al papel, tanto letras como otros elementos que la citada empresa puso a disposicin de los disea-dores de la poca y, cmo no, Paco tambin utilizaba con gran habilidad.

De aquella poca hay que mencio-nar algunos de sus coetneos com-paeros de profesin, a la vez que amigos, que dejaron huella en la his-toria del diseo espaol.

Hablamos, por ejemplo, de Gallego (padre del que ahora forma la pareja artstica Gallego&Rey ) o de Manolo Prieto, mas conocido por ser el dise-ador del famoso Toro de Osborne.

Las imgenes corresponden a va-rias de las reuniones que celebraba en aquella poca la Asociacin de Di-bujantes.

Nacido en Madrid pero pronto se traslad a So-ria por motivos familiares. Fue en esta bella ciu-dad donde vivi su infancia y juventud y tambin donde comenz a desarrollar su aptitud para el dibujo y la pintura.

Ilustracin de la Cartilla Escolar de Alimentacin editada por el Instituto Nacional del Consumo

97

pulsaF13

Hermita de San Saturio, patrn de Soria.(foto : sorianos.org)

De esa poca hay que resear un par de ancdotas curiosas sobre Paco Chaves. La primera de ellas se refiere a su primer trabajo remunerado, y pongo la palabra entre comillas porque en esa ocasin no le pagaban con dinero sino en especie, me explico : Con solo 16 aos era el dibujante oficial del cine de Soria para el que dibujaba los carteles anunciadores de las pelculas proyectadas. Semana tras semana confeccionaba esos carteles alusivos a todas las pelculas que los habitantes de Soria podan ver en el cine local; a cambio Paco reciba, como pago a sus servicios, entradas para l y sus familiares y amigos.

La segunda ancdota se refiere a un extrao en-cargo que recibi, a esa misma edad, de las auto-ridades locales. En la bellsima ermita del patrn de Soria, San Saturio, templo construido en el siglo XVI, existen unos magnficos frescos en una de sus paredes. En aquel momento estos frescos estaban borrados en un ngulo debido a la humedad y esa zona estaba desconchada lo que afeaba el conjun-to. La propuesta fue la de pintar en esa zona algo que estuviera acorde con el resto y Paco la acept como un reto profesional. Dndole vueltas a lo que podra pintar all, decidi que algo que pintaba muy bien eran unos espadachines, as que eso fue lo que all pint y que hoy en da esos espadachines siguen en esa pared de la ermita de San Saturio para deleite de sus visitantes.

98

figuras histricas del diseo

Conoc a Paco en mi juventud; en mi memoria an conservo el recuerdo de su estudio, de su mesa de trabajo llena de frascos de gouache de muchos colores, pinceles, algunos en vasitos con agua o disolvente, trapos para limpiarlos, Rotrings de varios calibres, lpices, sacapuntas, gomas de borrar, su lmpara iluminando el tablero de trabajo, escuadras, cartabones, reglas, las hojas Letraset e, in-variablemente, su ce-nicero humeante don-de se consuman, uno tras otro, los cigarrillos de tabaco negro que le acompaaban en su trabajo diario.

El trabajo de Paco abarc muchos aspectos pero hoy en da es completamente desconocido.

Muchas veces nos paramos en un supermercado ante un expositor para elegir algn producto y, en lo que menos pensamos, es en la figura del diseador que cre ese logo que nos atrae o que es el que seleccionamos porque es el de toda la vida, el que nos compraba nuestra madre y el que nosotros seguimos comprando porque nos gusta y porque sabemos que es de confianza.

Todo esto viene a cuento porque el diseo mas conocido de Paco Chaves es el que da vida y entidad al queso El Casero, s ese de de El Casero me fo, ese queso en porciones que conocemos desde pequeos y que an nos sigue deleitando.

Ese es el diseo estrella de Paco Chaves que, como todo su trabajo, realiz totalmente de forma artesanal y manual.

Logo de Industrial Quesera Menorquina para su queso en porciones El Casero.Diseo realizado por Francsco Martnez Chaves. (El resto del anuncio es obra de otro profesional)

99

pulsaF13

Otros de sus diseos son los que corresponden a una coleccin de cuentos de la

editorial Susaeta.

Para rememorar la figura de Paco Chaves, nos encon-tramos hoy con su hijo Francisco Martnez Paso, arqui-tecto de profesin y propietario del estudio de arquitec-tura Paso&Paso que dirige junto con su hermano Javier, arquitecto como l. Paco nos habla de su padre en el vdeo que acompaa a este artculo.

Pulsa aqu para ver el vdeo

Desde Pulsa F13, revista digital de arte y diseo, rendimos con este artculo nuestro pequeo homenaje al dibujante, publicista y diseador grfico Paco Chaves, una de las grandes figuras histricas del sector.

Cartilla Escolar de Alimentacin del Instituto Nacional del Consumo.

Realizado poR a.SalmeRn (TeTo)

100

Vdeo con Photoshop

Cmo Editar Video con Photoshop CS5

La versin Photoshop Extended CS5 permite editar video y crear animaciones cuadro a cuadro, aplicar las herramientas de ajustes de exposicin o color, incluir texto o imgenes en archivos de video, etc.

Las animaciones y los videos modificados se pueden guardar en un archivo PSD. Estos documentos se pueden abrir y ejecutar en otras aplicaciones Adobe (Premiere Pro o After Effects), o pueden verse y exportarse, como pelcula QuickTime, AVI, MPG, y otros formatos, o como secuencia de imgenes. Photoshop no permite editar las pistas de sonido de los documentos de video.

Photoshop extended cs5

Photoshop Extended CS5

Es importante tener en cuenta, al trabajar con video, que Photoshop hace como otros editores. Los datos del video no se incluyen en el documento Photoshop. Slo se incluye una referencia de la ubicacin del video original en el disco.

101

pulsaF13

Esta referencia no se debe modificar, es decir, no debemos eliminar, cambiar de ubicacin ni de nombre el archivo original. Si se realiza alguna de estas acciones, se pierde esta referencia y el video no podr mostrarse en el documento Photoshop.

Este panel, que se despliega del men Capa > Capas de video > Nueva capa de video desde archivo, es el protagonista principal de esta forma de trabajo en Photoshop. Desde aqu se controla tanto los videos como las animaciones. Este panel tiene dos presentaciones: una cuando se ha importado un video y otra cuando se trata de animaciones formadas por secuencias de imgenes.

En las figuras 1 y 2 vemos las dos presentaciones del panel Animaciones:

Panel Animaciones (modo cuadros), el que se usa para realizar animaciones cuadro a cuadro.

Panel Animaciones (modo lnea de tiempo) es la que se muestra cuando se trata de un archivo de video.

Adobe Photoshop Extended CS5 muestra ambos paneles Animacin. La versin normal del programa slo permite trabajar en el modo cuadro a cuadro.

Fig.1

Fig.2

El panel Animacin

102

Vdeo con Photoshop

Prctica edicin Vdeo

Paso 1: Importamos el video

Importar Vdeo

Esta opcin est disponible en Photoshop Extended CS5. Ya vimos que, para importar video a Photoshop, se necesita una capa especial de video que se caracteriza por un cono diferenciado en el panel Capas: una tira de fotogramas de una pelcula de celuloide.

Este tipo de capa especial contiene todos los fotogramas del video importado y se puede ver su lnea de tiempo desde el panel Animacin (modo lnea de tiempo), que se despliega desde el

men Ventana.

Para importar un video a una capa de video usamos el comando del men Capa > Capas de video > Nueva capa de video desde archivo. Se elige el archivo de video y se lo abre. Quedar as creada la capa de video conteniendo el video importado.

Es importante tener en cuenta, al trabajar con video, que Photoshop hace como otros editores. Los datos del video no se incluyen en el documento Photoshop. Slo se incluye una referencia de la ubicacin del video original en el disco. Esta referencia no se debe modificar, es decir, no debemos eliminar, cambiar de ubicacin ni de nombre el archivo original. Si se realiza alguna de estas acciones, se pierde esta referencia y el video no podr mostrarse en el documento Photoshop.

A las capas de video, como cualquier otra capa, se las puede modificar: se le puede asignar un Modo de fusin, opacidad, estilos de capa, se la puede cambiar de tamao, etc.

Formatos de video compatibles con Photoshop

Los formatos de video admitidos por el programa son:- MPEG -1 (.mpg o .mpeg) - MPEG-2 (si est instalado un codificador MPEG-2 en el ordenador)

- MPEG-4 (.mp4 o .m4v) - MOV - AVI

Para importar un archivo de video procedemos del siguiente modo:

Creamos un documento nuevo del tamao del video a importar.

Importamos el video yendo al men Capa > Capas de video > Nueva capa de video desde archivo. Desde aqu elegimos el el archivo video y ste se incluye en una capa. La figura 4 muestra la importacin realizada.

Fig.3

Fig.4 importamos un video a una capa de vido

103

pulsaF13

Paso 2: Ajustes de documento

Fig.5

Al importar un video a Photoshop, el programa le asigna, por defecto, una duracin de 10 segundos. La pelcula que importamos dura 22 segundos. Para cambiar la duracin del documento vamos al men de opciones del panel Animaciones y elegimos la opcin Ajustes del documento. Aparece el cuadro de dilogo de la figura 12, en donde ponemos la duracin correcta. Si fuera necesario, en este panel tambin podemos adaptar la Frecuencia de imagen, es decir, la cantidad de fotogramas por segundo. En nuestro caso la frecuencia del original es de 30 fotogramas por segundo, dejaremos esa misma frecuencia para el documento Photoshop.

Fig.5

Fig.6

Fig.6

Adaptamos la duracin del documento a la del video importado.

Paso 3. Ajustamos la duracin del video

Si fuera necesario definimos el inicio y el final del fragmento de video que se ver. En nuestro caso eliminaremos los fotogramas negros del inicio y ajustaremos el fotograma de salida final.

Ajustamos los fotogramas de entrada y de salida de la pelcula

104

Vdeo con Photoshop

Paso 4: Aadimos texto

La edicin de video en Photoshop permite agregar capas de todo tipo al video que acabamos de importar. En nuestro caso agregaremos un texto. Con la herramienta correspondiente escribimos un texto, que queda ubicado en una capa aparte.

Incorporamos una capa de texto.Fig.7

Fig.7

Paso 5: Animamos el texto

Photoshop permite modificar algunos de los parmetros de las capas en la lnea de tiempo. Como se ve en la figura 8, hemos desplegado, en la lnea de tiempo, las opciones de la capa de texto.

Aqu se muestran controles de Posicin, Opacidad, Estilo y Deformacin de texto (ver figura 8, 1). Estos controles se manejan colocando fotogramas clave en la lnea de tiempo (ver figura 8, 2). Podemos crear fotogramas clave de cada una de las opciones. En estos fotogramas podemos definir la posicin, opacidad, estilo, etc de la capa.

Para crear un fotograma clave debemos ubicar la cabeza lectora (sealada con el nmero 3 en la figura 8) en el fotograma que queremos transformar en clave y hacer clic en el pequeo cono de cronmetro ubicado al lado del nombre de la opcin. De esta manera se colocar

un cono en forma de rombo en el fotograma elegido. Ahora podemos hacer las modificaciones en la capa que queremos modificar. El cambio que hagamos se ver en slo este fotograma. Si los fotogramas siguiente o anterior tienen diferente tamao u opacidad, entre ambos fotogramas habr una transicin animada.

En nuestro caso hemos hecho lo siguiente: en un fotograma clave de Posicin la capa de texto est ubicada en la parte superior de la pantalla y tiene opacidad del 0%, es invisible. Unos fotogramas ms adelante, y en un un nuevo fotograma clave, hemos cambiado de posicin el texto y le dimos 100% de opacidad. Al reproducir la pelcula, veremos que el texto aparece y se desplaza por la pantalla

105

pulsaF13

Fig.8

Paso 6: Exportacin del video

Controles de la capa de texto en la lnea de tiempo

Para exportar el video tenemos el men Archivo > Exportar > Interpretar Vdeo, que nos abre el cuadro de dilogo de la figura 9. En esta ventana tenemos los siguientes apartados:

UbicacinPonemos un nombre y elegimos una carpeta en nuestro disco para guardar el archivo de video.

Opciones de archivoTenemos dos opciones:

- Exportar con QuickTime

Exporta en una variedad de formatos de video que se pueden elegir del men desplegable. Las opciones ms importantes son:

3G. Formato de video desarrollado para dispositivos mviles.

QuickTime. La arquitectura multimedia de Apple.

AVI. Formato de video para ordenadores Windows.

MPEG-4. Un formato estndar de sonido y vdeo.

Para cada uno de los formatos, el botn Opciones permite configurar las caractersticas del archivo resultante.

106

Vdeo en Photoshop

- Secuencia de imgenes Crea un archivo de imagen por cada fotograma de la pelcula. Se puede elegir el formato de estos archivos entre JPG,

PSD, PNG, BMP y TIFF, entre otros. Tambin se puede elegir la forma de numerarlos y el tamao.

RangoTenemos las siguientes opciones:

Todos los cuadros. Interpreta y exporta todos todo el video contenido en el documento de Photoshop.

Cuadro de entrada y Cuadro de salida. Si slo deseamos exportar una porcin del video, aqu especificamos el fotograma inicial y el final.

Cuadros seleccionados actualmente. Exporta los fotogramas seleccionados en la la lnea de tiempo del panel

Animacin.Opciones de interpretacin: Canal alfa. Opcin para video avanzado que define la forma en la que se interpretan los canales alfa.

Frecuencia de imagen. Define cuntos cuadros por segundo tendr el video exportado.

Al aceptar (Interpretar) el archivo se guarda y lo podemos ejecutar en un reproductor de video adecuado.

Fig.9 Cuadro de dilogo de exportacin de un archivo de video

107

pulsaF13

seccin

EXTENSIONES DESTACADAS EN

DISEO GRFICO

110

pulsaF13

EXTENSIONES DESTACADAS EN

DISEO GRFICO

POR: MARIA LUISA QUINTANS

111

seccin

PNG

TIFF

Son las siglas de Portable Network Graphics, un formato de compresin de imgenes aprobado por el World Wide Web Consortium (W3C) como sustituto del formato .gif. Los archivosz tipo .gif utilizan un algoritmo de compresin de datos que est patentado, mientras que el formato .png no est patentado y no necesita licencia para su utilizacin. Se considera que el formato .jpg es mejor para fotografa digital mientras que los formatos .gif y .png son mejor para imgenes grficas.Este tipo de archivo al igual que el archivo tiff tiene la capacidad de guardar las imagenes con fondo transparente.

Los archivos TIFF suelen tener la extensin .tiff o .tif.

Las imgenes TIFF no pierden calidad en compresin. De hecho TIFF permite compresin LZW.

Las TIFF suelen ser ficheros bastante pesados, pero permiten la mxima calidad en las imgenes.

Aparte de esto guarda las imagenes con fondo transparente, muy util para trabajar en diseo grfico.zzz

JPEGSon las siglas de Joint Photographic Experts Group, nombre del comit que desarroll el estndar JPEG para la compresin de imgenes. El JPEG es un algoritmo diseado para comprimir imgenes fijas con 24 bits de profundidad o en escala de grises. La compresin es con prdida de calidad, por lo tanto al descomprimir la imagen no es la misma; igualmente (dependiendo del grado de compresin) la calidad es aceptable. Est especialmente diseado para comprimir fotografas, pues en grficos, la prdida de calidad se hace evidente. Los ficheros que utilizan esta compresin llevan la extensin .jpe o .jpg

ARCHIVOS DE IMAGEN

pulsaF13

PCX(PiCture eXchange). Formato grfico digital que utiliza compresin por run-lenght (RLE), que es sin prdida de calidad. Los ficheros con este formato tienen extensin .pcx.

seccin

Scitex CTEl formato Scitex CT (Continuous Tone) se utiliza para el proceso de imgenes de gama alta en sistemas Scitex. Los archivos Scitex CT proceden a menudo de un escner Scitex, que produce resultados de alta calidad para impresin comercial, el formato Scitex CT admite archivos CMYK, RGB y de escala de grises, pero no admite canales alfa. Normalmente las imgenes en formato Scitex son archivos de CMAN de gran tamao.

BMPBitMaP o Mapa de Bits. Extensin de archivos de imagen del formato llamado Mapa de Bits. En los mapa de bits existe una matriz de pxeles se le asigna una direccin asociada a un cdigo de color especfico. Esto constituye una imagen. Poseen una compresin sin prdida de calidad y suelen ocupar mucho espacio de almacenamiento.

TGAFormato grfico de Truevision (actualmente Pinnacle Systems), a veces llamado fichero TARGA. Es un formato grfico del tipo raster. El formato puede almacenar datos de imagen con 32 bits de precisin por pxel, siendo el mximo de 24 bits para RGB y 8 bits extras para el canal alfa.

RAWFormato grfico que contiene todos los datos tal cual han sido obtenidos por el sensor de la cmara fotogrfica digital. Por lo general no utiliza compresin y posee una profundidad de color de 30 o 36 bits por pxeles, esto hace que los archivos en este formato ocupen gran cantidad de almacenamiento.

ARCHIVOS DE IMAGEN

pulsaF13

seccin

GIF

Son las siglas de Graphics Interchange Format, un formato de compresin de imagen limitado a 256 colores. Suele utilizarse para grficos, especialmente pequeos, que pueden ser animados, es muy utilizado en Internet. Es un formato que utiliza compresin sin prdida de informacin.

ARCHIVOS DE IMAGEN

pulsaF13

Son las siglas de Graphics Interchange Format, un formato de compresin de imagen limitado a 256 colores. Suele utilizarse para grficos, especialmente pequeos, que pueden ser animados, es muy utilizado en Internet. Es un formato que utiliza compresin sin prdida de informacin.

seccin

PDFFormato de documento porttil (sigla del ingls Portable Document Format).

Este formato es de tipo compuesto (imagen vectorial, mapa de bits y texto).

Est especialmente ideado para documentos susceptibles de ser impresos, ya que especifica toda la informacin necesaria para la presentacin final del documento, determinando todos los detalles de cmo va a quedar, no requirindose procesos anteriores de ajuste ni de maquetacin.

ARCHIVOS DE ADOBE

pulsaF13

INDD AI

Su funcin nica y primordial es la creacin de material grfico-Ilustrativo altamente profesional basndose para ello en la produccin de objetos matemticos denominados vectores.

Sirve para la maquetacin de diseadores grficos y es el archivo principal de Adobe indesign

seccin

Son las siglas de Photo Shop Document, soporta todos los modos existentes de imagen (Bitmap, Grayscale, Duotone, Indexed Color, RGB, CMYK, Lab y Multichannel).

PSD se usa ampliamente como un soporte de duotonos, trayectoria de corte y canales. Adems PSD tiene una caracterstica nica, soporta capas mientras todos los dems formatos las pegan al exportar. Cualquier programa que soporta PSD puede reflejar la informacin de capas. Guardar archivos como imgenes de capas es bastante cmodo porque esto permite despus modificar diferentes partes de la imagen fcilmente.

PSD

ARCHIVOS DE ADOBE

pulsaF13

Verdadero turismo ruralwww.ulda.es

Orgaz (Toledo) - tlf 925 317 091/627 356 376 - ruralistas@ulda.es

IakiMartn

Diseador grfico e ilustrador

122

Iaki Martn

Iaki MartnCasi retratos 1.1 Casi retratos 1.2

123

pulsaF13

Iaki MartnDiseador grfico e ilustrador

Casi retratos 1.3 Casi retratos 1.4

124

Iaki MartnIlustracin 0

125

pulsaF13

Ilustracin 1

126

Iaki Martn

Ilustracin 2

127

pulsaF13

ilustracin 3

128

Iaki Martnilustracin 4

129

pulsaF13

ilustracin 5

tallerlasmercedesmadrid.comtallerlasmercedes@gmail.com

91 570 11 76 606 216 521C/ Las Mercedes 17, 28020 Madrid

Recogida y entrega de vehculos a domicilio

Reparacin de carrocera de todas las marcasChapa y pintura Cabina de hornoTrabajamos con todas las compaas

Vehculos de cortesa*Sujeto a disponibilidad

TALLERLAS MERCEDES

TALLERLAS MERCEDES

crear formularios con

ACROBAT PRO

Por: Victor Castro Baranco

134

Formulario PDF

Crear formulario PDFLo primero y ms importante es crear nuestro propio formulario. Podemos usar el programa que queramos, yo en este caso lo he hecho con Adobe Illustrator.

Una vez hecho el formulario lo exportamos como PDF y lo abrimos con Adobe Acrobat Pro.

Aqu comienza el tutorial.

En Acrobat nos vamos al men Tools abrimos Forms y hacemos clic en Create.

Nos aparecer una nueva ventana. Tenemos varias opciones para crear el formulario: Nosotros vamos a elegir Use an existing file.

En la siguiente ventana elegimos Use the current document.

135

pulsaF13

Hacemos click en Next y nos aparecer una ventana de notificacin, pulsamos Ok y listo. Una vez hecho esto nos cambiar el entorno de trabajo, ya nos podemos poner con la estructura del formulario.

Para crear las cajas para que los usuarios puedas rellenar con los datos que les solicitemos nos vamos a Task, abrimos Add New Field y elegimos Text Field.

A continuacin veremos como cambiar el cursor de forma notable y pasaremos a seleccionar las zonas que deseemos . En este caso para el ejemplo yo comenzar con Nombre dentro de mi formulario, acto seguido lo personalizamos como queramos. Debera de quedar as.

Haremos lo mismo para todas las casiilas. En el caso de que queramos hacer que el texto sea de tipo prrafo cuando creemos la caja de texto pinchamos en All properties y vamos a la pestaa de Options y en esta zona marcamos Multi-line y desmarcamos Scroll long text.

136

Formulario PDFAhora pasemos a crear el botn para que el usuario nos pueda mandar el formulario una vez completado. Nos vamos a Task / Add New Field / Button.

Aparecer la misma herramienta que el cuadro de texto. Nos disponemos a seleccionar la zona en la que se encuentre nuestro botn y haciendo click en All properties lo personalizamos como ms nos guste, una vez personalizado pasa-mos a la pestaa Actions y en Select Action elegimos Submit a form.

137

pulsaF13

Una vez elegida la accin hacemos click en Add y nos aparecer una nueva ventana, aqu tendremos que poner el correo electrnico al que queremos que nos enven el formulario una vez relleno. Tendremos que usar el protocolo mailto: e introducir nuestro correo electrnico.

Hacemos click en Ok y ya tenemos nuestra estructura montada que debera de quedar as (habindose descargado previamente el formulario de prueba).

Por ltimo paso guardamos el PDF y listo. Ya podemos compartirlo.

ZOOKYO

TE GUSTA JAPN? TE LO LLEVAMOS A CASA!

WWW.ZOOKYO.COM

Luis RestrepoRealidad o Sueos

Luis Restrepo

En mi trabajo de autorretrato Juro y Conjuro, me propongo tener un dilogo con mi ser, en un escenario especial; para dicha transformacin utilizo la fotografa en movimiento con tiempos de exposicin largos para captar la sensacin de movimiento.No busco contar historias en mi fotografa, solo mostrar una imagen cuyo reflejo siempre ser juzgado por quien se sienta identificado

Una imagen simplemente una imagen

Luis Restrepo

Luis RestrepoFotogrfoLuis Restrepo naci en Medelln (Colombia) hace 35 aos. Estudio en Madrid EFTI (escuela de fotografa y centro de imagen) y ESME (escuela superior de moda y empresa de estilismo).

140

pulsaF13

Mis fotografas son autorretratos, soy autodidacta. Utilizo la fotografa en movimiento, con tiempos de exposicin largos, para captar la sensacin de movimiento.

Cmo haces tus fotos?

Mi primera cmara fue una Cibershop Sony de bolsillo, actualmente tengo una Nikon de 90 y una Zenit X12.

Trato de plasmar en mi fotografa recuerdos de mis sueos y sueos al despertar.

Si, para corregir pequellos detalles en mi fotografa con el fin de mejorar la calidad de la imagen.

Si, en Medelln (Colombia). La obra se llama Juro y Conjuro.

Prctico la Kbala y meditacin conjurando el Universo a mi favor

Hay un proyecto colectivo en la Tabacalera Madrid, en el cul voy a participar.

Una realidad en sueos.

Quin es Luis Restrepo?

Cuntame un poco tu experiencia en la fotografa

Cmo definiras tu obra en una sola frase?

Cal fu tu primera cmara y la ltima?

En qu te inspiras para realizar tu trabajo?

Utilizas retoques fotogrficos?

Ests exponiendo actualmente?

Por qu ese nombre?

Tienes pensado exponer en Espaa?

Soy una persona surrealista en la manera de pensar, un soador que cree en sus sueos.

Tengo una exposicin abierta en Medelln. He realizado fotografas con las cuales se identifica mi subconsciente y de mi vida anterior a la fotografa.

Exposicin Juro y Conjuro Medellin - Colombia

141

Luis Restrepo

142

Ttulo de la obra : Juro y ConjuroAutor : Luis RestrepoTcnica : Impresin digital, enmarcacin con passepartout negro moldura negra lacadaMedidas de las obras : Obras verticales 30cm x 38.5cm. Obras horizontales 35.8cm x 30cm.Edicin : 15 obras

pulsaF13

Entrevista : JM. Sualdea

143

tus ilutraciones con

Photoshop

tus ilutraciones con

Photoshop

Colorea TUTORIAL

David Bocci

146

coloreado PSD

Colorea tus ilustraciones con Photoshop

En este tutorial aprenderemos como colorear con Photoshop tus ilustraciones, dibujos, bocetos o diseos.

Con la tcnica que os voy a mostrar combinaremos lo natural y suelto del dibujo a mano alzada y la coloracin con Photoshop utilizando la tableta grfica. Con ello conseguiremos artes finales muy acabados sin renunciar a lo fresco de los trazos rpidos.

Con estos sencillos ocho pasos podrs conseguirlo, tambin podrs ver un video demostrativo del proceso.

Una vez escaneado el dibujo lo desaturaremos, Imagen/Ajustes/Desaturar y con Imagen/Ajustes/Niveles, podremos oscurecer la lnea y aclarar el fondo hasta que sea blanco.

Introduccin

01. Mejorar el escaneado

147

pulsaF13

Aplicaremos a la capa dibujo el modo de fusin de capa multiplicar. Mantenindola siempre por encima de todas las capas que creemos.

Manteniendo la capa dibujo encima para guiarnos, trazaremos uno a uno, con la Herramienta Pluma, espacios de color de las zonas cromticas ms destacadas como vemos en el ejemplo de la derecha, separando tambin algunas del mismo color en varias partes si estas se montan entre si (como en este caso los brazos).

Una vez creados todos los trazados, los rasterizaremos uno a uno para su posterior sombreado.

02. Trazado del color

03. Rasterizado

148

coloreado PSD

Para conseguir que los lmites del trazado, que hemos rasterizados anteriormente, no sean tan duros y correspondan a la textura de la prenda de pelo, utilizaremos la Herramienta Dedo arrastrndola con pequeos toques en el borde, consiguiendo de esta manera simular la irregularidad del pelo en los bordes.

Crearemos el volumen en nuestro dibujo utilizando luces y sombras.

Para esta tcnica es aconsejable la utilizacin de una tableta grfica aunque no es imprescindible, todo depende del pulso de cada uno, ya que los volmenes se crearan manualmente.

Elegimos la capa de una de las zonas de color. Para las sombras utilizaremos la Herramienta Subexponer, seleccionamos el tamao y la dureza del pincel que mejor se corresponda a la zona. Tambin podis elegir el porcentaje de Exposicin. De esta manera ya podis aplicarlo generando zonas de sombra gestualmente donde creis necesario.

Para las luces seguiremos los mismos pasos, pero eligiendo la Herramienta Sobreexponer.

En la zona del cabello y de las pieles, utilizaremos igualmente estas dos herramientas pero en vez de manchas dibujaremos lneas que creen la textura, modificando continuamente el porcentaje de exposicin.

Aconsejo la utilizacin de fotografas para ayudarnos en esta parte, es bueno tener una imagen de muestra para ver donde estn las sombras y las luces de manera ms exacta y acorde con la realidad.

04. Contorno de pelo

05. Creando volumen

149

pulsaF13

150

coloreado PSD

Para el fondo utilizaremos una foto cualquiera y le aplicaremos el Filtro Artstico Bordes Aadidos con la Posterizacin al mximo y las otras dos opciones a vuestro gusto. Con esto conseguiremos que el fondo se integre perfectamente a la tcnica de nuestra ilustracin.

Para algunos detalles, como por ejemplo los flecos dorados de la prenda de piel, podis utilizar directamente la Herramienta Pincel.

07. Fondo

06. Detalles con pincel

151

pulsaF13

Para la perfecta integracin de fondo e ilustracin, crearemos una sombra, utilizando la Herramienta Pluma para crear un trazado eligiendo un color similar a las sombras del fondo.

Rasterizaremos el trazado y le aplicaremos el modo de Fusin de Capa: Multiplicar, para que se fusione con el fondo. Por ltimo usaremos el Filtro Desenfoque Gaussiano para suavizar los bordes como en las sombras del fondo.

08. Sombra

152

coloreado PSD

153

pulsaF13

Video demostrativo del

proceso

pregunta en

fimuritas@gmail.com

Diseos personalizadosBroches, anillos, colgantes...

de arcilla polim

rica

Figuritas

Pintar un lienzo digital con tableta

pintura digital

Pintar con tableta.Los pasos ms importantes

Hacer ilustraciones realistas en Photoshop no es tan difcil como pudiera aparentar, y menos si es que dominas tc-nicas bsicas y tradicionales de ilustracin como acrlicos o prismacolor. La parte ms difcil de este tipo de ilustra-cin es dominar la forma correcta de mezclar los colores (blending)

Dependiendo de la caracterstica de la ilustracin, detalle, texturas entre otros elementos, ser que necesitemos utili-zar diferentes brushes.

Empezaremos definiendo las caractersticas del pincel que utilizaremos. Seleccionando la herramienta Brush Tool

de tipo Spatter con un dimetro promedio de 4px (el cual ir cambiando segn se vaya requiriendo. En las caracte-rsticas del pincel o brush activaremos la opcin Shape Dynamics con la opcin Pen Pressure en Size Jitter. Ac-tivamos tambin la opcin Other Dynamics tambin con la opcin Pen Pressure tanto en Opcity Jitter como en Flow Jitter. Por ltimo nos aseguramos de que Smoo-ting este activado tambin. Bsicamente estas opciones nos facilitarn la mezcla y transiciones de los colores ha-ciendo los trazos ms suaves (dependiendo claro est de la presin ejercida en la tableta o Wacom)

Antes de comenzar a trazar tu ilustracin es recomendable realizar el siguiente ejercicio: En un archivo en blanco pinta tres reas de diferentes colores, de un tamao considera-ble y a una distancia que permita mezclarlos y ver la transi-cin de un color a otro. Para que se te facilite puedes jugar un poco con la opacidad del pincel a la hora de mezclar los colores.

Para empezar necesitars tener la imagen que desees hacer o una imagen de referencia para que te sea ms fcil ver los colores, las luces y las sombras y los tonos que tendrs que usar

pulsaF13

Para comenzar tu ilustracin necesitars trazarla en un documento nuevo. El tamao depender de la imagen que quieras hacer, nosotros elegimos un tamao de 1024 x 768 pixeles. El color del fondo y del pincel para trazar depender directa-mente de tu ilustracin. Nosotros trazamos sobre una primera layer (que llamaremos capa base)un fondo naranja en la parte de arriba donde va el cielo y con color marrn oscuro en la de abajo donde ira el bosque. Una de las herramientas con ms potencial para la ilustracin dentro de Photoshop son los Brushes o Pinceles.

Hay una gran variedad de ellos, ya sean con texturas, hard edges brushes, soft edge brushes, o airbrush brushes entre muchos otros. Tu mismo puedes modificar los atributos de cada uno de estos o incluso crear tus propios pinceles.

1 Para empezar necesitars tener la imagen que desees hacer o una imagen de referencia para que te sea ms fcil ver los colores, las luces y las sombras y los tonos que tendrs que usar. La imagen en este caso la tendremos en una capa de tu mismo archivo, abajo del todo, aunque es muy recomendable poner otro archivo abierto en pequeito al lado con esta misma imagen de referencia para ir vindola en todo momento aun cuando la que tienes en la primera capa este escondida para que no te estorbe o est ya tapada con tu propia pintura,

Se abre la foto que se ha decidido interpretar y se coloca en una layer por debajo de todas, que iremos ocultando y des-ocultando segn veamos necesario

Es importante c omenzar con una capa base para ir viendo un mejor resultado de la pintura

pintura digital

2 Vamos a comenzar pintando el cielo; eligiendo un pincel redondo de medida aproximadamente de 4 px y dureza al mni-mo, tomamos con el cuenta gotas los tonos de los colores de la imagen de referencia y as ahorraremos tiempo en tener que conseguirlos por medio de la paleta. Si no se quiere usar el cuenta gotas, ser recomendable hacer una paleta con los colores que vayan a predominar en la ilustracin, no necesitan ser muchos ya que la mayora de los tonos se irn formando de la combinacin y mezcla de estos.

Es recomendable que la paleta est conformada por los tonos que ms se vayan a utilizar para acceder ms rpidamente a ellos y perder menos tiempo.. Conforme vayas avanzando en la ilustracin puedes ir agregando mas tonos segn se

vayan requiriendo.

3.En otra layer diferente y por encima de la del cielo, para que se pueda jugar mejor con las posibilidades del programa y tener mas margen de corregir posi-bles errores, pintaremos las montaas primero con los diferentes tonos oscuros de marron, dando la sensacin de contraluz con el cielo y despus nos