Sunteți pe pagina 1din 150

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 (en Mac, en el men superior, antes de "Archivo" hay otra opcin llamada "Photoshop"):

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).

Para no tener que hacer flotante la ventana cada vez que abrimos o creamos un documento, podemos cambiar las
preferencias (men superior): Edicin (en Mac sera "Photoshop") -> Preferencias -> Interfaz y desmarcamos las dos que
he recuadrado en rojo:

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 idntico 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.


Nota: con la herramienta "Pincel" veremos el cursor como un crculo del tamao al que va a dibujar. Pero en ocasiones
puede aparecer como una cruz (es un fallo de esta versin). Para volver a verlo como un crculo podemos ir a (men
superior): Edicin -> Preferencia -> Cursores y seleccionar otro diferente al que haya marcado.
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. (NOTA: el cuentagotas no
pinta, slo selecciona colores para luego usarlos por ejemplo con el pincel o con el bote de pintura).
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 de dicho candado (lo he recuadrado en rojo) 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. Os mover toda la capa,
es normal: en el tutorial 3 veremos cmo seleccionar (y slo se mover lo seleccionado) y en el tutorial 4 veremos cmo
crear nuevas capas (que se mueven de forma independiente).
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:

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/folderview?id=0BxqSQP4jqmwcmpnbXlNQmRGa2c&usp=sharing, 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
Recordad: imprimid este post y tenedlo en la mesa mientras vais viendo todo y siguiendo las indicaciones en Photoshop,
que como lo miris as sin ms os sonar todo a chino. Sin embargo con Photoshop delante es otra cosa os doy mi
palabra!
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" (en Mac es haciendo doble click sobre el fichero). 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/folderview?id=0BxqSQP4jqmwNnpWczJZYW5lYzQ&usp=sharing estos 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 de los 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.
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 del crculo interno (en mi caso, justo donde se juntan
el color blanco interior con el verde), tomar este aspecto:

Clicis y os saldr un cursor intermitente. Ya podis 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 (
"Transformar trazado".

), o cambiamos de capa... hasta que nos aparezca por fin

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 ventana de capas, en la capa superior (la del crculo interior) pulsis la tecla "Ctrl" (en Mac

es la tecla "Comand") y a la vez (en la ventana de capas) pinchis en la capa del crculo exterior. 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 crcunferencias, 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":

Para cargar ms formas personalizadas podemos 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 del documento: como este 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 "csh".
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 "Forma" pero en lugar de
escribir en l con letras, escribimos guiones o puntos (en este caso de color azul) en dicho crculo interno (que yo he
dibujado de color blanco).

Recordad que en la ventana "Carcter" podis ajustar el tamao, grosor, espaciado, ancho... todo a los guiones. Y
adems en esta ventana ajustamos la altura del texto (lo que he recuadrado en rojo) ponindolo negativo:

Para que quede as:

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):

ATENCIN: NO OS SALTIS ESTE PASO. Posicionaos sobre "Dinmica de forma" y poned los parmetros igual que en
este pantallazo: (prestad especial atencin a lo que he recuadrado en rojo):

A continuacin seleccionamos de nuevo la herramienta elipse, pulsamos el botn derecho del ratn (en el caso de Mac
hacemos doble clic), 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?
que tengamos seleccionado arriba a la izquierda.

El bote de pintura pintar con el

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 (recordad: el bote de pintura funciona con
tolerancia, bajadla por ejemplo a 5). 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 (cuadraditos), pinta del color secundario (el de abajo a la derecha). Lo mismo pasa si movemos un objeto:
si la capa est bloqueada se quedar del color secundario y si est desbloqueada se quedar de transparente
(cuadraditos).

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. Antes de nada: para
quitar una seleccin podemos ir a (men superior) "Seleccin" -> "Deseleccionar" o pulsar Ctrl+D. Cuando
seleccionamos una parte de nuestra imagen, lo que hagamos (pintar con el pincel, borrar, mover...) slo tendr efecto
dentro de esa zona seleccionada
Las herramientas de seleccin 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":

NOTA: No es necesario que dibujis el mueco de nieve, slo tenis que dibujar la boca.
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 o PNG). 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 y de tener una tolerancia adecuada en la
ventana de opciones, por ejemplo 40).
OJO: al rellenar con el bote de pintura, veris que junto al flequillo queda un reborde color carne, sin pintar... es un fallo
de Photoshop (o 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 seleccionar el pelo con la varita mgica y luego (men
superior): Edicin -> Contornear y en la ventana emergente ponis 20 pxeles (por ejemplo, en este caso ms vale que
sobre a que falte) e "Interior". Si volvierais a darle al bote de pintura se quitara el reborde pero tambin aumentara
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 deseleccionar despus es por (men superior): Seleccin -> Deseleccionar.
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
sacar las guas hay que posicionarse donde est la regleta (lo he recuadrado en rojo en el documento adjunto, en la

horizontal o en la vertical segn cmo queramos la gua), clicar con el ratn y sin dejar de clicar mover el ratn hacia
dentro:

Podemos sacar tantas como queramos para guiarnos, luego no se ven al imprimir la imagen. Luego podemos 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 "Pincel" en el mismo
color que el fondo (en este caso, azul):

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 7 en la vertical y 1,5 en la horizontal. 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. Nota: para deseleccionar despus es por (men superior): Seleccin -> Deseleccionar.
- 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), seleccionad la barra azul
con la varita mgica y pulsad Ctrl+C (copiar) y Ctrl+V (pegar). A continuacin 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):

Nota: para deseleccionar despus es por (men superior): Seleccin -> Deseleccionar.
- 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) (recordad que la varita mgica funciona con tolerancia: como el blanco y
el rosa claro son parecidos, debemos bajar la tolerancia - en la ventana de opciones - por ejemplo a 5) 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.

Nota: para deseleccionar despus es por (men superior): Seleccin -> Deseleccionar.
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). Aseguraos de seleccionar el blanco puro, bien clicando con el cuentagotas
sobre el fondo blanco, bien poniendo ffffff en la ventana "Selector de color" que vimos en el tutorial 1.

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:

- Creamos un nuevo documento, por ejemplo de 500 x 1.000 pxeles con una resolucin de 250 pxeles por pulgada.
- Seleccionamos el color del cucurucho. Cogemos la herramienta "forma geomtrica personalizada", opcin "Pxeles y
seleccionamos el tringulo:

Si no tenis la forma tringulo, repasad el ejercicio de los crculos: en el A vimos cmo instalar todas las formas.
- Dibujamos el cono:

- Seleccionamos el color de la primera bola de helado y la herramienta "Forma geomtrica elipse" con la opcin de
pxeles. Dibujamos la bola:

- Tomamos el pincel normal (opacidad y dureza 100%) y dibujamos los "chorretones": yo lo he puesto a un tamao de
100 pxeles para los dos de los lados y a un tamao de 150 pxeles para el del centro:

- De la misma forma dibujamos la bola de arriba, pero en este caso no hace falta seleccionar nada. He puesto unas
guas para colocar bien la bola.

- Y por ltimo con el color rosa o rojo y el pincel a un tamao de 100 pxeles dibujamos la guinda. Con el pincel del
mismo color de la segunda bola de helado, dibujamos un puntito debajo de la guinda para taparla ligeramente:

- Con la herramienta pluma (teniendo el pincel a un tamao de 4 pxeles) dibujamos el rabillo de la guinda.
Si adems queremos dibujarle unas rayas oblicuas paralelas, podemos usar la herramienta "Forma geomtrica
personalizada":

Seleccionamos con la varita mgica el cono y dibujamos encima (arrastrando la forma geomtrica):

Si quisiramos hacerle "rejilla" -OJO: ESTO ES SLO PARA QUIEN "QUIERA MS", NO ES NECESARIO QUE LO
HAGIS - en lugar de dibujar las lneas en esa misma capa crearamos una nueva para dibujar en ella, la duplicaramos
y la volteariamos. En el prximo tutorial veremos ms extensamente el tema de las capas, pero es muy sencillo crear
una nueva capa: en la parte baja de la ventana de capas creis una nueva con este icono (el que he recuadrado en rojo):

Dibujis la rejilla en esta nueva capa (la seleccin del cono debis hacerla en la capa original).
Para duplicar la capa os posicionis en la capa nueva de la rejilla (en la ventana de capas), dais al botn derecho del
ratn y en la ventana emergente seleccionis "Duplicar capa". Seleccionis todo (men superior: Seleccn ->
Seleccionar todo, o Ctrl+A) y (men superior) Edicin -> Transformar -> Voltear horizontal:

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 :-)
Guardadlos en formato PNG. Para guardarlos en este formato (men superior): Archivo -> Guardar como, y en el
desplegable seleccionis: PNG

Si a alguien no le apareciera la opcin PNG que seleccione la de guardarlo para web, y entonces le aparecer el formato
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 pelirrojo" 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, pero slo tapa la cara (no tapa nada ms porque esta
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. Para descargarlo a total resolucin
clicad sobre l y veris que se agranda hasta ocupar toda la pantalla. Y luego botn derecho del ratn "Guardar imagen
como". A continuacin 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 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)
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

vamos clicando

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 si la capa est bloqueada, o transparente - a cuadros - si est desbloqueada), por ejemplo los coches que
me los pega ah arriba:

Y con la herramienta "Mover" los coloco en los huecos que me han quedado.
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: podis seleccionar el cuerpo con la varita mgica, y para aadir a la seleccin la cara podis usar la
herramienta marco elptico (opcin "Aadir a la seleccin"). Si lo veis muy pequeo, usad la lupa (zoom).
IMPORTANTE: Aseguraos siempre de estar posicionados en la capa correcta. Por ejemplo, para seleccionar los
elementos debis estar posicionados en la capa "Fondo".
Capa base: ponis "no visibles" todas las capas excepto esta, y rellenis 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)

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


Descargaos esta imagen y abridla con Photoshop (OJO: no usis el fichero que os envi para el ejercicio de capas, sino
esta 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.

Ejercicio de recorte y modificacin de tamao

Descargad este fichero Word. Abridlo en Word (o "Pages" si tenis Mac) y haced zoom para que se vean 3 hojas por
pantalla:

Pulsad la tecla "Impr pa". Abrid un documento nuevo en Photoshop y dejad el tamao y resolucin que os ofrece por
defecto (que es el de la imagen que acabis de copiar). Y pulsad Ctrl+V (pegar). A continuacin seleccionad con el
marco rectangular las tres hojas:

Y (men superior) Imagen -> Recortar. Como en la vista del documento Word hay 3 filas de hojas, aumentaremos el
tamao vertical del lienzo al triple: (men superior) Imagen -> Tamao de lienzo, poned el "Ancla" arriba, para que
mantenga nuestro dibujo arriba:

A ese trozo nuevo de lienzo, Photoshop por defecto le dar el color que tengamos seleccionado como secundario.
Podemos cambiarlo luego si queremos con el bote de pintura.
Volvemos a Word, bajamos hacia bajo para ver la segunda lnea de tres hojas y volvemos a pulsar la tecla "Impr pa".
Vamos a Photoshop y, en el mismo documento que habamos creado (en el que tenemos el pantallazo anterior)
pulsamos Ctrl+V:

Con la herramienta "Mover" centramos este pantallazo en el lienzo, seleccionamos las tres hojas, invertimos la seleccin
y pulsamos la tecla "Supr" para borrar todo lo que no nos interesa. Deseleccionamos y, con la herramienta "Mover",
colocamos las tres hojas en su sitio (debajo de las anteriores):

Y repetimos con la ltima parte del fichero Word:

Combinamos todas las capas (como vimos en el tutorial 4). Y lo ponemos bonito:

Tutorial 6: texturas y marca de agua


Descargaos estos ficheros de texturas: https://drive.google.com/folderview?id=0BxqSQP4jqmwVXpKNncwN1dFR3c&usp=sharing
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 o estas) y le bajemos la opacidad en la ventana de
capas (yo suelo ponerla al 20 30 %).
Por ejemplo, abrimos en Photoshop la imagen de Caperucita y abrimos la imagen de una textura:

Si nuestro dibujo es vertical (tiene ms alto que ancho), nos aseguramos de que la textura tambin est vertical para que
encaje mejor. Podemos girarla con Imagen -> Rotacin de imagen -> 90 Dcha. Seleccionamos toda la imagen de la
textura y Ctrl+C (copiar). Vamos a la imagen de Caperucita y Ctrl+V (pegar, para tener todo en el mismo fichero, con dos
capas). Ajustamos el tamao de la textura al tamao de Caperucita por Edicin -> Transformacin libre (tutorial 5). Si es
mucho ms grande conviene que hagamos mucho zoom a la Caperucita para poder arrastrar desde una esquina de la

textura para achicar (recordad: pulsando la tecla "Shift" para mantener las proporciones).

Achicamos hasta que el ancho o alto sea ms o menos igual y que sobre de lo otro (alto o ancho). Que no quede un trozo
del dibujo sin cubrir (si sobra no pasa nada).
Ahora en "Opacidad" para la capa de la textura ponemos 20 %.

Aqu podis ver algunos ejemplos:

Otro ejemplo: a partir de esta imagen "lisa"

Puedo crear estas texturizadas:

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: cread una nueva capa (ser ms sencillo moverlos y girarlos si estn en una capa nueva).
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. Las orejas y las piernas las podis crear de la misma forma.
Para no liaros con tantas capas, lo mejor es combinarlas una vez terminado.
Y ahora... 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

Esto da un juego tremendo;-)

, aunque podis probar a desinflar:

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 rosas (opcin "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 :-)
Partimos del dibujo que vamos a calcar: en este caso es un dibujo que hice a mano y escane (valdra perfectamente un
dibujo a color):

Descargad la imagen y abridla 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. Si se ve muy grande dadle al zoom (la
herramienta que es una lupa) para alejarlo.
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 % despus):

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.
--------------------------------------------------------------------------------------------------------------------------------Ahora elegid un diseo vuestro de nia/nio:
- Podis dibujarla en un papel y escanearla
- Podis usar una tableta grfica (no creo que merezca la pena que os compris, al menos de momento) para dibujar
directamente en el ordenador
- 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):

Si lo habis descargado de internet y no os permite modificarlo, ser que tiene el color indexado: id a (men superior)
Imagen -> Modo y seleccionad "Color RGB", y ya podris modificarlo.
Calcad vuestra mueca/mueco aplicando lo que hemos aprendido hasta ahora. Cuando lo tengis, guardadlo en PNG.

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-109134).
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 debajo, copiar otra vez 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 derecha): aseguraos
de que queden justo a ras de los otros, yo utilizo las flechas del teclado (en lugar del ratn) alejando la imagen pegada
hasta que queda una rayita en blanco y entonces le doy un clic a la flecha en sentido contrario para acercar.
Aqu podis ver el paso a paso:

5 Capa -> Combinar visibles


6 Edicin -> Definir motivo. Le dar un nombre por defecto, podemos ponerle cualquier otro.
7 Crear un nuevo documento de 2.000 x 2.000 pxeles con 250 pxeles / pulgada.
8 Edicin -> Rellenar. Desplegamos motivo personalizado y elegimos el nuestro. OK.
Ya tenemos nuestro dibujo. Podemos hacer los topos ms grandes o ms pequeos usando diferente tamao de pincel.
Tambin podemos redimensionar el fichero del motivo si queremos que todo el conjunto tenga menor o mayor tamao
(estando en el fichero del motivo, men superior: Imagen -> Tamao de imagen).
Ejercicio 3: Crear esta trama calcando sobre un dibujo daado o de mala calidad:

1 Descargar esta imagen y abrirla con Photoshop:

Seleccionar la trama con el marco rectangular (empezando por cualquier parte y terminando justo antes de que el dibujo
se repita). Acercad la imagen con la herramienta lupa para verla mejor:

Vamos a (men superior): Imagen -> Recortar. Ahora tenemos esto:

2 Si hemos recortado bien, la imagen medir 120x120 pxeles (podis verlo en men superior: Imagen -> Tamao de
imagen). Redimensionamos esta imagen a 200 pxeles de ancho (men superior): Imagen -> Tamao de imagen, y
ponemos 200 pxeles de ancho (de alto lo calcula Photoshop, debemos tener marcado "Restringir proporciones").
3 Con el cuentagotas seleccionar el azul (o bien poner el A1D5E3).
4 Crear una nueva capa (en la ventana de capas). En las opciones de la ventana de capas poner opacidad del 75 %
para poder calcar.
5 Con la herramienta pincel nos situamos sobre la raya azul y vamos modificando el grosor del pincel (en la ventana de
opciones) hasta que tenga el mismo grosor que la raya azul (unos 50 pxeles). Pulsando todo el rato la tecla Shift (para
que la lnea no slo sea recta sino adems vertical u horizontal, segn en el sentido en que movamos el ratn) hacemos
dos lneas verticales sobre las dos verticales azules existentes en el dibujo original:

6 Creamos una nueva capa, esta vez con una opacidad del 50 % y hacemos dos rayas, como las anteriores, pero
horizontales: la primera pegada a la parte alta del documento y la segunda ms abajo (a la altura del corazn de abajo).

7 Crear una nueva capa y arrastrarla, en la ventana de capas, para que est situada justo encima de la capa del dibujo
original (por debajo de las dos capas que hemos hecho de rayas). Rellenarla de blanco.

8 Crear una capa nueva que est colocada encima de todas las dems (si la creamos debajo de las capas de las rayas,
no veremos lo que dibujemos debajo de dichas rayas) y, en esa capa, dibujamos en la posicin del cuadrado de la
esquina de arriba a la izquierda un corazn con la herramienta forma personalizada, con la opcin de "Pxeles" (la ltima)
y en color blanco:

Una vez dibujado, lo seleccionamos con la varita mgica y Ctrl+C (copiar) y Ctrl+V (pegar), y con la herramienta mover
colocamos el segundo corazn en su sitio:

6 Edicin -> Definir motivo.


7 Crear un nuevo documento de 2.000 x 2.000 pxles con 250 pxeles / pulgada.
8 Edicin -> Rellenar. Desplegamos motivo personalizado y elegimos el nuestro. OK.
Ejercicio 4: Crear la tercera trama con un dibujo de internet que modificamos.
1 En lugar de dibujar el pjaro, podemos buscar uno que nos guste en Google Images (porque si hay que hacerlo, se
hace, pero hacerlo "p n" es tontera), por ejemplo poniendo cute bird drawing tenemos este tan mono:

a partir del cual crearemos esa trama:

2 Guardamos la imagen del pjaro y la abrimos con Photoshop. Le ponemos un tamao de unos 150 x 150 pxeles con
250 pxeles/pulgada de resolucin. Introducimos las modificaciones que queramos. En este caso una herramienta muy
til es Filtro -> Licuar. Con la herramienta dedo:

ajustndola a la derecha al tamao que queramos ("tamao de pincel") podemos estirar o espachurrar para modificar la
forma O podemos desinflar o inflar:

Para inflar o desinflar el tamao del pincel (a la derecha) debe ser ms ancho que lo que queremos inflar o desinflar:

Estando situados sobre lo que queremos inflar, clicamos el ratn continuadamente, hasta que tenga el tamao deseado.
Cuando est listo pulsamos OK.
3 Tenemos nuestro pajarito. Creamos un fichero nuevo con el doble de ancho y de alto que el archivo del pajarito (300 x
300 pxeles, resolucin 250 pxeles/pulgada). Copiamos el pajarito y con la herramienta mover lo ponemos arriba a la
izquierda y abajo a la derecha:

4 Borramos con el borrador mgico (ojo con la tolerancia que pongis), en cada capa de pajarito, el fondo blanco que
tiene. Y en la capa "Fondo" damos el bote de pintura en color hueso.
5 Definimos motivo y rellenamos un nuevo documento de 2.000 x 2.000 pxeles (resolucin 250 pxeles/pulgada) y ya lo
tenemos!

Tutorial 9: Rellenar formas con mscara de recorte


Imaginad que tenemos esta imagen:

Y queremos rellenarla toda con este precioso fondo de Robin Sampson:

1 Abrimos ambos ficheros con Photoshop.


2 Vemos el tamao de ambos (men superior): Imagen -> Tamao de imagen, y modificamos uno u otro para que sean
coherentes: si uno por ejempolo tuviera 100 pxeles y el otro 3.000 vamos mal... si no veis por qu, haced la prueba. Por
ejemplo podemos poner ambos de 1.500 pxeles de ancho.
3 En el dibujo de la Kitchen Aid tocamos con el borrador mgico en la parte externa, para borrar todo lo que no es la
Kitchen Aid:

4 En el fondo de flores vamos a (men superior): Seleccin -> Todo. Y a continuacin copiamos (Ctrl+C). Vamos al
dibujo de la Kitchen Aid y pegamos (Ctrl+V, lo pegar en una capa nueva que se crear de forma automtica).
5 Men superior: Capa -> Crear mscara de recorte. Ya tenemos la Kitchen Aid rellena. No se aprecia mucho por estar
el fondo transparente, pero si creis una capa nueva, la arrastris en la ventana de capas debajo de las otras y la pintis
con el bote de pintura por ejemplo de verde se ver as:

Si queris adems podis contornearla. Primero hay que combinar las capas de la Kitchen Aid y el fondo de flores.
Luego he marcado con la varita mgica la parte de fuera (la que borramos con el borrador mgico) y (men superior)
Seleccin -> Invertir (de esta forma tenemos seleccionada la Kitchen Aid de flores). A continuacin (men superior)
Edicin -> Contornear, he puesto 5 px de color granate, y ya lo tenemos:

Y ahora, a practicar con ms formas que encontris por internet (queda muy chulo con huevos de Pascua, corazones,
crculos...) y con diferentes fondos.

Tutorial 10: otra manera de rellenar plantillas y... preparando los kits de fiesta

Vamos a ver otra manera de rellenar plantillas, sin mscara de recorte. Es tambin sencillsimo, seguid los siguientes
pasos:
1 Descargaos aqu todas mis plantillas: https://drive.google.com/folderview?id=0BxqSQP4jqmwcDJfQlhZUU1VSE0&usp=sharing
2 Abrid el fichero "1 banderitas" en Photoshop.
3 Seleccionad la varita mgica. Marcad en la ventana de opciones la segunda de ellas:
De esa forma se ir aadiendo a la seleccin todo lo que marquemos con la varita mgica. Marcamos las tres
banderitas:

Y podemos rellenar de tres formas:


A) Como vimos en el Tutorial 7, vamos a (Men superior): Edicin -> Rellenar, y elegimos el motivo personalizado que
hayamos definido previamente (Por edicin -> Definir motivo, ver tutorial 5). Se rellena slo lo que tenemos
seleccionado, es decir, las tres banderitas.
B) (En este caso no es necesario tener seleccionadas las banderitas) Si tenemos nuestra trama ya creada en otro
documento (no slo el motivo, sino un documento grande con el motivo repetido muchas veces: una trama, por ejemplo
los documentos de 30x30 cm que creamos en el tutorial 5) vamos a ese documento de trama y (men superior):
Seleccin -> Seleccionar todo, Edicin -> Copiar (o directamente Ctrl+C en nuestro teclado). Vamos al fichero de las
banderitas y (men superior): Edicin -> Pegar. Crear una nueva capa. A continuacin (men superior): Capa -> Crear
mscara de recorte (como vimos en el Tutorial 8).
C) Si tenemos nuestra trama ya creada en otro documento (por ejemplo 30x30 cm) vamos a ese documento de trama y
(men superior): Seleccin -> Seleccionar todo, Edicin -> Copiar (o directamente Ctrl+C en nuestro teclado). Vamos al
fichero de las banderitas y (men superior): Edicin -> Pegar dentro. Se pega slo encima de lo seleccionado, es decir,
las tres banderitas.
Las formas B) y C) tienen la ventaja de que podemos mover los motivos (estando posicionados en esa capa y con la
herramienta Mover) para colocarlos centrados en las formas o como ms nos guste.
Ya tenemos esto (con el motivo que cada una hayis elegido):

Ahora podemos pegarle algn dibujito dentro, por ejemplo nuestra mueca:
- Vamos al fichero de la mueca y (parecido a lo de antes): Seleccin -> Seleccionar todo, Edicin -> Copiar combinado
(si el fichero de la mueca tiene varias capas, con esta opcin nos copiar a la vez todas las que tengamos visibles en
ese momento, acordaos de poner no-visible el fondo, si es que le pusisteis uno a la mueca, a menos que queris
copiarlo).
- Vamos al fichero de las banderitas y (men superior): Edicin -> Pegar.
- Ahora redimensionamos la mueca a nuestro gusto (men superior, estando posicionados en la capa de la mueca):
Edicin -> Transformacin libre. A continuacin "arrastramos" hacia dentro con el ratn desde una de las esquinas del
dibujo (en la esquina superior derecha he dibujado, exagerando, cmo se vera el ratn), a la vez que pulsamos la tecla
"Shift" para mantener las proporciones del dibujo:

hasta dejarlo del tamao deseado, y movemos el dibujo (con la herramienta "Mover" que vimos en el Tutorial 3:
donde queramos:

Ahora podemos copiar esta capa de la mueca en las otras dos banderitas: Seleccin -> Seleccionar todo, Edicin ->
Copiar. Y Edicin -> Pegar. Movemos a la banderita de la derecha. Volvemos a pegar y esta vez rotamos la mueca por
Edicin -> Transformar -> Rotar 180 ya tenemos las banderitas!

De la misma manera se rellenan el resto de formas que os he enviado (toppers, cajas, wrappers, etc.) o que creis
vosotras mismas con las funciones que hemos visto: formas geomtricas y/o pincel para hacer las formas y borrador
mgico para borrar lo que queda fuera.
Otro ejemplo, esta vez un poco ms complejo: vamos a rellenar una cajita (fichero "1Caja para chuches"):

Si vamos a rellenar con una trama como la de los puntos podemos rellenar todo a la vez, seleccionando todas las partes
rosas, porque da igual la orientacin. Pero si queremos rellenar con una trama en la que s que influya la orientacin (por
ejemplo a cuadros o rayas), como en este caso:

Lo que hago es que relleno primero el lado que est horizontal, pero siempre en una capa superior (no en la capa "base",
la de la forma original), para que luego me resulte ms sencillo seleccionar dicho lado:
1) Selecciono con la varita mgica el lado horizontal.
2) Creo una nueva capa y relleno con la trama (slo se me rellena lo que tena seleccionado, es decir, el lado
horizontal).
3) Pego el mueco y lo ajusto al tamao que quiero.
4) Combino la capa del mueco y de la trama, para que est todo junto en una sola trama y sea ms sencillo de
manejar (men superior: Capa -> Combinar capas).
Ya tengo uno de los lados:

5) Voy a la capa "base" (la capa 1) y selecciono de nuevo ese lado horizontal. Voy a la capa 2 (la de la trama y el
mueco) y le doy a Ctrl+C (copiar) y a continuacin Ctrl+V (pegar): esto me lo pega en una nueva capa que Photoshop
crea automticamente.
6) Men superior: Edicin -> Transformacin libre: giro y muevo este nuevo lado hasta colocarlo sobre uno de los otros
lados:

Volver a dar Ctrl+V (no hace falta volver a seleccionar y volver a dar Ctrl+C, Photoshop lo "recuerda") y colocar otras dos
veces (en los dos lados restantes). Por ltimo damos el bote de pintura, con el color que queramos, a la parte de abajo y
a la pestaita de la derecha:

Y ahora a preparar vuestros kits de fiesta! Podis utilizar las formas (banderitas, cajas, toppers...) que queris de los
archivos que os he enviado.

Tutorial 11: Indicaciones para imprimir, cortar y montar un kit de fiesta


Aqu podis descargar mi kit de Caperucita, tanto el imprimible en Word como los ficheros JPG (antes usaba JPG en
lugar de PNG) y PSD, para que veis cmo est hecho: https://drive.google.com/folderview?id=0BxqSQP4jqmwR3ZfOFJKcFRkTGs&usp=sharing
Impresin:
Cuando diseis el kit, tenis que guardar cada imagen (caja, envoltorio de cupcake, banderitas, toppers, etc.) en
formato Photoshop para que os mantenga capas, transparencia y dems por si queris hacer modificaciones posteriores,
pero tambin en formato JPG o PNG para imprimir. El formato PNG respeta ms los colores originales a la hora de
pegarlo en Word (o "Pages" si tenis Mac) y de imprimir, aunque ocupa ms espacio. Yo ya uso siempre PNG en lugar
de JPG.
Id al Explorador de Windows (Inicio -> Programas -> Accesorios -> Explorador de Windows) (si tenis Mac sera
"Inspector"). Entre esos PNG/JPG habr algunos que sean ms anchos que la hoja Word y debemos rotarlas para que
quepan; lo ms sencillo es clicar dos veces sobre el fichero para que se abra y a continuacin girarla (a m se me abre
con la "Galera fotogrfica de Windows" y las giro con las flechitas que he recuadrado en rojo abajo) (en el caso de Mac
sera en "dimensiones" -> "ngulo").

Mirad lo que ocurre al pasarlas a Word si las giramos (primera hoja, respeta su tamao original) y si no las giramos
(segunda hoja, las achica para que quepan en el ancho de la hoja Word):

Tambin puede pasar que la imagen s cabe en la hoja Word, pero caben ms imgenes (aprovechamos ms la hoja) si
las rotamos, por ejemplo caben slo 3 marcapginas si lo dejamos tal cual, y caben 5 si lo rotamos:

Una vez las tenemos horizontales o verticales (segn nos quepan en la hoja) posaos con el ratn sobre un fichero
PNG/JPG (clicando una sla vez) y pulsad Ctrl+C para copiar:

Vamos a Word, abrimos un nuevo documento con 1 cm de margen a cada lado (derecha, izquierda, arriba y abajo) y con
espaciado 0:

Y podemos poner una vista que nos permita ver todas las hojas del kit (yo aqu pongo 30 %, pero depender de las hojas
de nuestro kit y del tamao de nuestra pantalla):

Pegamos la imagen pulsando Ctrl+V.

A continuacin hacemos lo mismo con otro PNG/JPG (Ctrl+C en el Explorador y Ctrl+V en Word) y as con todas:

Podis poner el zoom de Word (segn el tamao de vuestra pantalla, a un 35 % es posible que podis verlo entero),
pulsar la tecla "Impr pa", ir a Photoshop, abrir un nuevo documento y pulsar Ctrl+V y ya lo tenis copiado. Ah lo ponis
bonito (recortando lo de alrededor y poniendo algn fondo o ttulo) y os sirve de "presentacin" de vuestro kit (NO para
imprimir, slo presentacin) si vais a venderlo o regalarlo. Si queris que se vea con mayor calidad en lugar de poner un
zoom en Word tan bajo, podis ponerlo por ejemplo aun 50 % y pegar en dos veces (dos pantallazos) con "Impr pa" de
Word a Photoshop.

Se puede imprimir tanto en una impresora de chorro de tinta normalita como en una impresora lser. Se puede imprimir
tanto en cartulina mate (de venta en cualquier papelera) como en cartulina brillante (de venta por ejemplo aqu) como
en papel fotogrfico (de venta en supermercados, papeleras y tiendas de fotografa), aunque lo ideal es en cartulina

brillante de 250 - 300 gr (segn qu impresora tengamos, podr con ms o menos gramos, es cuestin de probar). Si es
papel fotogrfico o cartulina con brillo indicadlo en "Propiedades" en el cuadro de impresin para que no se corra la tinta.
Los envoltorios de chocolatinas los imprimo en papel (normal o con brillo), no en cartulina.
Una opcin muy buena es encargar la impresin a Copytop (es una copistera online): sale ms barato que imprimir en
casa (los cartuchos de tinta son caros...) y podemos elegir el papel que queramos (grosor, brillo y tamao. La calidad es
fantstica. Tenemos que enviarles los ficheros por email (despus de hacer el pedido, adjunto al correo que se recibe del
mismo) y recibimos la impresin en 2 3 das.
Corte:
Se puede recortar con tijeras normales.
Cosas como el borde de los envoltorios para cupcakes o las cajitas de chuches quedan muy bonitos recortados con
tijeras de manualidades (no son imprescindibles). Las venden en tiendas de manualidades e incluso en algunos chinos:

Y va muy bien la guillotina/cizalla para ciertos cortes, yo compr esta en Lidl por 20 (no es imprescindible):

Los toppers lo ideal es cortarlos con troqueladoras (no es imprescindible), como estas.

Hay que ponerlas del revs para ver que estamos cortando donde debemos:

Montaje:
Una vez impreso y recortado lo ideal es marcar las dobleces con una regla y un repujador (unos 2 en papeleras, no es
imprescindible):

Y luego doblar con una regla o una plegadora (tambin unos 2 en papeleras, no es imprescindible):

Se puede pegar con pegamento de barra, tiene menos riesgo de manchar que el tipo Imedio o Loctite. Y para cosas
como las pajitas es muy prctico el celo de doble cara (no es imprescindible) o una pistola de silicona (no es
imprescindible).
Compartir el fichero en internet:
Primero decidimos si queremos compartir el fichero Word del imprimible o si queremos compartirlo en formato PDF. Yo lo
comparto en Word porque as si por ejemplo una hoja contiene toppers y envoltorios de cupcakes y alguien slo quiere
imprimir los toppers, puede eliminar las imgenes de los envoltorios y sustituirlos por ms toppers; y tambin pueden
cambiar el tamao de las imgenes. En PDF no se puede cambiar nada.
Vamos a https://drive.google.com/ y clicamos en la flecha que he recuadrado en azul y luego en "Files" (si no veis bien
este pantallazo podis ampliarlo clicando sobre l):

Seleccionamos la ruta en la que est y aceptamos. Cuando termine de cargarse el fichero clicamos en "Share" (en esa
ventanita emergente de abajo a la derecha):

Y en la nueva ventana emergente pulsamos sobre "Change":

Por ltimo seleccionamos una de las dos opciones que recuadro a continuacin: o bien "Pblico en la web" (lo puede ver
cualquiera) o bien "Cualquiera con el link". Da igual cul escojis de las dos:

Y copiis el enlace que os da ya podis compartirlo con cualquiera, con ese enlace!

Kit de Peppa Pig


Imaginemos que queremos hacer un kit de fiesta de un personaje popular, como Peppa Pig:
1.- Vamos a Google y buscamos por "Peppa Pig" y a continuacin pulsamos "Imgenes":

2.- Tienen que ser imgenes con buena resolucin, as que pulsamos "Herramientas de bsqueda" y luego en Tamao
seleccionamos "Grande".

3.- Elegimos la imagen que nos guste, en mi caso esta:

4.- Decidimos qu plantillas vamos a rellenar, en mi caso: banderitas, caja para chuches, cajita con ventana, gorro de
fiesta, invitacin, wrapper, topper de 5 cm. y cuadrado de 4 cm. Y empezamos a rellenarlas:
Por ejemplo, las banderitas: abrimos en Photoshop la plantilla de las banderitas que os pas para descargar y nuestro

dibujo de Peppa Pig. Seleccionamos todo el dibujo de Peppa Pig (men superior: Seleccin -> Todo) y damos Ctrl + C
(copiar):

Luego seleccionamos la banderita de la derecha con la varita mgica y (men superior): Edicin -> Pegar dentro:

Con (men superior) Edicin -> Transformacin libre, ponemos la imagen al tamao y en la posicin que deseemos.
Pulsando intro se ejecuta la modificacin.

Combinamos capas (men superior): Capa -> Combinar hacia abajo. Con el cuentagotas seleccionamos el color azul del
cielo y con el bote de pintura rellenamos la parte superior; lo mismo con el color verde del csped:

Podemos copiar alguna flor del dibujo original y pegarla en la bandera, ajustando su tamao y posicin tambin con
"Transformacin libre", y combinamos capas para dejar una sola capa. Seleccionamos la banderita (por ejemplo con el
lazo poligonal):

Copiamos (Ctrl+C) y pegamos (Ctrl+V). Con la herramienta "Mover" lo colocamos sobre la bandera de la derecha.
Volvemos a pegar (Ctrl+V) y esta vez lo giramos (men superior): Edicin -> Transformar -> Rotar 180 :

Combinamos capas para dejar una sola y guardamos en formato PSD y en formato JPG o PNG (la ventaja del formato
PNG es que respeta ms los colores originales cuando lo pasamos a Word y lo imprimimos).
Y lo mismo con el resto de plantillas. En el caso de la invitacin, para escribir el texto, podemos buscar en Google la
fuente de Peppa Pig poniendo "Peppa Pig font":

Elegimos por ejemplo la de Fontspace y la descargamos "Download":

La instalamos como vimos en el tutorial 2 y ya podemos usarla para escribir la invitacin:

Para rellenar el topper lo ms fcil en este caso es seleccionar la imagen que hemos descargado (Seleccin -> Seleccionar
todo) y copiarla (Ctrl+C). A continuacin abrimos la plantilla del topper, seleccionamos con la varita mgica el crculo y
Edicin -> Pegado especial -> Pegar dentro. Con Edicin -> Transformacin libre dejamos el dibujo al tamao deseado.
Este es mi kit completo:

Lo mismo podis hacer con Bob Esponja, las Monster High, Dora la Exploradora, princesas Disney... o lo que les guste a
vuestros nios (o mayores, jeje).

Enlaces de inters
Compra de dibujos y diseos grficos:
El mejor lugar para esto es Etsy. Muchos productos tienen el precio en USD (dlares americanos): lo mejor es pagar en
la divisa original (en este caso USD) ya sea con Paypal o directamente con nuestra tarjeta de crdito/dbito, y que
nuestra tarjeta aplique el tipo de cambio, que siempre ser mejor que el que nos aplique Etsy o Paypal. Suelen costar el
equivalente a 2 3 euros. Algunos diseos los venden slo para uso personal y otros autorizan adems su uso comercial
a pequea escala, viene indicado en cada caso. Una vez hayamos pagado, el vendedor nos enviar un email con los
archivos o bien con el link del sitio donde descargarlos. Mis vendedores preferidos son:
- Pink Pealr Studio: http://www.etsy.com/shop/pinkpearlstudio
- By digital paper: http://www.etsy.com/shop/bydigitalpaper
- Digi Scrap Delights: http://www.etsy.com/shop/DigiScrapDelights
- Sherry K Desings: http://www.etsy.com/shop/SheryKDesigns
- Polkadot Prints: http://www.etsy.com/shop/PolkadotPrintsStudio?ref=em
Otras tiendas aparte de Etsy:
- The Shabby Shoppe: http://www.theshabbyshoppe.com
- Shop Pretty Little Studio: http://shop.prettylittlestudio.com
- Sassy Designs: http://sassy-designs.net/shop
- Bw Scrapbooking: http://bwscrapbooking.com/shop
- http://www.twobrunettesshop.com
Descargables gratuitos:
En ingls llamados freebies y free printables. Podris encontrar muchos buscando en google con esas palabras. Aqu
estn algunos, que adems venden diseos preciosos:
- http://www.thetomkatstudio.com/freebies
- http://www.sweetclipart.com/
- http://catchmyparty.com/printables
- http://www.erinbradleydesigns.com/pages/Freebies.htm
- http://www.cocoamint.com/freebies.html
- http://www.erinbradleydesigns.com/pages/Freebies.htm
- http://www.chickabug.com/blog/freebies/free-printables
- http://www.mygrafico.com/freebies/cat_13.html
- http://www.facilysencillo.es/p/free-printables.html
- http://browse.deviantart.com/digitalart
- http://sugarandmeringue.squarespace.com/blog/2010/11/14/frosting-brush.html
- http://www.flickr.com/photos/37570710@N02/sets/
Adems podis conseguir dibujos chulsimos en:
- http://www.silhouetteonlinestore.com
- http://www.envinilo.cl
Fuentes y dingbats gratis:
http://www.fontsquirrel.com/fonts
http:\\www.fontreactor.com/
http://www.dafont.com/es/
http://www.kevinandamanda.com/fonts
http://www.fontspace.com/
http://www.fontpalace.com/
http://www.urbanfonts.com/free-fonts.htm
http://www.dingbatdepot.com/
http://www.urbanfonts.com/free-dingbats.htm
Tutoriales en espaol:
http://nmgalletasartesanas.blogspot.com.es/search/label/photoshop
http://alexdukal.blogspot.com.es/2007/12/del-papel-al-photoshop.html
http://tutoriales-photoshop.es
http://www.dzoom.org.es/noticia-6031.html
Otros:
http://design-seeds.com/
Videos en youtube:
http://www.youtube.com/watch?v=WM9HRUN49RI&feature=player_embedded
http://www.youtube.com/watch?v=Ex-LTqYY67U

Dibujar un vestido
Descargad esta imagen:

Vamos a vestirla. Primero seleccionamos el color carne con la varita mgica:

A continuacin deseleccionamos (opcin "restar de la seleccin") la cabeza y el escote con la herramienta "Marco
elptico":

Luego las manos con la herramienta "Lazo poligonal":

Y creamos una capa nueva (para no "machacar" el cuerpo de la mueca, sino conservarlo en esa capa):

Damos bote de pintura con el color que queramos:

Y ya la tenemos vestida de fiebre de sbado noche, jajaja. Deseleccionamos. Si queremos ponerle una falda, podemos
por ejemplo seleccionar la herramienta geomtrica elipse (tambin podrais hacerlo con el pincel). Lo mejor para "atinar"
donde queremos colocar la falda, es reducir la imagen para poder partir con la elipse desde abajo. Para hacer una elipse
como la ma, tenis que partir del punto que he marcado en rojo:

Rellenamos con el bote de pintura y recortamos por debajo (o bien antes de rellenar seleccionamos con el marco
rectangular la intereseccin de la elipse y el rea entre la cintura y los pies) y ya la tenemos. Si queremos, podemos
rellenar el vestido con una trama, o pegarle un estampado con "Pegar dentro":

Ideas: crculos festoneados y blondas


Otra de las muchsimas cosas que podemos hacer con lo que hemos aprendido, son crculos festoneados recordis
cuando vimos cmo dibujar este crculo?

En este caso en lugar de contornear con un pincel de raya por dentro, contornearemos con un pincel normal (redondo)
por fuera.
Creamos un nuevo documento (yo lo he hecho de 7 x 7 cm y 250 pxeles/pulgada). Definimos el pincel que usaremos
para contornear: yo lo he utilizado de 100 pxeles y desplegando la paleta de pinceles (lo he recuadrado en rojo) le he
puesto un espaciado del 81 % (para que se note el crculo pero queden un poco superpuestos):

Sacamos dos guas verticales y dos guas horizontales que nos ayuden a que el crculo nos quede bien centrado.
Dibujamos un crculo con la opcin "Pxeles":

Ahora dibujamos otro crculo, en este caso con la opcin de "Trazado" (para poder contornear), partiendo desde una de
las esquinas de las guas, para que nos quede justo encima del anterior crculo. Botn derecho del ratn -> Contornear
trazado -> Pincel:

Y ya tenemos nuestro crculo festoneado. Hay que jugar con el espaciado, probando a subirlo un poco, para que el
ltimo punto del contorno quede bien situado con respecto al primer punto del contorno.
Ahora podemos guardarlo:

Para usarlo cuando queramos, por ejemplo rellenndolo con diferentes tramas:

Si queremos hacer una blonda como esta:

Los pasos seran los mismos, pero en lugar de contornear con el pincel normal, usaramos un pincel definido por
nosotras mismas, como este:

Recordad que los pinceles se definen siempre en blanco y negro. Es en el momento de usarlos cuando elegimos el color
que queremos. Para definir el pincel abrimos un nuevo documento de por ejemplo 105 x 105 pxeles, dibujamos un punto
con el pincel normal (yo le he puesto un tamao de 100 pxeles), hacemos una elipse interior con la opcin de trazado y
la contorneamos con el pincel normal (yo le he puesto un tamao de 6 pxeles) en color blanco, con separacin (yo le he
puesto un 200 %). Luego (men superior): Edicin -> Definir valor de pincel.

Marcos con corchetes


Podemos hacer marcos de este tipo:

En un minuto con Photoshop. Abrid un archivo de por ejemplo 500 x 400 pxeles (y 250 pxeles / pulgada de resolucin).
Y con la herramienta escritura escribid un corchete: en mi teclado est en la misma tecla de la tilde, pulsando a la vez la
tecla "Alt Gr". Yo he utilizado la fuente "Times new roman" a un tamao de 60 pxeles, pero podis jugar con la fuente, el
ancho, el alto... lo mejor es hacerlo y guardarlo en negro, y teirlo de diferentes colores cuando queramos.

A continuacin rasterizamos (Capa -> Rasterizar -> Texto). Seleccionamos ese corchete y pulsamos Ctrl+C (copiar) y
Ctrl+V (pegar). Photoshop crear una nueva capa con el nuevo corchete. Vamos a Edicin -> Transformar -> Voltear
horizontal, y con la herramienta mover lo situamos donde queramos:

De nuevo pulsamos Ctrl+V (pegar). y en esta ocasin vamos a Edicin -> Transformar -> Rotar 90 AC. Con la
herramienta mover lo colocamos encima y por Edicin -> Transformacin libre lo alargamos lo que queramos, y situamos
los dos corchetes anteriores tocndolo en los extremos:

Seleccionamos ese corchete horizontal y Ctrl+C (copiar) y Ctrl+V (pegar. A continuacin Edicin -> Transformar ->
Voltear vertical, y con la herramienta mover lo colocamos abajo. Vamos a Capas -> Combinar visibles y listo! Adems
podemos definirlo como pincel:

Y usarlo como pincel cuando queramos al tamao, color, opacidad... que deseemos:

Y por supuesto podemos tambin rellenarlo con el bote de pintura y ponerle tramas o dibujos dentro:

Es o no es genial Photoshop?

Crear una plantilla en Photoshop a partir de una forma real


Imaginemos que tenemos esta cajita de cartn comprada:

Desmontamos una (como veis en la foto) y la escaneamos:

A continuacin abrimos el fichero con Photoshop. Como mi escner no ha marcado el contorno inferior de las aletas
laterales, lo dibujo yo con Photoshop (con el pincel y letra "Shift"):

Y aplico el borrador mgico a la parte exterior. A continuacin creo una nueva capa, le doy el bote de pintura en el color
que quiera, y aplico "Mscara de recorte":

Despus combino las capas (men superior: Capas -> Combinar visibles) y para terminar marco, con el pincel, las
dobleces:

Y ya tengo mi caja "clonada" en Photoshop para decorar a mi gusto:

Tambin podis descargaros plantillas de internet, hay muchsimas, por ejemplo buscando en Google Imgenes por "box
template".

Sellos personalizados
Otra de las muchsimas cosas que podemos hacer con lo que hemos aprendido de Photoshop, es hacer nuestros
propios sellos personalizados:

Elegimos el dibujo: podemos haberlo hecho en Photoshop (como yo estas princesas), o haberlo descargado de internet
(como por ejemplo un dibujo de Hello Kitty), o haberlo escaneado (por ejemplo un dibujo que nos guste de un libro de
cuentos). Y lo recortamos al tamao que queramos, como vimos en el tutorial 5; os recomiendo dejarlo de 3,5 cm x 3 cm.
A continuacin pegamos en Word esos dibujos recortados, dejando espacios entre unos y otros para tener luego un
margen blanco en el que recortar las onditas.

Imprimimos en una hoja normal y recortamos con tijeras de manualidades, de ondas estrechas, como la que aparece en
la foto (de venta en tiendas de manualidades y en chinos):

Y ya tenemos nuestros sellos listos para usar cuando queramos, pegndolos con pegamento de barra o con celo de
doble cara:

Tambin podemos escribir un importe en Photoshop, sobre el dibujo (por ejemplo 50 CT), con la fuente de letra que
elijamos, para conseguir un efecto ms autntico, como en los que hice yo para Navidad:

E incluso podis usar vuestro logo para hacer los sellos.

Washi tape
Otra de las innumerables cosas que podemos hacer con lo que hemos aprendido de Photoshop es utilizar washi tape
(que podemos disear nosotros mismos, o escanear en casa, o descargar en internet, o bien estos que os envo por
correo) para decorar nuestros dibujos o fotos:

He escaneado todos estos celos y washi-tapes con alta resolucin y los he preparado para que estn listos para utilizar.
Podis descargarlos aqu: https://drive.google.com/folderview?id=0Bx-qSQP4jqmwMWdHcXA1Nk81Ukk&usp=sharing:

Cada washi tape est en una capa, y el nombre de cada capa coincide con el nmero que se ve al lado de cada washi
tape. De modo que si por ejemplo queris usar el washi tape que tiene un "11" encima, basta con que os posicionis (en
la ventana de capas) en la capa llamada "11". Seleccionis toda la capa, porque en esa capa slo est ese washi tape
(men superior: Seleccin -> Seleccionar todo, o bien Ctrl+A) y copiis (Ctrl+C); y ya podis pegar ese washi tap donde
queris.
Tened en cuenta que al estar a alta resolucin su tamao es muy grande: a menos que vuestro dibujo o foto tambin sea
muy grande, seguramente tendris que achicar el washi tape. Recordad que podis hacerlo achicando el tamao de la
imagen original (men superior: Imagen -> Tamao de imagen) o bien directamente una vez pegado (seleccionis el
washi y men superior: Edicin -> Transformacin libre). Por (men superior) Edicin -> Transformacin libre tambin
podemos moverlo y girarlo a nuestro gusto. Y como cada vez que peguemos el washi en nuestro dibujo o foto se crear
una nueva capa, podemos bajar la opacidad de esa capa para que el washi tenga algo de transparencia y se vea ms
real.

Corazn escrito
Un ejemplo ms de las muchsimas cosas que podemos hacer con lo aprendido en el curso:

Escribir siguiendo una forma os acordis de cuando escribimos dentro del crculo del topper? podemos hacer lo mismo
en cualquier otra forma, como en este corazn, que he seleccionado de las formas personalizadas de Photoshop:

Teniendo seleccionada la opcin "Trazado":

Espero que se os ocurran muchsimas ideas.

Cabeceras para blogs


Con lo que hemos aprendido es muy fcil disear una cabecera para nuestro blog. Os cuento cmo hacer por ejemplo
una cabecera de banderitas. Y cmo colocarla en el blog.

Si nuestro blog tiene un ancho de 1.250 pxeles, creamos un documento de 1170 (por los mrgenes que deja Blogger a
los lados de la cabecera) x 300 pxeles, con una resolucin de 250 pxeles por pulgada. Elegimos el pincel del color y
grosor que vayamos a querer la cuerda (en mi caso de 5 pxeles). Con la pluma (pulsando la tecla Shift en cada extremo,
y con la opcin "Trazado") hacemos una raya de lado a lado, clicamos en el centro y, a la vez que presionamos la tecla
Ctrl, arrastramos hacia abajo. A continuacin botn derecho del ratn -> Contornear trazado -> Pincel.
Seleccionamos la forma geomtrica "Forma personalizada", opcin "Pxeles". Desplegamos para ver las formas
personalizadas que tenemos (en el ejercicio del tutorial 2 vimos cmo cargar ms formas desde la propia biblioteca de
Photoshop) y elegimos el tringulo relleno.

Creamos un tringulo a nuestro gusto, lo seleccionamos con la varita mgica y pulsamos Ctrl+C (copiar), Ctrl+V (pegar).
Pulsamos Ctrl+V varias veces ms, hasta tener todos los tringulos que queramos. Cada uno se crear en una capa
independiente.

Con (men superior) Edicin -> Transformacin libre, los giramos y movemos donde queramos uno a uno. Cuando lo
hagamos en el de la capa base, como est en la misma capa que la cuerda, debemos seleccionarlo con la varita mgica

para moverlo slo a l (y no la cuerda); el resto no es necesario seleccionarlos antes de transformarlos puesto que estn
en capas independientes.

Podis ponerle tantas banderitas como queris. Ahora lo ms cmodo es combinar todas las capas: nos posicionamos
en la capa superior y (men superior) Capas -> Combinar visibles. Rellenamos cada banderita con la tramaso dibujo que
nos guste. Id seleccionando con la varita mgica cada varita para rellenarla de una en una: podis hacerlo por "Edicin
-> Rellenar" o "Edicin -> Pegar dentro" o simplemente con el bote de pintura si queris tonos lisos.
Le podemos aadir un texto con la fuente, tamao, color, etc. que queramos:

Guardamos el dibujo en formato Photoshop (por si queremos hacerle alguna modificacin ms adelante) y en formato
JPEG.
Al crear el blog la cabecera que nos sale es simplemente el ttulo que le hayamos puesto:

Para ponerle la cabecera vamos a "Diseo" y en cabecera pulsamos el botn "Editar".

Podemos subirlo directamente desde nuestro equipo (o bien poner la URL si preferimos subirlo a Picasa o algn otro sitio
web de almacenamiento de fotos). Marcamos "En lugar del ttulo y la descripcin" y nos aseguramos de que est
desmarcada la opcin de "Reducir hasta ajustar" (la dejara diminuto):

Guardamos y ya tenemos nuestra cabecera nueva:

Tarjetas de visita
Con lo que ya sabemos de Photoshop resulta sencillsimo hacer nuestras propias tarjetas de visita.

Creamos un nuevo documento. En este caso yo utilizo centmetros, porque me resulta ms cmodo. Una medida muy
buena es 8,6 cm x 5,4 cm. Y la resolucin como siempre: 250 pxeles/pulgada.
A continuacin pegamos nuestro logo y escribimos nuestros datos con la letra que hayamos elegido:

Yo adems, como he dejado el fondo en blanco, he aadido un reborde negro para saber por dnde recortar cuando la
imprima. Lo he aadido poniendo el color negro como color secundario:

Y luego (men superior): Imagen -> Tamao de lienzo, he marcado "relativo" (para que aada lo que le indique) y he
puesto 5 pxeles de ancho y de alto.

De este modo, esos 5 pxeles extra de ancho y alto me los aade en negro.
Ahora grabamos en JPG. Vamos al Explorador de Windows (o a "Mis documentos"), nos posicionamos sobre el fichero
JPG, pulsamos Ctrl+C (copiar), vamos a Word (yo siempre le dejo slo 1 cm de margen arriba, abajo y a los lados) y
Ctrl+V (pegar):

Imprimimos en cartulina (de entre 180 y 250 gr) y cortamos (lo ideal es hacerlo con una cizalla).
Os dejo otra idea para tarjetas de visita, totalmente distinta, y tambin sencillsima de hacer con Photoshop:

Espero que os haya gustado.

Cmo crear imgenes animadas (.GIF)


Preparamos los dibujos, en mi caso son estos:

Ms otra imagen con el lienzo del mismo tamao pero totalmente en blanco (no la subo porque no verais nada, jeje).
Vamos a http://picasion.com/es/ y subimos las fotos que queremos (si son ms de tres, clicamos en "Agregar ms"),
Seleccionamos el tamao y la velocidad y clicamos en "Crear animacin":

Cuando termine clicamos en "Guardar esta animacin":

Y ya tenemos nuestra imagen en movimiento.


Nota: en mi curso online de retoque fotogrfico con Photoshop vemos cmo crear imgenes animadas (.GIF) usando slo
Photoshop (sin Picasion ni nada similar).

Gestin del color


Todos los colores se componen de la mezcla, en diferente grado, de tres colores bsicos. Que no son los que nos ensearon
en el cole (al menos a m: amarillo, azul y rojo).

RGB sistema aditivo

: rojo, verde y azul. En ingls: red, green, blue, que se conocen por las siglas: RGB.
Este sistema es el que utilizamos en las pantallas (de ordenadores, televisores, cmaras...):

Como podis ver en la imagen anterior:


Verde + azul = Cian
Rojo + azul = Magenta
Rojo + verde = Amarillo
Rojo + azul + verde = Blanco
El modo RGB ms utilizado en Photoshop (porque es el que mejor funciona en general) es "Adobe RGB 1998".

CMYK sistema sustractivo

: cian, magenta y amarillo. En ingls: cyan, magenta, yellow, que se


conocen por las siglas: CMY. Este sistema es el que utilizamos en las impresoras (si alguna vez compris cartuchos veris
que son estos tres colores).

Magenta + amarillo = Rojo


Cian + amarillo = Verde
Cian + magenta = Azul
Cian + magenta + amarillo = Negro - > Resulta casi imposible conseguir un negro puro sobre blanco, habra que utilizar
demasiada tinta. Por tanto las impresoras tambin incorporan un cartucho negro (en ingls al negro le han puesto la
inicial K para no confundir con el azul, por tanto el sistema se conoce por CMYK).
El modo CMYK ms utilizado en Photoshop (porque es el que mejor funciona en general) es "COATED Fogra 39 (ISO
12647-2:2004)".
Para convertir de un perfil a otro: men superior -> Edicin -> Convertir en perfil. Y en el campo que figura a
continuacin sombreado en azul, seleccionamos el perfil al que queremos convertir:

SUBIR IMGENES A INTERNET:


As es como se ve la misma imagen (subida a Picasa) segn guardemos en un formato u otro y en un modo u otro (CMYK
no permite PNG):

En este enlace podis descargar la imagen "real" para compararla con los anteriores. No os fijis en la imagen previa que
muestra Google Drive, que no tiene nada que ver con la realidad. Descargad el fichero y abridlo en Photoshop. Los colores
que ms se parecen al original son los del PNG. Este formato, entre otras cosas, mantiene blanco el blanco: los JPG
convierten el blanco en gris y aumentan la saturacin de los colores.
VER IMGENES EN EL ORDENADOR:
Nota: yo utilizo el "Visualizador de fotos" de Windows.
Tanto RGB-JPG como RGB-PNG se ven iguales al original. Pero CMYK-JPG se ve peor: con los colores ms apagados y el
fondo gris.
IMPRIMIR:
Podis hacer la prueba en vuestra impresora, imprimiendo este fichero Word. La calidad es similar en los tres formatos,
pero si vuestra impresora no es muy buena y os fijis en el contorno de Caperucita y del texto, la imagen RGB-PNG es la
ms "limpia". Lo ideal, si nuestra impresora tiene esa opcin (si es buena), es elegir el modo de color "Predeterminado
(sRGB)", de esta forma el dibujo PNG queda totalmente limpio y los JPG casi limpios.
Si en lugar de imprimir un fichero Word imprimimos los ficheros JPG y PNG directamente desde Photoshop: Los JPG
quedan casi igual (un poquitn peor) que al imprimir desde Word. El PNG queda casi igual (un poquitn peor) si
seleccionamos que la impresora gestione los colores, y mucho peor si seleccionamos que Photoshop gestione los colores.

CONCLUSIONES:
En general el formato PNG ofrece mayor calidad, pero un fichero en formato PNG pesa ms que ese mismo fichero en
formato JPG. El motivo es que PNG comprime el fichero original (en este caso el PSD) sin prdida de datos y JPG
comprime con prdidas, de hecho cada vez que se abre y se cierra un JPG se produce una nueva compresin y por tanto
una nueva prdida de datos.
Tanto para subir a internet, como para visualizar en el ordenador, como para imprimir en impresoras caseras lo mejor es
el modo RGB.
Imprimir desde Word es ms cmodo que desde Photoshop y da calidades ligeramente superiores.

Acciones en Photoshop
Otra de las muchsimas utilidades fantsticas de Photoshop son las acciones. Las acciones consisten en una serie
concatenada de herramientas y funciones que se ejecutan automticamente, sera algo equivalente a las macros de
Excel (para quien conozca Excel).
Para empezar tenis que poner visible la ventana de "Acciones" (que est el tic marcado):

Se os abrir la ventana de "Acciones". Seguramente tengis ya acciones cargadas, pero si queris cargar ms tenis
que clicar sobre las flechas que he recuadrado en rojo y se os desplegar el cuadro que aparece a la derecha.

Podis cargar acciones que os descarguis de internet (gratuitas, como estas o estas o estas o estas, o compradas
como estas o estas, las acciones tienen extensin .atn) o desde vuestros archivos del programa (Photoshop trae
bastantes) en esta ruta:

Simplemente seleccionando la que deseis y pulsando "Cargar":

A continuacin clicis sobre la accin que queris utilizar y pulsis al Play (lo que he recuadrado en rojo):

Veris cmo Photoshop se pone a trabajar slo (ms o menos tiempo segn lo compleja que sea la accin). Con las de
textura os puede quedar algo as:

Simplemente vais bajando la opacidad (lo que he recuadrado en rojo) en las capas de la textura hasta el nivel deseado
(a m me suele gustar entre un 10 y un 20 % para las texturas) y ya lo tenis:

Y tambin podis crear vuestras propias acciones. Podis ver ms aqu.

Foto en rectngulo redondeado


Si queremos que nuestra foto tenga una forma diferente al rectngulo, creamos una capa nueva:

Y dibujamos en ella (da igual en qu color) la forma deseada (con la opcin "Pxeles"): en mi caso un rectngulo con
bordes redondeados pero podra ser un crculo, un corazn... lo que quisiera. A continuacin selecciono con la varita
mgica lo que queda en el exterior de la forma; como he dejado algo de margen en el contorno, con un slo toque se me
selecciona todo, si no dejis margen tendris que seleccionar esquina por esquina (con la opcin segunda: "aadir a la
seleccin") o bien podis seleccionar el interior de la forma y luego (men superior): Seleccin -> Invertir seleccin.

Ponemos no visible esa nueva capa, nos posicionamos (en la ventana de capas) en la capa de la foto y pulsamos la
tecla "Supr" (suprimir) para borrar lo que hay seleccionado. En la ventana emergente seleccionamos "Usar": "Blanco":

A continuacin grabamos en formato PNG. Ya tenemos nuestra foto con la forma que queramos:

Nota: si queris hacer fotos con los puntitos de luz difuminados, aqu cuento cmo.