SlideShare una empresa de Scribd logo
1 de 11
Descargar para leer sin conexión
P á g i n a | 1
INSTITUTO TECNOLÓGICO SUPERIOR FISCOMISIONAL
“NUESTRA SEÑORA DEL ROSARIO”
DISEÑO EN 2D MEDIANTE EL SOFTWARE PENCIL
Autores:
Lesly Elizabeth Paucar Sisalima
Gilson Orlando Quezada Guartizaca
Coautora
Rodríguez Ojeda, María José Ing.
Catamayo-Loja-Ecuador
2015
P á g i n a | 1
1. Resumen
La herramienta Pencil es utilizada para realizar animaciones utilizando gráficos
vectoriales, la misma que se acopla a diferentes plataformas. Es una herramienta que
permite realizar animaciones sencillas de calidad, plasmando ideas creativas, la cual
cuenta con elementos son muy fáciles de manipular.
A dicha herramienta se la utilizo en el desarrollo de una práctica, en donde se ha podido
dar a conocer características, funciones, interfaz, elementos y la funcionalidad de cada
elemento de dicha herramienta.
Para la elaboración de la práctica en donde se ejecutó una animación, la cual consistía
en hacer volar un avión y una casa con una chimenea, logrando así presentar una
animación, según nuestra creatividad.
Para ello utilizamos varias herramientas los cuales nos permitieron realizar con facilidad
dicha animación, ya que Pencil ayuda a plasmar nuestra creatividad con mucha
precisión.
2. Introducción
Hoy en día existen diversas herramientas 2D que permiten explotar la imaginación y
creatividad, un ejemplo de ello es la aplicación Pencil, la misma que se acopla a los
usuarios que la manipulan siendo de gran ayuda a la elaboración de animaciones.
Pencil 2d es un programa de ilustración para crear animaciones en dos dimensiones
(2d), en el diseño gráfico, su licencia GLP e interfaz simple e intuitiva y actualización
manual hace que cada día que muchas personas opten por esta herramienta , para su
P á g i n a | 2
utilización o según sea la necesidad del usuario se podrá crear nuestras propias
animaciones cortos y eficientes combinando técnicas de ilustración tradicional con
gráficos vectoriales, permitiendo dibujar en 2d, editar y dar color a los dibujos.
(Rodriguez.2015)
Se puede mencionar que la interfaz gráfica de Pencil dispone de las herramientas
básicas para crear elementos gráficos, ya sea en formato de mapa de bits o vectorial,
opciones de las herramientas tan sencillas como el tamaño el color, una práctica paleta
de colores y varias opciones de visualización. (Rodriguez,2015)
Lo que diferencia Pencil de un sencillo editor gráfico, cuya característica principal es la
línea de tiempo, la cual permite al animador definir los puntos donde los gráficos
cambian para que en la reproducción parezca que los objetos se mueven por la escena.
3. Métodos
Método deductivo.- Se aplicara para ir conociendo y entendiendo las herramientas
Pencil 2d, en puntos como:
 Definiciones.
 Características.
 Ventajas.
 Desventajas.
Se puede mencionar que en el desarrollo de la investigación se encontró una serie de
dudas e inquietudes sobre gráficos que cambien o interactúan con nuevos movimientos,
y es así tras una rápida investigación se definió las diferentes líneas de tiempo, el diseño
de los bocetos y movimientos que se le da a una de ellas.
P á g i n a | 3
Método inductivo.- Ha permitido una vez terminada la investigación y desarrollo de la
práctica, realizar un análisis en cuanto a las ventajas y desventajas encontradas en el
entorno de Pencil, formulando de esta manera conclusiones acerca de la animación
presentada .
Método Heurístico.- Para mayor entendimiento sobre la conceptualización de la
herramienta Pencil se desarrollara una práctica, la misma que permitirá verificar el nivel
de entendimiento e interpretación de dicha herramienta, en donde se elaborara un
informe tratando lo referente a Pencil, para posteriormente compartir nuestras
conocimiento y experimentas en la investigación. En dicha investigación se utilizó los
diferentes tipos de organizadores gráficos para su mayor entendimiento.
4. Resultados
Para el desarrollo de la práctica, tras varias investigaciones resulto factible y entendible,
ya que se enfocado a definir los métodos de enseñanza aprendizaje para el
entendimiento del software Pencil.
La práctica desarrollada e implementada está orientada al dibujo de un pequeño gráfico
a mano alzada con las herramientas: Lápiz, Tipos de líneas; y posterior agregar
movimientos acorde a la creatividad a cada una de la figuras logrando así una
animación realista, para obtener dicha animación se utiliza los diferentes elementos:
 Fotogramas
 Líneas de tiempo
 Hoja de cebolla etc.
Nota: Cada una con sus respectivas propiedades
P á g i n a | 4
Desarrollo de la práctica
Conociendo la interfaz Pencil y sus herramientas
Objetivo:
Identificar los elementos de la ventana de Pencil y sus Herramientas de trabajo.
Descarga de Pencil
Una forma más segura de conseguir Pencil es entrando a la página Oficial
http://www.pencil-animation.org/, ya en la página mencionada, con solo especificar
para que sistema o plataforma (Linux, Win7, Mac) lo requiere, se lo podrá descargar.
Nota: Si cuenta con el Sistema Operativo Linux lo podrá instalar desde el “Centro de
Software de Ubuntu”.
Instalación de Pencil
Pencil es una aplicación portable, así que puedes ejecutar desde una memoria USB o en
instalar en la carpeta de tu preferencia en el disco duro de la computadora.
Ejecución de Pencil
Una vez instalado o des compactado el programa de Pencil, Buscamos en el menú de
aplicaciones o en la carpeta donde des compacto el programa, ya sea en el disco duro o
en la memoria USB. Ejecuta el icono Pencil.
Desarrollo de la práctica:
o Ya ejecutada la aplicación, se observara una interfaz de la siguiente manera.
Fig. 1. Plataforma de Pencil
P á g i n a | 5
o Posterior crear un nuevo proyecto o animación de Pencil.
Fig. 2. Crear una animación.
o Dedicar o crear una capa para dibujar un paisaje (Aunque por defecto vienen 3
capas), para renombrar deben presionar doble clic en la capa y colocaran
“Paisaje”.
Fig. 3. Capas y líneas de tiempo
Nota: Para crear una capa se dirigirán a Layers (Capas) en la opción (+), y si en
caso que quieren eliminarla, basta con seleccionar la capa y presionar la opción
(-), y se eliminara la capa.
Fig. 4. Crear y eliminar capas.
o Una vez dedicada la capa para dibujar el paisaje, seleccionaran la herramienta
lápiz o pincel en este caso será pincel, para comenzar a dibujar.
Fig. 5. Herramienta Lápiz.
P á g i n a | 6
o Seleccionaran su tamaño, forma y color.
Fig. 6. Propiedades de la herramienta lápiz.
o Comenzar a dibujar el paisaje.
Fig. 7. Dibujando el paisaje.
o Crear una capa para dibujar un avión, y le colocan de nombre avión.
Fig. 8. Dibujando el avión.
o Ya dibujado el avión se implementara movimientos al dibujo como primer
efecto de la animación. Para ello se dirigirán a crear fotogramas en la línea de
tiempo (Keys) de la capa avión, (crear 4 fotogramas por cada 5 secciones de
tiempo).
Fig. 9. Implementando fotogramas a la capa avión.
P á g i n a | 7
Nota: Para dar movimientos como primero se debe activar la hoja de cebolla
(transparencia entre capas), y posterior seleccionan la herramienta selección
Fig. 10. Herramienta selección. Fig.11. Hoja de cebolla.
o Con la herramienta selección deben mover a la figura por cada sección de
tiempo creada (Seleccionar cada sección de tiempo para movilizar)
Fig. 12. Dibujando el avión.
P á g i n a | 8
o Posterior deben crear una capa y renombraran con el nombre auto y dibujar un
auto.
Aplicaran movimientos como la capa avión.
Fig. 13. Dibujando el auto.
o Crearan otra capa y la renombraran con el nombre casa y posterior dibujaran
una casa con una chimenea.
Fig. 14. Creación el diseño casa
o Crear fotogramas en la línea tiempo de la capa casa
Nota: Por cada fotograma de la línea de tiempo casa, le aumentaran a la casa un
pequeño bloque de humo.
Fig.15. Agregando fotogramas a la capa casa.
P á g i n a | 9
o Terminada la capa casa con sus respectivos movimientos se obtendrá un
resultado de la siguiente manera.
Fig. 16. Resultado Final.
o Para que lo puedan exportar dirigirse a a File, Export y Flash/SWF, y se
exportara en formato flash.
5. Discusión
Durante las investigaciones respectivas se llegó a determinar que la herramienta
Pencil es muy práctica y fácil de entender ya que sus interfaces son amigables con el
usuario que la utiliza, permitiendo de la manera más óptima plasmar nuestra creatividad
y nuestra imaginación de lo que queremos realizar en nuestro diseño.
La herramienta Pencil fue puesta a comparación con otras herramientas de diseño
gráfico en 2d, llegando a ser la más utilizada por contar con interfaces amigables al
usuario permitiendo un mejor entendimiento de los elementos que ofrece dicha
herramienta, también se puede recalcar que la herramienta trabaja con gráficos
vectoriales, capas, líneas de tiempo entendibles para el diseñador ya que cuenta con
licencias gratuitas que permiten la utilización de la misma.
P á g i n a | 10
6. Lista de Referencias
 Michaca, M.(2013).Pencil.Colombia.LinkedlCorporation.
Recuperado de: http://es.slideshare.net/MarlenMichaca/pencil-33631634. {16-
07-2015}
 Rodríguez, Y. (2015).Pincel2D.Madrid.LinkedlCorporation.
Recuperado de: http://www.slideshare.net/yelunea/pencil-2d. {25-06-2015}
 Hernández, I.(2014).Manual de animación con Pencil.
Recuperado de: http://manualdeanimacionconpencil.blogspot.com.{20-07-
2015}
 Vazquez, P. (2012).,Manual de animación con Pencil.
Recuperado de http://es.scribd.com/doc/86846162/Manual-de-Animacion-Con-
PENCIL#scribd.{20-07-2015}

Más contenido relacionado

La actualidad más candente

Perangkat keras komputer (hardware)1
Perangkat keras komputer (hardware)1Perangkat keras komputer (hardware)1
Perangkat keras komputer (hardware)1detaangga
 
Elementos de la imagen discurso visual
Elementos de la imagen discurso visualElementos de la imagen discurso visual
Elementos de la imagen discurso visualEva Avila
 
Rangkuman bab 4 sistem komputer oleh imanullah oracle usman 7F 16
Rangkuman bab 4 sistem komputer oleh imanullah oracle usman 7F 16Rangkuman bab 4 sistem komputer oleh imanullah oracle usman 7F 16
Rangkuman bab 4 sistem komputer oleh imanullah oracle usman 7F 16OracleUsman
 
6. Menerapkan Desain Brief.pdf
6. Menerapkan Desain Brief.pdf6. Menerapkan Desain Brief.pdf
6. Menerapkan Desain Brief.pdfadhalailatafida
 
Dasar dasar sinematografi
Dasar dasar sinematografiDasar dasar sinematografi
Dasar dasar sinematografiruangbelajarku
 
Diagramación periodística
Diagramación periodísticaDiagramación periodística
Diagramación periodísticaeme2525
 
Makalah multimedia
Makalah multimediaMakalah multimedia
Makalah multimediarifai_ahmad
 
Kk8 melakukan instalasi software
Kk8 melakukan instalasi softwareKk8 melakukan instalasi software
Kk8 melakukan instalasi softwareWahyu S
 
Desain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic DesignDesain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic DesignNur Fadli Utomo
 
Elemen images dalam multimedia
Elemen images dalam multimediaElemen images dalam multimedia
Elemen images dalam multimediaToto Haryadi
 

La actualidad más candente (20)

Google Chrome
Google ChromeGoogle Chrome
Google Chrome
 
Perangkat keras komputer (hardware)1
Perangkat keras komputer (hardware)1Perangkat keras komputer (hardware)1
Perangkat keras komputer (hardware)1
 
Elementos de la imagen discurso visual
Elementos de la imagen discurso visualElementos de la imagen discurso visual
Elementos de la imagen discurso visual
 
Hardware. ppt
Hardware. pptHardware. ppt
Hardware. ppt
 
Rangkuman bab 4 sistem komputer oleh imanullah oracle usman 7F 16
Rangkuman bab 4 sistem komputer oleh imanullah oracle usman 7F 16Rangkuman bab 4 sistem komputer oleh imanullah oracle usman 7F 16
Rangkuman bab 4 sistem komputer oleh imanullah oracle usman 7F 16
 
6. Menerapkan Desain Brief.pdf
6. Menerapkan Desain Brief.pdf6. Menerapkan Desain Brief.pdf
6. Menerapkan Desain Brief.pdf
 
Dasar dasar sinematografi
Dasar dasar sinematografiDasar dasar sinematografi
Dasar dasar sinematografi
 
Desain Grafis
Desain GrafisDesain Grafis
Desain Grafis
 
Diagramación periodística
Diagramación periodísticaDiagramación periodística
Diagramación periodística
 
Makalah multimedia
Makalah multimediaMakalah multimedia
Makalah multimedia
 
Glosario de terminos multimedia (1)
Glosario de terminos multimedia (1)Glosario de terminos multimedia (1)
Glosario de terminos multimedia (1)
 
powerpoint hardware
powerpoint hardwarepowerpoint hardware
powerpoint hardware
 
Kk8 melakukan instalasi software
Kk8 melakukan instalasi softwareKk8 melakukan instalasi software
Kk8 melakukan instalasi software
 
Tipos de imágenes
Tipos de imágenesTipos de imágenes
Tipos de imágenes
 
Desain grafis-kls-xii
Desain grafis-kls-xiiDesain grafis-kls-xii
Desain grafis-kls-xii
 
Desain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic DesignDesain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic Design
 
La imagen digital
La imagen digitalLa imagen digital
La imagen digital
 
Elemen images dalam multimedia
Elemen images dalam multimediaElemen images dalam multimedia
Elemen images dalam multimedia
 
Content planning
Content planningContent planning
Content planning
 
Rangkuman buku informatika bab 1
Rangkuman buku informatika bab 1Rangkuman buku informatika bab 1
Rangkuman buku informatika bab 1
 

Destacado

Ventajas y desventajas de moprosoft
Ventajas y desventajas de moprosoftVentajas y desventajas de moprosoft
Ventajas y desventajas de moprosoftChuyito Alvarado
 
Pres Autodesk Maya
Pres Autodesk MayaPres Autodesk Maya
Pres Autodesk Mayalagb2
 
Animación por Computadora
Animación por ComputadoraAnimación por Computadora
Animación por Computadoraraal
 
Software animacion
Software animacionSoftware animacion
Software animacionNestor Leon
 
Software de animación
Software de animaciónSoftware de animación
Software de animaciónAnderson Gomez
 
El GIMP, características y usos.
El GIMP, características y usos.El GIMP, características y usos.
El GIMP, características y usos.María Bernal Nieto
 
Funciones ejemplos
Funciones ejemplosFunciones ejemplos
Funciones ejemplosoriann68
 
Herramienta digital: Corel Draw. (Características, tutorial y uso en la educa...
Herramienta digital: Corel Draw. (Características, tutorial y uso en la educa...Herramienta digital: Corel Draw. (Características, tutorial y uso en la educa...
Herramienta digital: Corel Draw. (Características, tutorial y uso en la educa...Diana Tadeo
 

Destacado (11)

Programas para crear animación
Programas para crear animación Programas para crear animación
Programas para crear animación
 
Ventajas y desventajas de moprosoft
Ventajas y desventajas de moprosoftVentajas y desventajas de moprosoft
Ventajas y desventajas de moprosoft
 
Pres Autodesk Maya
Pres Autodesk MayaPres Autodesk Maya
Pres Autodesk Maya
 
VENTAJAS Y DESVENTAJAS
VENTAJAS Y DESVENTAJASVENTAJAS Y DESVENTAJAS
VENTAJAS Y DESVENTAJAS
 
Animación por Computadora
Animación por ComputadoraAnimación por Computadora
Animación por Computadora
 
Software animacion
Software animacionSoftware animacion
Software animacion
 
Software de animación
Software de animaciónSoftware de animación
Software de animación
 
El GIMP, características y usos.
El GIMP, características y usos.El GIMP, características y usos.
El GIMP, características y usos.
 
Funciones ejemplos
Funciones ejemplosFunciones ejemplos
Funciones ejemplos
 
Herramienta digital: Corel Draw. (Características, tutorial y uso en la educa...
Herramienta digital: Corel Draw. (Características, tutorial y uso en la educa...Herramienta digital: Corel Draw. (Características, tutorial y uso en la educa...
Herramienta digital: Corel Draw. (Características, tutorial y uso en la educa...
 
Dfd
DfdDfd
Dfd
 

Similar a Diseño en 2d pencil grupo1

Similar a Diseño en 2d pencil grupo1 (20)

Portafolio herramientas
Portafolio herramientasPortafolio herramientas
Portafolio herramientas
 
Herramientas interactivas
Herramientas interactivasHerramientas interactivas
Herramientas interactivas
 
Herramientas interactivas
Herramientas interactivasHerramientas interactivas
Herramientas interactivas
 
Sesion1 pizarra digital
Sesion1 pizarra digitalSesion1 pizarra digital
Sesion1 pizarra digital
 
Herramientas interactivas
Herramientas interactivasHerramientas interactivas
Herramientas interactivas
 
Angulo
AnguloAngulo
Angulo
 
3. guia de_aprendizaje_
3. guia de_aprendizaje_3. guia de_aprendizaje_
3. guia de_aprendizaje_
 
Herramientas interactivas
Herramientas interactivasHerramientas interactivas
Herramientas interactivas
 
Fernanda multimedia
Fernanda multimediaFernanda multimedia
Fernanda multimedia
 
00 Dibujo Vectorial Con Draw. Guia Del Alumno
00 Dibujo Vectorial Con Draw. Guia Del Alumno00 Dibujo Vectorial Con Draw. Guia Del Alumno
00 Dibujo Vectorial Con Draw. Guia Del Alumno
 
Documento 2 Parcial
Documento 2 ParcialDocumento 2 Parcial
Documento 2 Parcial
 
Artículo Técnico sobre Inkscape
Artículo Técnico sobre InkscapeArtículo Técnico sobre Inkscape
Artículo Técnico sobre Inkscape
 
Clase 2
Clase 2Clase 2
Clase 2
 
Buenos ejercicios guiados con herramientas
Buenos ejercicios guiados con herramientasBuenos ejercicios guiados con herramientas
Buenos ejercicios guiados con herramientas
 
Ejercicios sketchup
Ejercicios sketchupEjercicios sketchup
Ejercicios sketchup
 
Manual herramientas
Manual herramientasManual herramientas
Manual herramientas
 
Flash 8
Flash 8Flash 8
Flash 8
 
Algunos Recursos tecnológicos. Taller
Algunos Recursos tecnológicos. TallerAlgunos Recursos tecnológicos. Taller
Algunos Recursos tecnológicos. Taller
 
GUÍA DE RECURSO DIGITALES
GUÍA DE RECURSO DIGITALESGUÍA DE RECURSO DIGITALES
GUÍA DE RECURSO DIGITALES
 
Tema 05_ Diseño asistido por ordenador.pdf
Tema 05_ Diseño asistido por ordenador.pdfTema 05_ Diseño asistido por ordenador.pdf
Tema 05_ Diseño asistido por ordenador.pdf
 

Último

CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxroberthirigoinvasque
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxpaogar2178
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxBeatrizQuijano2
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfMercedes Gonzalez
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...JAVIER SOLIS NOYOLA
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIAFabiolaGarcia751855
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!CatalinaAlfaroChryso
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuelabeltranponce75
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfEduardoJosVargasCama1
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCCarlosEduardoSosa2
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfGruberACaraballo
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 

Último (20)

CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Código Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de VenezuelaCódigo Civil de la República Bolivariana de Venezuela
Código Civil de la República Bolivariana de Venezuela
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 

Diseño en 2d pencil grupo1

  • 1. P á g i n a | 1 INSTITUTO TECNOLÓGICO SUPERIOR FISCOMISIONAL “NUESTRA SEÑORA DEL ROSARIO” DISEÑO EN 2D MEDIANTE EL SOFTWARE PENCIL Autores: Lesly Elizabeth Paucar Sisalima Gilson Orlando Quezada Guartizaca Coautora Rodríguez Ojeda, María José Ing. Catamayo-Loja-Ecuador 2015
  • 2. P á g i n a | 1 1. Resumen La herramienta Pencil es utilizada para realizar animaciones utilizando gráficos vectoriales, la misma que se acopla a diferentes plataformas. Es una herramienta que permite realizar animaciones sencillas de calidad, plasmando ideas creativas, la cual cuenta con elementos son muy fáciles de manipular. A dicha herramienta se la utilizo en el desarrollo de una práctica, en donde se ha podido dar a conocer características, funciones, interfaz, elementos y la funcionalidad de cada elemento de dicha herramienta. Para la elaboración de la práctica en donde se ejecutó una animación, la cual consistía en hacer volar un avión y una casa con una chimenea, logrando así presentar una animación, según nuestra creatividad. Para ello utilizamos varias herramientas los cuales nos permitieron realizar con facilidad dicha animación, ya que Pencil ayuda a plasmar nuestra creatividad con mucha precisión. 2. Introducción Hoy en día existen diversas herramientas 2D que permiten explotar la imaginación y creatividad, un ejemplo de ello es la aplicación Pencil, la misma que se acopla a los usuarios que la manipulan siendo de gran ayuda a la elaboración de animaciones. Pencil 2d es un programa de ilustración para crear animaciones en dos dimensiones (2d), en el diseño gráfico, su licencia GLP e interfaz simple e intuitiva y actualización manual hace que cada día que muchas personas opten por esta herramienta , para su
  • 3. P á g i n a | 2 utilización o según sea la necesidad del usuario se podrá crear nuestras propias animaciones cortos y eficientes combinando técnicas de ilustración tradicional con gráficos vectoriales, permitiendo dibujar en 2d, editar y dar color a los dibujos. (Rodriguez.2015) Se puede mencionar que la interfaz gráfica de Pencil dispone de las herramientas básicas para crear elementos gráficos, ya sea en formato de mapa de bits o vectorial, opciones de las herramientas tan sencillas como el tamaño el color, una práctica paleta de colores y varias opciones de visualización. (Rodriguez,2015) Lo que diferencia Pencil de un sencillo editor gráfico, cuya característica principal es la línea de tiempo, la cual permite al animador definir los puntos donde los gráficos cambian para que en la reproducción parezca que los objetos se mueven por la escena. 3. Métodos Método deductivo.- Se aplicara para ir conociendo y entendiendo las herramientas Pencil 2d, en puntos como:  Definiciones.  Características.  Ventajas.  Desventajas. Se puede mencionar que en el desarrollo de la investigación se encontró una serie de dudas e inquietudes sobre gráficos que cambien o interactúan con nuevos movimientos, y es así tras una rápida investigación se definió las diferentes líneas de tiempo, el diseño de los bocetos y movimientos que se le da a una de ellas.
  • 4. P á g i n a | 3 Método inductivo.- Ha permitido una vez terminada la investigación y desarrollo de la práctica, realizar un análisis en cuanto a las ventajas y desventajas encontradas en el entorno de Pencil, formulando de esta manera conclusiones acerca de la animación presentada . Método Heurístico.- Para mayor entendimiento sobre la conceptualización de la herramienta Pencil se desarrollara una práctica, la misma que permitirá verificar el nivel de entendimiento e interpretación de dicha herramienta, en donde se elaborara un informe tratando lo referente a Pencil, para posteriormente compartir nuestras conocimiento y experimentas en la investigación. En dicha investigación se utilizó los diferentes tipos de organizadores gráficos para su mayor entendimiento. 4. Resultados Para el desarrollo de la práctica, tras varias investigaciones resulto factible y entendible, ya que se enfocado a definir los métodos de enseñanza aprendizaje para el entendimiento del software Pencil. La práctica desarrollada e implementada está orientada al dibujo de un pequeño gráfico a mano alzada con las herramientas: Lápiz, Tipos de líneas; y posterior agregar movimientos acorde a la creatividad a cada una de la figuras logrando así una animación realista, para obtener dicha animación se utiliza los diferentes elementos:  Fotogramas  Líneas de tiempo  Hoja de cebolla etc. Nota: Cada una con sus respectivas propiedades
  • 5. P á g i n a | 4 Desarrollo de la práctica Conociendo la interfaz Pencil y sus herramientas Objetivo: Identificar los elementos de la ventana de Pencil y sus Herramientas de trabajo. Descarga de Pencil Una forma más segura de conseguir Pencil es entrando a la página Oficial http://www.pencil-animation.org/, ya en la página mencionada, con solo especificar para que sistema o plataforma (Linux, Win7, Mac) lo requiere, se lo podrá descargar. Nota: Si cuenta con el Sistema Operativo Linux lo podrá instalar desde el “Centro de Software de Ubuntu”. Instalación de Pencil Pencil es una aplicación portable, así que puedes ejecutar desde una memoria USB o en instalar en la carpeta de tu preferencia en el disco duro de la computadora. Ejecución de Pencil Una vez instalado o des compactado el programa de Pencil, Buscamos en el menú de aplicaciones o en la carpeta donde des compacto el programa, ya sea en el disco duro o en la memoria USB. Ejecuta el icono Pencil. Desarrollo de la práctica: o Ya ejecutada la aplicación, se observara una interfaz de la siguiente manera. Fig. 1. Plataforma de Pencil
  • 6. P á g i n a | 5 o Posterior crear un nuevo proyecto o animación de Pencil. Fig. 2. Crear una animación. o Dedicar o crear una capa para dibujar un paisaje (Aunque por defecto vienen 3 capas), para renombrar deben presionar doble clic en la capa y colocaran “Paisaje”. Fig. 3. Capas y líneas de tiempo Nota: Para crear una capa se dirigirán a Layers (Capas) en la opción (+), y si en caso que quieren eliminarla, basta con seleccionar la capa y presionar la opción (-), y se eliminara la capa. Fig. 4. Crear y eliminar capas. o Una vez dedicada la capa para dibujar el paisaje, seleccionaran la herramienta lápiz o pincel en este caso será pincel, para comenzar a dibujar. Fig. 5. Herramienta Lápiz.
  • 7. P á g i n a | 6 o Seleccionaran su tamaño, forma y color. Fig. 6. Propiedades de la herramienta lápiz. o Comenzar a dibujar el paisaje. Fig. 7. Dibujando el paisaje. o Crear una capa para dibujar un avión, y le colocan de nombre avión. Fig. 8. Dibujando el avión. o Ya dibujado el avión se implementara movimientos al dibujo como primer efecto de la animación. Para ello se dirigirán a crear fotogramas en la línea de tiempo (Keys) de la capa avión, (crear 4 fotogramas por cada 5 secciones de tiempo). Fig. 9. Implementando fotogramas a la capa avión.
  • 8. P á g i n a | 7 Nota: Para dar movimientos como primero se debe activar la hoja de cebolla (transparencia entre capas), y posterior seleccionan la herramienta selección Fig. 10. Herramienta selección. Fig.11. Hoja de cebolla. o Con la herramienta selección deben mover a la figura por cada sección de tiempo creada (Seleccionar cada sección de tiempo para movilizar) Fig. 12. Dibujando el avión.
  • 9. P á g i n a | 8 o Posterior deben crear una capa y renombraran con el nombre auto y dibujar un auto. Aplicaran movimientos como la capa avión. Fig. 13. Dibujando el auto. o Crearan otra capa y la renombraran con el nombre casa y posterior dibujaran una casa con una chimenea. Fig. 14. Creación el diseño casa o Crear fotogramas en la línea tiempo de la capa casa Nota: Por cada fotograma de la línea de tiempo casa, le aumentaran a la casa un pequeño bloque de humo. Fig.15. Agregando fotogramas a la capa casa.
  • 10. P á g i n a | 9 o Terminada la capa casa con sus respectivos movimientos se obtendrá un resultado de la siguiente manera. Fig. 16. Resultado Final. o Para que lo puedan exportar dirigirse a a File, Export y Flash/SWF, y se exportara en formato flash. 5. Discusión Durante las investigaciones respectivas se llegó a determinar que la herramienta Pencil es muy práctica y fácil de entender ya que sus interfaces son amigables con el usuario que la utiliza, permitiendo de la manera más óptima plasmar nuestra creatividad y nuestra imaginación de lo que queremos realizar en nuestro diseño. La herramienta Pencil fue puesta a comparación con otras herramientas de diseño gráfico en 2d, llegando a ser la más utilizada por contar con interfaces amigables al usuario permitiendo un mejor entendimiento de los elementos que ofrece dicha herramienta, también se puede recalcar que la herramienta trabaja con gráficos vectoriales, capas, líneas de tiempo entendibles para el diseñador ya que cuenta con licencias gratuitas que permiten la utilización de la misma.
  • 11. P á g i n a | 10 6. Lista de Referencias  Michaca, M.(2013).Pencil.Colombia.LinkedlCorporation. Recuperado de: http://es.slideshare.net/MarlenMichaca/pencil-33631634. {16- 07-2015}  Rodríguez, Y. (2015).Pincel2D.Madrid.LinkedlCorporation. Recuperado de: http://www.slideshare.net/yelunea/pencil-2d. {25-06-2015}  Hernández, I.(2014).Manual de animación con Pencil. Recuperado de: http://manualdeanimacionconpencil.blogspot.com.{20-07- 2015}  Vazquez, P. (2012).,Manual de animación con Pencil. Recuperado de http://es.scribd.com/doc/86846162/Manual-de-Animacion-Con- PENCIL#scribd.{20-07-2015}