15/11/12

Tutorial 5: hacer tramas (fondos)

Hacer tramas es sencillsimo con Photoshop. Con dos funciones (men superior) Edicin -> Definir motivo Edicin -> !ellenar. Como me"or se ve es con e"emplos pr#cticos$ Ejercicio 1: %amos a crear una trama mu sencilla$

&' Crear un documento nuevo de & ( & cm con una resolucin de )*+ p(eles , pul-ada. )' !ellenar el fondo de color rosa con el .ote de pintura. /' En color .lanco con pincel de tama0o *+ hacer un punto$

1' Edicin -> Definir motivo. *' Crear un nuevo documento de /+(/+ cm 2' Edicin -> !ellenar. 3sar -> 4otivo.

)*+ p(eles , pul-ada.

Desple-amos 5motivo personali6ado7 :a tenemos la trama,fondo. Ejercicio 2: %amos a crear esta trama$

ele-imos el nuestro. 89.

En este caso los lunares no est#n alineados hori6ontalmente sino al tres.olillo; por lo <ue es un po<uito m#s comple"o <ue el anterior. &' Creamos un documento nuevo de => ( => p(eles con una resolucin de )*+ p(eles , pul-ada. )' !ellenamos el fondo de color coral (el <ue o he utili6ado tiene cdi-o he(adecimal ?/2D>2; cdi-o !@A$ )1/-&+=-&/1). /' En color hueso (EDDBCA; )/C-)+>-)+/) con pincel de tama0o >+ hacemos un punto centrado (acordaos de activar la re-la con CtrlD!). 1' Crear un nuevo documento de &=2 ( &=2 p(eles (el do.le del anterior) )*+ p(eles , pul-ada. Copiar el archivo anterior (en el fichero ori-inal (men superior) Eeleccin -> Fodo; Edicin -> Copiar; en el nuevo fichero Edicin -> Pe-ar) poner arri.a a la i6<uierda ; copiar de nuevo poner centrado a la derecha (por defecto Photoshop siempre lo pone centrado; para no

perder la hori6ontal podemos mover el di.u"o con la tecla de despla6amiento a la derecha en lu-ar de con la flecha). Pe-amos otros dos con la herramienta G4overG (tutorial /) los colocamos a la derecha; arri.a a.a"o (estos <uedar#n cortados; como se ve en la ima-en inferior derecha). B<u podHis ver el paso a paso$

*' Capa -> Com.inar visi.les 2' Edicin -> Definir motivo. Ie dar# un nom.re por defecto; podemos ponerle cual<uier otro. C' Crear un nuevo documento de ).+++ ( ).+++ p(eles con )*+ p(eles , pul-ada. >' Edicin -> !ellenar. Desple-amos 5motivo personali6ado7 ele-imos el nuestro. 89. :a tenemos nuestro di.u"o. Podemos hacer los topos m#s -randes o m#s pe<ue0os usando diferente tama0o de pincel. Fam.iHn podemos redimensionar el fichero del motivo si <ueremos <ue todo el con"unto ten-a menor o ma or tama0o (estando en el fichero del motivo; men superior$ Jma-en -> Fama0o de ima-en). Ejercicio 3: Crear esta trama calcando so.re un di.u"o da0ado o de mala calidad$

&' Descar-ar esta ima-en

a.rirla con Photoshop$

Eeleccionar la trama con el marco rectan-ular (empe6ando por cual<uier parte terminando "usto antes de <ue el di.u"o se repita). Bcercad la ima-en con la herramienta lupa para verla me"or$

%amos a (men superior)$ Jma-en -> !ecortar. Bhora tenemos esto$

)' Ei hemos recortado .ien; la ima-en medir# *)(*) p(eles (podHis verlo en men superior$ Jma-en -> Fama0o de ima-en). !edimensionamos esta ima-en a )++ p(eles de ancho (men superior)$ Jma-en -> Fama0o de ima-en; ponemos )++ p(eles de ancho (de alto lo calcula Photoshop; de.emos tener marcado G!estrin-ir proporcionesG). /' Con el cuenta-otas seleccionar el a6ul (o .ien poner el B&D*E/). 1' Crear una nueva capa (en la ventana de capas). En las opciones de la ventana de capas poner opacidad del C* K para poder calcar. *' Con la herramienta pincel nos situamos so.re la ra a a6ul vamos modificando el -rosor del pincel (en la ventana de opciones) hasta <ue ten-a el mismo -rosor <ue la ra a a6ul (unos *+ p(eles). Pulsando todo el rato la tecla 5Ehift7 (para <ue la lnea no slo sea recta sino adem#s vertical u hori6ontal; se-n en el sentido en <ue movamos el ratn) hacemos dos lneas verticales so.re las dos verticales a6ules e(istentes en el di.u"o ori-inal$

2' Creamos una nueva capa; esta ve6 con una opacidad del *+ K hacemos dos ra as; como las anteriores; pero hori6ontales$ la primera pe-ada a la parte alta del documento la se-unda m#s a.a"o (a la altura del cora6n de a.a"o).

C' Crear una nueva capa arrastrarla; en la ventana de capas; para <ue estH situada "usto encima de la capa del di.u"o ori-inal (por de.a"o de las dos capas <ue hemos hecho de ra as). !ellenarla de .lanco.

>' B.rir con Photoshop esta ima-en (o cual<uier otra de cora6n)$

.orrar el fondo del cora6n (con el .orrador m#-ico) rellenar de .lanco el cora6n. (4en superior). Iue-o (men superior) Eeleccin -> Fodo; Edicin -> Copiar. Jr al otro fichero (el del fondo); posicionarnos en la capa superior (men superior)$ Edicin -> Pe-ar. Por (men superior) Edicin -> Fransformacin li.re lo redimensionamos (acordaos de pulsar GEhift G para no perder las proporciones) -iramos$

Con la herramienta G4overG lo colocamos en el centro de los dos cruces de ra as donde ha cora6ones$

En este caso merece la pena no com.inar capas -uardar el fichero en formato Photoshop; por si m#s adelante <ueremos utili6ar esta trama para hacer un fondo de otro color o con al-una li-era variacin (como estrellitas en lu-ar de cora6ones; por e"emplo). 2' Edicin -> Definir motivo. C' Crear un nuevo documento de ).+++ ( ).+++ p(les con )*+ p(eles , pul-ada. >' Edicin -> !ellenar. Desple-amos 5motivo personali6ado7 ele-imos el nuestro. 89. Ejercicio 4: Crear la tercera trama con un di.u"o de internet <ue modificamos. &' En lu-ar de di.u"ar el p#"aro; podemos .uscar uno <ue nos -uste en @oo-le Jma-es (por<ue si ha <ue hacerlo; se hace; pero hacerlo Gp# n#G es tontera); por e"emplo poniendo 5cute .ird draLin-7 tenemos este tan mono$

a partir del cual crearemos esa trama$

)' @uardamos la ima-en del p#"aro la a.rimos con Photoshop. Ie ponemos un tama0o de unos &*+ ( &*+ p(eles con )*+ p(eles,pul-ada de resolucin. Jntroducimos las modificaciones <ue <ueramos. En este caso una herramienta mu til es ?iltro -> Iicuar. Con la herramienta dedo$

a"ust#ndola a la derecha al tama0o <ue <ueramos (Gtama0o de pincelG) podemos estirar o espachurrar para modificar la formaM 8 podemos desinflar o inflar$

Para inflar o desinflar el tama0o del pincel (a la derecha) de.e ser m#s ancho <ue lo <ue <ueremos inflar o desinflar$

Estando situados so.re lo <ue <ueremos inflar; clicamos el ratn continuadamente; hasta <ue ten-a el tama0o deseado. Cuando estH listo pulsamos 89. /' Fenemos nuestro pa"arito. Creamos un fichero nuevo con el do.le de ancho de alto <ue el archivo del pa"arito (/++ ( /++ p(eles; resolucin )*+ pe(eles,pul-ada). Copiamos el pa"arito con la herramienta mover lo ponemos arri.a a la i6<uierda a.a"o a la derecha$

1' Ponemos el fondo color hueso (.ote de pintura) *' Definimos motivo rellenamos un nuevo documento de ).+++ ( ).+++ p(eles (resolucin )*+ p(eles,pul-ada) N a lo tenemosO Bhora; a practicar con vuestras propias ideas de tramas $-) Pu.licado por Pulia Ein comentarios$ Eti<uetas$ Futorial

Ms di ujos!
Ia se-unda GremesaG de di.u"os$

Aea$ <ue me ha enviado tres di.u"os Nmu .ienO

Ii.ertad$ <ue ha hecho una nueva mu0eca NfenomenalO

Paloma

Fatiana

Helena Enhora.uena a todas $-) Pu.licado por Pulia Ein comentarios$

13/11/12
"l#unos de $uestros di ujos
B<u est#n los primeros di.u"os vuestros <ue he reci.ido$

4arta Haderli

Paloma @arca

Cristina Ipe6

Ii.ertad

4elissa N4u .ien hecho; chicasO : las dem#s$ espero vuestros di.u"os $-) Pu.licado por Pulia 1 comentarios$

12/11/12
%iltro &' (icuar) * +racticar, +racticar - +racticar
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 utili!arlos de forma creati"a de hecho no hay una #nica manera de hacer las cosas en $hotoshop sino muchiiisimas opciones unas ms rpidas y con mejores resultados que otras. Y esa capacidad para saber qu% herramientas&funciones utili!ar en cada caso la conse'uiremos a base de co'er soltura practicando practicando y practicando. $or eso os propon'o que ha'is estos dibujitos (que son de esta )eb* i'ual que la mueca calcando pero esta "e! sin +instrucciones+ mas slo al'una su'erencia,

-as orejas de este conejito pod%is hacerlas con una forma 'eom%trica +elipse+ y lue'o 'irarlas por (men# superior* .dicin /0 1ransformacin libre cuando pas%is el ratn por una de las esquinas tomar forma cur"ada y os dejar 'irarlo libremente y tambi%n mo"erlo si situais encima el ratn y arrastris2 al final dad a intro para aplicar los cambios o a escape para cancelarlos. -as piernecitas pod%is hacerlas con un pincel 'rueso y lue'o hinchar por el centro con (men# superior* 3iltro /0 -icuar herramienta inflar,

posicionamos el ratn (que tendr forma de crculo con un si'no +4+ en medio* donde queramos inflar y

empe!amos a clicar con el ratn hasta que queramos,

1ambi%n podemos dar mo"imiento a las orejas con la herramienta dedo (a#n en 3iltro / 0 -icuar*,

arrastrando como queramos,

5ota, la ima'en del conejito de arriba del todo est en formato +673+ inde8ado. Si la 'rabis y la abrs con $hotoshop no os permitir hacer nada con las capas. .n estos casos lo que podemos hacer es copiarla en un nue"o documento, (men# superior* Seleccin /0 1odo .dicin /0 9opiar creamos un nue"o documento (nos propondr el mismo tamao que tena el que hemos copiado aumentad la resolucin a :;< p8eles&pul'ada* .dicin /0 $e'ar y ya podemos hacer lo que queramos en este nue"o documento.

.ste es s#per fcil de hacer, simplemente con la herramienta forma 'eom%trica seleccionando el rectn'ulo de bordes redondeados. .n la "entana de opciones ele'id p8eles (la tercera, *

Yo hara crculos trian'ulitos y rectas y con (men# superior* 3iltro /0 -icuar usara las herramientas dedo e inflar. Y ahora para meternos en ambiente de 5a"idad...

Yo hara la cabe!a como un punto con un pincel muy 'rande. -os bra!os el cuerpo y las piernas con el pincel esta "e! haciendo lneas. -e dara +=o"imiento+ con -icuar (dedo e inflar*. Y le dibujara los adornitos con un

pincel pequeo.

>ara primero el trin'ulo in"ertido marrn con lneas (con el pincel* y lue'o lo rellenara. >ara las orejas con puntos 'randes y las estirara con -icuar (dedo*. ?na naricita con el pincel (un punto 'ordo* los ojos i'uales (pero puntos ms pequeos* y lo cuernos con pincel (lneas*.

.l mueco de nie"es, tres puntos con el p@ncel a diferente 'rosor un trin'ulo para la nari! dos puntos para los ojos una elipse para la base del 'orro y un rectn'ulo (dibujado con pincel lneas* para la copa del 'orro. -a bufanda con pincel y se le puede dar mo"imiento con -icuar (dedo*. Y en el pr8imo tutorial aprenderemos a hacer fondos ya "er%is! es s#per sencillo os doy mi palabra ,/*

Pu.licado por Pulia Ein comentarios$

.//11/12
Ejercicio: di ujar la mu0eca
NPor fin hemos lle-ado chicasO : para las <ue ha.His ido haciendo los tutoriales dudas <ue os sur-an; esto ser# pan comido $-) pre-untando las

PodHis hacer la mu0eca Ga o"oG Ga pulsoG con el ratn; podHis usar una ta.leta -r#fica (<ue no creo <ue mere6ca la pena <ue os comprHis; al menos de momento) o .ien podHis usar un truco fant#stico$ calcar; a sea de un di.u"o <ue ha-#is previamente en una ho"a escaneHis o .ien de al-una mu0e<uita de un li.ro o de internet <ue os -uste. Eso s; si el dise0o no es vuestro lo su o es utili6arlo slo para uso personal si por lo <ue sea pu.lic#is al-o en internet donde apare6ca; <ue indi<uHis la fuente. B<u est# mi di.u"o$

Escaneamos a.rimos con Photoshop (desde el e(plorador de QindoLs pinchamos so.re el fichero una sla ve6; damos al .otn derecho del ratn seleccionamos GEditar con Photoshop). !edimensionamos el di.u"o; para ase-urarnos de tra.a"ar con una .uena resolucin <ue lue-o no se vean las cosas pi(eladas$ (men superior) Jma-en -> Fama0o de ima-en. Ros saldr# una ventana de este tipo$

Ei est# marcado el tic de Grestrin-ir proporcionesG <uiere decir <ue con <ue le cam.iemos el ancho el calcular# el alto o viceversa. Ei lo desmarcamos cam.iamos el alto,ancho sin respetar la proporcin; la fi-ura se ala-ar# o ensanchar# (se pueden hacer cosas divertidas con esto). Aien; ponemos una altura de ).+++ p(eles el ancho el <ue nos calcule (restrin-id proporciones) una resoluciin de )*+ p(eles por pul-ada. Creamos una capa nueva le ponemos al-o de transparencia para poder GcalcarG; por e"emplo opacidadS 2+ (tutorial 1) . Empe6aremos por e"emplo di.u"ando la cara$ para ello seleccionando el color carne; .ien a o"o o .ien con este tru<uillo$ .uscamos en 5@oo-le Jm#-enes7$ 5color carne7. Eeleccionamos la <ue nos -uste pulsamos la tecla 5Jmpr Pant7 del teclado (para hacer un Gpantalla6oG; es decir; copiar la pantalla del ordenador). Creamos un documento nuevo en Photoshop (en este caso da i-ual la resolucin <ue ten-a) pe-amos (CtrlD% o Edicin -> Pe-ar). Con la herramienta5cuenta-otas7$

Seleccionamos el color (simplemente dando un clic sobre el ratn que tendr ahora forma de cuenta'otas

sobre el color deseado*. >aciendo doble click sobre la herramienta de color,

se abre una "entana y damos a A$ersonali!arB y oscurecemos o aclaramos el color a nuestro 'usto con $antone (para terminar, CD*,

Ehora hacemos la cara con la forma 'eom%trica rectn'ulo redondeado (tutorial :*. .n la "entana de opciones lo ms cmodo es que elijis la derecha,

$ara que nos ha'a el dibujo ya rasteri!ado y sin crear una nue"a capa. 7d probando con diferentes radios (tambi%n en la "entana de opciones* cuanto ms radio pon'is ms redondeado ser (yo le he puesto F cm a la ma*.

Ehora seleccionad el pincel y mirad qu% 'rosor os "a bien en mi caso es un G<,

$ulsad Shift y clicad para marcar el comien!o del bra!o soltad y "ol"ed a pulsar shift y clicar en el final del bra!o (tutorial H*. Yo empie!o sin miedo el bra!o ms arriba de la man'a porque total eso lue'o lo "oy a tapar cuando pinte la man'a. Ehora lo mismo con el otro bra!o el cuello y las piernas2 si quer%is las piernas "erticales pulsad todo el rato Shift a medida que mo"%is el ratn (tutorial H* y los piececitos i'ual. 9ada "e! que queris pod%is quitarle la transparencia a la capa para "er qu% tal "a el dibujo y lue'o se la "ol"%is a poner para se'uir +calcando+ ,/*

Iamos a dibujar los ojos, poned el pincel al tamao adecuado (unos J< p8eles en este caso* y seleccionando un marrn dibujamos los ojos. Si quer%is que os queden e8actamente a la misma altura con la herramienta +=o"er+ pon%is el ratn en el eje superior (en la !ona blanca donde estn los numeritos* y pulsando el ratn lo mo"%is hacia abajo, nos sacar una lnea hori!ontal (llamada +'ua+* tambi%n podramos hacer lo mismo en

"ertical y sacar tantas como queramos para 'uiarnos lue'o no se "en al imprimir la ima'en2 os pon'o un pantalla!o de mi mueca (ya terminada* con la raya hori!ontal en los ojos ,

-ue'o pod%is quitar las 'uas de la misma forma con la herramienta +=o"er+. Si no os deja ser porque el documento las tiene bloqueadas, pod%is desbloquear por (men# superior* Iista /0 desmarcamos +Kloquear 'uas+. Si al dibujar cerca de la 'ua nos deforma lo que estamos dibujando podemos hacer que deje de pasar por (men# superior*, Iista /0 Ejustar a /0 desmarcamos +6uas+. $od%is ponerle adems unos puntitos blancos en los ojos como ha'o yo, les da ms "ida y realismo. >acemos los coloretes aumentando el tamao del pincel cambiando el color y eli'iendo en "entana de opciones un pincel con el contorno difuminado como cualquiera de estos el tamao da i'ual porque lue'o le daremos el que queramos en la "entana de opciones,

En mi caso le he puesto al pincel un -rosor de &++. DespuHs de esto acordaos de de"ar seleccionado un pincel GnormalG; sin contorno difuminado; o la pr(ima ve6 <ue usemos el pincel nos llevaremos el chasco.
Ehora la boca, ele'id un color que os 'uste. E pulso con el ratn yo no soy capa! de dibujarla sinceramente as que se me ocurri este truquillo, hacerla con te8to una A?B may#scula con la "entana de A9arcterB podemos seleccionar el tipo de letra su ancho (yo la he ensanchado* y el tamao, yo he usado arial de tamao HL en ne'rita y con una ancho de H;<,

y rasteri!amos (capa /0 rasteri!ar /0 te8to tutorial :*. E "eces pod%is sentir que os quedis +atrapadas+ dentro de la escritura de $hotoshop yo al menos me siento as en ocasiones2 para salir pod%is pulsar en estos botones de la capa de opciones, derecho para aceptar cambios i!quierdo para cancelar cambios,

9omo al hacer la boca nos cre una nue"a capa "amos a unirla con la capa que dibujamos antes. Primero nos posicionamos en esa capa y le quitamos la transparencia (opacidad 100) o de lo contrario al unir las capas, esta nos la dejar transparente. Y despu%s nos posicionamos en la capa de la boca y (men# superior*, 9apa /0 9ombinar hacia abajo. E estas alturas tenemos que tener al'o as...

Y si es ms feta pues qu% se le "a a hacer ten%is que quererla i'ual! jeje. >acemos las man'as del color que queramos seleccionando el pincel a un 'rosor lo suficientemente 'rande (unos :<< p8eles en mi caso*, cada man'a es un crculo. >acemos el "estido sobrepuesto en parte a las man'as, seleccionamos el color que queramos un 'rosor normal (unos ;<* dibujamos con el pincel presionando la tecla AShiftB en los "%rtices para que sean lneas rectas abajo todo el rato +Shift+ para que sea hori!ontal y por #ltimo rellenamos con la herramienta +bote de pintura+. Ese'uraos muy bien de que el "estido est +cerrado por todos lados antes de usar el bote de pintura porque si hay cualquier ladito abierto el bote pintar todo lo que no est% pintado,

9uando us%is el bote de pintura en la barra de opciones ten%is que tener marcado +9onti'uo+,

Si os queda al'#n tro!o del "estido sin pintar repasis con el pincel del mismo color. $or #ltimo el pelito, seleccionad el color que os 'uste. $odras dibujarlo a ojo pero... otro truquillo +made in Mulia+, con el marco rectan'ular seleccionad la cabe!a de la nia y dad 9trl49 (copiar* y 9trl4I (pe'ar*. 5os lo pe'a en una nue"a capa que crea automticamente. 9on 7d a (men# superior* .ditar /0 1ransformacin libre tendr%is al'o as (ima'en de la i!quierda*2 a'arrad desde una esquina con el ratn y pulsando Shift (para que nos manten'a las proporciones* arrastrad para a'randar un poco (ima'en de la derecha* pulsad intro para

aceptar las modificaciones,

Poned esta capa de la cara enorme de.a"o de la capa de la ni0a <ue hemos di.u"ado; arrastrando en la ventana de capas$

Ehora posicionaos en la capa de la cara enorme y con el bote de pintura pintadla del color de pelo que os 'uste. Si el pelo no os ha quedado centrado con la herramienta +=o"er+ colocadlo en su sitio,

Ehora con el pincel dibujad la lnea del pelo para abajo pulsando shift todo el rato paa que quede "ertical lo mismo con la hori!antal (y... la ma'ia de las capas, lo que queda +debajo+ del "estido no se "e* y de nue"o para arriba en "ertical. Nellenis con el bote de pintura y los resquicios que queden con el pincel.

Ya slo nos falta el flequillo! 9olocaos en la capa superior y combinad hacia abajo para unir la mueca con el pelo. Iamos a darle de nue"o transparencia a la capa para poder +calcar+ el flequillo. $od%is hacerlo a ojo o... nue"o truco del almendruco, seleccionis la cara con la +"arita m'ica+ (tutorial F* seleccionis la forma 'eom%trica +elipse+ (tutorial :* y con ella hac%is el flequillo, se'uramente no os sal'a a la primera id haciendo y deshaciendo con 9trl4Elt4O o 9trl 4 O hasta que os 'uste y ya sab%is slo pintar la elipse en el rea seleccionada (la cara*,

Yo termino dibujando un poquito de pelo a los lados de la cara con el pincel en "ertical,

Si al'uien quiere tener una mueca totalmente sim%trica, con la herramienta +marco rectan'ular+ seleccionamos la mitad de la mueca damos 9trl49 y 9trl4I (copiar y pe'ar* se crear una nue"a capa. Iamos a (men# superior* .dicin/0 transformar /0 "oltear hori!ontal. 9on la herramienta mo"er colocamos esa mitad donde queremos borramos en la capa anterior la +mitad+ que no queremos (seleccionamos con el marco rectan'ular y borramos con la tecla +Supr+ del teclado*. Iol"emos a la capa superior y (men# superior*, 9apas /0 9ombinar hacia abajo. $oned no "isible la capa del dibujo a mano (o escaneo o ima'en sacada de internet* Precordis cmoQ lo "imos en el tutorial de capas. Y 'uardamos en formato A$SRB y tambi%n en formatoAM$6B. Iamos al e8plorador de Sindo)s seleccionamos la ima'en M$6 (en la ruta donde la 'uardaste* poni%ndonos encima con el ratn pulsamos 9trl4Elt49 (copiar* creamos un documento Sord nue"o y pe'amos. $ulsando sobre la ima'en y estirando de una de las esquinas redimensionamos la mueca al tamao que deseemos y la copiamos y pe'amos las "eces que queramos lista para imprimir! $or fa"or en"iadme "uestras muecas en formato M$6 para que las publique en este blo' pri"ado. .