Manual de Pencil

PENCIL

Manual de uso

empezar

Arleth Villagómez Flores Exactas, 602 Diseño Digital

Introducción

Pencil es una herramienta versátil y poderosa diseñada para la creación de animaciones y prototipos interactivos. En un mundo digital donde la visualización y la interactividad son cruciales, Pencil se destaca como una opción accesible y eficiente para diseñadores, desarrolladores y creadores de contenido. Pencil permite a los usuarios desarrollar animaciones frame-by-frame o mediante el uso de animación basada en vectores, ofreciendo una flexibilidad única para dar vida a ideas y conceptos. Su interfaz intuitiva facilita la creación de storyboards, bocetos y simulaciones interactivas, permitiendo a los diseñadores y desarrolladores visualizar y probar sus conceptos antes de pasar a la implementación final. Además de su capacidad para crear animaciones detalladas, Pencil también sirve como una herramienta efectiva para diseñar interfaces de usuario y prototipos de aplicaciones. Con funciones de interacción y transición, los usuarios pueden simular cómo se comportarán las interfaces en diferentes escenarios, lo que facilita el proceso de diseño y desarrollo de software.

Descripción del programa

El programa Pencil es una herramienta de software diseñada principalmente para la creación de animaciones y prototipos interactivos. Ofrece dos versiones principales: Pencil2D y Pencil3, cada una con sus propias características y enfoques. Pencil2D: Es un software de animación 2D de código abierto que permite crear animaciones tradicionales frame-by-frame o basadas en vectores. Es ideal para artistas y animadores que buscan una herramienta sencilla pero potente para crear dibujos animados, cortometrajes y otros proyectos de animación 2D. Pencil2D soporta capas, múltiples formatos de archivo de imagen y exportación a formatos de video comunes.

Descripción del programa

Pencil3: Esta versión está orientada más hacia el diseño de interfaces de usuario y prototipos interactivos. Permite a los usuarios diseñar interfaces de manera visual, agregar interacciones como clics y gestos, y crear transiciones entre pantallas. Pencil3 es útil para diseñadores de UX/UI y desarrolladores que necesitan prototipar aplicaciones y sitios web de manera rápida y eficiente.

01

Barra de herramientas

Ubicada generalmente en la parte superior de la ventana, contiene iconos para las funciones principales como crear nuevos elementos.

02

Panel de herramientas

Descripción de la interfaz

La izquierda o en otra ubicación accesible, muestra las herramientas disponibles para el dibujo y la edición.

03

Panel de capas

Suelen ubicarse en la parte derecha o en una ventana separada.

04

La interfaz de Pencil puede variar ligeramente dependiendo de la versión específica del software, pero en general, tiene características comunes que incluyen:

Area de trabajo principal

Es el espacio central donde se lleva a cabo el dibujo y la composición de los elementos.

05

Propiedades y ajustes

Pencil muestra opciones contextuales en la parte inferior o en un panel lateral.

Menus contextuales

06

Al hacer clic derecho sobre un objeto o en el área de trabajo, se despliegan menús contextuales con opciones adicionales.

Herramientas

01

Lápiz: Permite dibujar trazos a mano alzada con diferentes grosores y opacidades.

02

Pluma: Similar al lápiz, pero con líneas más suaves y controlables, ideal para trazos precisos

Formas geométricas: Herramientas para crear formas básicas como rectángulos, círculos, líneas rectas, entre otros.

02. Seres narrativos

03

06

Rellenar: Para aplicar color dentro de áreas cerradas o seleccionadas

Borrador: Elimina trazos y elementos no deseados del lienzo.

04

07

Texto: Inserta texto dentro del lienzo para añadir anotaciones o títulos.

05

Selección: Permite seleccionar y manipular objetos y elementos dentro del lienzo, como moverlos, redimensionarlos o cambiar su posición.

08

Zoom: Facilita acercar o alejar la vista para trabajar en detalles finos o en una vista general del proyecto.

Animación directa

1. Entra a pencil2
2. Elige la herramienta pincel con el tamaño de 10 y elige el color de tu preferencia.
3. Del lado izquierdo del escenario escribe tu primera letra de tu nombre, preferentemente en mayúscula.
4. En la linea del tiempo, da clic en el boton duplicar fotograma, se genera otro fotograma igual al primero.
5. a continuacion, mueve el fotograma duplicado hasta la posicion 12 de la linea del tiempo e inmediatamnete escribe la primera letra de tu apellido paterno de igual manera en mayúsculas.
6. En la linea del mtiempo, da clic en el boton duplicar fotograma, se genera otro fotograma igual pero ahora con las dos letras.
7. A continuacion, mueve el fotograma duplicado hasta la posicion 12 de la linea del tiempo e inmediatamente escribe la primera letra de tu apellido materno demigual manera en mayúsculas.
8. Daclic en reproducir
9. Una vez finalizado exporta el archivo como video y entregalo como evidencia.

Práctica

Animación con sonido

1. Tomando en consideración la animación de la actividad, le vamos a insertar un sonido ambiental.
2. Una vez que tengas el archivo wav, podemos iniciar.
3. Abrir el archivo de la actividad 2.
4. Insertar una nueva capa de sonido.
5. Importar el archivo de audio.
6. Indicar el fotograma donde queremos que inicie.
7. A continuacion, reproducimos solo hay que asegurarnos de que este activado el sonido en pencil.
8. Una vez finalizado exporta el archivo como video y entregalo como evidencia.

Práctica

Gracias por su atención

Proyecto final