Bienvenidas! Bienvenidas al curso online de Photoshop! En este blog ir publicando los tutoriales y ejercicios. Adems os ir enviando emails con ficheros con los que trabajar. Podis conectaros cuando queris y con la periodicidad que queris al blog dentro del mes. Si os surgiera algn imprevisto que os impidiera seguirlo, podrais reengancharos (gratuitamente, con el mismo email) cualquier otro mes. Es posible que en ocasiones os bloqueis en alguno de los pasos. En ese caso tratad de releer las indicaciones porque seguramente ser que os habis saltado algn paso. Pero si an as segus sin conseguirlo, no os frustris: escribidme un email a jguarchg@gmail.com y yo os ayudar. En el email contadme lo que sucede y adjuntadme un pantallazo en el que se vea toda la pantalla de Photoshop. Es mejor un email que un comentario, porque gmail me lleva estos a spam y no suelo verlos. Si veo que puede ser una duda general, lo actualizar en el blog o lo indicar en los correos que os envo a todas. Para quien no sepa cmo enviar pantallazos: pulsad la tecla "Impr Pant" (o Print Screen si vuestro teclado est en ingls) (en algunos teclados hay que pulsar la tecla "Fn" o la tecla "Alt" a la vez que "Impr Pant") (en Mac es Cmd+Shift+3) estando en la pantalla que queris copiar. Id a Word y pegar (con Ctrl+V o por Edicin -> Pegar). Guardad el fichero. Y al enviarme el email ponerlo como adjunto. Para imprimir los post (entradas) slo tenis que seleccionar todo su contenido con el ratn, pulsar en el teclado Ctrl+C (que es "copiar") ir a Word y en un documento nuevo pulsar Ctrl+V (o Edicin -> Pegar). NOTA IMPORTANTE PARA QUIEN TENGA MAC: Cuando indique que hay que pulsar la tecla "Control" en Photoshop, quien tenga Mac debe pulsar la tecla "Comando". Estoy segura de que si le dedicis el tiempo suficiente crearis diseos y kits fantsticos.

Instalando Photoshop Si no tenis Photoshop podis descargarlo (sin coste y sin caducidad): - PARA PC: en este enlace: https://docs.google.com/file/d/0B4SLEvweKjqZWmhXMDBneFY4Q1k/edit . Pulsad "Download" y luego "Download anyway". 1. Creis una carpeta en el disco duro del ordenador (en la ruta que queris)) para guardar todos los archivos que vais a descomprimir. 2. Luego vais a los archivos comprimidos que acabis de descargar, los abrs, le dais a Extraer Ficheros y los guardis en la carpeta que creasteis. 3. Entris a esa carpeta y veris el logo del programa PSCS6, el que dice versin archivo 1.0.0.0 Tamao 6,13 MB. Sobre ese icono clicis con el botn derecho del ratn, minimizis un poco la pantalla para poder hacer bien el arrastre y con el click derecho sin soltar lo arrastris al escritorio. 4. Una vez lo soltis en el escritorio aparecer un cuadro de dilogo donde dice: Copiar aqu Mover aqu Crear iconos de acceso directo aqu (seleccionad esta opcin y automticamente os aparece el icono en el escritorio) 5. Abrs el programa y aparece un cuadro para que escojas el idioma (aparecen todos los idiomas abreviados, espaol es ES). - PARA MAC: hay que descargar la versin de prueba en este enlace: http://www.adobe.com/cfusion/tdrc/index.cfm?product=photoshop&loc=es_es. Y luego hay que seguir las indicaciones de este vdeo para evitar que esa versin caduque: http://www.youtube.com/watch?v=-9LhhQR7GYg PARA VUESTRO CONOCIMIENTO: La licencia de Adobe Photoshop CS6 extendido se puede adquirir aqu: http://www.adobe.com/es/products/photoshop.html Cuesta 199 para uso particular a estudiantes y profesores. A esto hay que sumarle los gastos de envo a Espaa, 8,95 , y las tasas, 37,26 : en total 244,26 . Cuesta 942,82 ms envo y tasas para uso particular si no eres estudiante ni profesor as que si alguien quiere comprarla merece la pena matricularse en alguna asignatura o comprarlo a nombre de un hijo/sobrino/vecino estudiante.

Para comprarlo como estudiante o profesor (sector educativo) los requisitos son: - Estudiantes universitarios y de escuelas superiores: estudiantes matriculados en una universidad acreditada pblica o privada o en una escuela superior que conceda ttulos que requieran como mnimo el equivalente a dos aos de estudio a tiempo completo. - Estudiantes de primaria y secundaria: estudiantes matriculados en una escuela pblica o privada, primaria o secundaria, que proporcione instruccin a tiempo completo. - Profesores y plantilla: maestros y personal empleado por una escuela acreditada primaria o secundaria, pblica o privada, universidad o colegio, del distrito escolar, la junta de educacin (incluyendo a los profesores con status de emritos). - Los estudiantes educados en el hogar y sus profesores: alumnos y profesores segn lo definido por las regulaciones de los pases que educan en casa. Y hay que acreditarlo con: - Los estudiantes: prueba de la inscripcin actual, indicando el nombre, el nombre de la institucin, y la fecha actual o de los ltimos 6 meses. Los tipos de prueba de la inscripcin incluyen: tarjeta de identificacin escolar, informe escolar, expediente acadmico, factura de la matrcula, cualquier otro documento expedido por la institucin educativa que incluya el nombre de la persona, el nombre de la institucin, y fecha de los ltimos 6 meses. - Los maestros, profesores y personal: Identificacin que incluya el nombre de la persona, la fecha y el nombre de la entidad educativa o un documento oficial, como recibo de la nmina o carta con membrete oficial del secretario del centro indicando el empleo actual. - Los estudiantes educados en el hogar y sus profesores: copia de una carta de intencin para escolarizacin en casa datada en los ltimos 6 meses, identificacin de ser miembro en la actualidad de una asociacin de educacin en casa, comprobante de compra del plan de estudios para el curso acadmico. Tambin se puede descargar el programa en prueba (durante 30 das) gratuitamente, por ejemplo en http://www.softonic.com/s/photoshop-gratis o en www.adobe.com

Tutorial 1: herramientas

Vamos a empezar perdindole el miedo a Photoshop. Jugando un poco con sus comandos y comprobando que no pasa nada si metemos la pata, todo se puede deshacer y rehacer las veces que se quiera. Una de las cosas que ms hago en Photoshop es dar a Ctrl+Alt+Z (en Mac sera Alt+Cmd+Z), que es "Paso atrs" (o bien Edicin -> Paso atrs, pero es ms rpido con el teclado). Imprimid este post e id a Photoshop. Id siguiendo las indicaciones, ya veris cmo resulta muy fcil delante del programa. Id al men superior, "Ventana" y dejad marcadas slo estas 4 opciones (Capas, Carcter, Opciones y Herramientas):

Ahora tenemos esto:

Cread un nuevo documento: (men superior) "Archivo" -> Nuevo. Y poned que sea por ejemplo de 2.000 x 2.000 pxeles. Fijaos en que da tambin la opcin de poner la medida en centmetros, pulgadas, etc. Yo suelo poner pxeles a menos que quiera que tenga un tamao concreto para imprimir (por ejemplo si voy a hacer un topper de 5 cm.): en ese caso por comodidad le pongo el tamao directamente en centmetros. Pero podis utilizar cualquier unidad de medida indistintamente. Y en resolucin, si es un archivo que queremos utilizar para hacer diseos, conviene que pongamos al menos 250 pxeles por pulgada. Si lo pusiramos muy bajo el archivo tendra poca calidad y se vera "pixelado" al agrandarlo. Si lo pusiramos demasiado alto ocupara mucho espacio en el disco de nuestro ordenador. El resto lo dejamos como est. Pulsamos "OK".

La ventana del documento ocupa la pantalla completa. A m me resulta ms cmodo hacer el documento "flotante" (sobre todo cuando trabajo con varios a la vez). Vamos a (men superior) Ventana -> Organizar -> Hacer flotante todo en ventanas).

Y ahora empezamos a probar las herramientas que tenemos en el men lateral (ventana de herramientas): la mayora de las herramientas se despliegan en varias, para ello tenis que posicionaros encima de la que deseis y clicar en el botn derecho del ratn. Saldr algo as:

En primer lugar seleccionad el pincel y a continuacin aseguraos de que en la ventana de opciones tenis "Modo: Normal" u os pasarn " cosas raras", jeje y "Opacidad" al 100%! a menos que queris que tenga algo de transparencia para algo concreto:

En la ventana de opciones podemos elegir el tipo de pincel que queremos, su grosor, su opacidad, su transparencia... pulsando en la flechita que hay junto al pincel (os lo he marcado abajo en rojo) se despliegan los tipos de pinceles que hay (con el ascensor, que os he marcado en verde, podis subir y bajar para verlos todos):

Yo suelo utilizar: - El punto normal: es el segundo empezando por la izquierda. "Tamao" indica los pxeles que tiene por defecto, pero podemos cambiarlos y poner los que queramos. Es el que uso prcticamente siempre. - El punto difuminado: es el primero empezando por la izquierda. En realidad es idntido al punto normal, slo que con dureza 0: si tomamos el punto normal y le ponemos dureza "0 %", tendremos el punto difuminado. La dureza marca si est difuminado o no el contorno: a menor dureza, ms difuminado est. Uso una dureza baja por ejemplo para los coloretes de la mueca.

Id probando a usar los pinceles que tenis y cambiando el nmero de pxeles ("dimetro maestro") en la ventana de opciones. Deshaced pulsando en el teclado, a la vez, las tres teclas Ctrl Atl Z. Mirad tambin los pinceles que hay por abajo, quizs tengis alguno que es un dibujo, porque hay pinceles que son dibujos de todo tipo! muchos vienen en Photoshop y podemos instalarlos en un momento y otros podemos descargarlos gratuitamente en internet en pginas como esta. Los guardamos en el disco duro y, teniendo la herramienta pincel seleccionada pulsamos donde he recuadrado en rojo (si queremos instalar los que trae Photoshop, podemos pinchar en las opciones de abajo: pinceles caligrficos, pinceles cuadrados, etc.):

En la ventana emergente seleccionamos la ruta en la que hemos guardado los pinceles, clicamos (una sla vez) sobre el que vamos a cargar y pulsamos "Cargar":

Cuando despleguemos las opciones del pincel, este pincel que hemos cargado nos aparecer el ltimo (tenemos que bajar con el "ascensor" hasta abajo del todo para verlo). Acordaos de ajustar su tamao antes de pintar con l. Tambin podemos crearlos nosotros mismos: dibujamos lo que queramos y luego (men superior) "Edicin" -> "Definir valor de pincel" as de fcil! Nota: si queris conocer la diferencia entre los parmetros "Opacidad" (que utilizo a menudo) y "Flujo" (que no utilizo jams) de la ventana de opciones, podis leer esto (el vdeo lo muestra muy claramente). Podis hacer trazos libres simplemente pulsando todo el rato el botn izquierdo (principal) del ratn a la vez que lo movis. Y lneas horizontales o verticales si a la vez que pulsis y movis el ratn, pulsis la tecla "Shift" (maysculas) del teclado. Y lneas oblicuas si clicamos con el ratn en un punto del documento, dejamos de clicar en el botn del ratn, y en otro punto pulsamos la tecla "Shift" del teclado y volvemos a clicar con el ratn. Ahora haced trazos libres, lneas horizontales y verticales y lneas rectas con diferente inclinacin. Deshaced pulsando en el teclado, a la vez, las tres teclas Ctrl Atl Z Con el pincel normal a un tamao de 100 pxeles hace una lnea horizontal. A continuacin pulsad en el icono que he recuadrado en rojo:

Y en la ventana emergente que sale pulsad sobre "Forma de la punta del pincel" y donde pone "Espaciado" poned 100. Veris cmo cambia la casilla de la muestra (donde he escrito un "1" en rojo):

Ahora haced de nuevo una lnea horizontal debajo de la anterior:

Haced ms pruebas con diferentes espaciados. Vamos a cambiar el color que estamos usando. Para ello pinchad dos veces en este icono ("Conmutar colores") del men lateral:

Como veis tiene dos colores (por defecto vienen negro y blanco) y si le dais a la flechita intercambian sus posiciones. El de arriba es el que Photoshop toma para el pincel y otras herramientas como "bote de pintura". Podemos cambiarlo por el color de abajo con la flechita que en su esquina superior derecha. Bien, al clicar con el ratn sobre ese icono dos veces muy seguidas os saldr esta ventana:

En ella podis seleccionar el color:

- "A ojo" movindoos por la barra de colores vertical y/o por el cuadrado con tonalidades de la izquierda.- Poniendo su cdigo. Porque... una revelacin (al menos para m lo fue cuando lo descubr, jejej): cada color tiene un cdigo. Y los hay en dos "idiomas": RGB (lo he recuadrado en azul) que significa red (rojo) - green (verde) - blue (azules) que son los colores bsicos a partir de los cuales se forman todos los dems (es curioso ver cmo va variando un color a medida que por ejemplo le ponemos ms rojo, ms verde y menos azul) y hexadecimal (es un cdigo alfanumrico, lo he recuadrado en rojo). El cdigo RGB se ve en lo que he recuadrado en azul y el cdigo hexadecimal se ven en lo que he recuadrado en rojo. Podis traducir de uno a otro con conversores como este. Qu quiere decir esto? que podis reproducir absolutamente cualquier color que queris: basta que lo metis en vuestra pantalla (copiando de internet, escaneando, con una foto...) y miris su cdigo (con la herramienta "cuentagotas" que veremos a continuacin) y ya lo tenemos. El cdigo hexadecimal del blanco puro es ffffff y el del negro puro 000000 - Pinchando en el botn "Bibliotecas de colores". Aqu podemos seleccionar diferentes "Pantones" de colores:

A m me gustan especialmente el "Pastel coated" y el "Solid coated". Para volver a la ventana anterior pulsad el botn "Selector". Ahora id seleccionando diferentes colores y dibujando con diferentes pinceles en trazados libres, lneas inclinadas, lneas horizontales, etc. Deshaced pulsando en el teclado, a la vez, las tres teclas Ctrl Atl Z Hay dos herramientas que tienen el selector de color en la ventana de opciones: la forma geomtrica (en un caso muy concreto: cuando dibujamos una sobre otra con la opcin "Forma" sin haber rasterizado antes, lo veremos en el prximo tutorial) y la escritura (tambin la veremos en el prximo tutorial). En estas herramientas, en la versin CS6 de Photoshop que estamos utilizando, prevalece dicho selector (lo he recuadrado en azul en el pantallazo) sobre el selector de la ventana de herramientas (recuadrado en rojo). Es decir, tendremos que seleccionar el color en la ventana de opciones.

Vamos a ver el cuentagotas para copiar colores o ver sus cdigos:

Abrid un documento: Archivo -> Abrir. Puede ser una foto, un dibujo... Y ahora seleccionad la herramienta cuentagotas y clicad con el ratn (que tendr forma de cuentagotas) sobre el color que queris. Recordad que clicando sobre la herramienta "Conmutar colores" podris ver su cdigo y si es un color que os gusta, os lo podis anotar para tenerlo siempre :-) Dibujar con el pincel con diferentes colores que vayis seleccionando con el cuentagotas.

Mover: esta herramienta la usaremos mucho (la de arriba del todo):

Photoshop no permite mover nada que est en una capa bloqueada. Dentro de poco veremos en detalle las capas. Pero os cuento: sabris si est bloqueada cuando en la ventana de capas veis que aparece en la capa el candado. Para desbloquear basta con clicar dos veces encima con el ratn.

Moved lo que habis pintado con el pincel con esta herramienta. Podis mover arrastrando con el ratn o tambin dando a las flechas de vuestro teclado: si le dais sin ms a las flechas se mover muy despacio (til cuando sea necesaria mucha precisin) y si le dais a la tecla "Shift" a la vez que a las flechas se mover ms rpido. Lupa: para ver ms grande o ms pequeo el documento. No lo agrandamos ni empequeecemos realmente de tamao (sus medidas en pxeles y centmetros seguirn siendo las mismas), simplemente lo vemos ms grande o ms pequeo:

En la ventana de opciones podis seleccionar acercar (+) o alejar (-) (lo he recuadrado en rojo). Si adems marcis "Cambiar tamao vent. para ajustar" (lo he recuadrado en azul) os pondr la ventana del mismo tamao que la imagen:

En el prximo post veremos otras herramientas muy tiles: las formas geomtricas, la escritura y cmo "rasterizarlas". Ahora, a practicar todo lo que podis con estas, practicad cuanto ms mejor: tenis que tener soltura con las herramientas para poder hacer dibujos, tramas y disear kits de fiesta. Recordad que esta primera semana ser la ms "durilla", cuando ms tendris que esforzaros, pero si llevis bien aprendida esta base el resto os resultar muy sencillo y divertido :-)

Ejercicio pincel He subido a este enlace muchos pinceles para que podis descargroslos: https://drive.google.com/#folders/0Bx-qSQP4jqmwcmpnbXlNQmRGa2c, estos fichero no se abren sino que se instalan: tenis que guardarlos en vuestro disco duro (o en un pendrive) y luego instalarlos desde Photoshop. Instalad los pinceles "SS-flower-vectors" y "My_Grass_Brushes_by_Archeleron" tal y como hemos visto en el tutorial 1. Cread un documento de 2.000 x 500 pxeles (OJO: pxeles, no centmetros o ser demasiado grande) y resolucin 250 pxeles/pulgada. Seleccionad el color verde y luego la herramienta pincel y, desplegando en la ventana de opciones, elegid el de csped (de entre los que hemos cargado, coged el 718) y ponedlo a un tamao ("dimetro maestro") adecuado (yo he puesto 300):

Probad el pincel: pinta combinando los dos colores que tengamos seleccionados y en una posicin un poco al azar.

Deshaced: Ctrl+Alt+Z. Vamos a hacer que el pincel pinte recto y en un slo color. Para ello clicamos en el icono que he marcado en rojo:

Y la ventana emergente se ve as:

Y desmarcamos todo: "Dinmica de forma", "Dispersin", "Dinmica de color", "Transferencia" y "Suavizar". Fijaos que la muestra del pincel (en la parte baja de esta ventana emergente) va cambiando conforme vamos desmarcando las opciones. Ahora pintamos en horizontal (pulsando la tecla Shift a la vez que pulsamos el botn del ratn y lo movemos horizontalmente). Fijaos qu diferencia:

Seleccionad otro color y luego seleccionad un pincel de alguna de las flores que hemos instalado (estarn al final del desplegable de pinceles) y ponedlo a un tamao adecuado (entre 100 y 150 pxeles):

Repetimos los pasos, con diferentes pinceles de flor, colores y tamaos, hasta tener todo nuestro documento floreado:

Hay infinidad de pinceles, basta con poner "photoshop brushes" en Google para encontrarlos. Y la mayora son gratuitos :-)

Tutorial 2: ms herramientas

Seguimos con las herramientas: a estas alturas si alguien ha manejado Paint alguna vez se habr dado cuenta de que es bsicamente un Photoshop de todo a cien, vamos, que se ir sintiendo familiarizada con l. Abrid Photoshop, cread un nuevo documento de 20 x 20 centmetros (por defecto vienen pxeles, desplegad y seleccionad centmetros) con 250 pxeles/pulgadas. Herramienta escritura:

Seleccionad el texto horizontal, pinchad con el ratn sobre donde queris escribir y arrastrad hasta formar un cuadrado o rectngulo en el que queris que quepa el texto. Ahora escribid con el teclado y para finalizar pulsad, de estos dos iconos (de la ventana de opciones) el de la izquierda (o la tecla Escape) si queris cancelar) y el de la derecha si queris aceptar:

Al escribir, Photoshop automticamente crea una nueva capa para la escritura. Mirad la ventana de "Carcter" (si no la tenis activa, activadla en el men superior: Ventanas):

Seleccionad del texto que habis escrito y probad a cambiar cada uno de esos campos (fuente, altura, color, etc.). Si queris volver a "entrar" en lo que habis escrito despus, tenis que seleccionar la herramienta escritura y clicar con el ratn al final del texto (aseguraos de que estis posicionadas en la capa del texto). En Photoshop existen fuentes en la que cada letra es un dibujito, se llaman dingbats, y son facilsimas de descargar; tenis muchsimas por ejemplo en esta web http://www.dingbatdepot.com/, pinchad en la fuente que ms os guste, dad a "Download", se descargar un zip (comprimido), copiad el fichero que acaba en "ttf" en la ruta que queris, id al Explorador de Windows (o a "Mis documentos"), pinchad una sla vez sobre el fichero "ttf" que acabis de guardar y dad al botn derecho del ratn, a continuacin "Instalar". Ahora id a Photoshop y desplegad las fuentes ya est ah la que acabis de descargar! lista para usar. Otra forma de instalarlo es, tras copiar el "ttf", ir a Configuracin -> Panel de Control -> Apariencia y personalizacin -> Fuentes; y pegamos con el botn derecho del ratn. Adems de los dingbats, hay infinidad de fuentes que s que son letras. Podis ver aqu algunas. Me encanta la de Coca-Cola (en "Famosas" -> "Empresas"). Para instalarlas es igual que con los dingbats. He subido aqu fuentes y dingbats para que os descarguis: https://drive.google.com/#folders/0Bx-qSQP4jqmwNnpWczJZYW5lYzQestos ficheros, como los de los pinceles, no se abren sino que se instalan: tenis que

guardarlos en vuestro disco duro y luego instalarlos. Deshaced la escritura que hayis hecho (Ctrl+Alt+Z o Ctrl+Z). Herramienta "Forma geomtrica" (como vimos en el tutorial 1 puede aparecer en vuestro men lateral en cualquiera de sus formas y posicionndonos encima con el ratn pulsando en el botn derecho del ratn se despliega en todas ellas):

Seleccionad el rectngulo y aseguraos de tener en la ventana de "Opciones" el desplegable (recuadrado en rojo) igual que yo (que est marcado "Sin restricciones"):

En esa misma ventana de "Opciones" fijaos en esto:

1.- Si marcis el primero ("Forma"), cada vez que hagis una forma geomtrica, automticamente se crear una nueva capa que contendr esa forma geomtrica y dicha forma estar rellena del color seleccionado. Esta opcin prcticamente no la uso, la nica ventaja que tiene es que a la vez que te dibuja la forma, te permite escribir alrededor de ella. 2.- Si marcis el de en medio ("Trazado") no crear una nueva capa y la forma slo tendr contorno, no es visible si imprims, pero sirve por ejemplo para escribir siguiendo la forma, contornearla, etc. NOTA: veris el contorno de la forma

pero si imprims no se ver dicho contorno, si queris que desaparezca basta con puslar "intro" en el teclado, teniendo la herramienta forma geomtrica seleccionada. 3.- Si marcis la tercera ("Pxeles") no crear una nueva capa y os crear la forma como si fuera un dibujo (de aspecto lo veris igual que con el primero, pero estar ya "rasterizado", luego veremos qu es esto). Siempre que utilicis una forma geomtrica, fijaos en cul de estas tres opciones tenis marcada (Forma, Trazado o Pxeles). Normalmente usaremos siempre la opcin "Pxeles" (a menos que en un ejercicio indique expresamente lo contraro): graboslo a fuego porque es uno d elos errores ms frecuentes que veo en el curso. Id seleccionando cada uno de ellos y dibujando, probando a cambiar en la ventana de opciones cada una de las tres que hay. Con la primera y la tercera aseguraos de hacerlo con un color diferente al blanco u os creeris que no estis dibujando nada porque no se ve. Ejemplo: pinchis sobre "Rectngulo", vais al documento, pinchis en un punto y desde ah arrastris con el ratn hasta donde queris, y soltis. Id cambiando de colores (como vimos en el tutorial 1) y deshaciendo (Ctrl+Alt+Z acostumbraos que es muy til, jeje). Cuando seleccionis el rectngulo redondeado probad a cambiar en la ventana de "Opciones" su "radio" para ver cmo vara. Ahora probad de nuevo las herramientas pero pulsando todo el rato la tecla "Shift" (la de las maysculas) mientras arrastris el ratn: los rectngulos son siempre cuadrados, las elipses son crculos y los polgonos son regulares. Las lneas son verticales u horizontales. Chulo verdad? y muy til, ya lo iremos viendo. Vamos a hacer algo muy sencillo y que seguro que todas vosotras habis visto y queris hacer: los toppers son sper fciles! Primero mirad si vuestro documento tiene reglas en el eje vertical y el horizontal, como este veis? que marca los centmetros. Los nmeros de los centmetros se vern uno a uno, o de dos en dos, o de cinco en cinco, etc. segn el zoom que tengamos: cuanto ms pequeos se vean los centmetros, menos nmeros cabrn en el eje (por ejemplo, si hay slo 3 cm se vern el 1, el 2 y el 3, pero si hay 100 cm y tenemos una ventana del mismo tamao que para el de 3 cm., lgicamente no cabrn todos los nmeros en los ejes y Photoshop slo mostrar unos pocos).

Si no tiene regla se la ponis simplemente pulsando las teclas Ctrl+R en vuestro teclado (o yendo a "Vistas" y marcando "Reglas"). Un par de apuntes rpidos sobre las reglas: si no os sale en centmetros, clicad dos veces sobre la regla (la horizontal o la vertical, da lo mismo) y os dejar elegir la unidad de medida. Si queris cambiar para que el origen no sea cero, sino otro: arrastrad desde la esquina superior derecha con el ratn hasta donde queris el origen; si queris restaurar el origen cero clickad dos veces sobre dicha esquina. Seleccionad la herramienta "Elipse" y en la ventana de opciones marcad, de estos iconos que vimos, el de la izquierda ("Forma"):

Y dibujad un primer crculo (presionando Shift) partiendo por ejemplo de la esquina superior izquierda y terminando en la esquina inferior derecha. Fijaos que en las reglas de los ejes siempre aparece dnde est el ratn. Rasterizad... esta palabra suena fatal pero no es para tanto: Photoshop para la escritura y formas geomtricas con la opcin de "Forma" no las "lee" como pxeles (como si fuera un dibujo normal) sino como texto y forma para que puedas

modificar en cualquier momento sus caractersticas (en el caso de la escritura, por ejemplo la fuente, el tamao, la separacin entre letras, su ancho, si est en negrita o cursiva, etc.; en el caso de las formas por ejemplo poder escribir a lo largo de esas formas). Photoshop por tanto no nos permite aplicar ciertas herramientas y acciones sobre ellas porque entrara en conflicto con que pudiramos luego modificar sus caractersticas de letra o forma geomtrica. De modo que para aplicar esas herramientas y acciones tenemos que "rasterizar" esas letras o formas geomtricas (para rasterizar vamos al men superior: Capa -> rasterizar, en este caso da igual que seleccionis rasterizar "forma" o "capa"), que no es ni ms ni menos que convertirlas en un puro dibujo (como por ejemplo las lneas que hicimos en el tutorial 1). De apariencia sern exactamente iguales, pero ya no podremos por ejemplo variar la fuente de la letra si era escritura o escribir a lo largo de ella si era una forma geomtrica con la opcin de "Forma". Ahora cambiad de color y dibujad un segundo crculo (el crculo interior) como antes pero partiendo por ejemplo de la misma esquina izquierda-arriba pero 1 cm metido (donde he puesto la cruz de color rojo, fijaos siempre en las reglas de los ejes para ver dnde est el ratn) y terminando en la esquina contraria 1 cm adentro. Ya tenemos nuestros crculos concntricos (luego os contar otra forma de hacer que queden centrados):

De momento NO RASTERICIS este crculo interior o de lo contrario no podremos escribir siguiendo su forma. Con la herramienta escritura, pasad el ratn por encima del borde de la forma geomtrica, tomar este aspecto:

Posicionad ahora el ratn por encima del crculo interno: nos sale un cursor intermitente y ya podemos escribir:

Escribid y veris que lo va haciendo a lo largo del crculo, slo que por la parte externa.

Una vez que terminis pulsis intro y para colocar el texto por la parte interna vamos a (men superior): Edicin -> Transformar trazado -> Voltear horizontal.

Y ya tenemos esto:

Nota: esta versin CS6 tiene un fallo, cuando escribimos siguiendo la forma del crculo y luego vamos a Edicin, en lugar de "Transformar trazado" a veces aparece "Transformar". Si utilizamos "Transformar" en lugar de "Transformar trazado, el texto se nos girar mal. As que tenemos que "trastear" en el dibujo: usamos "Transformar" y lo deshacemos

(Ctrl+Atl+Z), o entramos y salimos de la escritura ( ), o cambiamos de capa... hasta que nos aparezca por fin "Transformar trazado".

A continuacin por Edicin -> Transformacin libre de trazado" podemos colocarlo en la posicin que queramos, posicionndonos con el ratn en una de las esquinas del cuadrado que aparece, hasta que nos salga una lnea curva con dos flechas, y moviendo el ratn para girar. Podemos pulsar "Intro" para aplicar la transformacin libre, o podemos pulsar "Escape" para no aplicarla (mientras no pulsemos "Intro" o "Escape", Photoshop no nos deja hacer nada fuera de la transformacin libre). Hasta que no pulsemos "Intro" no veremos cmo va a quedar, para guiarnos y saber cunto girar, fijaos en que hay un puntito que nos marca el inicio del texto (lo he recuadrado en rojo):

Una forma de poner los crculos centrados, si no consegus que os quede perfecto hacindolo "a ojo" con la regla: estando posicionadas en la capa superior (la del crculo interior) pulsis la tecla "Ctrl" y a la vez (en la ventana de capas) pinchis en la capa del crculo exterior (el contorno del crculo exterior se pondr parpadeante). Seleccionis la herramienta

mover y clicis en los dos iconos de la ventana de opciones que he recuadrado en rojo:

Y os quedarn perfectamente centrados.

Ejercicios: crculos

Hay ms formas de hacer circunferencias, aparte de la que hemos visto en el Tutorial 2, os cuento algunas. Para cada uno de ellos cread un documento de 20 x 20 cm y resolucin 250 pxeles/pulgada. Es importante que imprimis este post y hagis todos los ejercicios en Photoshop. Tenis que ir practicando con las herramientas y coger soltura con ellas, son la base de todo lo dems. Ejercicio A.- Seleccionamos la herramienta "Forma geomtrica" - "Forma personalizada"

En la ventana de opciones seleccionamos "Pxeles" y la forma "marco fino circular":

Nota: Si queris cargar ms formas personalizadas podis hacerlo desde (men superior): Edicin -> Ajustes preestablecidos -> Gestor de ajustes preestablecidos, seleccionamos "Formas personalizadas" o bien por aqu:

Si marcamos "Todas" nos cargar todas las que trae CS6. O bien podemos seleccionar slo algunas de ellas ("Animales", "Flechas"...). Si marcamos "Cargar formas" podemos indicarle la ruta en nuestro ordenador en la que hemos grabado previamente alguna forma que por ejemplo hayamos descargado de internet. Clicamos con el ratn en la esquina superior izquierda: como el documento es de 20x20 cm y a la imagen le voy a dar un tamao de 18x18 cm, si lo queremos centrado debemos clicar en 1x1 cm de las regletas de los ejes) y en la ventana emergente que nos saldr ponemos 18 cm tanto en anchura como en altura:

Y nos lo dibuja en el color que tengamos seleccionado:

Nota: si queris cargar nuevas formas personalizadas, podis hacerlo as:

Podis cargar las que encontris gratis en internet (buscando por ejemplo por "personalized shapes photoshop"), guardndolas antes en la ruta que queris. Tienen extensin "csv". Ejercicio B.- Elegimos un pincel con el grosor y el color que queramos que tenga el borde. Seleccionamos la herramienta "Forma geomtrica" - "Elipse" y en la ventana de opciones marcamos la de "Trazado":

Pulsando la tecla Shift (para que salga un crculo perfecto, con el mismo ancho que alto) hacemos un crculo. Pulsamos el botn derecho del ratn y marcamos "Contornear trazado":

Y a continuacin seleccionamos el pincel (aseguraos de tener desmarcado "Simular presin" tal y como veis en el pantallazo):

Ejercicio C.- Seleccionamos la herramienta "Marco elptico"

y, pulsando la tecla Shift para que tenga el mismo ancho que alto, arrastrasmos con el ratn desde una esquina arrastramos hasta hacer un crculo del tamao deseado. Se marcar el crculo con borde intermitente. Pulsamos el botn derecho del ratn y elegimos "Contornear":

A continuacin seleccionamos la anchura y el color que queremos y pulsamos OK:

Ejercicio D.- Igual que hicimos en el tutorial 2, podemos hacer el crculo interno con la opcin primera (capas de forma, sin rasterizar) y en lugar de escribir en l con letras, escribir guiones o puntos (en este caso de color azul) en dicho crculo interno (que yo he dibujado de color blanco).

No olvidis la parte de "Edicin -> Transformar trazado -> Voltear horizontal despus de haber escrito los guiones o puntos. Recordad que en la ventana "Carcter" podis ajustar el tamao, grosor, espaciado, ancho... todo a los guiones.

Ejercicio E.- Creamos dos crculos concntricos con la herramienta elipse (en diferente color), y ambos con la opcin "Pxeles":

Y luego creamos un tercer crculo concntrico, an ms interno, esta vez como "Trazado":

Seleccionamos un pincel que sea una raya (o un punto), si queremos una raya y no tenemos pincel de raya podemos crearlo: simplemente abrimos un documento nuevo (por ejemplo de 50 x 50 pxeles) y dibujamos una raya horizontal (en negro, siempre en negro, por ejemplo con el pincel a 20 pxeles, pulsando Shift para que salga horizontal). Comenzad la raya antes del documento y terminadla despus (para que no se vean los extremos redondeados), en el siguiente pantallazo he marcado dos crculos donde comienzo y donde termino la raya:

y a continuacin (men superior): Edicin -> Definir valor de pincel. Ahora seleccionamos en la ventana de herramientas el color que queremos para las rayas o puntos internos. Y pinchando en el icono que he recuadrado de rojo (o bien por men superior: Ventana -> Pinceles):

Ponemos estos parmetros ("Tamao" y "Espaciado" ponedlos como os gusten, yo los he puesto a 100 y 350 % respectivamente) (OJO: tenis que posicionaros sobre donde pone "Forma de la punta del pincel", como se ve en este pantallazo, para que os salgan desplegados los parmetros):

Y luego posicionaos sobre "Dinmica de forma" y poned los parmetros igual que en este pantallazo:

A continuacin seleccionamos de nuevo la herramienta elipse, pulsamos el botn derecho del ratn, marcamos "Contornear trazado" y como herramienta seleccionamos "Pincel" (aseguraos de tener desmarcado "Simular presin"). Damos OK:

Cambiando los parmetros podramos hacer las rayas iguales (en grosor, tamao, separacin...) que antes.

Nota: para que deje de verse el crculo del trazado (la raya negra, que es meramente informativa), basta con pulsar "Intro", teniendo seleccionada la herramienta "Forma geomtrica".

Tutorial 3: el ltimo de herramientas

Seguimos con las herramientas! Y ya son las ltimas que veremos. Esto es lo nico tostn del curso, pero no queda otra: hay que familiarizarse con las herramientas. Una vez lo hagis, todo os resultar mucho ms sencillo y divertido. Imprimid este post y tenedlo sobre la mesa mientras vais haciendo todo con Photoshop. No basta con leerlo, slo podris aprender si vais practicando con las herramientas. Bote de pintura: sirve para rellenar una forma con el color que tengamos seleccionado

Importante: comprobad que en la ventana de opciones lo tenis en "Modo": Normal, "Opacidad": 100%, "Tolerancia": 20 y que estn marcados los tics en "Suavizado" y "Contiguo" (la tolerancia la iris variando segn necesitis ms o menos):

Recordis este icono que vimos en el tutorial 1, para seleccionar los colores? El bote de pintura pintar con el que tengamos seleccionado arriba a la izquierda. Cread un documento de 2.000 x 2.000 pxeles y 250 pxeles/pulgada. Seleccionad un color y haced un rectngulo (tutorial 2) teniendo marcada la opcin "Pxeles":

Ahora seleccionad un color diferente, pinchad en la herramienta "Bote de pintura" y luego sobre el rectngulo. Cambiad

de color. Y con el pincel, pulsando a la vez la tecla "Shift", dibujad una raya vertical que atraviese el cuadrado. Cambiad el color y con el bote de pintura pinchad sobre el rectngulo, en cualquiera de los dos lados de la raya que lo atraviesa. Veris que ahora slo rellena ese trozo, es porque lo identifica del mismo color y contiguo.

La tolerancia es un valor entre 0 y 255 que indica cmo de exigente ser el bote de pintura (o la herramienta que sea) a la hora de considerar que algo es del mismo color. Esto en formas "limpias" como el rectngulo que hemos hecho no nos afecta en nada: da igual que pongamos tolerancia 1 o tolerancia 200 porque todo el rectngulo es exactamente del mismo color, no hay matices ni tonalidades. Haced la prueba (recordadlo: deshaced siempre que lo necesitis con Ctrl+Alt+Z). Pero en formas "sucias", como esta s influye, y mucho, la tolerancia que le pongamos:

Descargad esa imagen (por si alguien no sabe: pinchad sobre ella, dad al botn derecho del ratn y seleccionad "Guardar imagen cmo", elegid dnde lo guardis), abridla con Photoshop y haced pruebas con el bote de pintura con diferentes tolerancias. Primero poned tolerancia 1: no hace prcticamente nada, es muy "intolerante" y considera que todo es independiente entre s. Deshaced (Ctrl+Alt+Z o Ctrl+Z). Lo mismo con tolerancia 30 (pintar un poquito) y deshacis. Luego con tolerancia 50 (vaya diferencia verdad?) y por ltimo con tolerancia 100 (es tan "tolerante" que le parece todo igual). Ahora descargaos este imagen:

Y probad a darle con el bote de pintura a uno de los lunares blancos. Deshaced, desmarcar la opcin "Contiguo" de la barra de opciones y volved a dar con el bote de pintura a uno de los lunares blancos y fijaos qu diferencia:

Cuando est marcado "Contiguo" slo tie lo que hay del mismo color y contiguo (junto). Cuando est desmarcado, tie todo lo que est en ese color, est o no contiguo (junto). Volved a marcar "Contiguo". Borrador, borrador mgico y borrador de fondos:

El "borrador" es como el pincel (tutorial 1) slo que en lugar de pintar con el color que tengamos seleccionado, deja transparente*. Desbloquead la capa ((clicando dos veces sobre el candado de la ventana de capas y pulsando luego OK) y pasad el borrador normal sobre el cuadrado: veris que por donde lo pasis se queda a cuadraditos como de ajedrez, eso significa que est transparente. Quizs os suene raro lo de que no haya fondo porque estamos acostumbrados a que en todos los programas la "falta de fondo" equivale a un fondo blanco. Sin embargo en Photoshop una cosa es el fondo blanco y otra diferente que no haya fondo, que este sea transparente. Y es tremendamente til poder dejar fondos transparentes. * Hay una excepcin: cuando utilizamos el borrador en la capa fondo y esta est bloqueada, en lugar de dejar transparente, pinta del color secundario (el de abajo a la derecha de estos):

El "borrador mgico" es como el bote de pintura (funciona con "tolerancia") slo que nos borra el fondo. Aplicadlo en lo que tenis en blanco. Os quedar algo as:

El "borrador de fondos" a estos efectos es como el borrador normal. Herramientas de seleccin: Son tremendamente tiles y necesarias. Es importante que nos familiaricemos muy bien con ellas. Estn agrupadas en tres: Marco rectangular: junto a l est el "Marco elptico" (igual pero en forma de elipse), que yo uso poqusimo. Y los marcos fila y columna que nunca uso. Sin embargo el "Marco rectangular" lo utilizo muchsimo.

Si tenemos algo seleccionado, cualquier herramienta o funcin que utilicemos slo tendr efecto en la parte seleccionada. Seleccionad con esta herramienta un trozo del rectngulo que tenamos y a continuacin usad el bote de pintura dentro de la parte seleccionada. Ahora utilizad el pincel atravesando la parte seleccionada pero tambin pasndolo por fuera veis? slo pinta en la parte seleccionada. Adems con cualquier herramienta para seleccionar, como el marco rectangular, en la ventana de opciones tenemos estos iconos:

Si seleccionamos el primero por la izquierda ("Seleccin nueva": os sale su descripcin si dejis el ratn un ratito sin mover sobre l) slo seleccionamos lo que marquemos con la herramienta, se deselecciona cualquier cosa que hubiera antes seleccionada. Si seleccionamos el segundo ("Aadir a la seleccin", se va seleccionado todo lo que marquemos, sin deseleccionar lo anterior. Con el tercero ("Restar de la seleccin") resta de la seleccin lo que marquemos. Con el cuarto ("Formar interseccin con la seleccin") selecciona la interseccin de lo que marquemos. Probad cada uno de ellos, as entenderis mejor cmo funcionan. Todos ellos son muy tiles. Varita mgica: Al igual que el bote de pintura y el borrador mgico funciona con tolerancias.

La utilizo continuamente. OJO: aqu tambin tenemos la opcin de "Contiguo", como en el bote de pintura, fijaos siempre en si la tenis o no marcada (segn lo que queris hacer, os interesar marcarla o desmarcarla). Para este ejercicio, tenedla marcada: Seleccionad la varita mgica y pinchad con ella sobre un punto del rectngulo. Como veamos antes, en una imagen "limpia" como esta nos da igual tener tolerancia 1 100. Pero abrid la imagen que guardasteis antes y probad de nuevo con ella las tolerancias, esta vez para la varita mgica. Lazo: Junto a l est el "Lazo magntico" que se pega de forma automtica all donde se forma un contraste y que a m me resulta muy incmodo. Pero el "Lazo" y el "Lazo poligonal" resultan muy tiles (probadlos):

Adems en el men superior tenemos "Seleccin". De aqu utilizo muchsimo "Invertir", que invierte la seleccin

(selecciona lo que est sin seleccionar, y deja sin seleccionar lo que est seleccinado) como el propio nombre indica. Y tambin "Todo" (para seleccionar todo) y "Deseleccionar" (para anular las selecciones). Tambin podis usar "Gama de colores": os saldr una ventana con un cuentagotas y un valor de tolerancia, podis ajustar la tolerancia y seleccionar con el cuentagotas cualquier punto del documento que tenga el color que queris seleccionar, e inmediatamente seleccionar todo aquello del documento que tenga ese mismo color (con ms o menos tolerancia, segn le hayis indicado). El resto apenas se utilizan. ----------------------------------------------------------------------------------------------------------------------- Pluma: Esta herramienta es algo compleja de utilizar. Pero basta con que aprendis a hacer algunas cosas sencillas con ella.

Imaginad que queremos dibujar una lnea curva. Como para hacer una boca. Seleccionad primero el pincel (no la pluma), dadle el grosor que queris para la boca y seleccionad el color que queris que tenga la boca. Seleccionad ahora la pluma y poned la ventana de opciones como la ma:

Especialmente fijaos en que seleccionis la opcin "Trazados":

Clicis con el ratn en el inicio de la boca, soltis el botn del ratn y, pulsando la tecla "Shift" (para que sea horizontal) clicis de nuevo con el ratn, esta vez en el otro extremo de la boca. Tenemos una lnea horizontal:

Desclicis (me he inventado este verbo...) el ratn. Y clicis en el centro de la lnea (saldr un "+"). Vovis a desclicar. Pulsis la tecla "Ctrl" y, sin soltarla, clicis el ratn y arrastris con el ratn hacia abajo desde ese punto central:

Clicamos al botn derecho (secundario) del ratn y en el men que aparece seleccionis "Contornear trazado":

En el desplegable seleccionis "Pincel" y pulsis OK:

Para dejar de ver la lnea negra de la pluma basta con pulsar intro teniendo la herramienta pluma seleccionada (en cualquier caso esa lnea no se ver al imprimir ni al guardar en formato JPG). Listo:

De esta misma forma por ejemplo: podemos dibujar pestaas haciendo el trazado oblicuo en lugar de horizontal . Y si hacemos dos (formando como una V) podemos hacer la terminacin de los cabellos. Y si hacemos dos en horizontal, la de arriba con dos vrtices hacia arriba y la de abajo con un vrtice hacia abajo podemos hacer unos labios. Si queris saber ms sobre esta herramienta, os recomiendo ver este fantstico vdeo. Ya hemos visto todas las herramientas que utilizaremos durante el curso. Como podis ver hay ms y os animo a que ms adelante, cuando os manejis con desenvoltura en Photoshop, las probis. Pero no las vamos a necesitar y prefiero no saturaros con ellas. Un aviso importante, recordadlo bien porque seguramente os pase ms de una vez: Si alguna vez utilizis una herramienta o accin en Photoshop y el programa no hace nada... no os creis que es que no funciona, el motivo ser: - O bien que tenis algo seleccionado y la funcin slo tiene efecto ah. - O bien, con herramientas como las formas geomtricas o el pincel, que estis usando el mismo color que el fondo y por tanto lo lo veis. - O bien ser que estis situada en una capa diferente a aquella en la que queris hacer los cambios. - O bien tenis la ventana de opciones con unas selecciones diferentes a las que indico.

Ejercicio pelo nio

Con la herramienta pluma que vimos en el tutorial 3 podemos, entre otras muchas cosas, dibujar el flequillo de un nio. 1.- Tenemos nuestro nio pintado, pero calvito (descargaos esta imagen para hacer el ejercicio):

2.- Con la herramienta pluma con la ventana de opciones como vimos...

... dibujamos primero lneas rectas:

3.- Y luego las curvamos, tal y como vimos en el tutorial 3 (clicando en un punto y luego arrastrando con el ratn a la vez que pulsamos la tecla Ctrl):

4.- Seleccionamos el color del pelo que queramos y un pincel normal un grosor adecuado; yo lo he puesto de 20 pxeles, pero depender del tamao de nuestro dibujo; cuanto ms grueso sea el pincel sea ms suaves sern los mechones, y cuanto ms fino sea el pincel ms marcados quedarn los mechomes. Seleccionamos de nuevo la herramienta pluma y contorneamos como vimos en el tutorial 3 (clicamos el botn derecho del ratn y seleccionamos "Contornear trazado" y en el desplegable de la ventana emergente seleccionamos "Pincel"):

5.- Luego ya dibujamos el resto del pelo: con el bote de pintura clicamos en la parte superior de la cabeza (Nota: aseguraos de tener marcado el botn "Contiguo" de la ventana de opciones). OJO: al rellenar con el bote de pintura, veris que junto al flequillo queda un reborde color carne, sin pintar... es el nico fallo que le he visto a Photoshop (y lo mismo tiene alguna utilidad... pero yo no se la encuentro). Podis pintar ese reborde con el pincel (de un tamao pequeo) en el mismo color del pelo. O podis volver a darle al bote de pintura: en ese caso se quitar el reborde pero tambin aumentar ligeramente el contorno del pelo.

6.- Si queremos ensanchar un poco el pelo seleccionamos primero dnde queremos pintar (para no "manchar" el resto): con el marco rectangular seleccionamos desde las orejas para arriba y con la varita mgica opcin "interseccin" seleccionamos el fondo (lo que yo tengo en color azul). A continuacin seleccionamos la forma geomtrica "Elipse" con la opcin "Pxeles" y dibujamos. Nota: para saber en qu punto comenzar la elipse me he ayudado de unas guas: las que aparecen en azul turquesa, justo donde se cruzan ambas es donde empiezo a dibujar la elipse (arrastro desde ah hacia abajo y a la izquierda). Para poner guas: con la herramienta "Mover" ponis el ratn en el eje lateral izquierdo (en la zona blanca donde estn los numeritos, no arrastis desde la esquina sino desde el eje) y pulsando el botn principal del ratn arrastris hacia abajo: nos sacar una lnea horizontal (llamada "gua"), tambin podramos hacer lo mismo horizontal, y sacar tantas como queramos para guiarnos, luego no se ven al imprimir la imagen. Luego podis quitar las guas de la misma forma, con la herramienta "Mover". Si no os deja ser porque el documento las tiene bloqueadas: podis desbloquear por (men superior) Vista -> desmarcamos "Bloquear guas". Si al dibujar cerca de la gua, nos fuerza a dibujar sobre ella y no queremos que eso suceda, podemos hacer que deje de pasar por (men superior): Vista -> Ajustar a -> desmarcamos "Guas".

7.- Si le quedan mechoncitos en las orejas que queremos quitarle, los borramos con la herramienta "Borrador":

Y ya tenemos el pelito, que podremos utilizar para diferentes nios, simplemente copindolo y pegndolo y cambindolo de color con el bote de pintura.

Ejercicios: primeros dibujos

Vamos a practicar con las herramientas que hemos visto, haciendo dibujos sencillos: 1. Construcciones:

- Cread un nuevo documento, por ejemplo de 500 x 1.100 pxeles con una resolucin de 250 pxeles por pulgada. Nota: da igual que al crear un documento indiquis el tamao en pxeles, en centmetros, el pulgadas... podis hacerlo en lo que ms os convenga. Yo elijo siempre pxeles (que es en lo que en realidad trabaja Photoshop) a menos que quiera que me quede de un tamao determinado (por ejemplo si quiero un topper de 5 cm. de dimetro) que por comodidad lo creo directamente en centmetros para no andar redimensionando despus. - Seleccionad el color amarillo. - Seleccionad la forma geomtrica "rectngulo redondeado", en la ventana de opciones coged la opcin de "Pxeles":

Y dadle un radio (a la redondez de las esquinas) adecuado, por ejemplo de 0,2 cm (aunque os venga la medida en pxeles, escribiendo "0,2 cm" en el cuadro de radio, sobre lo que hay escrito, tomar "cm"). Dibujad uno, arrastrando el ratn desde la esquina inferior izquierda hasta donde la regleta marca 6 cm de alto y 1,5 cm de ancho. Nota: podis deshacer cuando queris con Ctrl+Atl+Z. Para no tener que estar sufriendo por si el otro nos queda ms estrecho o ms bajo, lo mejor es seleccionar con la varita mgica el que ya tenemos hecho, pulsar las teclas Ctrl+C (copiar) y a continuacin Ctrl+V (pegar). Os parecer que no ha hecho nada, porque pega la nueva columna encima de la anterior y no la vemos, pero seleccionad la herramienta mover y arrastradla para un lado. Nota: podis arrastrar a ojo con el ratn, pero si queris ajustar ya con ms precisin hacedlo con las teclas de flechas del teclado. Nota: al pegar, Photoshop nos crea automticamente una nueva capa para lo que pegamos. - Seleccionad el color verde. Dibujad un rectngulo redondeado horizontal. Nota: si no os queda centrado, podis moverlo como vimos antes con el amarillo: seleccionais con la varita mgica y luego herramienta mover. Nota: trabajaris ms a gusto si agrandis la pantalla, de forma que quede margen alrededor del dibujo, basta con que pongis el ratn sobre una esquina de la ventana y estiris.

- Dibujad otras dos columnas amarillas. Seleccionad el mismo tono de amarillo pulsando con el cuentagotas sobre alguna de las columnas amarillas anteriores. - Para hacer la barra horizontal azul, vamos a copiar la verde: como est en otra capa, posicionaos antes en dicha capa (en la ventana de capas, clicis sobre esa capa, que ser la segunda empezando desde abajo). Seleccionis el color azul, la herramienta bote de pintura y la pintis.

- Hacis los rojos pegando uno de los amarillos y pintndolo con el bote de pintura. Nota: aseguraos de que estis en la capa correcta (mirad en la ventana de capas) antes de dar al bote de pintura. - Seleccionamos el color verde y con la herramienta pincel (de un grosor razonable, como 20 pxeles) hacemos un tringulo. Para que salga la base bien horizontal, acordaos de pulsar la tecla "Shift" todo el rato. Para que las otras dos sean lneas rectas (y no dibujadas a pulso) clicad "Shift" en cada esquina. Luego rellenis con el bote de pintura. OJO: al rellenar con el bote de pintura el tringulo, veris que queda un reborde blanco. Como hicimos con el flequillo del nio: pintamos ese reborde con el pincel en el mismo color verde.

Y ya lo tenemos:

2. Polo:

- Cread un nuevo documento, por ejemplo de 500 x 900 pxeles con una resolucin de 250 pxeles por pulgada. Si queremos que nos quede centrado, podemos sacar una gua. - Seleccionad un color marrn chocolate y dibujad una elipse (opcin "Pxeles").

- Seleccionad la herramienta rectngulo (tambin opcin "pxeles) y dibujad desde la mitad de la elipse hacia abajo:

- Vamos a dibujar lo rosa. Con la herramienta varita mgica clicamos sobre el fondo blanco. De esta forma, cuando pintemos la parte rosa, no "mancharemos" la parte marrn: slo pintar sobre el fondo blanco. Dibujamos la parte rosa con el rectngulo redondeado (jugad con el valor del radio, en la ventana de opciones, para conseguir el redondeo que queris) partiendo desde encima de la parte marrn. Como tenemos seleccionada la parte blanca, slo nos pintar sobre esta (no sobre lo marrn):

- Con la herramienta pluma dibujamos los "churretones" de chocolate:

- Ponemos el pincel al tamao deseado (yo he puesto 20 pxeles) y cogemos el color marrn. Seleccionamos la parte rosa con la varita mgica (para pintar slo ah) y contorneamos:

- Sin quitar la seleccin, rellenamos con el bote de pintura. Nos quedar el reborde de siempre: lo quitamos pasando por encima el pincel en color marrn.

Con el pincel en color blanco y a un tamao adecuado (yo he puesto 40 pxeles) dibujamos el mordisco (vamos dibujando puntitos blancos sobre lo marrn):

Vamos a dibujar el palo. Igual que antes, para que no "manchemos" la parte rosa, vamos a clicar con la varita mgica (ojo con la tolerancia, no la pongis muy alta) en algn punto fuera del polo (en lo que est en blanco). Ahora ya podemos pintar alegremente sin peligro de manchar: seleccionamos un color crema, la forma geomtrica rectngulo redondeado (radio 0,2 cm.) y dibujamos partiendo desde encima del rosa (no pasa nada, no se "manchar" porque est excluido de la seleccin).

3. Un cucurucho:

- Cread un nuevo documento, por ejemplo de 500 x 1.000 pxeles con una resolucin de 250 pxeles por pulgada. - Seleccionad el fucsia y dibujad un punto grande con el pincel (muy grande, a 300 pxeles). Borramos la mitad inferior dibujando encima un rectngulo blanco (opcin Pxeles). - Seleccionamos lo fucsia e invertimos la seleccin (para no mancharlo). Seleccionamos el color crema y con el pincel (a 20 pxeles) dibujamos un tringulo y rellenamos, pintamos el reborde blanco. - Seleccionamos con el cuentagotas el fucsia y con el pincel a 100 pxeles, hacemos dos puntos grandes a los lados, debajo de lo fucsia, y otro ms grande (150 pxeles) en el centro. - Podis ponerle puntitos de colores con el pincel (pequeo). 4. Un polo:

Creamos un nuevo documento de 500 x 1.000 pxeles y 250 pxeles/pulgada de resolucin. Ponemos una gua vertical en el centro y dibujamos un punto amarillo centrado, con el pincel a 600 pxeles:

Ponemos guas horizontales a 1 cm de distancia entre s para que todos los colores queden con el mismo ancho. Y a continuacin dibujamos, superpuesto, otro crculo de 600 pxeles, en otro color:

Y as hasta el ltimo:

Ponemos una gua horizontal donde van a ir los extremos de la parte de abajo y con el lazo poligonal hacemos la forma del polo (clicamos en cada extremo, en la parte de abajo da igual que dejemos seleccionado un trozo blanco):

Vamos a (men superior): Seleccin -> Invertir. Y pulsamos la tecla "Supr" (equivalente a la herramienta borrador). En la ventana emergente que sale poned "Usar: Blanco":

Con el marco rectangular seleccionamos la parte de arriba y, lo mismo de antes, le damos a la tecla "Supr".

Y an con esa seleccin hecha, pintamos con el pincel bien grande (yo le he puesto 300 pxeles), en el mismo color que el que helado de arriba (podemos cogerlo con el cuentagotas). Slo pintar dentro de la seleccin. Dibujamos el palito centrado (fijndonos en la gua), seleccionando la parte en blanco con la varita mgica para poder pintar desde encima el polo (sin mancharlo porque no est seleccionado) hacia abajo. Y ya tenemos nuestro polo:

Repetid los cuatro dibujos varias veces, hasta que seis capaces de hacerlos de carrerilla, sin consultar los apuntes. Y atreveos a introducir cambios :-) Tenis 4 das para hacerlos y envirmelos en formato PNG. Para guardarlos en este formato (men superior): Archivo -> Guardar como, y en el desplegable seleccionis: PNG

Os pongo algunas ideas de silhouetteonlinestore.com para que os sirvan de inspiracin (estos no tenis por qu hacerlos):

Nota: Las imgenes de Silhouette las venden en un formato que no es para abrir con un programa de edicin grfica, como Photoshop, sino para usar con la mquina Silhouette (es una especie de impresora que en lugar de pintar, corta; es muy cara). Por tanto os aconsejo que NO compris dibujos en esta web a menos que sea para usarlos con la mquina (si la tenis). Yo slo la uso para coger ideas.

Tutorial 4: las capas

Creo que la mejor forma de entender las capas es verlas "en accin". Para ello descargad y abrid este fichero:https://docs.google.com/file/d/0Bx-qSQP4jqmwTzRGcnExeG5sZms/edit?usp=sharing. Veris que tiene muchas capas. Con ellas conseguiremos estas combinaciones y ms:

El orden de las capas en la ventana de capas (si estn ms arriba o abajo en la ventana de capas) es muy importante:

Al abrir un documento nuevo en Photoshop este slo tiene una capa con fondo blanco. Las que creamos nuevas (manualmente o automticamente, como cuando escribimos) tienen el fondo transparente: si les pusiramos fondo blanco o de cualquier otro color (con el bote de pintura) dejaramos de ver la primera capa. Es como si tuviramos un folio blanco (primera capa) y sobre l furamos poniendo transparencias: si en la base tuviramos dibujada una princesa y en cada transparencia un vestidito o pelo diferente, segn apartramos o pusiramos las transparencias, veramos la princesa con un vestido o un pelo distinto. Tiene muchsimas ventajas trabajar con capas: - Nos permite utilizar un mismo "dibujo base" para hacer diferentes dibujos finales, como he hecho yo con esta princesa. En este caso conviene guardar siempre el documento en formato PSD (Photoshop) para mantener las capas. - Tambin podemos utilizar capas como "auxiliares" por ejemplo para dibujar algo sin estropear lo que tenemos dibujado ya os acordis de cuando hicimos seleccin inversa en el cucurucho para no "manchar" lo que llevbamos hecho? podramos haber dibujado la parte de abajo en la primera capa y las bolas de helado en una capa nueva superior: de esta forma, la parte de abajo nunca quedara superpuesta a las bolas de helado. Cuando las utilizamos simplemente de forma "auxiliar" lo habitual es combinar luego las capas por (men superior) Capas -> Combinar visibles (combina todas las que tengan el ojo marcado) o Capas -> Combinar hacia abajo (combina la capa en la que estamos situados con la de abajo). Al crear un nuevo documento, la capa base suele crearse bloqueada por defecto. Sabris si una capa est bloqueada cuando en la ventana de capas veis que aparece en la capa el candado. Para desbloquear basta con clicar dos veces encima del candado con el ratn.

Ahora, en el fichero de las princesas: Probad a mover la capa "Pelo trasero moreno" encima de "Cuerpo" (simplemente arrastris con el ratn en la ventana de capas): al ponerla encima, el pelo se ve por encima de la cara, no tapa todo porque toda la capa, excepto la parte del pelo,

es transparente. Es como si furamos superponiendo papeles transparentes con partes dibujadas. El ojo que aparece a la izquierda de cada capa indica si esa capa est visible o no. Cuando una capa est invisible, no nos deja hacer casi nada en ella. Probad a ponerlas visibles o invisibles (clicando sobre los ojos) y conseguid las combinaciones anteriores. Ahora probad a poner una que capa que tengis visible con algo de transparencia: en la ventana de capas, arriba a la derecha: "Opacidad", poned por ejemplo 20 %, luego 50 % y luego 80 %. Probad a duplicar la capa del "Vestido": os posicionis en dicha capa, dais al botn derecho del ratn y "Duplicar capa". Ahora aplicad el bote de pintura con el color que queris ya tenis un vestido nuevo! Cambiadle el nombre a la capa: para cambiar el nombre de una capa basta con clicar dos veces sobre el nombre que tiene y ya nos deja modificarlo. O bien clicando una vez damos al botn derecho del ratn y "Propiedades de capa". Probad a combinar capas ("Combinar visibles", deshaced, y luego "Combinar hacia abajo"). De las funciones que vienen en la parte inferior de la ventana de capas yo utilizo las dos de la derecha:

Dadle a la primera: se crea una nueva capa. Probad a dar al bote de pintura... ya no es transparente y no veis lo de debajo. Deshaced (Ctrl + Alt + Z o Ctrl + Z). Arrastrad con el ratn una de las capas a la basura: as se eliminan o bien clicando una vez damos al botn derecho del ratn y "Eliminar capa". Si os da penita, deshaced :-) Verdad que las capas son una chulada? Los "deberes" de este tutorial son que juguis con ellas en este fichero (u otro que creis), aadiendo nuevas, duplicando, moviendo, etc. No es necesario que me lo enviis.

Ejercicio de capas y seleccin Imaginad que veis este dibujo por internet:

Y queris hacer un kit de fiesta con esos motivos. Podrais "deconstruirlo" para tener los dibujitos cada uno por su cuenta y poder usarlos por separado y colocndolos en las banderitas, cajas, toppers, etc. a vuestro gusto. Este ser vuestro ejercicio para entender mejor las capas: "deconstruir" este dibujo en estas cuatro capas (en un nico fichero): Capa base:

Capa 1 coches:

Capa 2 nio:

Capa 3 casa:

Para ello: guardad el primer dibujo (el completo, el de arriba del todo de este post), abridlo con Photoshop e id seleccionando los elementos con la varita mgica... tened en cuenta todas las opciones que tiene:

Os recuerdo: - Si seleccionamos "Nueva seleccin", el primero por la izquierda, (basta con pulsar con el ratn sobre l) slo seleccionamos lo que marquemos con la herramienta, se deselecciona cualquier cosa que hubiera antes seleccionada. - Si seleccionamos "Aadir a la seleccin, el segundo por la izquierda, se va seleccionado todo lo que marquemos, sin deseleccionar lo anterior. - Con "Restar de la seleccin", el tercero por la izquierda, resta de la seleccin la interseccin de lo que marquemos. - Con "Formar intereseccin con la seleccin", el cuarto por la izquierda, selecciona la interseccin de lo que marquemos. Recordad que la varita mgica funciona con tolerancia, que va del 0 al 255. Si la tenis a 255 seleccionar todo, si la tenis a 0 no seleccionar nada. Otro recordatorio: para deseleccionar es por (men superior): Seleccin -> Deseleccionar. Tened en cuenta que la lnea intermitente intermitente marca lo que tenemos seleccionado. Por ejemplo, los coches

estarn enteramente seleccionados cuando slo se vea la lnea intermitente en el contorno (y nada por dentro). Si se viera lnea intermitente en el contorno del coche y adems se viera en el contorno de la ventana del coche, significara que la ventana no est seleccionada y habra que aadirla. Vamos a seleccionar un coche: con la varita mgica con una tolerancia de 50 (si la ponemos muy baja nos dejara "restos" sin copiar, si la ponemos muy alta al seleccionar las ruedas blancas nos

cogera tambin la carretera) y con la segunda opcin (Aadir a seleccin) vamos clicando en (el orden da igual): 1.- La carrocera 2.- Una ventana 3.- Otra ventana 4.- La parte marrn de una rueda 5.- La parte marrn de la otra rueda 6.- La parte blanda de una rueda 7.- La parte blanda de la otra rueda

Haramos lo mismo con el segundo coche y a continuacin hacemos Ctrl+X (cortar) y Ctrl+V (pegar). Cada vez que hagis Ctrl+V adems de pegar, os crear automticamente una nueva capa. Con la herramienta "Mover", colocamos los objetos en el lugar que ocupaban antes de cortarlos y pegarlos (el hueco se os quedar del color secundario que tengis seleccionado), por ejemplo los coches que me los pega ah arriba:

Y con la herramienta "Mover" los coloco en los huecos (que en mi caso son blancos, puede que a vosotras os hayan quedado de otro color, no pasa nada).

Tendris que hacer lo mismo con: - La casa: Ojo, aqu al seleccionar la fachada color crema os coger tambin la nube (porque el color es parecido). Cuando os coja la nube, bajis la tolerancia (por ejemplo a 10) y con la opcin tercera ("Restar de la seleccin) pinchis la nube para que la excluya. - El nio: aseguraos de seleccionar tambin sus ojos y su boca, usad la herramienta lupa para acercar el dibujo y verlo mejor. Yo los seleccionara de una sla vez con el marco elptico (opcin "Aadir a la seleccin"). Capa base: tendris que rellenar de azul los huecos que han quedado en el cielo (OJO: no rellenis las nubes), y tambin los huecos de la acera (marrn) y carretera (gris) que estn ocultas por los coches y el nio. Podis usar por ejemplo la forma geomtrica rectngulo con la opcin de pxeles. Tambin tenis que completar la nube que sale cortada por la casa (por ejemplo con el pincel normal en blanco a un tamao grande), para que quede as:

En cada capa se tiene que ver (cuando desmarquis el ojo de las otras capas) cada uno de los cuatro dibujos que he puesto arriba. Si estn todos los ojos marcados, se tiene que ver como el dibujo original (el que os habis descargado) Tenis 4 das para enviarme el dibujo deconstruido en formato Photoshop.

Tutorial 5: Tamao de imagen, de lienzo, recortar y transformacin

Descargaos esta imagen y abridla con Photoshop (OJO: no usis el d el ejercicio de capas, sino la imagen JPG):

Podemos modificar el tamao de esta imagen por (men superior): Imagen -> Tamao de imagen. Podemos elegir el nuevo tamao en pxeles, en porcentaje, en centmetros... yo suelo utilizar pxeles porque es en lo que en realidad trabajan los programas de diseo, a menos que quiera imprimir algo de un tamao concreto (por ejemplo, un topper para recortar

con una troqueladora de 5 cm.) en cuyo caso utilizo centmetros por comodidad, para no estar redimensionando despus. Aqu tambin podemos modificar la resolucin del documento. Podemos tener marcado el tic de "Restringir proporciones" si queremos que nos mantenga las proporciones originales, en cuyo caso slo modificaremos el tamao de ancho o de alto, y Photoshop calcular el alto o el ancho respectivamente. Si no tenemos marcado el tic podemos modificar tanto el ancho como el alto, y la imagen (si el documento contiene una imagen) quedar achatada o alargada (lo cual nos puede ser til en ocasiones). Si tenemos marcado el tic de "Restringir proporciones" podemos disminuir el tamao (o la resolucin) para que el archivo ocupe menos (yo lo hago siempre antes de subir fotos al blog, para consumir menos espacio en Picasa y para que mi blog no tarde mucho en cargarse cuando la gente entre a l), en cuyo caso debemos tener en cuenta que tambin perder resolucin. En internet una imagen normalmente no se ve a ms de 800 pxeles de ancho, con lo cual no necesitamos que tenga ms que esos pxeles. Podemos aumentar el tamao (o la resolucin) por ejemplo si tenemos una imagen con mala resolucin y queremos calcarla, y que nuestro "calco" tenga buena resolucin. O bien podemos modificar el tamao para que se ajuste a un tamao concreto (como lo que os deca del topper para una troqueladora de 5 cm.). Probad a modificar el tamao de la princesa teniendo marcado "Restringir proporciones" (deshaced). Y luego teniendo desmarcado "Restringir proporciones" (deshaced).

Tambin podemos modificar el tamao del lienzo por (men superior): Imagen -> Tamao de lienzo. Podemos elegir el nuevo tamao en pxeles, en porcentaje, en centmetros... En este caso el tamao de la imagen no se modifica, slo se modifica el tamao del documento y si empequeecemos nos cortar la imagen (Photoshop siempre advierte antes de cortar, pero en cualquier caso recordad que siempre podemos deshacer con Ctrl+Alt+Z). Esto es til por ejemplo si estamos dibujando una muequita y nos falta espacio porque la hemos hecho ms grande de lo que pensbamos, o si por el contrario nos sobra espacio, aunque en este caso (si nos sobra espacio) es ms sencillo seleccionar con el marco rectangular lo que queremos mantener y a continuacin (men superior): Imagen -> Recortar. Cuando vamos a modificar el tamao del lienzo nos sale esta ventana emergente:

Podemos elegir si indicamos el ancho y el alto totales, o si indicamos los valores relativos (pulsando en "Relativo". Si marcamos "Relativo", la medida que pongamos la aadir o restar (podemos poner nmeros negativos) al tamao total. Podemos ponerlo en centmetros o en pxeles.

Por defecto al modificar el tamao del lienzo, el dibujo se quedar en el centro, pero en "Ancla" podemos seleccionar algo diferente: que nos lo mantenga centrado a la izquierda, arriba a la derecha... clicando con el ratn en una de las celdas.

Color de extensin del lienzo: Frontal/Fondo son estos , o podemos elegir cualquier otro color. El que elijamos ser el que se vea en la parte de lienzo nueva (no cubierta por el dibujo), si es que hemos agrandado el tamao (si reducimos, esto no afecta par nada). Ampliad el lienzo al doble, marcando "Relativo" y poniendo las medidas originales. Anclad el dibujo arriba a la izquierda y marcad la extensin del lienzo "Blanco". Deshaced. Ampliad el tamao del ancho del lienzo a 5 veces su tamao y copiar la mueca 5 veces: la seleccionamos (por ejemplo con la varita mgica, con la tolerancia a 5, tocamos el fondo blanco y luego hacemos Seleccin -> Invertir) y luego copiamos (Ctrl+C) y pegamos cuatro veces (Ctrl+V), usando la herramienta mover las dejamos alineadas. (Deshaced).

Recortad el lienzo para tener slo la cara de la mueca: con el marco rectangular seleccionis la cabeza y a continuacin (men superior): Imagen -> Recortar. (Deshaced) .

Ahora duplicad el tamao del ancho del lienzo y seleccionad y copiad pegad la princesa para que haya dos (una al lado de la otra, acordaos de desbloquear la capa base o Photoshop no os dejar mover la princesa de esa capa). Seleccionad la princesa de la izquierda (fijaos en la ventana de capas, para aseguraros de que estis situadas en la ventana de la mueca de la izquierda, si no pulsad con el ratn sobre dicha ventana) y (men superior): Edicin -> Transformar -> Voltear horizontal y veis lo que pasa?

Esto va muy bien por ejemplo cuando queremos hacer algo totalmente simtrico, por ejemplo una muequita: dibujamos la cabeza y el tronco entero, pero slo el pelo, los rasgos y extremidades de un lado, a continuacin seleccionamos (con el marco rectangular) esa mitad, copiamos, pegamos, volteamos, movemos, y ya tenemos una mueca totalmente simtrica. Tambin podemos voltear verticalmente, rotar 180 o 90 , rotar (igual que por transformacin libre: arrastrando con el ratn desde una esquina tanto como deseemos), sesgar (probad a hacerlo para ver lo que sucede, tenis que poneros en la parte alta o baja de un lado, el ratn cambia de forma, y entonces arrastrad hacia arriba o hacia abajo) o darle perspectiva o distorsionar (similar a sesgar). Y por ltimo vamos a ver algo que utilizo muchsimo en Photoshop: si seleccionamos nuestro dibujo (con el marco rectangular o por men superior Seleccin -> Todo), por (men superior) -> Edicin -> Transformacin libre, podemos arrastrar la imagen hasta otro lado (evitad posicionar el ratn sobre el circulito que sale en el centro de la imagen a transfomar, o no se mover), modificar su tamao (posicionando el ratn en un lado o sobre una esquina, si no queremos que pierda las proporciones debemos pulsar a la vez la tecla "Shift") o rotarla (posicionando el ratn en la parte exterior de una esquina). Para poder utilizar esta funcin cmodamente conviene que agrandemos la ventana en la que est contenido nuestro lienzo, basta con posicionar el ratn sobre esquina y arrastrar, hasta que quede algo as:

Probad a transformar libremente la princesa.

Tutorial 6: texturas y marca de agua

Descargaos estos ficheros de texturas: https://drive.google.com/#folders/0Bx-qSQP4jqmwVXpKNncwN1dFR3c Otra de las muchiiisimas utilidades de las capas es que si a una foto "lisa":

queremos darle textura (acabado envejecido, de tela, de pergamino, de cartulina verjurada...) basta con que creemos una nueva capa, peguemos en ella una imagen con la textura deseada (de las que os acabis de descargar, las que escaneis vosotros o las que encontris en internet, como estas) y le bajemos la opacidad (cuanto deseemos, yo suelo ponerla al 20 30 %). Aqu podis ver algunos ejemplos:

Otro ejemplo: a partir de esta imagen "lisa"

Puedo crear estas texturizadas:

Descargaos las imgenes "lisas" de este post (la de Caperucita y la de topos blancos sobre fondo azul) y dadles textura con alguna de las texturas que os podis descargar en el link que os he enviado. Antes de pegar la textura sobre el dibujo, aseguraos de que sus tamaos son compatibles (que el ancho y el largo del fichero de la textura es al menos igual que el del dibujo). Para pegar: abrs los dos ficheros, en el de la textura dais (men superior) Seleccin -> Seleccionar todo, pulsis Ctrl+C (copiar), vais al fichero del dibujo y pulsis Ctrl+V (pegar) y os crear automticamente una nueva capa con la textura. Luego le bajis la opacidad a la capa de la textura (un 20 30 %) y listo! Si queremos poner una marca de agua, basta con crear una capa nueva, escribir lo que deseemos (o pegar la imagen deseada) y bajar la opacidad cuanto queramos.

Otra forma de crear una marca de agua es crear un documento, escribir/dibujar lo que queramos y definirlo como pincel (men superior) "Edicin" -> "Definir valor de pincel" listo! cuando despleguemos los pinceles lo veremos (el que acabamos de cargar siempre aparece al final de la lista). Si al pincel le bajamos la opacidad cuando vayamos a usarlo (en la ventana de opciones), podemos darle la transparencia que queramos.

Tutorial 7: Filtro -> Licuar Vamos a dibujar este conejito. Podemos dibujarlo fcilmente con la forma geomtrica elipse (cuerpo, cabeza, extremidades y orejas) y con el pincel (ojos y nariz): Para dibujar los brazos: haced una elipse vertical con su forma, separada del conejo. La seleccionis y luego por (men superior) Edicin -> Transformacin libre, lo giris. Seleccionadlo de nuevo con la varita mgica y Ctrl+C (copiar) y Ctrl+V (pegar) para hacer otro brazo idntico, y luego (men superior) Edicin -> Transformar -> Voltear horizontal. Con la herramienta mover lo ponis junto al cuerpo. Combinis capas (al pegar el nuevo brazo os habr creado una capa nueva), y movis el otro brazo (con la herramienta mover) para ponerlo tambin junto al cuerpo. Pero... cmo le damos movimiento a las orejitas?

Con (men superior) Filtro -> Licuar, herramienta mano (se llama "deformar hacia adelante"... pero es ms claro "mano" verdad?)

Le damos al ratn el tamao deseado (ms o menos el que veis en el dibujo a continuacin), posicionamos el ratn (que tendr forma de crculo con un signo "+" en medio) y arrastramos.

Tambin podemos por ejemplo inflar (es imprescindible que el tamao del ratn sea mayor que el tamao de lo queremos inflar). Nos situamos sobre lo que queremos inflar y empezamos a clicar con el ratn hasta que queramos:

Probad tambin las otras: desinflar (muy til para hacernos una liposuccin expres, aunque virtual, eso s, jejeje), molinete, empujar hacia la izquierda, etc. Ahora hacedle una liposuccin virtual a la buena mujer de la izquierda, para que quede como en la parte de la derecha,

jeje. Yo para esto utilizara tambin la herramienta mano , aunque podis probar a desinflar:

S, esto da muchsimo juego ;-)

Practicar, practicar y practicar Ya sabemos prcticamente todo lo necesario para disear cualquier dibujo y hacer kits de fiesta. Slo faltan un par de funciones facilsimas y listo! el resto depender de nuestra capacidad para echar mano de los recursos que conocemos, de utilizarlos de forma creativa, de hecho no hay una nica manera de hacer las cosas en Photoshop sino muchiiisimas opciones, unas ms rpidas y con mejores resultados que otras. Y esa capacidad para saber qu herramientas/funciones utilizar en cada caso la conseguiremos a base de coger soltura practicando, practicando y practicando. De modo que a practicar con estos sencillos dibujos. Cuando los tengis, envidmelos en formato PNG: A - El osito de Rilakkuma:

Es sencillsimo, basta con usar formas geomtricas (rectngulo redondeado con mucho radio, siempre con la opcin de "Pxeles") para la cara y el morrito y pincel (ms gordo o ms fino) para orejas, ojos y morro. B - Un niito disfrazado de conejo:

Usaremos formas geomtricas (opcin "Pxeles") y pincel. En este caso he usado, adems del pincel normal, uno de este tipo:

Truco: cuando vayis a pintar el pelo, seleccionad con la varita mgica el color carne de la carita para que slo pinte ah (que no se "manche" el gorrito). Otro truco: cuando dibujemos las piernas y los brazos usando un pincel gordo, es posible que nos queden con "celulitis", podemos pulsar aqu:

Y en la ventana emergente que sale, en "Forma de la punta del pincel", ponemos el espaciado al 1% (por defecto suele venir al 25 %).

La boca: recordad cmo se la hicimos al mueco de nieve en el tutorial 3. C - Una tarta:

Este dibujo es un poquito ms complicado. Me he inspirado en una que vi en la web de silhouette y la he ido dibujando para contaros el paso a paso: 1.- Creamos un documento de 1.000 x 1.500 pxeles. Hacemos la tarta con tres rectngulos (opcin "Pxeles") rosas con la opcin de pxeles. 2.- Hacemos stand de la tarta: dibujamos una lnea horizontal con el pincel normal (yo lo he usado de 10 pxeles). Con la herramienta pluma marcamos justo encima de esa lnea, clicamos en el centro (conviene sacar una gua vertical al centro) y pulsamos la tecla Ctrl. Arrastramos hacia abajo presionando tanto la tecla Ctrl como el botn del ratn (igual que dibujamos la sonrisa del mueco de nieve). Y contorneamos con el pincel.

3.- Dibujamos otra lnea horizontal con el pincel, esta vez abajo. Con la herramienta pluma marcamos una lnea vertical, del plato del stand al pie. Clicamos en el centro de esa lnea, pulsamos Ctrl y arrastramos hacia dentro. Contorneamos.

Hacemos lo mismo al otro lado (o bien, si lo queremos totalmente simtrico, copiamos la que hemos hecho y la volteamos horizontalmente, luego combinamos capas) y rellenamos con el bote de pintura. 4.- Y ahora dibujamos el adorno amarillo del stand. Para ello seleccionamos el pincel y en la barra de opciones desplegamos la paleta:

Y ponemos el espaciado al 80%.

Vamos a dibujar una lnea con el pincel (pulsando la tecla "Shift" para que quede horizontal). Si seleccionamos previamente con el marco rectangular, slo pintar sobre l: la mitad superior del punto tiene que quedar fuera de la seleccin (arriba) y la otra mitad dentro (abajo), esta mitad de abajo es la que se ver.

5.- Dibujamos las velitas (recordad, para no pintar en lo fucsia, seleccionad con la varita mgica lo blanco) con un pincel. Y hacemos unas estrellitas encima con una forma predeterminada:

6.- Ahora dibujamos con el pincel bien grande la crema rosa (seleccionamos con el marco rectangular el rea donde vamos a pintar) y le ponemos puntitos de colores con el pincel pequeo (seleccionad con la varita mgica la crema rosa, para no pintar ninguno fuera). 7.- Y por ltimo escribimos lo que queramos. Recordad que en la ventana "Carcter" podis seleccionar el tipo de letra, su tamao, su color, etc. La idea de esta tarta la tom de silhouetteonlinestore.com, os dejo algunas ms de esta misma web, para que os sirvan de inspiracin:

Ejercicio: nia

Vamos a hacer un dibujo un poco ms complejo: para quienes hayis ido estudiando los tutoriales y haciendo los ejercicios, ser pan comido :-) Podis utilizar un diseo vuestro de nia/nio dibujndola en un papel y escanendola, o bien podis usar una tableta grfica (que no creo que merezca la pena que os compris, al menos de momento) para dibujar directamente en el ordenador, o bien podis usar un diseo que no sea vuestro y os guste (de un libro, escanendolo, o de internet guardando la imagen). Eso s, si el diseo no es vuestro lo suyo es utilizarlo slo para uso personal y si por lo que sea publicis algo en internet donde aparezca, que indiquis la fuente. Os dejo algunas ideas de http://www.silhouetteonlinestore.com (no es para que compris imgenes ah, ya que son para usar con la mquina Silhouette, slo para que tomis ideas):

Aqu est mi dibujo:

Abrid el fichero de vuestra mueca con Photoshop (desde el explorador de Windows pinchamos sobre el fichero una sla vez, damos al botn derecho del ratn y seleccionamos "Editar con Photoshop). Redimensionamos el dibujo, para asegurarnos de trabajar con una buena resolucin y que luego no se vean las cosas pixeladas: (men superior) Imagen -> Tamao de imagen.

Y con el tic de "restringir proporciones" marcado ponemos una altura de 2.000 pxeles y el ancho el que nos calcule (restringid proporciones) y una resolucin de 250 pxeles por pulgada. Empezaremos por ejemplo dibujando la cara: para ello seleccionando el color carne, bien a ojo o bien con este truquillo: buscamos en Google Imgenes: color carne. Seleccionamos la que nos guste y pulsamos la tecla Impr Pant del teclado (para hacer un "pantallazo", es decir, copiar la pantalla del ordenador). Creamos un documento nuevo en Photoshop (en este caso da igual la resolucin que tenga) y pegamos (Ctrl+V o Edicin -> Pegar). O bien podis descargar y utilizar esta "carta de colores" en tonos carne:

Con la herramienta cuentagotas seleccionamos el color simplemente dando un clic sobre el ratn (que tendr ahora forma de cuentagotas), sobre el color deseado. Creamos una capa nueva y dibujamos la cara con la forma geomtrica rectngulo redondeado (con un radio aproximadamente de 2 cm) o con la elipse (lo que ms se adapte a vuestro dibujo). En la ventana de opciones lo ms cmodo es que elijis la de pxeles para que nos haga el dibujo ya rasterizado y sin crear una nueva capa.

Vamos a pintar los brazos y las piernas: seleccionad el pincel y mirad qu grosor os va bien, en mi caso es de 60 pxeles. Pulsad Shift y clicad para marcar el comienzo del brazo, soltad, y volved a pulsar shift y clicad en el final del brazo (tutorial 1). Yo empiezo sin miedo el brazo ms arriba de la manga, porque eso luego lo voy a tapar cuando pinte la manga. Ahora lo mismo con el otro brazo, el cuello (a este le he dado un grosor de 80 pxeles) y las piernas; si queris las piernas verticales pulsad todo el rato Shift a medida que movis el ratn (tutorial 1) , y los pies igual.

Vamos a dibujar los ojos. Si queris calcar del dibujo escaneado le ponemos algo de transparencia a la capa, por ejemplo opacidad= 60,pero recordad siempre quitar la transparencia despus, especialmente antes de combinar capas. Si combinis capas sin haberle quitado la transparencia a una de ellas, ya se quedar transparente definitivamente.

Conviene sacar una gua para que los ojos nos queden a la misma altura. Poned el pincel al tamao adecuado (unos 50 pxeles en este caso) y seleccionando un marrn, dibujamos los ojos. Podis ponerle adems unos puntitos blancos en los ojos como hago yo (15 pxeles): les da ms vida y realismo.

Hacemos los coloretes: elegimos un pincel difuminado (0 % dureza), el color rosa y el tamao adecuado (en mi caso 100 pxeles). Despus de esto acordaos de dejar seleccionado un pincel "normal", sin contorno difuminado, o la prxima vez que usemos el pincel nos llevaremos el chasco. Para calcar, ponemos de nuevo la opacidad de la capa al 60 % (pero recordad, volved siempre a ponerla al 100 % despur):

Ahora la boca: elegid un color que os guste. La dibujamos con la herramienta "pluma": como vimos en el tutorial 3 (con el mueco de nieve). Previamente seleccionamos el pincel con el grosor y tamao que queramos. Y al seleccionar la pluma ponemos la ventana de opciones como vimos con el mueco de nieve:

Hacemos una lnea horizontal con la pluma (pulsando la tecla "Shift") y pulsamos tambin en el centro. Presionando la tecla "Control" arrastramos hacia abajo. Clicamos al botn derecho (secundario) del ratn y en el men que aparece seleccionis "Contornear trazado". En el desplegable seleccionis "Pincel" y pulsis OK, y ya tendris algo as... si es ms feta, pues qu se le va a hacer tenis que quererla igual! jeje.

Hacemos las mangas, podemos sacar unas guas para que nos queden ambas a la misma altura; seleccionamos el color que queramos y con el pincel a un grosor lo suficientemente grande (unos 200 pxeles en mi caso) dibujamos un punto en cada una. Ahora con, un grosor normal (unos 60) dibujamos con el pincel presionando la tecla Shift en los vrtices para que sean lneas rectas, abajo todo el rato "Shift" para que sea horizontal y por ltimo rellenamos con la herramienta "bote de pintura". Aseguraos muy bien de que el vestido est "cerrado por todos lados antes de usar el bote de pintura, porque si hay cualquier hueco, el bote pintar todo lo que no est pintado. Aseguras tambin de tener marcado "Contiguo" en la ventana de opciones. Si tras dar el bote de pintura se os queda un reborde sin pintar, acordaos de repasarlo con el pincel del mismo color.

Por ltimo el pelito: seleccionad el color que os guste. Ahora seleccionad con la varita mgica fuera del dibujo (en cualquier lugar que no sea ni la cara ni el cuerpo): de esta forma cuando dibujemos el pelo, este no nos "manchar" lo que ya hemos dibujado. Primero dibujamos un rectngulo redondeado (pxeles), en mi caso con un radio de 3 cm, y dibujamos la parte de arriba del pelo:

Luego con el rectngulo normal o bien con el rectngulo redondeado con menos radio (en mi caso 1 cm) dibujamos la parte de abajo del pelo:

Ya slo nos falta el flequillo! Vamos a darle de nuevo transparencia a la capa para poder "calcar" el flequillo. Con la herramienta pluma dibujamos una lnea oblicua y la curvamos:

Contorneamos. Lo mismo al otro lado:

Y por ltimo rellenamos con el bote de pintura. Si se queda algn trozo sin teir son mechas le damos encima con el pincel en color marrn.

Recordad que si alguien quiere tener una mueca totalmente simtrica: con la herramienta "marco rectangular" seleccionamos la mitad de la mueca (yo slo lo hara con el cuerpo, la cara queda mejor con el pelo asimtrico), damos Ctrl+C y Ctrl+V (copiar y pegar), se crear una nueva capa. Vamos a (men superior) Edicin-> transformar -> voltear horizontal. Con la herramienta mover colocamos esa mitad donde queremos, borramos en la capa anterior la "mitad" que no queremos (seleccionamos con el marco rectangular y borramos con la tecla "Supr" del teclado). Volvemos a la capa superior y (men superior): Capas -> Combinar hacia abajo. Poned no visible la capa del dibujo a mano y ya tenemos esto:

Guardadla en formatoPNG. Tenis 5 das para enviarme vuestras muecas en formato PNG para que las publique en este blog privado. En estos das no publicar tutoriales para que tengis tiempo para hacerlas.

Tutorial 8: hacer tramas (fondos) Hacer tramas es sencillsimo con Photoshop. Con dos funciones (men superior) Edicin -> Definir motivo y Edicin -> Rellenar. Como mejor se ve es con ejemplos prcticos: Ejercicio 1: Vamos a crear una trama muy sencilla:

1 Crear un documento nuevo de 1 x 1 cm con una resolucin de 250 pxeles / pulgada. 2 Rellenar el fondo de color rosa con el bote de pintura. 3 En color blanco y con pincel de tamao 50 hacer un punto:

4 Edicin -> Definir motivo. 5 Crear un nuevo documento de 30x30 cm y 250 pxeles / pulgada. 6 Edicin -> Rellenar. Usar -> Motivo.

Desplegamos motivo personalizado y elegimos el nuestro. OK. Ya tenemos la trama/fondo. Ejercicio 2: Vamos a crear esta trama:

En este caso los lunares no estn alineados horizontalmente sino al tresbolillo, por lo que es un poquito ms complejo que el anterior. 1 Creamos un documento nuevo de 98 x 98 pxeles con una resolucin de 250 pxeles / pulgada. 2 Rellenamos el fondo de color coral (el que yo he utilizado tiene cdigo hexadecimal F36D86, cdigo RGB: 243-109-134). 3 En color hueso (EDDACB, 237-208-203) y con pincel de tamao 80 hacemos un punto centrado (acordaos de activar la regla, si no la tenis activada, con Ctrl+R). 4 Crear un nuevo documento de 196 x 196 pxeles (el doble del anterior) y 250 pxeles / pulgada. Copiar el archivo anterior (en el fichero original (men superior) Seleccin -> Todo, Edicin -> Copiar, y en el nuevo fichero Edicin -> Pegar) y poner arriba a la izquierda , copiar de nuevo y poner centrado a la derecha (por defecto Photoshop siempre lo pone centrado, para no perder la horizontal podemos mover el dibujo con la tecla de desplazamiento a la derecha en lugar

de con la flecha). Pegamos otros dos y con la herramienta "Mover" los colocamos a la derecha, arriba y abajo (estos quedarn cortados, como se ve en la imagen inferior derech