Introducción a

Contenido
Introducción a

Estructura de contenidos

Pag. Pag.
1 Introduccíon.................................................................5 2.5 Creación de nuevos archivos......................................13

2 Desarrollo de Contenido..............................................5 2.5.1 Resolución......................................................14

2.5.2 Terminología...................................................15
2.1 Photoshop................................................................ 5 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.4 Espacio de trabajo....................................................10
2.7 Capas......................................................................... 22
2.4.1 Barra de menú..............................................10
2.4.2 Barra de aplicaciones...................................11 2.7.1 Creación de capas y grupos......................... 22
2.4.3 Conmutador de espacio de trabajo.............. 11
2.4.4 Panel o barra de herramientas.....................12 3 Glosario......................................................................... 23
2.4.5 Botón contraer en ícono................................12
2.4.6 Panel de ventanas........................................13 4 Bibliografía.................................................................... 25
2.4.7 Barra de estado............................................13
 Introducción a

1 Introducción 2.2 Abrir Photoshop, en Plataforma Windows y Mac

Photoshop significa (Taller de fotos), es una

aplicación informática en forma de taller de Abrir Photoshop en la plataforma Windows:
pintura y fotografía que trabaja sobre un
"lienzo", su principal objetivo es armar, editar, Debe dirigirse a inicio > Todos los programas > carpeta de Adobe Master Collection
componer, retocar y transformar imágenes de > Photoshop > clic.
mapa de bits (o gráficos rasterizados).

Los mapas de bits se pueden visualizar en monitores, dispositivos móviles, papel u otros 1 2
dispositivos, ya que estáan compuestos por una estructura o fichero de datos que representa una inicio > Todos los programas carpeta de Adobe Master Collection >
rejilla rectangular de píxeles o puntos de color. 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.

Abrir Photoshop en la plataforma Mac:

Carpeta de aplicaciones, buscar la imagen que hace referencia a Photoshop > clic.

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 Espacio de trabajo Adobe Photoshop CS6
anteriores, se le puede modificar el color presionando clic en menu / edición / Preferencias /
Interfaz / Tema de color / OK. A: Barra de menú B: Barra de aplicaciones C: Panel de herramientas D: Conmutador de espa-
cio de trabajo E: Botón contraer en iconos F: Panel de ventanas G: Barra de estado.
1 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 Edición: Este menú esta compuesto por los
encuentran todos los comandos referidos a los comandos de edición, como copiar, cortar,
archivos con los que se trabajará. Crear un pegar, deshacer, transformar. La mayoría de
nuevo archivo, abrir uno existente, buscar en ellos sólo se activan cuando se selecciona un
bridge, guardar, imprimir, exportar. objeto en el lienzo.

9 10
 Introducción a

Capa: Contiene todo lo referente a las capas. Vista: Esta ventana expone lo referente al
Crear nueva capa, duplicarla, eliminarla, archivo donde se esta trabajando: aumentar, 2.4.4 Panel o Barra de Herramientas
rasterizarlas, ordenarlas. reducir,… añadir reglas, cuadrículas.
Es donde se encuantran todas las
Selección: Este menú esta compuesto por las Ventana: El menú donde se decide qué se herramientas de edicion del programa, se
diversas posibilidades de cambio que se quiere ver en la toda la zona de trabajo, y de seleccionan oprimiendo sobre ellas.
tienen cuando se trabaja en una selección: que manera verlo. (ventanas, espacio de
invertir, calar, deseleccionar, modificar, trabajo, etc,..)
guardar selección. Herramienta Mover
Ayuda: Toda la ayuda en línea que ofrece el Herramienta Marco Rectangular 2.4.5 Botón Contraer en ícono
Texto: El menú de texto se encontrará una programa de photoshop, Centro de soporte de
Herramienta Lazo Magnético
variedad de posibilidades para el manejo y photoshop, Avisos legales.
edición del mismo: panel carácter, panel Herramienta Barita Mágica En la parte superior derecha de cada venta se
párrafo, suavizar, orientación, pegar Lorem Herramienta Recortar encuentra el conmutador de espacio, su tarea
Ipsum. es minimizar y maximizar la ventana para
Herramienta Cuenta Gotas
tener mayor espacio a la hora de realizar los
Filtro: En esta ventana se visualiza la mayoría Herramienta Pincel Corrector Puntual trabajos.
de los efectos artísticos aplicables a los
Herramienta Pincel Clic
diseños: desenfoque, texturas, interpretación
de nubes, viento. Herramienta Tampón de Clonar
Herramienta Pincel de Historia
2.4.2 Barra de Aplicaciones Herramienta Borrador
Herramienta Bote de Pintura
Al presionar una herramienta, inmediatamente la barra de aplicaciones, expone alternativas
Herramienta Desenfocar
específicas de la herramienta seleccionada.
Herramienta Sobreexponer
Herramienta Pluma
Herramienta Texto Horizontal
2.4.3 Conmutador de espacio de trabajo Herramienta Selección Directa
Herramienta Rectángulo
Esta pestaña se encuentra ubicada al lado
superior derecho del programa, una vez Herramienta Mano
presionada, se despliega un menú que Herramienta Zoom
modifica el aspecto de las ventanas que Conmutar Colores Frontal y de fondo
componen el área de trabajo, facilitando la Colores Frontal y de Fondo por defecto
labor del diseñador: Aspecto esen, Configurar Color Frontal y de Fondo
Novedades, Pintura, Fotografía, Tipografía,
Restaurar pintura, Nuevo espacio de trabajo, Colores Frontal y de Fondo por defecto
Eliminar espacio de trabajo. Configurar Color Frontal y de Fondo

11 12
 Introducción a

Es donde se encuantran todas las herramientas de edicion del programa, se seleccionan

2.4.6 Panel de Ventanas 2.4.7 Barra de Estado oprimiendo sobre ellas.

El Panel de ventanas por defecto se encuentra La barra de estado suministra la información

al lado derecho del programa, contiene cada del porcentaje de zoom del archivo, al lado
una de las ventanas del documento que se derecho se encuentra una pequeña flecha, al
trabaja. Las diversas ventanas se pueden darle clic se despliega el siguiente menú:
organizar como fichas y, en ciertos casos, Adobe Drive, Tamaño de archivo, Perfil de
también se pueden agrupar, acoplar o documento, Dimensiones del documento.
convertir en ventanas flotantes, arrastandolas
con el cursor fuera del panel de ventanas.

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

*300 dpi, utilizado en los sistemas de

2.5.2 Terminología impresión. Diseñadores, Fotógrafos, 2.6 Características del Panel o Barra de Herramientas
Ilustradores y Publicistas.
El Panel o Barra de herramientas, se encuentran todas las herramientas de edición de Photoshop,
Imagen para Pantalla: Nota: No se iniciará trabajando con un
por defecto del programa siempre esta al lado derecho de la pantalla, la columna de herramientas
color CMYK, porque hay funciones que
posee un botón, que la convierte en dos columnas con solo un clic.
La resolución de una imagen para pantalla, se inhabilita el programa con este color.
Clic
mide en: PPI (En inglés points per inch) o en
español PPP (Pixeles por pulgada). Ejemplo: Contenido: Indica específicamente el
contenido de fondo que se aplicará al archivo, 2.6.1 Galería de Herramientas
puede ser transparente, blanco y color de
fondo.
Para seleccionar una de las herramientas solo hay que presionar sobre
Se revisa toda la información, se presiona el ella y automáticamente se activará, la mayoría de herramientas se
botón OK, e inmediatamente se abrirá el lienzo encuentran agrupadas y para visualizarlas, tienen un triángulo en la
en el que se trabajará. 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
Imagen para Impresión:
2.5.3 Guardar Archivo
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 1. Archivo > Guarda > Photoshop.
pulgada). Extensión .psd

*Cuantos más píxeles representados en 2. Archivo > Guarda > JPG. Extensión
pantalla o puntos impresos existan por área, .jpg
mayor será la resolución de la imagen.
Cuando menos pixeles o puntos existan, 3. Archivo > Automatizar > Presentación
menor será la resolución. en PDF > Añadir archivo abierto > Guardar.
Extensión .pdf
Existen 2 estandares relacionados con la Dos Columnas
resolución en la imagen digital: 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 Creación de Capas y Grupos

Formas de crear una nueva capa: Formas de crear una nuevo grupo:

1.Barra de Menú>Capas>nueva >capa 1.Barra de Menú>Capas>nueva >grupo

2.6.2 Uso de la Barra de Aplicaciones 2. Dentro de la ventana capas > clic en ícono
crear nueva capa. 2.Dentro de la ventana capas > clic en el
La barra de aplicaciones se visualiza en la Clic ícono Crear un Nuevo grupo.
parte superior izquierda de la pantalla, ella
activa inmediatamente se selecciona una de Clic
las herramientas; tiene la función de
proporcionar varias alternativas de la Herramienta de degradado (G) Aparece una nueva capa sobre la capa
herramienta seleccionada. seleccionada o en el grupo seleccionado en el
panel Capas.
Alternativas de la herramienta en uso - Herramienta de Degradado (G)

21 22
 Introducción a

Desenfoque: Es un efecto de suavizado para Web: La World Wide Web (WWW) o Red
Glosario mapas de bits generado por software de edición informática mundial es un sistema de
gráfica. distribución de información basado en hipertexto
o hipermedios enlazados y accesibles a través
Pintura: Es el arte de la representación gráfica Gráficos rasterizados: Es el proceso por el Texturas: Es una imagen del tipo bitmap de Internet.
utilizando pigmentos mezclados con otras cual una imagen descrita en un formato gráfico utilizada para cubrir la superficie de un objeto
sustancias aglutinantes orgánicas o sintéticas. vectorial se convierte en un conjunto de píxeles virtual, ya sea tridimensional o bidimensional, Multimedia: Se utiliza para referirse a cualquier
o puntos para ser desplegados en un medio de con un programa de gráficos especial. objeto o sistema que utiliza múltiples medios de
Fotografía: Es el arte y la técnica para obtener salida digital, como una pantalla de Multitexturizado es el uso de más de una textura expresión físicos o digitales para presentar o
imágenes duraderas debidas a la acción de la computadora, una impresora electrónica o una a la vez en un polígono. comunicar información.
luz. Imagen de mapa de bits (bitmap).
Tipografía: (del griego τύπος típos, golpe o JPG: Siglas de Joint Photographic Experts
Lienzo: Es una tela que sirve como soporte a Aplicación informática: Una aplicación es un huella, y γράφω gráfο, escribir) es el arte y Group, el nombre del grupo que creó este
las artes pictóricas hecho normalmente de lino, tipo de programa informático diseñado como técnica del manejo y selección de tipos, formato. jpg es un formato de compresión de
algodón o cáñamo, en photoshop se le dice así herramienta para permitir a un usuario realizar originalmente de plomo, para crear trabajos de imágenes, tanto en color como en escala de
al espacio donde se va trabajar. uno o diversos tipos de trabajos. impresión. grises, con alta calidad (a todo color).

Canales RGB: RGB (en Inglés Red, Green, PDF: (sigla del inglés portable document format,
Editar: Proceso mediante el cual se manipulan Plataforma Windows: Es el nombre de una Blue, en Español rojo verde azul) es la formato de documento portátil) es un formato de
archivos, fotos, videos, etc, por medio de familia de sistemas operativos desarrollados y composición del color en términos de la almacenamiento de documentos digitales
programas o técnicas especiales. vendidos por Microsoft. intensidad de los colores primarios de la luz independiente de plataformas de software o
puede referirse. hardware.
Composición: es la forma en la que se ordenan Plataforma Mac: Sistema operativo
los objetos vistos dentro del encuadre, dentro de desarrollado por Apple Inc. Canales CMYK: (acrónimo de Cyan, Magenta,
lo que efectivamente queda en cuadro Yellow y Key) es un modelo de color sustractivo
Resolución: La resolución se refiere a la que se utiliza en la impresión en colores.
Retoque o Retoque fotográfico: es una cantidad de puntos por unidad de superficie que
técnica que permite obtener otra imagen componen una imagen en un plano. PPI: (en inglés points per inch) o en español
modificada, ya sea para lograr una mejor calidad PPP (Pixeles por pulgada).
o más realismo, o para obtener una composición Edición de imágenes: Se ocupa de la edición
totalmente diferente que distorsione la realidad. apoyada en computadores de imágenes DPI: (en inglés dots per inch) o en español PPP
digitales, comúnmente un gráfico rasterizado, (Puntos por pulgada)
Imagen: (del latín imago) es una representación en la mayoría de los casos fotos o documentos
visual, que manifiesta la apariencia visual de un escaneados. Estas imágenes son modificadas
objeto real o imaginario. para optimizarlas, manipularlas, retocarlas, etc Píxel: (acrónimo del inglés picture element,
con el fin de alcanzar la meta deseada. ‘elemento de imagen’) es la menor unidad
Mapa de bits: También conocida como imagen homogénea en color que forma parte de una
matricial, bitmap, raster image o extensión .bmp Calar una imagen: El calado desenfoca los imagen digital, ya sea esta una fotografía, un
(estos dos tomados del inglés), o imagen ráster bordes creando una transición entre la selección fotograma de vídeo o un gráfico.
(un calco del inglés), es una estructura o fichero y los píxeles circundantes.
de datos que representa una rejilla rectangular Web: La World Wide Web (WWW) o Red
de píxeles o puntos de color, denominada Lorem ipsum: Es el texto que se usa informática mundial es un sistema de
matriz, que se puede visualizar en un monitor, habitualmente en diseño gráfico en distribución de información basado en hipertexto
papel u otro dispositivo de representación. demostraciones de tipografías o de borradores o hipermedios enlazados y accesibles a través
de diseño para probar el diseño visual antes de de Internet.
insertar el texto final.
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 24