DISEÑO ASISTIDO POR

COMPUTADORA I
Facultad de Arquitectura
Urbanismo y Artes
Arq. Eder Mendez Yap Sam

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 SEGUNDA SEMANA
HERRAMIENTAS DIGITALES DE COMPOSICIÓN

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Temas
• Creando un nuevo proyecto
• Herramientas básicas
• Capa, Grupos y Guías
• Filtros y ajustes de imagen

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Primer paso
1. Abra Photoshop.
2. Vaya a ' Archivo > Nuevo ' o presione Ctrl/Cmd + N.
3. Ahora se abrirá una ventana que tendrá:
Nombre : este es el nombre de su documento.
Ancho : este es el ancho de su documento.
Altura : esta es la altura de su documento.
Resolución : esta es la resolución de su documento. Se utilizan 72 PPI para Web y 300 PPI
para impresión. PPI significa ' píxeles por pulgada '
Modo de color : este es el tipo de color de su documento. Le sugiero que lo deje como
color RGB por ahora y lo mantenga como 8 bits.
Contenidos de fondo : estos serán sus antecedentes. Te sugiero que lo dejes en blanco.
Configuración avanzada : esto es para usuarios avanzados . Puedes dejarlo como está.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Segunda parte
4. Una vez que haya seleccionado la configuración que
desea, haga clic en ' Aceptar '.

Escuche algunos tamaños de documentos comunes:

720p - 1280x720 a 72 ppp
1080p - 1920x1080 a 72 ppp
A4 : 595 x 842 a 72 ppp o 2480 x 3508 a 300 ppp
A3 : 842x1191 a 72 PPI O 3508x4962 a 300 PPI

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Tercera parte
Repasaré las herramientas básicas que necesitará saber para comenzar con
Photoshop.
Herramienta de movimiento:
Esta herramienta se puede utilizar para mover elementos.
Herramienta de marco:
Esta herramienta se puede utilizar para realizar selecciones. Hay cuatro
tipos diferentes que son:
Rectangular : esto hará una selección rectangular
Elíptica : esto hará una selección elíptica Columna
única : esto hará una selección de columna Fila única : esto hará una
selección de fila

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Cuarta parte
Lazo: Esta herramienta también se puede utilizar para realizar selecciones.
Hay tres tipos diferentes que son:
Lazo : puede realizar una selección a mano alzada. Lazo
poligonal : realizará la selección con líneas. Lazo magnético : realizará la
selección dando forma a los objetos.
Selección rápida: Esta herramienta se puede utilizar para seleccionar
objetos pintándolos con un pincel ajustable.
Borrador: Esta herramienta se puede utilizar para borrar píxeles de una
imagen.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Quinta parte
Pincel: Pinta una pincelada.
Herramienta Lápiz: Las pinturas son trazos de borde duro.
Degradado: Esta herramienta se puede utilizar para realizar combinaciones
de línea recta, radial, angular, reflejada y de diamante entre colores.
Bote de pintura: Rellena áreas de colores similares con el color de primer
plano
Bolígrafo: Esta herramienta se puede utilizar para crear trazados con bordes
suaves. Puedes utilizar el Freeform Pen para crear trazados con las manos
alzadas.
Herramienta Texto: esta herramienta crea un cuadro de texto que se puede
utilizar para escribir texto.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Sexta parte
Herramientas de forma:
Estas herramientas se pueden utilizar para crear formas. Hay seis tipos
diferentes de herramientas de forma que son:
Rectángulo, Rectángulo redondeado, Elipse, Polígono, Línea, Forma
personalizada
Mano: Esta herramienta se puede utilizar para mover una imagen dentro de
la ventana.
Zoom: Acercar y alejar.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe
 CAPAS F 7
1. Menú capa:
2. Filtros de búsqueda de capas:
3. Modo de fusión de capa
4. Opacidad
5. Bloqueo de la capa
6. Relleno
7. Capas
8. Visibilidad de la capa
9. Indicador de capa bloqueada
10. Otras funciones:
a. Enlazar capas
b. Añadir un estilo de capa
c. Añadir una máscara de capa
d. Crear una capa de ajuste
e. Crear un grupo de capas:
f. Añadir nueva capa
g. Borrar capa
Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe
 https://helpx.adobe.com/es/photoshop/how-to/composite-
in-photoshop.html
https://creativecloud.adobe.com/es/discover/article/photo
shop-compositing-tools-and-techniques
https://www.idat.edu.pe/blog/8-herramientas-dise%C3%B
1o-grafico-digital

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 TRABAJO DE CLASES: ELABORAR UN
PINTADO DIGITAL
TRABAJAR LA IMAGEN ASIGNADA
CREAR CAPAS
USAR MÁSCARAS
USAR FILTROS Y HERRAMIENTAS BÁSICAS DE SELECCIÓN Y
RECORTE
TRABAJAR CAPTURAS DEL PROCESO
RETOCAR CON SOBREEXPOSICIÓN Y SUBEXPOSICIÓN

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 TERCERA SEMANA
DIAGRAMAS Y FORMATOS

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Una foto digital no es una cosa
indivisible. Si te acercas lo
suficiente, verás que tu
imagen es como un mosaico
formado por pequeños
mosaicos, que en fotografía se
llaman píxeles.
La cantidad de estos píxeles y
la forma en que se distribuyen
son los dos factores que debe
tener en cuenta para
comprender la resolución.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 El primer tipo de resolución se refiere al recuento de
píxeles, que es la cantidad de píxeles que forman su
foto. Para calcular esta resolución, simplemente use la
misma fórmula que usaría para el área de cualquier
rectángulo; multiplicar la longitud por la altura. Por
ejemplo, si tienes una foto que tiene 4.500 píxeles en
el lado horizontal y 3.000 en el tamaño vertical, te da
un total de 13.500.000. Debido a que este número es
muy poco práctico de usar, puede dividirlo por un
millón para convertirlo en megapíxeles. Entonces 13
500 000 / 1 000 000 = 13,5 megapíxeles.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Densidad de píxeles
El otro tipo de resolución se trata de cómo distribuye la cantidad total
de píxeles que tiene, lo que comúnmente se conoce como densidad
de píxeles.
Ahora bien, la resolución se expresa en dpi (o ppi), que es el acrónimo
de puntos (o píxeles) por pulgada. Entonces, si ve 72 ppp, significa que
la imagen tendrá 72 píxeles por pulgada; si ve 300 ppp significa 300
píxeles por pulgada, y así sucesivamente.
El tamaño final de tu imagen depende de la resolución que elijas. Si
una imagen tiene 4500 x 3000 píxeles, significa que se imprimirá a 15
x 10 pulgadas si establece la resolución en 300 ppp, pero será de 62,5
x 41,6 pulgadas a 72 ppp. Si bien el tamaño de su impresión cambia,
no está cambiando el tamaño de su foto (archivo de imagen), solo
está reorganizando los píxeles existentes.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Imagina una banda
elástica, puedes estirarla o
encogerla pero no estás
cambiando la composición
de la banda, no estás
agregando ni cortando
nada de la goma.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 ¿Entonces cantidad es igual a calidad?
Debido a la correlación antes mencionada entre
el tamaño y la resolución, mucha gente piensa
que los megapíxeles equivalen a calidad. Y en
cierto sentido lo hace porque cuantos más
píxeles tenga que distribuir, mayor será la
densidad de píxeles.
Sin embargo, además de la cantidad también
debes considerar la profundidad de los píxeles,
esto es lo que determina la cantidad de valores
tonales que tendrá tu imagen. En otras palabras,
es el número de colores por píxel. Por ejemplo,
una profundidad de 2 bits puede almacenar solo
negro, blanco y dos tonos de gris, pero el valor
más común es de 8 bits. Los valores crecen
exponencialmente, por ejemplo, con una foto de
8 bits (2 elevado a 8 = 256) tendrás 256 tonos de
verde, 256 tonos de azul y 256 tonos de rojo, lo
que significa unos 16 millones de colores.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 FORMATOS Y RESOLUCIÓN
Probablemente haya visto que en la configuración de su
propia computadora, tiene una resolución de monitor de
800 x 600, 640 x 480, etc.
En resolución de píxeles, el término resolución se refiere
al número total de píxeles en una imagen digital. Por
ejemplo. Si una imagen tiene M filas y N columnas, su
resolución se puede definir como M X N.
Si definimos la resolución como el número total de
píxeles, entonces la resolución de píxeles se puede
definir con un conjunto de dos números. El primer
número es el ancho de la imagen, o los píxeles de las
columnas, y el segundo número es la altura de la
imagen, o los píxeles de su ancho.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 ¿Cómo elegir y controlar el tamaño
de la imagen y el tamaño del
archivo?
En primer lugar, debe elegir la salida para su foto, hay una densidad máxima
que necesita. Si va a publicar su imagen en línea, puede hacerlo muy bien con
solo 72 ppp, pero eso es muy poco para imprimir una foto. Si lo vas a imprimir
necesitas entre 300 y 350 dpi.

Por supuesto, estamos hablando de generalizaciones porque cada monitor y

cada impresora también tendrán resoluciones ligeramente diferentes. Por
ejemplo, si desea imprimir su foto en 8 × 10 pulgadas, necesita que su imagen
tenga 300 ppp x 8 "= 2400 píxeles por 300 ppp x 10" = 3000 píxeles (por lo tanto,
2400 × 3000 para imprimir un 8 × 10 a 300 ppp) . Cualquier cosa más grande
que eso solo ocupará espacio en su disco duro.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 FORMATOS Y RESOLUCIÓN
Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe
8×10 pulgadas a 300 ppp, este
es el tamaño necesario para
imprimir un 8×10. Observe que
el tamaño de píxel es 3000 x
2400.
Si no deseas perder ninguna
información, debe guardar un
formato sin comprimir. El más
común y, por lo tanto, más fácil
de compartir es TIFF.
Si no te importa perder un poco
de información siempre que
tenga un archivo más ligero,
elija un JPEG y elija qué tan
pequeño lo desea. Obviamente,
cuanto más pequeño lo
establezca, más información
 FORMATOS DE IMAGEN

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 FORMATOS DE IMAGEN
Ráster
Una imagen rasterizada está formada por una colección de puntos
llamados píxeles. Una imagen de 72 ppp está formada por 72 puntos
por pulgada (ppp) o 72 píxeles (ppi) en cada pulgada de esa imagen.
El número de píxeles que componen una imagen rasterizada se
denomina resolución y es fijo. Si toma una imagen de 72 ppp y la
escala un 300%, no aumentará la cantidad de píxeles o puntos de
esa imagen, simplemente aumentará el tamaño de cada píxel o
punto. El resultado será una imagen en la que se pueden ver
claramente los píxeles y sin detalles finos. Es por eso que se
recomienda usar un tamaño alto de 300 dpi para obtener una imagen
de calidad.
Las imágenes de trama se utilizan generalmente para fotografías o
ilustraciones que han sido escaneadas, o fotos de cámaras y
teléfonos que funcionan con un programa basado en tramas como
Photoshop

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 FORMATOS DE IMAGEN
Vector
Una imagen vectorial está hecha de caminos. Un
camino puede ser una línea, un cuadrado o una
forma. Las rutas se utilizan para representar la
tipografía y crear cualquier cosa, desde diagramas
simples hasta ilustraciones complejas. Los caminos
no son fijos.
Las imágenes vectoriales son ideales para cuando la
preservación de los detalles es fundamental, como
en el texto, los logotipos y las ilustraciones planas.
Las imágenes vectoriales se pueden escalar a un
tamaño mayor y no pierden calidad de imagen
porque están hechas de caminos y no de puntos
(píxeles).

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe
Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe
Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe
 TRABAJO EN DIBUJO RASTER PARA
ARQUITECTURA

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 TRABAJO EN DIBUJO VECTORIAL
ARQUITECTURA

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Links útiles:
https://negliadesign.com/ask-a-designer/ask-a-desi
gner-how-and-when-to-use-different-image-file-for
mats/
https://medium.com/hd-pro/jpeg-tiff-png-svg-file-f
ormats-and-when-to-use-them-1b2cde4074d3
https://digital-photography-school.com/understan
d-pixels-resolution-resize-photoshop/

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 1. TRABAJO DE CASA
Composición Collage

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Ejercicio de clases
Herramientas a usar:
Descripción: Crea una
1. Creación de hoja
composición collage usando el 2. Creación de capas
MISMO esquema mostrado en 3. Herramienta texto
el vídeo. 4. Transformar imagen (CTRL + T)
En otra diapositiva explica de 5. Filtros inteligentes
6. Recorte de imagen
qué trata y cómo lo has 7. Efectos de capa (trazo)
COMPUESTO 8. Lazos para eliminación de fondo
Procedimiento: 5 Capturas 9. Uso de imágenes con transparencia
pantalla en una presentación 10. Uso de paletas de colores
(con fecha y hora) + resultado (cuentagotas)
11. Ajustes de capa y vínculo de capa
final y explicación de temática y
12. Bote de pintura
composición . Busca elementos 13. Formas
en base a una temática - Coloca 14. Sombras paralelas
un título a tu obra 15. Tono y saturación
Formato: 16. Texto en párrafo
Arq. Eder Mendez YapA-3
Sam / emendezy@upao.edu.pe
 EL COLLAGE
La belleza del diseño de collage
es que no hay reglas. Es una
forma de diseño
extremadamente liberadora
con infinitas posibilidades:
cada elemento agregado
desarrolla el nuevo mundo que
está construyendo en la página
o la pantalla.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 EL COLLAGE
La tendencia del collage de
2020 es más segura, expresiva
y abstracta que las tendencias
de collage anteriores. Verá
imágenes antiguas colocadas
con menos cuidado y más una
actitud de "todo vale": creación
de marcas divertidas, recortes
de fotografías abstractas y
toneladas de textura.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 EL COLLAGE
Es una obra de arte hecha
pegando varias fotos y papel en
el respaldo. Pero el diseño de
collage no termina ahí. Hay
muchos estilos y expresiones
diferentes de collage, que van
desde sus humildes artes y
artesanías hasta el diseño
gráfico y la ilustración de
vanguardia.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 EL COLLAGE DE PAPEL
El collage de papel, también
conocido como collage
analógico, es la forma original
del arte del collage.
Ya sea que esté recortando
imágenes de libros antiguos o
trabajando como Matisse y
recortando formas de papel
pintado, el collage de papel es
la forma prototípica de collage.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 EL COLLAGE DIGITAL
El collage digital es una bestia
completamente diferente al collage
en papel porque no hay materiales
físicos, y ninguna de las
restricciones que conlleva su uso.
Con el diseño de collage digital, se
crean imágenes únicas mediante el
uso de software como Photoshop
para alterar texturas, superponer
varias fotos e ilustraciones y
distorsionar el material de origen. El
efecto suele ser mucho más nítido y
moderno que un collage de papel,
Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe pero a menudo carece de la calidad
 COLLAGE
El diseño de collage es una forma de arte
alegre, expresiva y liberadora. El uso de arte
de collage en su diseño es una forma segura
de indicar a los espectadores que está
ofreciendo algo único, algo que se creó con
cuidado, en lugar de algo producido en
masa.
Desde principios del siglo XX, el arte del
collage ha seguido siendo una forma popular
de diseño contemporáneo. Aunque sube y
baja dentro y fuera de las tendencias de
diseño, el diseño de collage siempre será
una forma de arte reconocida y respetada.
¿Es un diseño de collage único la elección
correcta para su marca?
Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe
 BIBLIOGRAFÍA
https://www.behance.net/gallery/15704069/Urban-exhibition
https://es.99designs.com/blog/art-illustration/collage-design/amp/
https://www.tate.org.uk/art/art-terms/c/collage
https://megancoyle.com/learn/elementary-school/collage-story/what-is-c
ollage/
https://www.riseart.com/guide/2371/a-guide-to-collage

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 Mezclar materiales = la clave de todo el arte del
collage

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 COLLAGE EN ARQUITECTURA Y
URBANISMO

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 COLLAGE EN ARQUITECTURA Y
URBANISMO

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe

 RECOMENDACIONES EN AULA
1. Llegar temprano a clases, la lista se tomará dentro de los 10
primeros minutos de clase
2. Saludar
3. No copiar archivos
4. Presentar a tiempo dentro del plazo establecido. La entrega por
comentario reduce puntaje
5. Cualquier cambio o reprogramación de clase, debe ser coordinado
entre todos
6. A quienes tengan asistencia perfecta se les adicionará un punto
en cada componente
7. Presta atención y trata de terminar tus trabajos lo antes posible.

Arq. Eder Mendez Yap Sam / emendezy@upao.edu.pe