Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Anunciar en SoloPhotoshop

Programar un Lápiz con Flash | Solo Photoshop

Tutorial Photoshop

Tutorial por Solo Photoshop

SoloPhotoshop

TUTORIALES FLASH

PROGRAMAR UN LÁPIZ CON FLASH

Tutorial por Jmx de www.EstiloFlash.com

Hola a todos, nuevamente estoy con ustedes para mostrar un sencillo pero entretenido tutorial. Este trabajo muestra como hacer que un lápiz dibuje (simulación de la herramienta lápiz). ¿Comenzamos?

Empezar por hacer un documento nuevo de dimensiones 350*250 pixeles, y de color #808080.

Programar un Lápiz con Flash 01

Crear un nuevo símbolo (ctrl. + F8) nombrarlo lapiz y de comportamiento Clip de película.

Programar un Lápiz con Flash 02

En este símbolo hacer el diseño de un lápiz, colocar la punta del lápiz lo más cercano a las coordenadas X=0 y Y=0, como se muestra en la imagen, si la punta del lápiz no es colocada en esta posición cuando es publicada la película la raya saldrá de otro lugar.

Programar un Lápiz con Flash 03

Regresar a la escena y arrastrar desde la biblioteca el símbolo botón, y escribir un nombre de instancia el cual va hacer lápiz. Las coordenadas en las cuales quede situado el símbolo no tienen importancia.

Programar un Lápiz con Flash 04

Por último seleccionar el frame abrir el panel de Acciones – Fotograma e insertar el siguiente código. Verdad que es fácil, espero comentarios y sugerencias con mucha ansia.

this.attachMovie("cursor_id", "cursor_mc", this.getNextHighestDepth(), {_x:_xmouse, _y:_ymouse});
Mouse.hide();
var mouseListener:Object = new Object();
mouseListener.onMouseMove = function() {
lapiz._x = _xmouse;
lapiz._y = _ymouse;
updateAfterEvent();
};
Mouse.addListener(mouseListener);
this.createEmptyMovieClip("drawing_mc", this.getNextHighestDepth());
var mouseListener:Object = new Object();
mouseListener.onMouseDown = function() {
mouseListener.onMouseUp = function() {
this.drawing = false;
};
mouseListener.onMouseMove = function() {
if (this.drawing) {
drawing_mc.lineTo(_xmouse, _ymouse);
}
updateAfterEvent();
};
drawing_mc.lineStyle(1, 0x000000, 100);
drawing_mc.moveTo(_xmouse, _ymouse);
this.drawing = true;
};
Mouse.addListener(mouseListener);
var keyListener:Object = new Object();
keyListener.onKeyDown = function() {
drawing_mc.clear();
};

Programar un Lápiz con Flash 04

P.D. Presionar ctrl. + enter para visualizar el trabajo final. Si desean segur publicando sus tutoriales en esta sección seguirán siendo atendidos. Hasta muy pronto.

Descarga el Archivo Fla

Comentarios de Programar un Lápiz con Flash | Solo Photoshop

↑ Tutorial

dizzydmente

2006-11-21 18:01

WoW !!!! Está genial éste tuto. Es sencillito y eficaz, sería genial que después se pudiera ver el agregarle algo para borrar, cambiar de color o algo por el estilo ¿no?.

Debo de confesar que a la primera me salió mal ya que lo hice al aventón pensando que era demasiado fácil, pero siguiendo los paso al pie de la letra sale EXELENTE !!!

¡¡¡ G R A C I A S !!!
niyaz

2006-11-21 22:13

uff si muy buen manual muchas gracias, todo me salio bien.

saludso
enriquec05

2006-11-23 04:22

Que Chvr !!! =D Lo Intentare jejeje...Dw!!
Barthz

2006-11-25 00:02

Que fácil así jeje. Oye, no podrías añadir al código alguna cosa para que el lapicero se quede por delante de lo que se dibuja?
Muxas gracias
Aliih..

2006-11-26 17:12

q faciill ;;! xDD
nimbo

2006-11-28 11:08

buenisssimo! gracias!!!
kirschen

2006-12-01 01:03

Wow es bueno en verdad, aunque pienso al igual que Barthz estaria mejor si se pudiera quedar lo que se escribe por debajo del lápiz. Gracias
xxhiramxx

2006-12-02 13:55

Oye, que buen tuto.

Ese efecto lo voy a utilizar para la página web que me encargaron en la escuela :D
val_verdesign

2006-12-07 07:00

ta reweno este tuto...habria alguna posibilidad de incluir algun tipo de color...o tener la alternativa de agregar diferentes colores??..

salu 2 y gracias...
ayatoge

2006-12-07 12:00

Hey que bueno que hayan sitios como este para darnos una ayudadita entre todos, más por Flash que requiere de mayor concentración.
Nos wachamos, adios
ZAMORA

2006-12-07 13:11

ESTA GENIAL
azita

2007-01-01 20:53

alguien me puede decir por favor
ke tipo de photoshop okupo para poder realizar esto
esk io tengo el photoshop
peor no enkuentro varias kosas komo por ejemplo crear un nuevo simbolo y varias kosillas ayudenme por favor
asaelaaron

2007-01-02 03:59

lo que pasa es que no utilizó photoshop sino flash por eso no encuentras las herramientas
necesitas el programa flash para realizarlo
Lamban

2007-01-02 19:30

A mi no se me mueve el lapiz
AAr

2007-01-06 01:30

No se mueve el lapiz porque?
oidumazt

2007-01-08 09:51

Ta q chevere.. este tuto taba curaO!^^
Krikri

2007-01-12 16:21

:( no me salió.
Me salen errores en
Action scrip.
no c mueve el lapiz
Pero esta genial eso muchas gracias espero y me puedan contestar
Krikri

2007-01-12 16:52

Esta muy bien.
Yo les recomiendo que experimenten implemantando nuevas fraces al código, pues se pueden hacer muchos cambios,escritura continua, mayor grosor etc.
Me gustaría que pusieran tutoriales sobre Action Scrip
Decarrandao

2007-01-26 18:14

Coooooooooooooooool
zenare

2007-02-12 19:15

Muy Bueno y útil, pero igual, me podrías decir como ajustar para que el lapicero quede al frente de lo dibujado y no atrás? y para un interactivo hecho en pantallas de flahs, funciona en una de las pantallas, pero cómo volver al cursor normal al cambiar a la siguiente pantalla?.
cuerpon

2007-02-14 18:02

hola que tal esta excelente pero como se haria para que el lapiz escribiera alguna frase
Salva

2007-03-12 07:26

Hola!
Me salen 11 errores de ActionScript !
Ayuda!
lobomon

2007-04-06 07:09

es genial.......
pero como lo subo a internet
lecorbusier

2007-04-30 15:23

muy gueno pero ay un error como aser para que el lapiz quede ensima del trazo, grasiasesperamos respuestas jeje
atte zachary_pc@hotmail.com
anny_art

2007-05-17 13:32

ooooooooooo
esta geniallllllllllllllll
me gusto..y podria haber una gomita tambieen jojoj
erwin_xD

2007-09-19 22:06

Ta muy bueno!
josehelp

2007-09-19 22:20

se ve bueno pero no se mueve al lapiz o sea que no funciona nada nada yo creo que sera el codigo script?

si tienen alguna respuesta mandemela a mi correo jose_2006-95@hotmail.com
Alaá

2007-11-20 08:44

buen tuto
clauudiiaa

2008-01-08 16:10

no se me mueve el lapiz =(
Kitty_Nadie

2008-07-20 13:41

a mi me salio pero dibujo sin mover el lapiz y el cursor no aparece
xD
soy malisima en esto
jeikoor

2008-10-15 04:27

joer a mi me salen errore en el script y no se me mueve