Workshop: Edición de plantas arquitectónicas en Photoshop

Manual de clase
ÍNDICE
Parte 1: Presentación del programa
Cómo crear un lienzo desde cero 3

Explicación del flujo de trabajo 4

Configuración de atajos 7

Parte 2: Edición de planta arquitectónica en photoshop

Cómo importar un pdf a photoshop 11

Capas en photoshop 12

Pintar usando la herramienta ‘bote de pintura’ 13

Colocar texturas usando capa de motivo 14

Insertar una imagen y borrar el fondo 18

Colocar sombras 21

Colocar texto en Photoshop 22

Exportar un documento en pdf. 23

 Parte 1
Presentación del programa
Crear un lienzo desde cero

4
Al abrir el programa te encontrarás con
estas opciones: Crear nuevo y Abrir.
Pueden arrastrar una imagen o PDF desde
el escritorio hacia el programa o pueden
crear un lienzo desde cero.

1 Nombre del 2 Tamaño, 3 RGB CMYK 4 Color del lienzo:

documento resolución e r l y a e b
d e u a g l l - Blanco
y unidad e e n e l a - Negro
de medida n n o c - Transparente
del lienzo t w k
a
Digital Impresión
3
Explicación del flujo de trabajo
2

3
5

4
Explicación del flujo de trabajo
1 Mover
Hacer selección con formas
Lazo poligonal
Varita mágica
Selección color
Recortar lienzo
A B
Marco
Gotero
Pincel corrector puntual C

Pincel
Tampón de clonar
Pincel de historia D
Borrador
A Resetear color
Bote de pintura
B Cambiar entre P/S
Dedo
C Color principal
Subexponer y sobreexponer
D Color secundario
Pluma
Mover el círculo y la barra lateral para Puedes copiar el código de
Texto generar un color. un color en específico.
Selección de trazado
Formas Páginas recomendadas para crear paletas de colores:
Rotar Adobe color
Lupa Colors.co
5
Explicación del flujo de trabajo
4 5 A Capa de ajuste

Retoque de luz

Retoque de color

B Estilo de capa
B A

Eliminar capa o grupo

Sombra interior a los muros
Agregar capa
Crear grupo
Por default en la sección de propiedades, te Capa de ajuste A
aparecerá la información del lienzo. Agregar texturas
Esto cambia dependiendo de la herramienta
Máscara de capa
que estes utilizando en el momento Estilo de capa B Agregar sombra a objetos

6
Configuración de atajos

1 6

4 5

Teclas y funciones Atajos

1 TAB - Pantalla completa. V - Seleccionar/mover M - Marco rectangular

2 BLOQ. MAYUS. - Mostrar u ocultar la punta del pincel. C - Cortar lienzo W - Varita mágica

3 SHIFT - Permite hacer recto un trazo/pincelada. L - Lazo poligonal I - Gotero

4 CTRL - Ctrl + letra: diferentes funciones. E - Borrador P - Pluma

5 ALT - Gotero cuando el pincel o bote de pintura estan activos. G - Bote de pintura T - Texto

6 SUPRIMIR - Eliminar un objeto. B - Pincel S - Tampón de clonar

7
Configuración de atajos

CTRL - Combinaciones

CTRL + Z - Deshacer una acción

CTRL + D - Deshacer selección

CTRL + S - Guardar documento

CTRL + E - Unir capas

CTRL + J - Duplicar capa

CTRL + T - Transformar imagen

Deformar una
imagen

ALT - Combinaciones
Rotar ángulos
ALT + OBJETO - Duplicar objeto
rectos

ALT + SUPRIMIR - Con el bote de pintura activo se pinta la pantalla del color principal
Mirror

8
Configuración de atajos
1

9
 Parte 2
Edición de una planta arquitectónica
Importar un PDF a Photoshop
1 Puedes importar el PDF desde ‘Archivo’ Una vez importado, te aparecerá esa ventana:

A Cambiar nombre del archivo

B Dimensión del pdf

C Resolución y modo de color. RGB o CMYK
D Confirmación para abrir el archivo

*CTRL o COMMAND + U:
Para oscurecer las líneas de tu PDF, bajamos el
2 Puedes arrastrar el PDF del escritorio hacia el valor de luminosidad
programa.
11
Capas en Photoshop

Cambiar el nombre de una capa Orden y visibilidad de una capa

Opacidad de la capa.

* 1
El orden de las capas
importa en visibilidad. La
Doble click sobre el 2 capa 1 se verá por encima
A de la capa 2.
nombre para editarlo

A Nombre default del PDF * Ver/Ocultar capa .

Es importante cambiar el
nombre de las capas para
poder mantener un orden el
flujo de trabajo.
Agregar una capa nueva.
12
Herramienta ‘bote de pintura’ para pintar planos

1 Seleccionamos la herra- 3 Seleccionamos el color a usar. Podemos elegir del panel o colocar un código.
mienta Bote de pintura

2 Creamos una capa nueva

para trabajar ordenadamente.

* Antes de pintar:
La casilla de todas las capas debe estar activada, si no está activada no detec-
tará las líneas del pdf y pintará toda la pantalla.

13
Colocar texturas usando ‘Capa de motivo’

1 Importamos la textura en una ventana nueva.

* Antes de definir motivo:

Podemos modificar el color de la imagen antes de definir el motivo.
Después de eso, ya no se podrá modificar.
-Para modificar el Tono/Saturación: CTRL o COMMAD + U
-Páginas para conseguir texturas: Google imágenes, Pinterest, Textures.com

Quitar el candado
para poder editar
la imagen

14
Colocar texturas usando ‘Capa de motivo’

2 Edición > Definir motivo 3 Cambiamos el nombre

de la textura. (Opcional).
Y le damos click a OK.

4 Creamos una capa nueva y la 5 En estilo de capa seleccionamos

nombramos como piso textura. Superposición de motivo.

15
Colocar texturas usando ‘Capa de motivo’

6 Al elegir superposición de motivo, se abrirá esta ventana.

A
B
C
A Opacidad de la
textura.
D
B Desplegamos la
flecha para bus-
E
car la textura.

C Ajustar origen a
esquina superior
izquierda de capa
o documento.

E Orientación de la
textura.
16
Colocar texturas usando ‘Capa de motivo’

7 Seleccionamos la herramienta bote de pintura y con la capa seleccio- 8 Listo, así queda la textura aplicada.
nada, pintamos.

* Herramienta ‘marco rectangular’ para delimitar espacios

Al tener líneas segmentadas en el plano, la textura se puede fugar
como el hatch en Autocad. Con la herramienta marco rectangular
podemos crear un límite y pintar solo en la zona deseada.

17
Insertar una imagen y borrar el fondo

1 Insertamos la imagen al igual que el PDF, importandola o arrastrandola hacia el lienzo. Click derecho en la capa > Rasterizar
capa
Para poder editar una imagen es necesario
rasterizar la capa. Es como quitar el canda-
do de la capa.

Sin rasterizar Rasterizado

18
Insertar una imagen y borrar el fondo

Eliminar el fondo de una imagen.

1 Seleccionamos la herramienta
* Al seleccionar ... Tener en cuenta la casilla de tolerancia. A un número menor, el rango de
selección será pequeño. A un número mayor, el rango se ampliará.
varita mágica y seleccionamos el
área a eliminar.

Para seleccionar colores similares:

19
Insertar una imagen y borrar el fondo

* Tip de retoque de selección:

Con la herramienta Lazo poligonal + SHIFT, podemos corregir la selección en
2 Una vez tienes el área blanca seleccionada,
click en suprimir y listo.
caso nos pase esto:

20
Colocar sombras en Photoshop

1 Con la capa seleccionada, vamos a Añadir un estilo 3 Te aparecerá esta ventana donde puedes hacer diferentes ajustes.
de capa.

A
B

2 Seleccionamos A Opacidad B Dirección C Propiedades

sombra paralela.

30% 100%
Debemos tener en cuenta las
fuentes de luz en nuestro pla- 1. Distancia de la sombra
no para colocar las sombras 2. Difuminar la sombra.
correctamente.
3. Tamaño de la sombra.
Click en luz global para que
todos los elementos tengan
el mismo ángulo.
21
Colocar texto en Photoshop

1 Seleccionamos la herramien- 2 Al escribir un texto, en la parte superior nos aparecerá una barra de herramientas básicas. Nos
ta Texto horizontal. permitirá modificar el estilo de letra, el tamaño, justificar el texto y el color.

3 Seleccionamos la herramienta Texto

horizontal.

A Tipografía C Distancia entre

las líneas del
párrafo
A
B C
D

E
B Tamaño de letra D Distancia entre
palabras

22
Exportar un documento en PDF
1 Archivo > Guardar como ... 2 Elegir el nombre final del archivo, ubicación y el formato.

23
Exportar un documento en PDF

3 Modificar el formato 4 Guardar PDF

Puedes exportar el documento en versión: PDF, El beneficio de guardar el documento como Photoshop PDF, es que no pierdes
JPEG, PNG, etc. la información del archivo. Puedes volver abrirlo y seguir editando.

24
¡Gracias por participar del workshop!