tutoriales – ARQZON

Renderizado con Photoshop | Fachadas

Arqzon — Thu, 23 Apr 2020 00:48:45 +0000

En nuestro artículo pasado HERRAMIENTAS DE EDICIÓN││ ADOBE PHOTOSHOP aprendimos de manera general todo lo que podíamos realizar gracias al uso de Adobe Photoshop. Es una gran herramienta para ayudarnos a completar nuestros trabajos arquitectónicos. En esta ocasión te presentamos una pequeña guía de como renderizar una fachada en PS.

Primeros pasos

Es necesario tener una base o plantilla base de nuestra sección que queremos renderizar. La ventaja con Ps es que tenemos muchas opciones desde donde podemos empezar mientras tengamos un archivo con extensión jpg, png o pdf.

Recuerda que el rendering con Ps es muy similar a realizar un collage con recortes. Te podría ser más fácil trabajar por medio de planos. Comenzando con los elementos del fondo y siguiendo hacia adelante dependiendo de las profundidades de tu trabajo.

Abre tu archivo de guía en Ps, Nuestra sección o base Puede ser un sketch a mano o un archivo dibujado en Autocad guardado como pdf.

Textura

Lo llamativo de rendering con Ps es que lo podemos hacer como collage por medio de texturas. Las texturas las puedes descargar de diversos lugares con solo googlear “texturas para Photoshop”. Te recomiendo explorar diversas paginas y realizar una compilación con tus elementos y texturas favoritas.

Para ingresar la textura a nuestro collage. Será necesaria la herramienta lazo poligonal (L). Con esta elegimos dentro de nuestra sección el lugar donde deseamos esté nuestra textura.

la linea punteada indica el área que haz seleccionado

Ahora inserta tu textura que has descargado previamente, puedes hacerlo desde archivo>colocar o bien solo arrástrala a la pantalla sobre tu plantilla.

Este paso es muy importante con la textura ya inserta sobre el área que deseas renderizar, en el parte inferior derecho, debajo del área de las capas. Da click en “añadir mascara de capa”.

Te quedará más o menos así, puedes bajar la opacidad o el relleno de la capa para poder seguir viendo tu plantilla guía.

Continúa añadiendo texturas a tu proyecto.

Recuerda > selecciona el área con lazo poligonal (L) o si prefieres con Marco rectangular (M) > coloca o inserta tu textura > click en añadir mascara de capa.

Bum! ¡Ahora nuestro proyecto a tomado mucha más forma! Ahora probaremos sombras y profundidades.

Sombras

Te recomiendo crear una nueva capa por cada sombra que desees agregar, e igual que con las texturas utiliza la herramienta Lazo poligonal (L). Selecciona en donde deseas las sombras según tu proyecto, después utiliza la herramienta bote de pintura (G) o si prefieres pincel (B), pinta la sombra con un color obscuro y baja su opacidad y relleno para hacerlas trasparentes. De esta forma puedes crear profundidades, luz y sombras para darle más dimensión a tu render.

¡Ya casi terminamos! Ahora el collage ha tomado mucha más forma, pero el último paso, será ambientarlo. Añade naturaleza y escalas humanas. Puedes buscar por la red e igual que con las textura. Arma tus propias carpetas con tus imágenes en png favoritas, listas para tus renders.

Casa Once | Espacio 18 Arquitectura + Cueto Arquitectura

Para finalizar, puedes agregar un fondo en una de las capas inferiores, si te gusta el efecto del circulo, dibuja un circulo solido con la herramienta elipse> archivo> colocar> coloca la textura que desear como fondo> click derecho sobre la capa de la textura> crear mascara de recorte.

Comenta aquí abajo si te ha gustado esta pequeña guía y si te gustaría seguir aprendiendo métodos de representación con Photoshop. Pronto agregaremos materiales y recursos de Photoshop a nuestras bibliotecas para que las puedas obtener en Arqzon.

COMPARTE EN:

Como hacer un diagrama de sitio con Adobe Photoshop

Arqzon — Thu, 23 Apr 2020 00:22:02 +0000

Diagrama de sitio

Continuamos con nuestras pequeñas guías de representación arquitectónica, en las cuales aprendemos como a través del uso de Adobe Photoshop podemos expresar nuestro trabajo de una forma sencilla y obteniendo resultados de una gran calidad.

En el artículo pasado Renderizado con photoshop | Fachadas pudimos descubrir técnicas muy sencillas para nuestros trabajos 2D. En esta ocasión la presente guía te mostrará como podremos utilizar el mismo procedimiento del renderizado de una fachada 2D a un elemento 3D como lo es un Diagrama de sitio. Excelente para ser utilizado como modelo de Diseño de Paisaje en donde se puede señalar y explicar materiales, detalles y elementos de tu propuesta.

Guía

1. Para empezar, como esta vez se trata de un diagrama con 3 dimensiones, partiremos de un programa de modelado como SketchUp. Comienza modelando la sección que deseas representar de tu proyecto, basta con que incluyas niveles, elementos fijos construidos, senderos etc.

2. Una vez que tengas modelado tu diagrama ve a la pestaña estilos < estilos predeterminados < y elije la opción línea oculta.

3. Una vez hecho esto, procederemos a exportar nuestro diagrama de sketchUp para poder editarlo en PS, para esto ve a Archivo < Exportar < Gráfico 2D < tipo de archivo PNG < exportar.

4. El siguiente paso es abrir nuestra imagen png que acabamos de exportar, en Ps . Recuerda que una vez abierta copiar esta capa para empezar a trabajar en una que no tenga el candadito.

Colocación de texturas

Ahora es tiempo de comenzar a colocar texturas y efectos. Te recomiendo primero crear distintos grupos para tener ordenada tu paleta de capas, yo por ejemplo cree los grupos; VEGETACION / ESCALAS / TEXTURAS / SOMBRAS.

Continuamos con lo más fácil, colocar texturas, si aun no tienes texturas para comenzar a hacer tus diagramas.

4. Para colocar una textura puedes ir a Archivo < colocar < seleccionar archivo o simplemente arrastra tu archivo hasta la pantalla de PS y este lo colocará sobre el diagrama que estamos trabajado.

5. Una vez colocada la textura, puedes moverla y ajustar su tamaño u orientación, seleccionándola y tecleando CTRL + T

6. Una vez colocada adecuadamente tu textura, puedes apagar la capa por un momento y proceder a seleccionar el lugar especifico en el que esta estará, para eso puedes usar la herramienta lazo (L) o también puedes utilizar la herramienta Varita mágica (W).

7. Coloca la textura y apágala para utilizar la herramienta varita mágica.

8. Cuando seleccionas el área con la herramienta Varita mágica, aparece una linea punteada intermitente alrededor de la zona.

9. Ahora prende la capa de la textura que deseas agregar al diagrama y con la capa de la textura seleccionada, da click en < Añadir máscara de capa >

El resultado será algo asi, repite el procedimiento con el concreto de los paseos, texturas de pasto y las diferentes texturas según tu proyecto, recuerda manejar en que dirección desear que haya luz y en que partes debe ser las texturas más obscuras para crear el efecto de sombra.

10. Para lograr el efecto de la transparencia del agua, agrega la mascara de recorte a la zona en donde quieras que haya agua y baja los valores de opacidad y relleno para crear un efecto de transparencia.

11. Ahora en el caso de que no quieras tener un aspecto de agua plano y desees agregar el efecto de profundidad, copia primera capa de agua que has creado, [ puedes tomar la capa con click sostenido y arrastrarla al icono de nueva capa ó click derecho < duplicar capa] esa copia será igual de trasparente que la primera pero al estar sobre la primera creará un color más fuerte, por lo que debes cambiar el tamaño de la segunda que creaste con CTRL + T Te quedará un efecto más o meno así.

Nuestro diagrama casi está listo, ambientalo agregando escalas humanas y vegetación colocando sobre estas imágenes png.

12. Casi para terminar, puedes conservar el fondo blanco, aunque en lo personal me gusta agregar una textura de papel al fondo, < archivo < colocar < seleccionar archivo. En caso de que la imagen sea demasiado pequeña, puedes copiarla, dando click sobre la textura y mantener apretado Alt y arrastrar con el mause hacia un lado.

13. Nuestro diagrama es casi perfecto, dependiendo de tu presentación puedes agregar etiquetas y texto explicando tu diagrama con la herramienta Texto (T)

14. Finalmente, este es el resultado, de un proceso fácil y que no lleva más de 15 minutos de elaboración. Si deseas más mini guías como estas, escríbenos a arqzon.

COMPARTE EN:

Fuentes

______________________________________________________________________________