SlideShare ist ein Scribd-Unternehmen logo
1 von 10
HERRAMIENTAS TECNOLÓGICAS
    Comunicación y Lenguajes Audiovisuales
                          Universidad de Medellín




                                 Introducción a
                               Adobe Illustrator
                            y Adobe Photoshop

                   Carlos Mario Rendón Vanegas
                                       Docente
CONTEXTUALIZACIÓN
                OBJETO DE ESTUDIO        Herramientas Tecnológicas

                PROBLEMA                 Como lograr que los estudiantes dominen y comprendan las
                                         herramientas vectoriales, de retoque y manipulación de la imagen
                                         ante los planteamientos de comunicación que nos presenta
                                         nuestra sociedad

OBJETIVO         Al finalizar la asignatura, el alumno estará en capacidad de
                 aplicar con creatividad y ética las funciones y procedimientos
                 que nos ofrece las herramientas tecnológicas para alcanzar la
                 capacidad y flexibilidad necesaria para realizar desde pequeños
                 diseños hasta grandes proyectos en el ámbito de producción en
                 los medios audiovisuales




    CONCEPTOS            Imágenes rasterizadas, vectores, trazados, transformación , efectos
                         ,selección, capas, retoque, máscaras, colores, degradados, mallas,
                         patrones, estilos, distorsión, creación de texto, pinceles, filtros,
                         automatización, almacenamiento.


    MÉTODO               Deductivo.
ADOBE ILLUSTRATOR (AI)
Es el nombre o marca comercial oficial que recibe uno de los programas más
populares de la casa Adobe al lado de su programa “hermano” Adobe Photoshop
y que se trata esencialmente de una aplicación de creación y manipulación
vectorial en forma de taller de arte que trabaja sobre un tablero de dibujo,
conocido como "mesa de trabajo" donde se tiene acceso a diverso grupo de
herramientas cuya finalidad es ayudar a la creación artística de dibujos y pinturas
para Ilustración digital orientada a la comunicación visual y el diseño gráfico.




   Imagen tomada de
   http://www.flickr.com/photos/youngdesign/44481500
   67/, el 17 de Marzo de 2013




                                                       Imagen tomada de http://www.flickr.com/photos/duststorm/224911733/sizes/m/in/photostream/,
                                                       el 17 de marzo de 2013
ADOBE ILLUSTRATOR (AI)
Adobe Illustrator ha ayudado a definir de cierta manera el lenguaje gráfico contemporáneo
mediante el dibujo vectorial pues contiene múltiples posibilidades creativas, fácil acceso a
las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos
                                                                                                                                                   Clic en el logo para
usos se pueden aplicar en impresión, vídeo, publicación en la Web y dispositivos móviles,
                                                                                                                                                    ver video tomado de
entre otros.                                                                                                                                       http://www.youtube.com/
                                                                                                                                                     watch?v=aVfZ0Bjo8X0

                                                                             imagen tomada de
                                                                            http://www.flickr.com/photos/cat
                                                                            apiz/7314901472/sizes/m/in/photos
                                                                            tream/ el 17 de marzo de 2013




     Imagen tomada de
     http://www.flickr.com/photos/catapiz/7348901032/sizes/m/in/photostre
     am el 17 de marzo de 2013




                                                                                     Imagen tomada de http://www.flickr.com/photos/catapiz/7165009153/sizes/m/in/photostr eam// el 17 de
                                                                                     marzo de 2013
MAPA CONCEPTUAL
MAPA MENTAL
ADOBE PHOTOSHOP (PS)
Es el nombre o marca comercial oficial que recibe uno de los programas más
populares de la casa Adobe Sistem y que se trata esencialmente de una
aplicación informática en forma de taller de pintura y fotografía que trabaja sobre
un "lienzo" y que está destinado para la edición, retoque fotográfico y pintura a
base de imágenes de mapa de bits. Su nombre en español significa literalmente
"taller de fotos". Su capacidad de retoque y modificación de fotografías le ha
dado el titulo de ser el programa de edición de imágenes más famoso del mundo.




 Imagen tomada de
 http://ext4.files.wordpress.com/2010/11/logo-photoshop.jpg el
 17 de marzo de 2013
                                                                 Imagen tomada de http://i972.photobucket.com/albums/ae208/eldoctornorton/photocs.jpg el 17 de marzo
                                                                 de 2013
ADOBE PHOTOSHOP (PS)
Photoshop se ha convertido, casi desde sus comienzos, en el estándar mundial en retoque
fotográfico pero también se usa extensivamente en multitud de disciplinas del campo del diseño
y fotografía, como diseño web, composición de imágenes en mapa de bits, foto diseño, edición
y grafismos de video y básicamente en cualquier actividad que requiera el tratamiento de
imágenes digitales.                                                                                                                                Clic en el
Photoshop ha dejado de ser una herramienta únicamente usada por diseñadores, para                                                                logo para ver
convertirse en una herramienta muy usada por fotógrafos profesionales de todo el mundo, que                                                      video tomado de
                                                                                                                                                 http://www.youtube
lo usan para realizar el proceso de retoque y edición digital, no teniendo que pasar ya por un                                                   .com/watch?v=85yI
laboratorio más que para la impresión del material.                                                                                                    UAeHW-I




 imagen tomada de http://www.flickr.com/photos/catapiz/4303414937
/sizes/m/in/set-72157604275499805/ el 17 de marzo de 2013




                                                                    imagen tomada de http://www.flickr.com/photos/catapiz/4304226897/sizes/m/in/set-72157604275499805/ el
                                                                    17 de marzo de 2013
ADOBE PHOTOSHOP (PS)
CIBERGRAFíA
                            Nombre del archivo                                                                                  Dirección web


                                                                       Sitio: http://www.flickr.com/photos/catapiz/7314901472/sizes/m/in/photostream/
 mastamaños.jpg


                                                                       Sitio: http://www.flickr.com/photos/catapiz/7348901032/sizes/m/in/photostream/
 IlustraciónVectorial / Adobe illustrator S6/ ConceptCar/Ford.jpg



 IlustraciónDigital/Illustrator+Photoshop/AutoConcepto/1erAvance.jpg   Sitio: http://www.flickr.com/photos/catapiz/7165009153/sizes/m/in/photostream//


                                                                       Sitio:
 PASO1:ilustraciónDigital/SketchPhotoshopCS4/ NiñaPeruchi.jpg
                                                                       http://www.flickr.com/photos/catapiz/4303414937/sizes/m/in/set-72157604275499805/



 PASO2:ilustraciónDigital/DigitalPaintPhotoshopCS4/NiñaPeruchi.jpg     Sitio: http://www.flickr.com/photos/catapiz/4304633620/sizes/m/in/set-72157604275499805/



 Photoshop Icon.jpg                                                    Sitio:
                                                                       http://www.flickr.com/photos/youngdesign/4448924456



 Referencia de sitio web visitado                                       http://www.adobe.com/es/products/photoshop.html




 Referencia de sitio web visitado                                        http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial




 Referencia de sitio web visitado
                                                                       http://es.wikipedia.org/wiki/Adobe_Systems_Incorporated




 Referencia de sitio web visitado
                                                                        http://es.kioskea.net/contents/video/vector.php3

Weitere ähnliche Inhalte

Ähnlich wie herramientas tecnologicas

Ejemplo de Dreamweaver
Ejemplo de DreamweaverEjemplo de Dreamweaver
Ejemplo de Dreamweaver
Isa Brito
 
Seminario moodleaplicaciones
Seminario moodleaplicacionesSeminario moodleaplicaciones
Seminario moodleaplicaciones
unigolfo
 

Ähnlich wie herramientas tecnologicas (20)

Herramientas web 2.0
Herramientas web 2.0Herramientas web 2.0
Herramientas web 2.0
 
Presentacion Tesis
Presentacion TesisPresentacion Tesis
Presentacion Tesis
 
Photoshop y el retoque digital
Photoshop  y el retoque digitalPhotoshop  y el retoque digital
Photoshop y el retoque digital
 
Adobe Photoshop y las Áreas y Beneficios de su Uso
Adobe Photoshop y las Áreas y Beneficios de su UsoAdobe Photoshop y las Áreas y Beneficios de su Uso
Adobe Photoshop y las Áreas y Beneficios de su Uso
 
Portafolio carranza
Portafolio carranza Portafolio carranza
Portafolio carranza
 
Generando evidencias liz
Generando evidencias  lizGenerando evidencias  liz
Generando evidencias liz
 
Ejemplo de Dreamweaver
Ejemplo de DreamweaverEjemplo de Dreamweaver
Ejemplo de Dreamweaver
 
Aviary
AviaryAviary
Aviary
 
Tic´s en Geografía e Historia
Tic´s en Geografía e HistoriaTic´s en Geografía e Historia
Tic´s en Geografía e Historia
 
Generando evidencias liz
Generando evidencias  lizGenerando evidencias  liz
Generando evidencias liz
 
Herramientas digitales para las tic
Herramientas digitales para las ticHerramientas digitales para las tic
Herramientas digitales para las tic
 
Aplicaciones o herramientas para integrar a Moodle
Aplicaciones o herramientas para integrar a Moodle Aplicaciones o herramientas para integrar a Moodle
Aplicaciones o herramientas para integrar a Moodle
 
Mi presentación de informática
Mi presentación de informática Mi presentación de informática
Mi presentación de informática
 
Seminario moodleaplicaciones
Seminario moodleaplicacionesSeminario moodleaplicaciones
Seminario moodleaplicaciones
 
Cs8 grupal
Cs8 grupalCs8 grupal
Cs8 grupal
 
Herramientas tic maria
Herramientas tic   mariaHerramientas tic   maria
Herramientas tic maria
 
Herramientas para compartir recursos
Herramientas para compartir recursosHerramientas para compartir recursos
Herramientas para compartir recursos
 
Curso sobre Herramientas aplicadas a la enseñanza de las Ciencias. Primer día.
Curso sobre Herramientas aplicadas a la enseñanza de las Ciencias. Primer día.Curso sobre Herramientas aplicadas a la enseñanza de las Ciencias. Primer día.
Curso sobre Herramientas aplicadas a la enseñanza de las Ciencias. Primer día.
 
Herramientas y recursos de la web 2.0
Herramientas y recursos de la web 2.0Herramientas y recursos de la web 2.0
Herramientas y recursos de la web 2.0
 
Adobe photoshop práctica
Adobe photoshop prácticaAdobe photoshop práctica
Adobe photoshop práctica
 

Kürzlich hochgeladen

6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria
Wilian24
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 

Kürzlich hochgeladen (20)

Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
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
 
Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024Prueba libre de Geografía para obtención título Bachillerato - 2024
Prueba libre de Geografía para obtención título Bachillerato - 2024
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
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!
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de primaria6°_GRADO_-_MAYO_06 para sexto grado de primaria
6°_GRADO_-_MAYO_06 para sexto grado de 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
 
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
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
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
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
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...
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 

herramientas tecnologicas

  • 1. HERRAMIENTAS TECNOLÓGICAS Comunicación y Lenguajes Audiovisuales Universidad de Medellín Introducción a Adobe Illustrator y Adobe Photoshop Carlos Mario Rendón Vanegas Docente
  • 2. CONTEXTUALIZACIÓN OBJETO DE ESTUDIO Herramientas Tecnológicas PROBLEMA Como lograr que los estudiantes dominen y comprendan las herramientas vectoriales, de retoque y manipulación de la imagen ante los planteamientos de comunicación que nos presenta nuestra sociedad OBJETIVO Al finalizar la asignatura, el alumno estará en capacidad de aplicar con creatividad y ética las funciones y procedimientos que nos ofrece las herramientas tecnológicas para alcanzar la capacidad y flexibilidad necesaria para realizar desde pequeños diseños hasta grandes proyectos en el ámbito de producción en los medios audiovisuales CONCEPTOS Imágenes rasterizadas, vectores, trazados, transformación , efectos ,selección, capas, retoque, máscaras, colores, degradados, mallas, patrones, estilos, distorsión, creación de texto, pinceles, filtros, automatización, almacenamiento. MÉTODO Deductivo.
  • 3. ADOBE ILLUSTRATOR (AI) Es el nombre o marca comercial oficial que recibe uno de los programas más populares de la casa Adobe al lado de su programa “hermano” Adobe Photoshop y que se trata esencialmente de una aplicación de creación y manipulación vectorial en forma de taller de arte que trabaja sobre un tablero de dibujo, conocido como "mesa de trabajo" donde se tiene acceso a diverso grupo de herramientas cuya finalidad es ayudar a la creación artística de dibujos y pinturas para Ilustración digital orientada a la comunicación visual y el diseño gráfico. Imagen tomada de http://www.flickr.com/photos/youngdesign/44481500 67/, el 17 de Marzo de 2013 Imagen tomada de http://www.flickr.com/photos/duststorm/224911733/sizes/m/in/photostream/, el 17 de marzo de 2013
  • 4. ADOBE ILLUSTRATOR (AI) Adobe Illustrator ha ayudado a definir de cierta manera el lenguaje gráfico contemporáneo mediante el dibujo vectorial pues contiene múltiples posibilidades creativas, fácil acceso a las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos Clic en el logo para usos se pueden aplicar en impresión, vídeo, publicación en la Web y dispositivos móviles, ver video tomado de entre otros. http://www.youtube.com/ watch?v=aVfZ0Bjo8X0 imagen tomada de http://www.flickr.com/photos/cat apiz/7314901472/sizes/m/in/photos tream/ el 17 de marzo de 2013 Imagen tomada de http://www.flickr.com/photos/catapiz/7348901032/sizes/m/in/photostre am el 17 de marzo de 2013 Imagen tomada de http://www.flickr.com/photos/catapiz/7165009153/sizes/m/in/photostr eam// el 17 de marzo de 2013
  • 7. ADOBE PHOTOSHOP (PS) Es el nombre o marca comercial oficial que recibe uno de los programas más populares de la casa Adobe Sistem y que se trata esencialmente de una aplicación informática en forma de taller de pintura y fotografía que trabaja sobre un "lienzo" y que está destinado para la edición, retoque fotográfico y pintura a base de imágenes de mapa de bits. Su nombre en español significa literalmente "taller de fotos". Su capacidad de retoque y modificación de fotografías le ha dado el titulo de ser el programa de edición de imágenes más famoso del mundo. Imagen tomada de http://ext4.files.wordpress.com/2010/11/logo-photoshop.jpg el 17 de marzo de 2013 Imagen tomada de http://i972.photobucket.com/albums/ae208/eldoctornorton/photocs.jpg el 17 de marzo de 2013
  • 8. ADOBE PHOTOSHOP (PS) Photoshop se ha convertido, casi desde sus comienzos, en el estándar mundial en retoque fotográfico pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía, como diseño web, composición de imágenes en mapa de bits, foto diseño, edición y grafismos de video y básicamente en cualquier actividad que requiera el tratamiento de imágenes digitales. Clic en el Photoshop ha dejado de ser una herramienta únicamente usada por diseñadores, para logo para ver convertirse en una herramienta muy usada por fotógrafos profesionales de todo el mundo, que video tomado de http://www.youtube lo usan para realizar el proceso de retoque y edición digital, no teniendo que pasar ya por un .com/watch?v=85yI laboratorio más que para la impresión del material. UAeHW-I imagen tomada de http://www.flickr.com/photos/catapiz/4303414937 /sizes/m/in/set-72157604275499805/ el 17 de marzo de 2013 imagen tomada de http://www.flickr.com/photos/catapiz/4304226897/sizes/m/in/set-72157604275499805/ el 17 de marzo de 2013
  • 10. CIBERGRAFíA Nombre del archivo Dirección web Sitio: http://www.flickr.com/photos/catapiz/7314901472/sizes/m/in/photostream/ mastamaños.jpg Sitio: http://www.flickr.com/photos/catapiz/7348901032/sizes/m/in/photostream/ IlustraciónVectorial / Adobe illustrator S6/ ConceptCar/Ford.jpg IlustraciónDigital/Illustrator+Photoshop/AutoConcepto/1erAvance.jpg Sitio: http://www.flickr.com/photos/catapiz/7165009153/sizes/m/in/photostream// Sitio: PASO1:ilustraciónDigital/SketchPhotoshopCS4/ NiñaPeruchi.jpg http://www.flickr.com/photos/catapiz/4303414937/sizes/m/in/set-72157604275499805/ PASO2:ilustraciónDigital/DigitalPaintPhotoshopCS4/NiñaPeruchi.jpg Sitio: http://www.flickr.com/photos/catapiz/4304633620/sizes/m/in/set-72157604275499805/ Photoshop Icon.jpg Sitio: http://www.flickr.com/photos/youngdesign/4448924456 Referencia de sitio web visitado http://www.adobe.com/es/products/photoshop.html Referencia de sitio web visitado http://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial Referencia de sitio web visitado http://es.wikipedia.org/wiki/Adobe_Systems_Incorporated Referencia de sitio web visitado http://es.kioskea.net/contents/video/vector.php3