Curso Plan Photoshop Cobach
Curso Plan Photoshop Cobach
Curso Plan Photoshop Cobach
5
Q U IT NO S EM EST RE
Director General
Mtro. Víctor Mario Gamiño Casillas
Director Académico
Mtro. Martín Antonio Yépiz Robles
Director de Planeación
Mtro. Víctor Manuel Flores Valenzuela
DIRECCIÓN ACADÉMICA
Departamento de Innovación y Desarrollo de la Práctica Docente.
Blvd. Agustín de Vildósola, Sector Sur.
Hermosillo, Sonora, México. C.P. 83280
COMISIÓN ELABORADORA
Elaboración:
Alejandro Arvizu Miranda
Corrección de Estilo:
Marina Beatriz Ávila Rivera
Diseño y edición:
María Jesús Jiménez Duarte
Diseño de portada:
María Jesús Jiménez Duarte
Jesús Ramón Franco Hernández
Foto de portada:
Ari Antonio Ocampo Hernández
Coordinación técnica:
Rubisela Morales Gispert
Supervisión académica:
Vanesa Guadalupe Angulo Benítez
Coordinación general:
Laura Isabel Quiroz Colossio
Nombre:
Plantel:
Grupo: Turno: Teléfono:
E-mail:
Domicilio:
3
PRELIMINARES
El Colegio de Bachilleres del Estado de Sonora (COBACH), desde la implementación de la Reforma Integral de
la Educación Media Superior en 2007, de forma socialmente responsable, dio inicio a la adecuación de su Plan
de estudios y a sus procesos de enseñanza aprendizaje y de evaluación para reforzar su modelo de Educación
Basada en Competencias, y así lograr que pudieran sus jóvenes estudiantes desarrollar tanto las competencias
genéricas como las disciplinares, en el marco del Sistema Nacional del Bachillerato.
Este modelo por competencias considera que, además de contar con conocimientos, es importante el uso que
se hace de ellos en situaciones específicas de la vida personal, social y profesional. Dicho de otra forma, el ser
competente se demuestra cuando, de forma voluntaria, se aplican dichos conocimientos a la resolución de
situaciones personales o a la adquisición de nuevos conocimientos, habilidades y destrezas, lo que hace que se
refuerce la adquisición de nuevas competencias.
En ese sentido el COBACH, a través de sus docentes, reestructura la forma de sus contenidos curriculares y lo
plasma en sus módulos de aprendizaje, para facilitar el desarrollo de competencias. En el caso del componente
de Formación para el Trabajo, además de las competencias genéricas, fortalece el sentido de apreciación hacia
procesos productivos, porque aunque el bachillerato que te encuentras cursando es general y te prepara para
ir a la universidad, es importante el que aprendas un oficio y poseas una actitud positiva para desempeñarlo.
De tal forma que, este módulo de aprendizaje de la Capacitación para el trabajo de Informática, es una
herramienta valiosa porque con su contenido y estructura propiciará tu desarrollo como persona visionaria,
competente e innovadora, características que se establecen en los objetivos de la Reforma Integral de Educación
Media Superior.
El módulo de aprendizaje es uno de los apoyos didácticos que el COBACH te ofrece con la finalidad de garantizar
la adecuada transmisión de saberes actualizados, acorde a las nuevas políticas educativas, además de lo que
demandan los escenarios local, nacional e internacional. En cuanto a su estructura, el módulo se encuentra
organizado en bloques de aprendizaje y secuencias didácticas. Una secuencia didáctica es un conjunto de
actividades, organizadas en tres momentos: inicio, desarrollo y cierre.
En el inicio desarrollarás actividades que te permitirán identificar y recuperar las experiencias, los saberes, las
preconcepciones y los conocimientos que ya has adquirido a través de tu formación, mismos que te ayudarán
a abordar con facilidad el tema que se presenta en el desarrollo, donde realizarás actividades que introducen
nuevos conocimientos dándote la oportunidad de contextualizarlos en situaciones de la vida cotidiana, con
la finalidad de que tu aprendizaje sea significativo. Posteriormente se encuentra el momento de cierre de la
secuencia didáctica, donde integrarás todos los saberes que realizaste en las actividades de inicio y desarrollo.
En todas las actividades de los tres momentos se consideran los saberes conceptuales, procedimentales y
actitudinales. De acuerdo a las características y del propósito de las actividades, éstas se desarrollan de forma
individual, grupal o equipos.
Para el desarrollo de tus actividades de la capacitación para el trabajo deberás utilizar diversos recursos, desde
material bibliográfico, videos, investigación de campo, etcétera; así como realizar actividades prácticas de
forma individual o en equipo.
La retroalimentación de tus conocimientos es de suma importancia, de ahí que se te invita a participar de
forma activa cuando el docente lo indique, de esta forma aclararás dudas o bien fortalecerás lo aprendido;
además en este momento, el docente podrá tener una visión general del logro de los aprendizajes del grupo.
Recuerda que la evaluación en el enfoque en competencias es un proceso continuo, que permite recabar
evidencias a través de tu trabajo, donde se tomarán en cuenta los tres saberes: conceptual, procedimental y
actitudinal, con el propósito de que apoyado por tu maestro mejores el aprendizaje. Es necesario que realices
la autoevaluación, este ejercicio permite que valores tu actuación y reconozcas tus posibilidades, limitaciones
y cambios necesarios para mejorar tu aprendizaje.
Así también, es recomendable la coevaluación, proceso donde de manera conjunta valoran su actuación, con
la finalidad de fomentar la participación, reflexión y crítica ante situaciones de sus aprendizajes, promoviendo
las actitudes de responsabilidad e integración del grupo.
Finalmente, se destaca que, en este modelo, tu principal contribución es que adoptes un rol activo y
participativo para la construcción de tu propio conocimiento y el desarrollo de tus competencias, a través de
lo que podrás dar la respuesta y la contextualización adecuadas para resolver los problemas del entorno a los
que te enfrentes, ya sean personales o profesionales.
El glosario icónico es la relación de figuras que encontrarás en diversas partes de tu módulo. Enseguida, se
muestran junto con su definición, lo que te orientará sobre las actividades que deberás realizar durante el
semestre en cada una de tus asignaturas.
ACTIVIDAD INTEGRADORA
RÚBRICA DE EVALUACIÓN
Esta actividad resume los conocimientos adquiridos
durante un proceso, ya sea una secuencia didáctica, un La rúbrica es una tabla que contiene niveles de logro
bloque o lo visto en un semestre completo. Es la suma o desempeño especificados en estándares mínimos
teórica y práctica de tus conocimientos y es útil para y máximos de la calidad que deben tener los diversos
fortalecer tu aprendizaje. elementos que componen un trabajo. Sirve como guía
para saber qué debe contener un trabajo y cómo debe
Individual ser realizado.
ACTIVIDAD 1 Equipo Grupal
SD1-B1
Con este gráfico identificarás la Actividad dentro del texto, PORTAFOLIO DE EVIDENCIAS
incluyendo la indicación y especificando si debe realizarse
de manera individual, en equipo o grupal. Durante el semestre, tu profesor te irá indicando qué
evidencias (trabajos y ejercicios) debes ir resguardando
para integrarlos en un portafolio, mismos que le
EVALUACIÓN DE ACTIVIDADES entregarás cuando te lo indique, a través del cual te
evaluará.
En este apartado encontrarás el espacio para calificar
tu desempeño, que será por parte de tu profesor, tus
compañeros (coevaluación) o tú mismo (autoevaluación).
FUENTES DE INFORMACIÓN
AUTOEVALUACIÓN Es el listado de referencias que utilizaron los profesores
que elaboraron el módulo de aprendizaje, contiene la
bibliografía, las páginas de internet de las cuales se tomó
En este espacio realizarás una evaluación de tu propio información, los vídeos y otras fuentes que nutrieron los
trabajo, misma que deberá ser honesta para que puedas contenidos. Te permite también ampliar la información
identificar los conocimientos que has adquirido y las que te proporcione tu profesor o la del módulo mismo.
habilidades que has desarrollado, así como las áreas que
necesitas reforzar.
GLOSARIO
REACTIVOS DE CIERRE
Es la relación de palabras nuevas o de las cuales pudieras
Son reactivos que aparecen al final de un bloque, al desconocer su significado. Es útil para conocer nuevos
realizarlos reforzarás los conocimientos adquiridos conceptos, ampliar tu vocabulario y comprender mejor
durante el bloque y desarrollarás tus habilidades. las lecturas.
7
PRELIMINARES
Presentación del libro..................................................................................................................................... 4
Glosario Icónico.............................................................................................................................................. 7
Descripción de la capacitación ..................................................................................................................... 11
Competencias profesionales........................................................................................................................ 13
Mapa de contenido...................................................................................................................................... 14
Introducción al Photoshop................................................................................ 15
Activar la regla........................................................................................................................23
Aplicar guías...........................................................................................................................24
Implementar la vista de cuadricula........................................................................................24
Secuencia Didáctica 6: Reconocer las operaciones básicas.........................................................25
Crear un documento..............................................................................................................25
Abrir un documento...............................................................................................................26
Guardar un documento...........................................................................................................26
Secuencia Didáctica 7: Identificar las herramientas de trabajo de Photoshop para editar
imágenes..................................................................................................................................27
Utilizar las herramientas de pintura.......................................................................................27
Rellenar de color.....................................................................................................................27
Opción de bote de pintura.....................................................................................................27
Pintar con un motivo..............................................................................................................28
Definir un motivo personalizado............................................................................................28
Aplicar la herramienta de lazo...............................................................................................28
Herramienta de lazo poligonal...............................................................................................29
Herramienta de lazo magnético.............................................................................................29
BLOQUE 2
8
PRELIMINARES
BLOQUE 2 cont.
Conocer las opciones de la herramienta de texto..................................................................45
Aplicar Modo Suavizado.........................................................................................................46
Conmutar paletas de carácter y párrafo.................................................................................46
Utilizar texto vertical..............................................................................................................46
Aplicar efectos sobre el texto.................................................................................................47
Interpretar la opción de Sectores en Photoshop....................................................................47
Secuencia Didáctica 6: Manipular capas de Photoshop....................................................50
Conocer el concepto de capa en Photoshop..........................................................................50
Identificar las acciones más comunes sobre Capas................................................................50
Utilizar estilos de capas...........................................................................................................51
Utilizar Máscara de capas.......................................................................................................53
BLOQUE 3
De saturación en una fotografía.......................................................................................................66
De luminosidad.................................................................................................................................67
El brillo de la imagen.........................................................................................................................68
El contraste de la imagen..................................................................................................................68
Secuencia Didáctica 2: Editar y recortar imágenes.....................................................................68
Acceder al cambio de Equilibrio de Color en una imagen................................................................68
Practicar oscurecer y aclarar una fotografía con niveles de color.....................................................69
Utilizar la opción de Niveles Automáticos de Photoshop.................................................................69
Aplicar las opciones Rotar lienzo, recortar y mover una imagen.....................................................70
Utilizar las herramientas de recortar y redimensionar a una imagen..............................................70
Aplicar Variaciones para reparar el Tono.........................................................................................71
Implementar Ajustes a las Curvas, Brillo y contraste de una fotografía...........................................72
Implementar ajustes en el tamaño y resolución de una imagen para imprimir...............................72
Modificar el tamaño del lienzo.........................................................................................................73
Concretar una imagen digital............................................................................................................74
9
PRELIMINARES
10
PRELIMINARES
“Una competencia es la integración de habilidades, conocimientos y actitudes en un contexto específico”.
Para dar continuidad a los trabajos propuestos por la Dirección General de Bachillerato (DGB), en los
programas de formación para el trabajo de la Capacitación de Informática y con el propósito de responder
a las necesidades de información que requieres como estudiante, el presente módulo de aprendizaje tiene
como objetivo acercarte, en un solo documento, tanto a contenidos y elementos teóricos como a ejercicios
y proyectos prácticos para dotarte de los conocimientos y competencias que hoy en día se requieren en el
sector productivo y de servicios, y de esta manera, integrarte al mercado laboral conforme a las exigencias
de la globalización, o bien, continuar con su formación profesional en una institución de educación superior.
En este contexto, tu módulo de aprendizaje fue rediseñado por docentes del Colegio de Bachilleres del Estado
de Sonora, para lograr elaborar un documento que articulara los contenidos propuestos por la DGB para
el componente de formación para el trabajo con las Normas Técnicas de Competencia Laboral (NTCL), del
Consejo de Normalización y Certificación de Competencia Laboral (CONOCER), dando como resultado este
material acorde con las tendencias de las competencias laborales que demanda el empleo en Sonora y el país.
En cuanto a su estructura, el módulo de aprendizaje aporta los elementos necesarios para adquirir los
conocimientos y desarrollar las habilidades, actitudes y valores en ti que, en conjunto, te hagan ser competente
en un determinado oficio que los sectores productivo o de servicios demanden, y que se determinen con base
en estándares nacionales e internacionales de calidad; te provee de herramientas para lograr que adquieras
los conocimientos necesarios y nuevos; te apoya en tu crecimiento y desarrollo. Por otra parte, es también un
instrumento de gran utilidad para los docentes que imparten la capacitación de Informática, pues estandariza
los contenidos en todos los planteles del Colegio.
En resumen, los módulos de la capacitación para el trabajo de Informática, están diseñados para formarte en
un proceso de mejora continua de calidad educativa, y de los elementos necesarios para que te dediques y
desempeñes de forma óptima a un oficio o, si así lo decides, continúes una profesión.
11
PRELIMINARES
12
PRELIMINARES
COMPETENCIAS PROFESIONALES DE EGRESO
Durante el proceso de formación de los dos módulos, el estudiante desarrollará las siguientes competencias
profesionales, correspondientes a la capacitación en Informática:
13
PRELIMINARES
I N F O R MÁ T I C A
SUBMÓDULO I
UTILIZA SOFTWARE DE
DISEÑO PARA LA EDICIÓN
DE IMÁGENES
14
PRELIMINARES
BLOQUE 1
Introducción al Photoshop
EVALUACIÓN DIAGNÓSTICA
ACTIVIDAD 1
SD1-B1
En el portafolio de evidencias de este apartado encontrarás las indicaciones para realizar esta actividad.
Estrategia Didáctica
El software Adobe PhotoShop es un programa muy sencillo e intuitivo, que puede ser utilizado en muchos niveles
y en casos prácticos, como la realización de efectos de texto, banners, fondos para páginas Web, acciones por
lotes para procesamiento de múltiples archivos al mismo tiempo, retoques diversos, etc.
En el área de diseño gráfico es utilizado para el retoque y tratamiento de imágenes. Es empleado tanto por
profesionales como cualquier usuario que desee retocar alguna de sus fotos caseras. De hecho es considerado por
muchos el mejor programa de retoque fotográfico que existe.
16
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
ACTIVIDAD 2
SD1-B1
Para ver todas las herramientas que hay agrupadas bajo un icono hacer clic sobre el que se
desee y mantener pulsado el botón del ratón aproximadamente un segundo. Posteriormente
se desplegará un menú con todas las herramientas que hay agrupadas debajo de ese icono,
simbolizadas a su vez por otros iconos.
Todas las herramientas tienen opciones configurables para poder ponerlas a la medida que se
requiera. Se puede acceder a ella haciendo doble clic sobre la herramienta, las cuales sirven
para realizar las acciones más fundamentales en el trabajo con el programa y familiarizarse
con la interfaz.
17
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
Marco rectangular:
Herramienta que sirve para realizar selecciones cuadradas o rectangulares.
Lazo:
Sirve para hacer selecciones a mano alzada, haciendo clic en un área de la imagen y pintando la
selección a mano.
Herramienta mover:
Sirve para mover el contenido de la capa en la que se está trabajando. La capa se mueve por
completo o bien sólo el área seleccionada, si es que había una selección creada.
Varita Mágica:
Sirve para hacer selecciones rápidas de áreas del mismo color. Pulsando en un lugar de la imagen
nos selecciona toda el área que tiene el mismo color continuo.
Pincel:
Sirve para dibujar a mano alzada sobre la imagen. Se dispone de varios pinceles, de grosor y
formas distintas y se puede ajustar la dureza del trazo. El pincel pinta en la capa que esté activa
en ese momento.
Herramienta recortar:
Es un tipo de selección cuadrada editable una vez que se ha definido, sirve para recortar una
imagen, quedando sólo con el área seleccionada.
Lápiz:
Es similar al pincel, con la diferencia que éste realiza un trazo sin suavizado en los bordes y
totalmente opaco.
Herramienta degradado:
Con esta herramienta se pueden hacer degradados de color, funciona como el bote de pintura,
rellenando color en toda una capa o en el área seleccionada de una capa, con la diferencia que
para hacer el degradado tenemos que hacer una línea, pulsando con el ratón y arrastrando, para
que el degradado se haga en ese espacio marcado.
Herramienta bote de pintura:
Esta herramienta sirve para rellenar de color una capa entera, o bien el área seleccionada de
la capa. Rellena con el color que se haya seleccionado en la barra de herramientas como color
frontal.
18
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Herramienta borrador:
Sirve para borrar partes de una imagen. Ojo, puesto que como muchas otras herramientas, sólo
actúa sobre la capa que está seleccionada. Es decir, sólo borra las cosas que haya en la capa que
estamos trabajando. Por eso a veces podrá ocurrir que intentas borrar algo y no se borra, quizás
porque esté en otra capa. Tiene dos modos de borrar, uno el modo lápiz, que borra todo sin
suavizado y el modo pincel, que borra difuminando los bordes. Además, igual que los pinceles y
el lápiz, existen varios grosores para el trazo del borrador.
Herramienta cuentagotas:
Con el cuentagotas podemos seleccionar colores, de cualquier parte de la imagen, para colocarlos
como color frontal.
Rectángulo:
Sirve para hacer rectángulos, que pueden estar o no rellenos de color. En el lugar donde está el
rectángulo hay otra serie de herramientas para hacer otros tipos de formas, como elipses, líneas
o incluso formas personalizadas.
Herramienta pluma:
Esta herramienta es muy útil, pero un tanto compleja de manejar. Sirve para hacer trazados de
cualquier tipo, curvos o poligonales. Lo bueno es que nos permite editar los trazados una vez
hechos y que pueden ajustarse a cualquier recorrido que necesitemos, por complejo que sea. Junto
con la herramienta de Pluma tendrás que aprender a usar otras herramientas complementarias que
forman parte del mismo grupo.
Herramienta zoom:
El zoom nos sirve para ampliar la imagen o reducirla, pero sin alterar la imagen. Simplemente se
hace zoom para que se vea más grande y podamos hacer retoques con más precisión, o se aleja el
zoom para hacer la imagen menor y así poder verla toda en nuestra pantalla.
Herramienta mano:
Esta herramienta nos sirve para mover el lienzo. No mueve ni modifica ninguna parte de la
imagen, sino que traslada el área que estamos viendo de la imagen, si es que el lienzo entero
no cabe en la ventana que tenemos abierta, ya sea porque la imagen sea muy grande o porque
hayamos hecho zoom.
Lazo poligonal:
Sirve para hacer selecciones más complejas, marcando los vértices de un polígono. También es
muy útil y sencilla de manejar en tus primeros pasos.
Marco elíptico:
Herramienta para crear selecciones circulares o elípticas. Está en el mismo grupo que el marco
rectangular.
Forma personalizada:
Esta herramienta nos permite dibujar un buen grupo de formas ya prediseñadas, como flores,
estrellas, señales, globos, etc.
Línea:
Está agrupada con la herramienta recuadro y otras formas. Sirve para dibujar líneas. A las líneas
se les puede colocar una flecha, configurable, al principio y/o al final de las mismas.
19
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
ACTIVIDAD 3
SD3-B1
Las ventanas de paneles se encuentran en el menú ventanas del programa Photoshop, las cuales se habilitan o
deshabilitan de acuerdo a la necesidad del usuario.
Al habilitar una ventana haciendo clic en la que se desee, esta aparece en la parte
derecha de la pantalla.
20
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Cada ventana tiene su función y las que se utilizan con mayor frecuencia son las siguientes:
Ventana de Navegador.
Sirve para variar el zoom de la imagen. Se puede variar de forma numérica,
introduciendo los valores o desplazando el regulador a derecha o izquierda.
Ventana de colores.
Esta ventana aparece de forma predeterminada al lado
derecho de la pantalla inicial de Adobe Photoshop, la
cual se compone de los siguientes conceptos:
21
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
Ventana de historia.
Sirve para deshacer o rehacer las distintas modificaciones que se le hayan
hecho a la imagen. Cada cambio realizado se verá reflejado en la paleta
como un estado. Cuando se pasa de los 20 estados permitidos, se van
borrando automáticamente los más antiguos. Para moverse de un estado a
otro basta con hacer clic en el estado que se quiera recuperar.
Ventana de capas.
En ella se puede gestionar todo lo referente al manejo y opciones de las capas. Los
comandos del menú desplegable (?) se encuentran explicados en el menú Capas.
Trazos. Contiene una representación en Canales. Muestra los canales de color, con
miniatura de todos los trazados que se el canal compuesto en primer lugar, y a
van dibujando. continuación los canales alfa. En el lado
izquierdo de cada canal se muestra una
miniatura de la imagen, que irá cambiando
su aspecto según se edite un canal u otro.
22
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
ACTIVIDAD 4
SD4-B1
Activar la regla.
Para activar las reglas es necesario hacer clic en el menú Vista y seleccionar
la opción Reglas.
Las reglas son herramientas muy útiles, que permiten ver exactamente la
situación de todos los elementos que componen la imagen.
23
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
Aplicar guías.
Las guías son líneas rectas horizontales o verticales
a las que se puede ajustar el contenido. Su función
principal es atraer hacia ellas los elementos que se
dibujen cerca, como si fueran un imán. Con ellas, se
alinean figuras situándolas a la misma altura. Para
obtener las guías, se deberán arrastrarse desde las
reglas. Haciendo clic sobre la regla que aparece en la
imagen, y sin soltar el botón, arrastrar hasta el lugar
de la imagen en el que se desee depositar la guía.
Para quitar una guía, hacer clic sobre la misma y sin
soltar el botón arrástrala de nuevo hasta la regla.
24
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
ACTIVIDAD 5
SD5-B1
Crear un documento.
Modo de color: Determinar el aspecto de lienzo Contenido de fondo: Elegir el color de fondo con
de trabajo. el que aparecerá el documento.
25
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
Abrir un documento.
Para abrir un documento hacer clic en el menú Archivo y elegir la opción Abrir o bien hacerlo
con la combinación de teclas Ctrl + O y aparecerá una ventana con los archivos existentes para con
extensiones de imagen como: .gif, .jpg, .tif, etc…
Guardar un documento.
Las dos opciones más comunes para guardar un documento en Adobe Photoshop son:
Menú Archivo y la opción Guardar. Menú Archivo y la opción Guardar Como: Para
Para guardar un documento modificado sin nombrar o renombrar un documento y dar un
conservar el original. determinado formato de imagen: JPG, GIF, BMP, etc.
y poder conservar el archivo original.
26
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Nota:
Secuencia didáctica 7
IDENTIFICAR LAS HERRAMIENTAS DE TRABAJO DE PHOTOSHOP
Inicio PARA EDITAR IMÁGENES
Rellenar de color.
El uso normal de la herramienta bote de pintura es rellenar de color. Para accionarla
simplemente hacer clic en cualquier parte de la imagen y rellena de color un área de la
imagen, que dependerá de la capa donde se esté trabajando y el contenido que tenga.
Al usar el bote de pintura se debe tener en cuenta la capa donde se está trabajando, pues
la herramienta rellena el color sobre la capa que esté seleccionada. El bote de pintura
rellena de color toda el área de la imagen que esté sin delimitar. Por ejemplo, al tener el
dibujo de un rectángulo (que delimita un área por 4 líneas rectas), y se pinta dentro de
esa área, la pintura se expandirá por todo el espacio del rectángulo. Las áreas externas
del rectángulo no se pintarán, porque la pintura no podrá pasar los límites marcados por
el polígono.
27
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
Frontal: Esta opción sirve para seleccionar entre pintar con el color frontal o pintar con
un motivo. Por defecto pinta con el color frontal.
Modo: Esto permite varios modos de rellenar color, y es útil para realizar algún efecto
puntual.
Opacidad: Con esta opción se puede pintar del color seleccionado, pero creando una
transparencia. En principio es 100% opaco, con lo que el color de la pintura no tiene
transparencia. Pero si se baja la opacidad se apreciará que el color que se pintó pierde un
poco de fuerza en el tono y si se tiene una capa debajo con algún dibujo, se comprueba
que se puede entrever, porque la pintura que se está utilizando tiene transparencia.
Tolerancia: Este valor sirve para que la herramienta tolere más o menos los límites que
tenga la capa donde se esté pintando. A menor tolerancia, los límites donde se pinté se
restringirán a áreas donde hay el mismo color. Este valor de tolerancia es similar a la
Varita Mágica.
Suavizar: Sirve para que los bordes del área a pintar tengan un suavizado y no se note
tanto el mapa de píxeles que es una imagen.
Contiguo: Esto sirve para que se rellenen de color sólo los píxeles contiguos.
Esta herramienta sirve para hacer una selección a mano alzada, con la
ayuda del movimiento del ratón, la cual se activa en la botonera identificada
como herramienta de lazo.
28
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Sirve para hacer selecciones trazadas por vértices, los cuales se van marcando después de seleccionar la herramienta
lazo poligonal dentro de la imagen en la que se esté trabajando.
Sirve para hacer selecciones sobre siluetas que se ajustan automáticamente a la imagen sobre la que se está
seleccionando. El lazo magnético hace que, a medida que se realiza la selección, se muestre una ruta posible para
el área seleccionada. Esta ruta propuesta tiene la particularidad de adaptarse a la forma de la imagen que hay
debajo del lugar donde se está haciendo la selección, por lo que sirve especialmente de ayuda a la hora de hacer
selecciones de siluetas de elementos en la imagen.
El lazo magnético es una ayuda que está bien para hacer selecciones de siluetas complejas, pero no siempre la
selección saldrá perfecta, porque a veces PhotoShop puede interpretar el fondo de imagen de manera incorrecta,
lo que puede derivar en que la selección no se adapte exactamente a la silueta deseada.
29
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
GLOSARIO
Banners. Es un formato publicitario en Internet. Esta forma de publicidad online consiste en incluir una pieza
publicitaria dentro de una página web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia
el sitio web del anunciante que paga por su inclusión.
Pixel. La parte más pequeña de la pantalla del monitor es un punto cuadrado o rectangular que recibe el nombre
de píxel. La palabra píxel surge de la combinación de dos palabras inglesas comunes, picture (imagen) y element
(elemento).
Capas. Las capas de Photoshop semejan hojas apiladas de acetato. Sirven para realizar diversas tareas, entre otras,
componer varias imágenes, añadir texto a una imagen o añadir formas de gráficos vectoriales.
30
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
ACTIVIDAD INTEGRADORA
EVALUACIÓN DIAGNÓSTICA
ACTIVIDAD 1
SD1-B1
31
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
Evaluación
Actividad: 1 Producto: Definición de conceptos Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce el concepto del programa Identifica herramientas de aplicación Muestra interés al resolver la
Adobe Photoshop. básicas del programa Adobe Photoshop. actividad
Autoevaluación C MC NC
Calificación otorgada por el docente
Coevaluación
ACTIVIDAD 2
SD1-B1
Al terminar indica la función de cada elemento de la interfaz de trabajo que escribiste en los espacios en blanco.
32
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
ACTIVIDAD 3
SD3-B1
De manera individual elabora un mapa conceptual donde menciones y describas las herramientas principales de
Adobe PhotoShop.
Utiliza el software que consideres más conveniente para elaborar el mapa conceptual, al terminarlo pégalo en este
espacio para su valoración.
33
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
ACTIVIDAD 4
SD4-B1
En equipos de tres elaborar una presentación .ppt sobre cómo se clasifican las ventanas en los paneles del Adobe
PhotoShop.
Guardar la presentación, la cual debe seguir al pie de la letra las instrucciones del profesor en un CD que se debe
entregar en tiempo y forma para su valoración.
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
34
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
ACTIVIDAD 5
SD5-B1
Al finalizar la actividad el profesor preguntará oralmente el ¿cómo? y ¿para qué? se aplican las herramientas
mencionadas anteriormente a una fotografía en Adobe PhotoShop.
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
35
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
ACTIVIDAD INTEGRADORA
En equipos de cinco elabora un video educativo donde menciones y describas en el programa Adobe Photoshop,
cada una de las siete secuencias didácticas del bloque 1.
Guarda el archivo con el nombre de Actividad integradora 1 y entrégala a tu profesor para su valoración.
36
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
REACTIVOS DE CIERRE
Sirve para hacer selecciones a mano alzada, haciendo clic en un área de la imagen y pintando la selección
a mano.
A) Herramienta Mover
B) Lazo
C) Marco Rectangular
D) Varita Mágica
Sirve para dibujar a mano alzada sobre la imagen. Se dispone de varios pinceles, de grosor y formas
distintas y se puede ajustar la dureza del trazo. El pincel pinta en la capa que esté activa en ese momento.
A) Herramienta degradado
B) Herramienta recortar:
C) Lápiz
D) Pincel
Es un tipo de selección cuadrada editable una vez que se ha definido, sirve para recortar una imagen,
quedando sólo con el área seleccionada.
A) Herramienta degradado
B) Herramienta recortar:
C) Lápiz
D) Pincel
37
BLOQUE 1 Introducción al Photoshop
Capacitación para el Trabajo: Informática
FUENTES DE INFORMACIÓN
Bibliográficas:
Módulo Elabora Gráficos con Programas Integrados; Colegio de Bachilleres del Estado de Sonora; Edición
Junio del 2010.
Electrónicas:
http://www.fotografodigital.com/category/tutoriales-photoshop/
http://www.todo-photoshop.com/tutorial-photoshop/tutoriales_photoshop.html
38
Colegio de Bachilleres del Estado de Sonora
BLOQUE 2
Herramientas de trabajo de Photoshop
EVALUACIÓN DIAGNÓSTICA
ACTIVIDAD 1
SD1-B1
En el portafolio de evidencias de este apartado encontrarás las indicaciones para realizar esta actividad.
Esta herramienta sirve para hacer selecciones, las cuales pueden ser de forma cuadrada,
poligonales o de forma irregular.
40
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Se puede indicar el grosor con diferentes unidades de medida, como pueden ser los
centímetros (cm) o los píxeles (px). En la imagen estamos definiendo una línea con 1
píxel de anchura.
Además, se pueden indicar distintos parámetros para configurar puntas de flecha para
las líneas. Las puntas de flecha se pueden colocar tanto al principio como al final de la
línea, así como al principio y el final al mismo tiempo.
Las opciones de la línea para las puntas de flecha se seleccionan pulsando una flechita
hacia abajo que aparece en el panel de opciones de la herramienta, después de los iconos
de las distintas formas posibles.
Al pulsar sobre la flecha veremos una ventana donde se pueden marcar si se deseean
puntas de flecha al principio y/o fin de la línea y el tamaño de las puntas de flecha en
relación al grosor configurado en la propia línea.
Como cualquier otra forma de PhotoShop, las líneas son siempre creadas como trazados
que se pueden modificar si se desea.. Por ejemplo, una vez que se ha creado una línea,
con la herramienta de selección de trazado se puede seleccionar el trazado de la línea
para luego poder modificarlo. Con la misma herramienta se podría mover el trazado
completo.
ACTIVIDAD 2
SD2-B2
En el portafolio de evidencias de este apartado encontrarás las indicaciones para realizar esta actividad.
41
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
Las formas personalizadas, son un conjunto de ítems que se pueden dibujar en páginas
web, con siluetas típicas que se pueden necesitar en un diseño, para aportar creatividad
o significado a las imágenes. Existen elementos diversos de la naturaleza, como siluetas
de animales, hojas, copos de nieve, fuego, huellas, elementos de uso cotidiano como
paraguas, teléfonos o símbolos como señales, flechas...
Todos estos símbolos se pueden dibujar a golpe de ratón, seleccionando la forma que se
desee, haciendo clic y arrastrando en el lienzo de la imagen.
2. Pulsar sobre la flechita hacia abajo que hay al lado de la forma seleccionada
actualmente.
Una vez seleccionada la forma deseada, hacer clic en el lienzo de la imagen, arrastrar
con el botón pulsado hasta cualquier otro punto de la imagen. En el momento de arrastrar
ver cómo la forma empieza a dibujarse en la imagen. Sin dejar de pulsar el botón del
ratón se pueden alterar las dimensiones de la forma al arrastrar con el ratón.
En el momento que se requiera, el aspecto de la forma se puede soltar y ver que la forma
queda creada en una nueva capa.
42
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
ACTIVIDAD 3
SD3-B2
Esta herramienta permite crear degradados de color, para pasar de un color a otro de una
manera suave y gradual. Lógicamente, los colores del degradado se pueden configurar
para obtener distintos resultados e incluso se pueden seleccionar varios colores para
obtener degradados más complejos. Los colores del degradado en principio se pueden
escoger desde los paneles de selección de color frontal y color de fondo.
El botón para seleccionar la herramienta Degradado está agrupado con el bote de pintura,
así que si inicialmente aparece el bote de pintura hay que hacer un clic prolongado sobre
ese botón para que aparezca un menú donde seleccionar el icono del degradado, como
se ve en la siguiente imagen.
Para hacer un degradado hacer clic sobre un punto de la imagen y arrastrar hacia
cualquier otro punto. Ver que se crea una línea que va desde el primer punto al segundo
y es donde se hará el degradado en el momento que soltemos el botón del ratón.
43
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
Primero se puede experimentar cambiando el tipo de degradado por uno de los propuestos
por defecto en PhotoShop. En el panel de opciones se encontrara un lugar donde se
muestra en color el degradado, dado el color frontal y de fondo seleccionado. Al lado
hay una flechita hacia abajo que se puede pulsar para acceder a una lista de degradados
propuestos por el programa inicialmente, y otros que se hayan podido configurar.
Entre los posibles degradados que ofrece PhotoShop se encuentra la opción de configurar
la herramienta para hacer una variación de color entre el color frontal y transparente,
que será siempre útil, y otros degradados típicos que se pueden desear, como de blanco
a negro, con los colores del arcoíris, etc.
No obstante, PhotoShop nos permite configurar ese degradado con mucha más
versatilidad a través del editor de degradado, que se puede acceder haciendo clic sobre
el punto marcado como 2) en la anterior imagen.
El editor de degradado tiene una serie de menús para conseguir casi cualquier degradado
que se pueda imaginar y no costará mucho trabajo hacerse con él. El aspecto de la
ventana de edición del degradado es como este:
En principio nos permite elegir entre los degradados propuestos, que se llaman "ajustes
preestablecidos", y luego a través de los menús que están debajo, se pueden configurar
como se desee. En principio se puede ver el degradado seleccionado actualmente y
crear nuevos colores intermediarios, a los que se asignan cualquier tono, opacidad, etc.
Practicar en esta ventana no resulta complicado ya que las posibilidades son infinitas.
44
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Existen otras opciones como la de opacidad del degradado, que permitirá que se pueda
crear una transparencia en el mismo, de manera que puedan verse los contenidos que
hay en las capas de debajo del degradado que vamos a hacer.
Una vez seleccionada, simplemente se tiene que hacer clic en el lugar donde se quiere
incluir el texto. Luego escribir cualquier texto que se requiera.
Con esta utilización de la herramienta de texto los caracteres que se vayan pulsando en
el teclado se irán mostrando todos en la misma línea y si se quiere hacer varias líneas
simplemente pulsar la tecla "Enter" y seguir escribiendo. Ahora bien, si se quiere que
el texto se escriba en un espacio determinado, creando un texto fluido, que se ajuste con
saltos de línea automáticos al espacio que se ha marcado, hacer lo siguiente: seleccionar
la herramienta de texto y hacer un recuadro con la misma, haciendo clic en un lugar de
la imagen y arrastrando para seleccionar el espacio que se necesite. Entonces saldrá una
especie de área con dimensiones editables, en la que el texto escrito se mostrará siempre
dentro de esa área.
Cualquiera que haya trabajado con un editor de textos encontrará extremadamente fácil
configurar las opciones de texto de la herramienta, donde es muy importante considerar
45
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
Entre las opciones de suavizado se encuentra una que sirve para que el texto no tenga
suavizado alguno (opción "Ninguno"), que resulta útil porque el texto sin suavizado
suele tener un tamaño menor y porque este tipo de texto sirve para imitar el aspecto al
escribirlo directamente como texto en una página Web.
Los otros métodos de suavizado consisten en diversos patrones en los que se suaviza de
mayor o menor manera, lo que genera resultados distintos. No obstante, muchas veces
las diferencias son difíciles de ver a simple vista. Lo más habitual es la opción "Nítido"
que ofrece un suavizado bastante estándar. En la imagen de la izquierda podemos ver
varios métodos de suavizado sobre el mismo texto.
46
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Para mostrar la ventana de edición de efectos sobre un texto, se tiene que hacer doble
clic en la ventana de capas sobre la capa de texto que se quiere aplicar el efecto, o bien
pulsar con el botón derecho en la capa y luego seleccionar la opción marcada como
"Opciones de fusión", como se puede ver en la siguiente imagen.
Con esto aparecerá una ventana para crear efectos, titulada "Estilo de Capa" en la que se
puedes seleccionar con un checkbox el efecto o los efectos que se desee aplicar y luego
haciendo clic en cada uno de los efectos, se pueden configurar las opciones para cada
uno de ellos.
En la imagen anterior ver que se ha situado sobre el estilo de "Sombra paralela", que
además se ha marcado con su checkbox, con lo que aparecen las opciones para configurar
la sombra, como el ángulo de la misma, su transparencia, etc.
Se pueden aplicar varios efectos o estilos de capa al mismo tiempo, creando con ello
textos con una alta personalización.
ACTIVIDAD 4
SD5-B2
47
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
En ocasiones se tiene una imagen muy grande, con el logotipo de la empresa y una
composición de fotografías u otros elementos gráficos. Esa imagen muy grande puede
tardar mucho en cargar y si está, por ejemplo, en la portada, podría ocurrir que el visitante
se impaciente y no llegue a ver cargar la imagen, abandonando el sitio web por culpa
de una carga muy lenta. Una de las posibilidades para mejorar la carga y hacer que el
visitante pueda ver alguna cosa antes de que la imagen termine de cargar por completo,
consiste en partir la imagen en varios trozos. De este modo, es muy probable que unos
trozos se carguen antes que otros y que el visitante pueda ver partes de la imagen que
van apareciendo, aunque la imagen completa todavía no pueda visualizarse.
48
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Es muy habitual que se desee aplicar la misma optimización a toda la imagen, es decir,
guardarla toda, por ejemplo, como JPG y con calidad 20. Para ello seleccionar sector a
sector y aplicarle los mismos valores de formato, o bien seleccionar todos los sectores
de una vez para aplicar una sola vez los valores de optimización de la imagen. Esto
último se puede ver paso por paso en la imagen siguiente.
ACTIVIDAD 5
SD5-B2
49
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
Al crear una capa nueva se coloca justo encima de la capa activa que tuviera en ese
momento y además se activa la capa que se acaba de crear. Con este paso se pueden
crear tantas capas como se requieran para ir practicando los conocimientos adquiridos.
50
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Enlazar capas
En ocasiones se puede desear que dos capas estén unidas momentáneamente, para
realizar acciones como alterar la posición, sobre dos o más capas a la vez. Para ello
se pueden seleccionar dos o más capas del listado que se encuentran en la ventana de
capas. (Se pueden seleccionar varias capas pulsando sobre una y luego con el botón
Control -CTRL- haciendo clic sobre otra u otras).
Para enlazar las capas seleccionadas basta con
accionar:
a) Para ello simplemente se puede arrastrar la capa que se desee duplicar sobre el icono
de nueva capa, de la ventana de capas.
b) También se puede hacer desde el menú “Capa - Duplicar capa”.
Combinar capas
Para acabar con esta serie de acciones típicas sobre capas, es necesario mostrar cómo
combinar capas, esto es, unir dos o más capas para que se junten en una única capa.
Combinar capas también es una acción bastante útil cuando se tienen varios elementos
que se sabe que siempre van a estar juntos. También será útil cuando tenemos varias
capas y queremos aplicar un estilo de capa sobre todas ellas a la vez.
Para combinar capas se tiene que seleccionar varias capas a la vez, igual que se hizo
para vincularlas
a) Menú “Capa - Combinar capas”. Ver que todas las capas que habíamos seleccionado
se unen en una sola.
b) Esta acción también se puede ejecutar desde la ventana de capas, haciendo clic con
el botón derecho sobre cualquiera de las capas seleccionadas y marcando la acción
“Combinar capas”.
Utilizar estilos de capas
Los estilos de capa son una utilidad para aplicar efectos rápidos y personalizables a
elementos de una imagen. Además, lo bueno de los estilos de capa es que se aplican
51
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
Antes de existir los estilos de capa para hacer una sombra, por poner un ejemplo, se
tenia que seguir una serie de pasos como realizar una selección del área visible de una
capa, calar la selección, pintar de negro en una nueva capa por debajo del elemento
a sombrear y finalmente ajustar la transparencia deseada para la sombra. Todos estos
pasos ahora se resumen en uno único que es el estilo de capa sombra. Además, si en
cualquier momento cambia la capa sobre la que se ha aplicado el estilo, la sombra
cambiará también automáticamente, siendo que antes de los estilos de capa, se tendría
que volver a hacer todos los pasos para generar la sombra, cada vez que cambiase la
capa a sombrear.
Se pueden hacer nuestras propias pruebas creando una capa con cualquier
contenido, pintando un área seleccionada o creando una capa de texto y
accediendo como se ha dicho a los estilos de capa.
Luego se sugiere hacer cambios sobre la capa (pintando otras áreas o escribiendo
nuevo texto) y se observa que los estilos se adaptan al nuevo contenido de la
capa.
52
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
En la siguiente imagen podemos ver cómo aparece una flecha, sobre la capa en
la que se ha creado el estilo, en la ventana de capas.
Luego se puede pegar ese estilo de capa en cualquier otra con el botón derecho
del ratón sobre la capa y seleccionando “Pegar estilo de capa”. Con esto ambas
capas tendrán los mismos estilos de capa.
Son herramientas que permiten ocultar partes de una capa, pero sin borrar esas partes,
con lo que luego se podrían recuperar simplemente desechando la máscara de capa.
Otra manera de entender las máscaras de capa es como si fueran selecciones. Se puede
crear una máscara de capa y pintar en ella, entonces en realidad lo que estás haciendo es
seleccionando o deseleccionando partes de esa capa. En PhotoShop se tiene una capa.
Entonces se crea una máscara de capa, en esta se puede pintar en escala de grises, puesto
que la máscara de capa realmente sólo permite pintar sobre ella en blanco, negro o en
una tonalidad de gris.
Cuando se pinta en blanco, se esta seleccionando una parte de la capa y con ello se esta
haciendo que se visualice normalmente. Cuando se pinta en negro sobre la máscara
de capa, se esta deseleccionando una parte de esa capa y con ello se oculta esa área
pintada de negro. Con los grises lo que se consigue es un medio término, se seleccionan
parcialmente los píxeles pintados de gris y con ello se consigue que se transparenten un
poco (mayor grado de transparencia cuanto más oscuro sea el gris).
53
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
a) Desde la ventana de capas, con el icono que tiene forma de cuadrado con un
círculo en medio, que se puede ver marcado en la siguiente imagen:
Con estas dos posibilidades se crea una máscara de capa, donde en esa máscara de capa
están todos los píxeles pintados en blanco, con lo que la capa se verá entera, tal cual
estaba anteriormente.
Ahora se puede pintar de negro sobre la capa (en realidad estaremos pintando sobre la
máscara de capa) y ver que esas partes que pintamos encima se borran de la capa. Si
se pinta en gris, se ocultaría parcialmente la capa, consiguiendo que esas partes en gris
fueran semitransparentes. Una vez creada la máscara de capa, se mostrará en la ventana
de capas, sobre la capa donde se han creado.
Al hacer clic con el botón derecho sobre la máscara de capa se accede a un menú
contextual con opciones sobre la máscara de capa.
Cuando se tiene una capa que contiene una máscara de capa podemos pintar sobre
la capa, haciendo clic sobre el icono de la capa, o pintar sobre la máscara de capa,
haciendo clic en el icono de la máscara de capa. En la siguiente imagen están
señalados los iconos de capa y máscara de capa.
ACTIVIDAD 6
SD6-B2
54
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
GLOSARIO
GIFS. Son las siglas de Graphics Interchange Format, un formato de compresión de imagen limitado a 256
colores. Los archivos tipo gif utilizan un algoritmo de compresión de datos que está patentado, y se caracterizan
por tener movimiento.
JPG. Son las siglas de Joint Photographic Experts Group, el nombre del grupo que creó este formato. jpg es un
formato de compresión de imágenes, tanto en color como en escala de grises, con alta calidad (a todo color).
55
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
PORTAFOLIO DE EVIDENCIAS
EVALUACIÓN DIAGNÓSTICA
ACTIVIDAD 1
SD1-B1
Evaluación
Actividad: 1 Producto: Definición de conceptos Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Identifica la función básica de las
Reconoce algunas herramientas de Muestra interés al resolver la
herramientas de trabajo del programa
Adobe Photoshop. actividad.
Adobe Photoshop.
Autoevaluación C MC NC
Calificación otorgada por el docente
Coevaluación
56
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
ACTIVIDAD 2
SD2-B2
Acude al centro de cómputo del plantel y en binas practica los siguientes puntos:
· Abre una fotografía ya sea que se encuentre en la computadora en imágenes predeterminadas o descarga
una utilizando el motor de búsqueda google y practica la selección con la varita mágica.
· Utilizando la herramienta Línea investiga y practica como convertir un punto de ancla.
· Investiga para qué es y cuál es la función de la pluma de manera práctica.
Al finalizar comenta cada uno de los puntos que se han practicado para su valoración.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
57
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
ACTIVIDAD 3
SD3-B2
Acude a tu centro de computo y en binas, elabora un mapa conceptual donde indiques detalladamente los siguientes
puntos:
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
ACTIVIDAD 4
SD5-B2
• Texto vertical.
• Aplicar modo suavizado
• Texto vertical
• Efectos sobre el texto
Imprime la práctica de cada uno de los puntos mencionados anteriormente y pégalas en este espacio para su
valoración (indica detalladamente cada punto)
58
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
ACTIVIDAD 5
SD5-B2
En el centro de cómputo de tu plantel y en equipos de tres, abran una fotografía en Photoshop y divídanla
en cuatro sectores; al terminar, imprimir el producto de la actividad y pegarla en esta actividad para
posteriormente su profesor les cuestione la elaboración de la actividad si lo cree conveniente para valorarla.
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
59
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
ACTIVIDAD 6
SD6-B2
En equipos de 5 personas elabora una exposición en power point sobre el tema de las capas, la cual debe satisfacer
los siguientes puntos:
• Concepto de Capa.
• Acciones mas comunes sobre capas
• Estilos de Capa
• Máscara de capas
Entregar la exposición en un CD a tu profesor para que él organice a su criterio las exposiciones de manera
aleatoria.
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
60
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
ACTIVIDAD INTEGRADORA
En equipos de cinco elabora un video tutorial basándote en cada una de las 6 actividades anteriores, guarda el
archivo en un CD y entrégalo a tu profesor para su valoración.
61
BLOQUE 2 Herramientas de trabajo de Photoshop
Capacitación para el Trabajo: Informática
RÚBRICA DE EVALUACIÓN
Herramienta que permite dibujar trazos de una manera detallada haciendo tanto rectas como curvas.
A) Degrado
B) Pluma
C) Línea
D) Varita Mágica
Herramienta que permite pasar de un color a otro de una manera suave y gradual.
A) Degrado
B) Pluma
C) Línea
D) Varita Mágica
Herramienta que sirve para realizar trazos con diferentes parámetros y puntas
A) Degrado
B) Pluma
C) Línea
D) Varita Mágica
FUENTES DE INFORMACIÓN
Bibliográficas:
Módulo Elabora Gráficos con Programas Integrados; Colegio de Bachilleres del Estado de Sonora; Edición
Junio del 2010.
Electrónicas:
http://www.fotografodigital.com/category/tutoriales-photoshop/
http://www.todo-photoshop.com/tutorial-photoshop/tutoriales_photoshop.html
62
Colegio de Bachilleres del Estado de Sonora
BLOQUE 3
Aplicar retoque a una imagen y editarla
EVALUACIÓN DIAGNÓSTICA
ACTIVIDAD 1
SD1-B3
En el portafolio de evidencias de este apartado encontrarás las indicaciones para realizar esta actividad.
Definir retoque.
64
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Aparecerá una ventana que varía según el escáner, mostrando la opción previsualizar
para ver una imagen previa de lo que se quiere escanear, seleccionar con el ratón el área
de interés y hacer clic en explorar, se obtendrá la imagen en una ventana nueva en el
área de trabajo.
Utilizar la opción
colocar.
El Comando Colocar
sirve para traer imágenes
vectoriales a Photoshop y
trabajar con ellas.
Los cuadros negros y el círculo central permiten modificar las dimensiones del dibujo,
así como rotarlo cuando se pinchan y arrastran
Situar en las esquinas exteriores: cuando aparezca una flecha curva se puede girar la
imagen.
Una vez que se ha conseguido lo que se deseaba, pulsar doble clic en la imagen, ésta
pasa a formar parte del lienzo de Photoshop. Deja de ser una imagen vectorial y pasa a
ser una imagen de mapa de bits. Y por lo tanto será susceptible el mismo tratamiento que
cualquier otra imagen en Photoshop.
65
BLOQUE 3 Aplicar retoque a una imagen y editarla
Capacitación para el Trabajo: Informática
ACTIVIDAD 2
SD1-B3
En el portafolio de evidencias de este apartado encontrarás las indicaciones para realizar esta actividad.
De tono.
El tono es el cambio de matiz del color que so porta una imagen. El tono reconoce
e identifica al color tal como es: rojo, verde, azul, cian, magenta, amarillo, naranja o
cualquier otra definición.
Se puede mover el nivel del tono de todos los colores o solamente del que nos interese,
hasta alcanzar el tono que nos guste más.
66
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
De luminosidad
La luminosidad es un cambio o alteración del brillo de una imagen o fotografía. La
aplicación de la luminosidad es muy útil en fotografías muy claras o muy oscuras. El
cambio de la luminosidad causa una reducción del contraste y del tono de la imagen.
Se puede optar por corregir el valor de luminosidad en un color en concreto.
67
BLOQUE 3 Aplicar retoque a una imagen y editarla
Capacitación para el Trabajo: Informática
El brillo de la imagen.
El brillo se ocupa de alterar también la gama tonal. La modificación del brillo
de una imagen o fotografía digital, actúa de la misma forma que la escala de
luminosidad, reduce el contraste de la imagen y la pérdida de detalle, según
el nivel que se aplique.
El contraste de la imagen.
El contraste incrementa el cambio de luminosidad entre las zonas más oscuras o más
claras de una fotografía, simulando a su vez, un mejor enfoque y claridad de imagen.
68
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Es muy importante tener en cuenta que cambiando la calidad del color, también se modifica el porcentaje de ese
color en toda la imagen. Se aconseja y recomienda marcar la casilla de preservar luminosidad, para que la imagen
no se vuelva oscura.
Cambiar el equilibrio del color se puede realizar desde el menú Niveles de color, una de las opciones más sencillas
o bien deslizando el cursor en los niveles de color que se quieras modificar.
En el cuadro de diálogo de Niveles abierto (denominado también histograma), en PhotoShop, se pueden reparar
las tendencias del color ajustando cada canal de color individual.
Hacer clic en la lista desplegable Canal para elegir cada canal individual y editarlo (rojo, verde y azul, RGB) para
modificarlo. Si se escoge el canal verde y se incrementa, hará que la imagen se muestre más verdosa.
Se puede aclarar o bien oscurecer una fotografía a través del cuadro de diálogo Niveles.
Para aclarar la imagen deslizar el regulador desde el centro hacia la izquierda (color gris), siguiendo la dirección
de la flecha roja.
Para oscurecer la imagen deslizar el regulador desde el centro hacia la derecha (color negro).
69
BLOQUE 3 Aplicar retoque a una imagen y editarla
Capacitación para el Trabajo: Informática
Esta herramienta es muy útil en muchas imágenes ya que las mejora notablemente, en
cambio en otras sufren una variación indeseada.
En las herramientas más sencillas se pueden utilizar, mover, rotar o recortar una imagen
digital, con la finalidad de dejar los contenidos deseados.
70
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Cuando se tenga el área deseada encuadrada en el rectángulo hacer doble clic sobre ella o pulsa el icono en
la Barra de opciones.
Una vez aceptado el recorte, la parte sobrante se desprecia y la imagen toma el tamaño de la selección del recorte.
También existe la opción de redimensionar la imagen sin recortarla. Simplemente cambiando su altura y/o anchura
y dejando que Photoshop se encargue de calcular la redimensión. Para ello hacer clic en el comando Imagen
→Tamaño de imagen y modificar las dimensiones en píxeles del documento:
71
BLOQUE 3 Aplicar retoque a una imagen y editarla
Capacitación para el Trabajo: Informática
Las correcciones de curvas son las mismas que se realizan desde el ajuste
Niveles. La herramienta Curvas es muy potente. Permite un control exacto del
contraste de la imagen además de establecer sombras y resaltados.
Para ajustar las curvas, hacer clic en el punto del centro del eje, tal y como
se muestra en la segunda imagen de este ejemplo, lo deslizaremos hacia la
izquierda si queremos quitar contraste a la imagen.
Si por el contrario, se quiere contrastar más la imagen, situar el punto del centro
hacia la derecha para contrastarla más.
La dimensión en píxeles es el medio para poder hablar de tamaño del archivo digital.
Recordar que la resolución óptima de una imagen para ser impresa es de 200 ppp hasta
300 ppp
72
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
73
BLOQUE 3 Aplicar retoque a una imagen y editarla
Capacitación para el Trabajo: Informática
Ancla: Permite indicar la posición de la imagen que teníamos hasta ahora en el nuevo
lienzo. Por ejemplo, si se quiere que la imagen aparezca junto a la esquina superior
izquierda del nuevo lienzo, hacer un clic en el cuadrito superior izquierdo de la opción
Ancla.
Sin embargo, no ocurre así a la inversa. Cuando se aumenta el tamaño del lienzo se
aumenta el área de trabajo pero no el tamaño de la imagen. Por lo tanto, el resultado que
se obtiene es un área de trabajo vacía alrededor de la imagen.
ACTIVIDAD 3
SD2-B3
74
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
Observar que aunque cambiemos alguna de estas dos últimas la imagen mantiene sus
dimensiones.
Se puede activar la casilla Cambiar escala para ajustar a medios para que la imagen
ocupe todo el espacio posible en el papel que definimos previamente.
Por defecto, Photoshop muestra un borde negro alrededor de la imagen. Para eliminarlo
desactiva la opción Mostrar cuadro delimitador.
Para ello, introducir la distancia del borde superior del papel al borde superior de la
imagen en el cuadro de texto Superior y su distancia al borde izquierdo del papel en
Izquierda.
El valor 0 en ambas opciones pegarán la imagen al borde superior izquierdo del papel.
Ahora desde aquí hacer dos cosas: pulsar el botón Imprimir y Photoshop mandará el
documento a la cola de impresión o pulsar el botón Hecho y el cuadro de diálogo se
cerrará guardando las opciones de impresión para poder imprimirlo más tarde.
75
BLOQUE 3 Aplicar retoque a una imagen y editarla
Capacitación para el Trabajo: Informática
El botón Imprimir abrirá un cuadro de diálogo desde el que se puede enviar el documento
a la cola de impresión directamente con las opciones de impresión que hayamos
guardado.
76
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
PORTAFOLIO DE EVIDENCIAS
EVALUACIÓN DIAGNÓSTICA
ACTIVIDAD 1
SD1-B3
Evaluación
Actividad: 1 Producto: Definición de conceptos Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce los cambios o ediciones
Identifica las propiedades básicas para Muestra interés al resolver la
que se le pueden hacer a una imagen
editar una imagen en Adobe Photoshop. actividad.
en Adobe Photoshop.
Autoevaluación C MC NC
Calificación otorgada por el docente
Coevaluación
77
BLOQUE 3 Aplicar retoque a una imagen y editarla
Capacitación para el Trabajo: Informática
ACTIVIDAD 2
SD1-B3
En equipo de 3 realiza la siguiente práctica en el centro de cómputo del plantel y archivar la actividad con el
nombre de Act2, ya que se utilizará más adelante.
Observaciones:
__________________________________________________________________________________________
__________________________________________________________________________________________
_________________________________________________________________________________________
__________________________________________________________________________________________
_________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
________________________________________________________________________
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
78
Colegio de Bachilleres del Estado de Sonora
Utilizar software de diseño para la edición de imágenes
ACTIVIDAD 3
SD2-B3
1. Utiliza fotografías e imágenes propias de tu gusto para ejecutar, paso a paso, cada uno de los siguientes puntos,
como se muestra en tu módulo de aprendizaje.
a) Tono de una imagen digital.
b) Saturación de una imagen digital.
c) Luminosidad en una foto.
d) El brillo de una imagen.
e) Contraste.
f) Equilibrio del color.
g) Niveles del color.
h) Niveles automáticos.
i) Mover, rotar lienzo o recortar una imagen.
j) Paleta historia.
k) Variaciones para reparar el tono.
l) Ajustes Curvas.
m) Ajustar la resolución y el tamaño de la imagen para la impresión.
2. Elabora una carpeta en la que se integre la colección de ejercicios que se realizaron sobre edición y retoque de
imágenes.
Rúbrica de Evaluación
Área del evaluador
Puntos asignados a la actividad
Conceptual Procedimental Actitudinal Total de la actividad
79
BLOQUE 3 Aplicar retoque a una imagen y editarla
Capacitación para el Trabajo: Informática
ACTIVIDAD INTEGRADORA
En equipos de cinco elabora un video tutorial donde lleves a cabo las siguientes actividades:
1. Observar en opción vista preliminar los ejercicios del inciso a), b), c) y d), que creaste en la actividad 4 e
imprime dos ejemplos de ellos.
2. Observar en opción configuración de página los ejercicios del inciso e), f), que creaste en la actividad.
3. Imprime, de forma vertical, el inciso g) y de forma horizontal el inciso h).
4. Selecciona tres inciso de la i) a la m), los que tú desees para imprimirlos.
5. Entrega al profesor la grabación en un CD junto con las impresiones llevadas a cabo en cada punto para su
valoración.
FUENTES DE INFORMACIÓN
Bibliográficas:
Módulo Elabora Gráficos con Programas Integrados; Colegio de Bachilleres del Estado de Sonora; Edición
Junio del 2010.
Electrónicas:
http://www.fotografodigital.com/category/tutoriales-photoshop/
http://www.todo-photoshop.com/tutorial-photoshop/tutoriales_photoshop.html
www.navactiva.com/web/es/atic/doc/glosario/internet
www.avizora.com/glosarios/glosarios_p/textos_p/periodisticos_periodism
o_p_0003.htm
www.digitalfotored.com/imagendigital/impresiondigital.htm
http://microasist.com.mx/noticias/mo/achmo080205.shtml
http://www.abcpedia.com/cienciaytecnologia/digital/
80
Colegio de Bachilleres del Estado de Sonora