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!

Ingreso de Usuario

Recuperar contraseña

Registro de Usuario

Programar un Lápiz con Flash | Solo Photoshop

Tutorial Photoshop

 

Tutorial por Solo Photoshop

Solo Photoshop

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

    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

    niyaz

    2006-11-21 22:13

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

    saludso
  • enriquec05

    enriquec05

    2006-11-23 04:22

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

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

    Aliih..

    2006-11-26 17:12

    q faciill ;;! xDD
  • nimbo

    nimbo

    2006-11-28 11:08

    buenisssimo! gracias!!!
  • kirschen

    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

    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

    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

    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

    ZAMORA

    2006-12-07 13:11

    ESTA GENIAL
  • azita

    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

    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

    Lamban

    2007-01-02 19:30

    A mi no se me mueve el lapiz
  • AAr

    AAr

    2007-01-06 01:30

    No se mueve el lapiz porque?
  • oidumazt

    oidumazt

    2007-01-08 09:51

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

    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

    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

    Decarrandao

    2007-01-26 18:14

    Coooooooooooooooool
  • zenare

    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

    cuerpon

    2007-02-14 18:02

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

    Salva

    2007-03-12 07:26

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

    lobomon

    2007-04-06 07:09

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

  • lecorbusier

    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

    anny_art

    2007-05-17 13:32

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

    erwin_xD

    2007-09-19 22:06

    Ta muy bueno!
  • josehelp

    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á

    Alaá

    2007-11-20 08:44

    buen tuto
  • clauudiiaa

    clauudiiaa

    2008-01-08 16:10

    no se me mueve el lapiz =(
  • Kitty_Nadie

    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

    jeikoor

    2008-10-15 04:27

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

↑ Tutorial