1. No category

Introducción a
Tecnólogo en Producción de Multimedia
-
Introducción a Photoshop
PRODUCCIÓN DE MULTIMEDIA
Photoshop
Abrir Photoshop
Interfaz
Espacio de trabajo
Herramientas de trabajo
-
Creación de nuevos archivos
SENA
Características del Panel o Barra de Herramientas
Capas
SENA, de Clase Mundial
Introducción a
Mapa Conceptual
Introducción a
Contenido
Introducción a
Estructura de contenidos
Pag.
1 Introduccíon.................................................................5
Pag.
2.5 Creación de nuevos archivos......................................13
2.1 Photoshop................................................................ 5
2.5.1 Resolución......................................................14
2.5.2 Terminología...................................................15
2.5.3 Guardar Archivo..............................................15
2.2 Abrir Photoshop, en plataforma Windows y Mac..... 6
2.6 Características del Panel o Barra de Herramientas... 16
2.3 Interfaz......................................................................9
2.6.1 Galería de herramientas.................................16
2.6.2 Uso de la barra de aplicaciones..................... 21
2 Desarrollo de Contenido..............................................5
2.4 Espacio de trabajo....................................................10
2.4.1 Barra de menú..............................................10
2.4.2 Barra de aplicaciones...................................11
2.4.3 Conmutador de espacio de trabajo.............. 11
2.4.4 Panel o barra de herramientas.....................12
2.4.5 Botón contraer en ícono................................12
2.4.6 Panel de ventanas........................................13
2.4.7 Barra de estado............................................13
2.7 Capas......................................................................... 22
2.7.1 Creación de capas y grupos......................... 22
3 Glosario......................................................................... 23
4 Bibliografía.................................................................... 25
Introducción a
1 Introducción
2.2
Photoshop significa (Taller de fotos), es una
aplicación informática en forma de taller de
pintura y fotografía que trabaja sobre un
"lienzo", su principal objetivo es armar, editar,
componer, retocar y transformar imágenes de
mapa de bits (o gráficos rasterizados).
Los mapas de bits se pueden visualizar en monitores, dispositivos móviles, papel u otros
dispositivos, ya que estáan compuestos por una estructura o fichero de datos que representa una
rejilla rectangular de píxeles o puntos de color.
Abrir Photoshop, en Plataforma Windows y Mac
Abrir Photoshop en la plataforma Windows:
Debe dirigirse a inicio > Todos los programas > carpeta de Adobe Master Collection
> Photoshop > clic.
1
inicio > Todos los programas
2
carpeta de Adobe Master Collection >
Photoshop > clic.
Cada año la empresa Adobe realiza actualizaciones de todos sus programas, incluyendo más
aplicaciones, efectos o herramientas, esto incentiva a los usuarios a conocer más el mundo de la
tecnología y el diseño, hoy en día es muy común que el programa photoshop, sea utilizado por
muchas personas, ya que hace parte de la vida diaria, diseño para redes sociales, campañas
online, retoques fotográficos, es muy importante tener en cuenta que se debe de utilizar de una
forma profesional.
Esta aplicación informática fue creada por los hermanos estadounidenses Thomas y John Knoll
en el año de 1987, y desde 1988 hace parte de la gran familia de Adobe.
2 Desarrollo de Contenidos
2.1 Photoshop
Es uno de los programas más utilizados por
diseñadores gráficos, fotógrafos, artistas
visuales, diseñadores web y otras profesiones
relacionadas con las imágenes y el diseño; la
mayor fortaleza de este magnífico programa,
es el manejo y edición de imágenes.
5
6
Introducción a
Abierto el programa se verá toda la interfaz.
2
3
Abrir Photoshop en la plataforma Mac:
Carpeta de aplicaciones, buscar la imagen que hace referencia a Photoshop > clic.
1
4
7
8
Introducción a
2.3 Interfaz
2.4 Espacio de Trabajo
La Interfaz o entorno del programa se encuentra en un gris oscuro muy diferente a las versiones
anteriores, se le puede modificar el color presionando clic en menu / edición / Preferencias /
Interfaz / Tema de color / OK.
1
Espacio de trabajo Adobe Photoshop CS6
A: Barra de menú B: Barra de aplicaciones C: Panel de herramientas D: Conmutador de espacio de trabajo E: Botón contraer en iconos F: Panel de ventanas G: Barra de estado.
A
D
B
E
C
F
Inmediatamente te saldra una ventana con la siguiente información y alterativas de colores, eliges
la que más te guste y le das al botón OK.
G
2
2.4.1
La Barra de menú
En la parte superior izquierda de la pantalla, se encuentra La barra de menú, la cual esta
compuesta por varios menús.
Archivo: Dentro del menú archivo se
encuentran todos los comandos referidos a los
archivos con los que se trabajará. Crear un
nuevo archivo, abrir uno existente, buscar en
bridge, guardar, imprimir, exportar.
9
Edición: Este menú esta compuesto por los
comandos de edición, como copiar, cortar,
pegar, deshacer, transformar. La mayoría de
ellos sólo se activan cuando se selecciona un
objeto en el lienzo.
10
Introducción a
Capa: Contiene todo lo referente a las capas.
Crear nueva capa, duplicarla, eliminarla,
rasterizarlas, ordenarlas.
Vista: Esta ventana expone lo referente al
archivo donde se esta trabajando: aumentar,
reducir,… añadir reglas, cuadrículas.
Selección: Este menú esta compuesto por las
diversas posibilidades de cambio que se
tienen cuando se trabaja en una selección:
invertir, calar, deseleccionar, modificar,
guardar selección.
Ventana: El menú donde se decide qué se
quiere ver en la toda la zona de trabajo, y de
que manera verlo. (ventanas, espacio de
trabajo, etc,..)
Texto: El menú de texto se encontrará una
variedad de posibilidades para el manejo y
edición del mismo: panel carácter, panel
párrafo, suavizar, orientación, pegar Lorem
Ipsum.
Ayuda: Toda la ayuda en línea que ofrece el
programa de photoshop, Centro de soporte de
photoshop, Avisos legales.
Panel o Barra de Herramientas
Es donde se encuantran todas las
herramientas de edicion del programa, se
seleccionan oprimiendo sobre ellas.
Herramienta Mover
Herramienta Marco Rectangular
2.4.5
Botón Contraer en ícono
Herramienta Lazo Magnético
Herramienta Barita Mágica
Herramienta Recortar
Herramienta Cuenta Gotas
Filtro: En esta ventana se visualiza la mayoría
de los efectos artísticos aplicables a los
diseños: desenfoque, texturas, interpretación
de nubes, viento.
2.4.2
2.4.4
Herramienta Pincel Corrector Puntual
Herramienta Pincel
En la parte superior derecha de cada venta se
encuentra el conmutador de espacio, su tarea
es minimizar y maximizar la ventana para
tener mayor espacio a la hora de realizar los
trabajos.
Clic
Herramienta Tampón de Clonar
Herramienta Pincel de Historia
Barra de Aplicaciones
Herramienta Borrador
Al presionar una herramienta, inmediatamente la barra de aplicaciones, expone alternativas
específicas de la herramienta seleccionada.
Herramienta Bote de Pintura
Herramienta Desenfocar
Herramienta Sobreexponer
Herramienta Pluma
2.4.3
Conmutador de espacio de trabajo
Esta pestaña se encuentra ubicada al lado
superior derecho del programa, una vez
presionada, se despliega un menú que
modifica el aspecto de las ventanas que
componen el área de trabajo, facilitando la
labor
del
diseñador:
Aspecto
esen,
Novedades, Pintura, Fotografía, Tipografía,
Restaurar pintura, Nuevo espacio de trabajo,
Eliminar espacio de trabajo.
11
Herramienta Texto Horizontal
Herramienta Selección Directa
Herramienta Rectángulo
Herramienta Mano
Herramienta Zoom
Conmutar Colores Frontal y de fondo
Colores Frontal y de Fondo por defecto
Configurar Color Frontal y de Fondo
Colores Frontal y de Fondo por defecto
Configurar Color Frontal y de Fondo
12
Introducción a
2.4.6
Panel de Ventanas
El Panel de ventanas por defecto se encuentra
al lado derecho del programa, contiene cada
una de las ventanas del documento que se
trabaja. Las diversas ventanas se pueden
organizar como fichas y, en ciertos casos,
también se pueden agrupar, acoplar o
convertir en ventanas flotantes, arrastandolas
con el cursor fuera del panel de ventanas.
2.4.7
Barra de Estado
Es donde se encuantran todas las herramientas de edicion del programa, se seleccionan
oprimiendo sobre ellas.
La barra de estado suministra la información
del porcentaje de zoom del archivo, al lado
derecho se encuentra una pequeña flecha, al
darle clic se despliega el siguiente menú:
Adobe Drive, Tamaño de archivo, Perfil de
documento, Dimensiones del documento.
Zoom
Clic
2.5 Creación de nuevo archivos
Los pasos para la creación de un nuevo
archivo: Barra de menú principal / opción
Archivo / Nuevo.
Nombre: En este espacio se escribirá el nombre al nuevo documento; en la pestaña predefinir se
encuentran los diferentes formatos, por ahora se trabajá con Papel EE.UU. Automáticamente en
tamaño se mostrará Carta y las medidas exactas de las mismas en Anchura y altura por defecto,
a un lado las medidas se elegirá centímetros; en la parte inferior en Resolución 72. Información
importante:
2.5.1
Resolución
La resolución es un término utilizado en fotografía digital para indicar la cantidad de información
que hay en pixeles (Teoría aditiva del color, luz - Canales RGB, Rojo, Verde, Azul) o puntos de
impresión (Teoría sustractiva del color, pigmentos - Canales CMYK, son los colores que se
utilizan para impresión, son colores proceso, que son C cian, M magenta, Y yellow y K black)
en un área dada en centímetros o en pulgadas; siendo pulgadas, las más utilizada.
13
14
Introducción a
2.5.2
Terminología
Imagen para Pantalla:
La resolución de una imagen para pantalla, se
mide en: PPI (En inglés points per inch) o en
español PPP (Pixeles por pulgada). Ejemplo:
*300 dpi, utilizado en los sistemas de
impresión.
Diseñadores,
Fotógrafos,
Ilustradores y Publicistas.
Nota: No se iniciará trabajando con un
color CMYK, porque hay funciones que
inhabilita el programa con este color.
2.6 Características del Panel o Barra de Herramientas
El Panel o Barra de herramientas, se encuentran todas las herramientas de edición de Photoshop,
por defecto del programa siempre esta al lado derecho de la pantalla, la columna de herramientas
posee un botón, que la convierte en dos columnas con solo un clic.
Clic
Contenido: Indica específicamente el
contenido de fondo que se aplicará al archivo,
puede ser transparente, blanco y color de
fondo.
2.6.1
Para seleccionar una de las herramientas solo hay que presionar sobre
ella y automáticamente se activará, la mayoría de herramientas se
encuentran agrupadas y para visualizarlas, tienen un triángulo en la
esquina inferior derecha el cual se debe mantener presionado para
visualizar las demás herramientas que contiene, ya que cada
herramienta tiene mínimo dos y máximo cinco herramientas
Se revisa toda la información, se presiona el
botón OK, e inmediatamente se abrirá el lienzo
en el que se trabajará.
Imagen para Impresión:
Para realizar trabajos en impresión, la
resolución se maneja en DPI (En inglés dots
per inch) o en español PPP (Puntos por
pulgada).
*Cuantos más píxeles representados en
pantalla o puntos impresos existan por área,
mayor será la resolución de la imagen.
Cuando menos pixeles o puntos existan,
menor será la resolución.
Existen 2 estandares relacionados con la
resolución en la imagen digital:
2.5.3
Guardar Archivo
1.
Archivo >
Extensión .psd
2.
.jpg
Galería de Herramientas
Guarda
>
Archivo > Guarda > JPG.
Photoshop.
Extensión
3.
Archivo > Automatizar > Presentación
en PDF > Añadir archivo abierto > Guardar.
Extensión .pdf
Dos Columnas
La extensión de los archivos: PSD,JPG,PDF
hacen referencia al formato al cual pertenece.
*72 dpi usado para visualizar las imágenes en
pantalla (Aplicativos web o multimedia)
Una Columna
15
16
Introducción a
Galeria de Herramientas de Selección
Características del Panel o Barra de Herramientas
Galeria de Herramientas para Cortar y Crear Sectores
17
18
Introducción a
Navegación, Notas y Galería de Herramientas de Medición
Galería de Herramientas de Dibujo y Texto
19
20
Introducción a
Galería de Herramientas de Dibujo y Texto
2.7 Capas
Las capas de Photoshop son muy similares a las hojas de mantequilla, se pueden superponer
para crear efectos, opacidades, brillos, contrastes, etc, dentro de cada diseño.
A. Menú del panel Capas - B. Grupo de capas - C. Capa - D. Expandir/Contraer efectos de capa
- E. Efecto de capa - F. Miniatura de la capa.
2.7.1
2.6.2
Uso de la Barra de Aplicaciones
La barra de aplicaciones se visualiza en la
parte superior izquierda de la pantalla, ella
activa inmediatamente se selecciona una de
las herramientas; tiene la función de
proporcionar varias alternativas de la
herramienta seleccionada.
Formas de crear una nueva capa:
Formas de crear una nuevo grupo:
1.Barra de Menú>Capas>nueva >capa
2. Dentro de la ventana capas > clic en ícono
crear nueva capa.
Clic
1.Barra de Menú>Capas>nueva >grupo
2.Dentro de la ventana capas > clic en el
ícono Crear un Nuevo grupo.
Clic
Herramienta de degradado (G)
Alternativas de la herramienta en uso - Herramienta de Degradado (G)
21
Creación de Capas y Grupos
Aparece una nueva capa sobre la capa
seleccionada o en el grupo seleccionado en el
panel Capas.
22
Introducción a
Desenfoque: Es un efecto de suavizado para
mapas de bits generado por software de edición
gráfica.
Glosario
Pintura: Es el arte de la representación gráfica
utilizando pigmentos mezclados con otras
sustancias aglutinantes orgánicas o sintéticas.
Fotografía: Es el arte y la técnica para obtener
imágenes duraderas debidas a la acción de la
luz.
Gráficos rasterizados: Es el proceso por el
cual una imagen descrita en un formato gráfico
vectorial se convierte en un conjunto de píxeles
o puntos para ser desplegados en un medio de
salida digital, como una pantalla de
computadora, una impresora electrónica o una
Imagen de mapa de bits (bitmap).
Lienzo: Es una tela que sirve como soporte a
las artes pictóricas hecho normalmente de lino,
algodón o cáñamo, en photoshop se le dice así
al espacio donde se va trabajar.
Aplicación informática: Una aplicación es un
tipo de programa informático diseñado como
herramienta para permitir a un usuario realizar
uno o diversos tipos de trabajos.
Editar: Proceso mediante el cual se manipulan
archivos, fotos, videos, etc, por medio de
programas o técnicas especiales.
Plataforma Windows: Es el nombre de una
familia de sistemas operativos desarrollados y
vendidos por Microsoft.
Composición: es la forma en la que se ordenan
los objetos vistos dentro del encuadre, dentro de
lo que efectivamente queda en cuadro
Plataforma
Mac:
Sistema
desarrollado por Apple Inc.
Retoque o Retoque fotográfico: es una
técnica que permite obtener otra imagen
modificada, ya sea para lograr una mejor calidad
o más realismo, o para obtener una composición
totalmente diferente que distorsione la realidad.
Imagen: (del latín imago) es una representación
visual, que manifiesta la apariencia visual de un
objeto real o imaginario.
Mapa de bits: También conocida como imagen
matricial, bitmap, raster image o extensión .bmp
(estos dos tomados del inglés), o imagen ráster
(un calco del inglés), es una estructura o fichero
de datos que representa una rejilla rectangular
de píxeles o puntos de color, denominada
matriz, que se puede visualizar en un monitor,
papel u otro dispositivo de representación.
Gráficos rasterizados: Es el proceso por el
cual una imagen descrita en un formato gráfico
vectorial se convierte en un conjunto de píxeles
23
operativo
Resolución: La resolución se refiere a la
cantidad de puntos por unidad de superficie que
componen una imagen en un plano.
Edición de imágenes: Se ocupa de la edición
apoyada en computadores de imágenes
digitales, comúnmente un gráfico rasterizado,
en la mayoría de los casos fotos o documentos
escaneados. Estas imágenes son modificadas
para optimizarlas, manipularlas, retocarlas, etc
con el fin de alcanzar la meta deseada.
Calar una imagen: El calado desenfoca los
bordes creando una transición entre la selección
y los píxeles circundantes.
Lorem ipsum: Es el texto que se usa
habitualmente
en
diseño
gráfico
en
demostraciones de tipografías o de borradores
de diseño para probar el diseño visual antes de
insertar el texto final.
Texturas: Es una imagen del tipo bitmap
utilizada para cubrir la superficie de un objeto
virtual, ya sea tridimensional o bidimensional,
con un programa de gráficos especial.
Multitexturizado es el uso de más de una textura
a la vez en un polígono.
Web: La World Wide Web (WWW) o Red
informática mundial es un sistema de
distribución de información basado en hipertexto
o hipermedios enlazados y accesibles a través
de Internet.
Multimedia: Se utiliza para referirse a cualquier
objeto o sistema que utiliza múltiples medios de
expresión físicos o digitales para presentar o
comunicar información.
Tipografía: (del griego τύπος típos, golpe o
huella, y γράφω gráfο, escribir) es el arte y
técnica del manejo y selección de tipos,
originalmente de plomo, para crear trabajos de
impresión.
JPG: 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).
Canales RGB: RGB (en Inglés Red, Green,
Blue, en Español rojo verde azul) es la
composición del color en términos de la
intensidad de los colores primarios de la luz
puede referirse.
PDF: (sigla del inglés portable document format,
formato de documento portátil) es un formato de
almacenamiento de documentos digitales
independiente de plataformas de software o
hardware.
Canales CMYK: (acrónimo de Cyan, Magenta,
Yellow y Key) es un modelo de color sustractivo
que se utiliza en la impresión en colores.
PPI: (en inglés points per inch) o en español
PPP (Pixeles por pulgada).
DPI: (en inglés dots per inch) o en español PPP
(Puntos por pulgada)
Píxel: (acrónimo del inglés picture element,
‘elemento de imagen’) es la menor unidad
homogénea en color que forma parte de una
imagen digital, ya sea esta una fotografía, un
fotograma de vídeo o un gráfico.
Web: La World Wide Web (WWW) o Red
informática mundial es un sistema de
distribución de información basado en hipertexto
o hipermedios enlazados y accesibles a través
de Internet.
24
Introducción a
Bibliografía
En wikipedia, La enciclopedia libre. Recuperado en 2013, 10 de junio.
http://es.wikipedia.org/wiki/Adobe_Photoshop
Disponible en
En Taringa, Comunidad virtual. Recuperado en 2013, 10
http://www.taringa.net/posts/info/10189940/Que-es-PhotoShop.html
de
Disponible
En SlideShare, Aplicación web. Recuperado en
http://es.slideshare.net/marthasalotti/que-es-photoshop
de
2013,
10
junio.
junio.
Disponible
en
en
En Adobe, Photoshop / conceptos básicos del espacio de trabajo. Recuperado en 2013, 10 de junio.
Disponible
en
http://help.adobe.com/es_ES/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-750ca.
html
En Aula clic.com, El área de trabajo. Recuperado en 2013, 10 de junio.
http://www.aulaclic.es/photoshop-cs5/t_2_1.htm
Disponible en
Control de documento
Construcción Objeto de Aprendizaje
Introducción a Photoshop
Desarrollador de contenido
Experto temático
Asesor pedagógico
Producción Multimedia
Efraín Ernesto Velásquez Altahona
Maria Teresa Camargo Serrano
Luis Antonio Suárez Martínez
Oscar Julian Marquez Sanabria
Líder expertos temáticos
Tatiana Acosta Patiño
Líder línea de producción
Santiago Lozada Garcés
En Visión fotográfica, La resolución de la imagen digital. 300 dpi vs 72 dpi. Recuperado en 2013, 10
de junio. Disponible en http://www.ecbloguer.com/visionfotografica/?p=1286
En Universitat Jaume, Manual de uso de recursos fotográficos. Recuperado en 2013, 10 de junio.
Disponible en http://www.uji.es/bin/organs/vices/vpusl/labcap/docs/manual/f9.pdf
En Adobe, Photoshop / conceptos básicos de capas. Recuperado en 2013, 10 de junio. Disponible en
http://help.adobe.com/es_ES/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-78e3a.
html
En Adobe, Ayuda de Photoshop / Herramientas. Recuperado en 2013, 10 de junio. Disponible en
http://helpx.adobe.com/es/photoshop/using/tools.html
En wikipedia, la enciclopedia libre. Recuperado en 2013, 10 de junio.
https://es.wikipedia.org/wiki/Wikipedia
Disponible en
En Adobe, Photoshop Elements / Suavizado de bordes de selección con suavizado y calado.
Recuperado
en
2013,
10
de
junio.
Disponible
en
http://help.adobe.com/es_ES/photoshopelements/using/WS287f927bd30d4b1f2773521512e28aff242
-7fe8.html#WS287f927bd30d4b1f2773521512e28aff242-7fe7
Photoshop, Photoshop Logo, son marcas registradas
propiedades de Adobe. Copyright ©
En Definición.de, Definición de mapa de Bits. Recuperado en 2013, 13 de junio. Disponible en
http://definicion.de/mapa-de-bits/
25
26
N
Ó
I
C
C
U
A
I
D
D
O
E
R
P LTIM
U
M
SENA, de Clase Mundial
E
D