¿Cómo simular un logotipo en un entorno realista?


8

Recientemente he creado un logotipo. He visto una tendencia en línea de mostrar un logotipo en un entorno realista, ilustrando los posibles casos de uso del logotipo.

Aquí se puede ver un ejemplo de esto, con el logotipo original en la parte inferior y una maqueta 3D en la parte superior:

Maqueta de logotipo 3D]
Haga clic para tamaño completo

¿Cómo puedo crear tal maqueta?


Google: "maqueta de logotipo de pared 3d", en realidad la imagen que colocas en la pregunta es una maqueta: "Maqueta de logotipo de ventana de vidrio 3D".


¡Gracias a todos por sus respuestas! ¡Son muy útiles y me aseguraré de probar todos sus métodos!
Robbe Verhoest

Respuestas:


17

El metodo facil :

Descargalo.

Hay muchas maquetas (gratuitas) como esta disponibles en línea. Estos son generalmente archivos de Photoshop que tienen el logotipo incrustado en un objeto inteligente. Al reemplazar el logotipo dentro del objeto inteligente por el suyo, puede previsualizar fácilmente su logotipo en una configuración realista.

Algunos ejemplos de recursos de maquetas (gratuitos y de pago):


El método aún fácil

Usando un software dedicado.

Adobe ha lanzado recientemente Dimension, por ejemplo. Este software tiene un montón de escenas y modelos en 3D incorporados, combinados con sus mapas de desplazamiento. Entonces, todo lo que necesita hacer es arrastrar su logotipo y se ajustará automáticamente a un producto.

Un programa muy similar es BoxShot .

Ejemplo:

ingrese la descripción de la imagen aquí


El método no es tan fácil pero sigue siendo bastante fácil

Ruede el suyo.

  1. Encuentre una buena foto de un escaparate, una pared de oficina, cualquier lugar en el que desee ver su logotipo. Por ejemplo:

ingrese la descripción de la imagen aquí

  1. Prepare el lugar donde desea poner su logotipo. En el ejemplo que acabo de pintar sobre la ventana, y usé el pincel curativo en la parte superior de la tienda y el letrero.

ingrese la descripción de la imagen aquí

  1. Agregue su logotipo (como píxeles) y conviértalo en un objeto inteligente ( haga clic con el botón derecho > Convertir en objeto inteligente_ o Capa > Objetos inteligentes > Convertir en objeto inteligente ).

ingrese la descripción de la imagen aquí

  1. Coloque su logotipo como desee. Agregué un logotipo blanco, así que para la ventana agregué un estilo de capa (color de superposición negro).

ingrese la descripción de la imagen aquí

  1. Si desea colocar su logotipo en otros lugares, duplique su capa. Es importante que duplique, para que el logotipo se actualice en todas partes cuando reemplace el contenido del objeto inteligente. También agregué un patrón de ruido al superior para hacerlo un poco más realista.

ingrese la descripción de la imagen aquí

  1. Ahora reemplacemos nuestro logotipo en nuestro objeto inteligente y veamos si se actualiza. Haga doble clic en el icono de objeto inteligente en la capa y se abrirá el objeto inteligente. Coloque su nuevo logotipo y oculte o elimine el antiguo. Guarda y vuelve a tu primera imagen.

ingrese la descripción de la imagen aquí

¡Éxito! Como puede ver, esto sigue siendo bastante fácil de hacer una vez que comprende cómo funciona esto. Incluso puede distorsionar y agregar efectos a objetos inteligentes, y el contenido será fácil de actualizar.

Esto realmente impresiona a un cliente (potencial): ¡una imagen de su tienda actual con su nuevo logotipo!


- Fuente de la foto: https://unsplash.com/photos/y6rwKaurdkI
- Fuente del logotipo: http://acmelogos.com/


7

Aquí hay una manera bastante simple de hacer algo similar, sin ningún efecto 3D (o cualquier representación 3D larga), simplemente usando efectos básicos en Photoshop.

Que necesitarás:

  • Una fotografía de una ventana / pared / superficie con algunos reflejos mostrando
  • Una imagen de logotipo con un fondo transparente.
  • Una segunda fotografía para usar como capa de reflexión. Esto puede ser cualquier cosa, siempre que haya mucho contraste claro y oscuro.

En el ejemplo a continuación, la imagen del frente de la tienda es la capa inferior. Además de eso, pegué el logotipo en su propia capa, que era bastante grande, lo convertí en un objeto inteligente, luego usé una Transformación de distorsión para hacer coincidir la perspectiva del logotipo con el marco de la ventana y reducir su tamaño. Luego apliqué un efecto de bisel y relieve, y solté una sombra en el objeto inteligente del logotipo para darle algo de profundidad y solidez.

Es bastante útil tener el logotipo como un objeto inteligente, ya que puede editar la Transformación de distorsión tantas veces como lo desee sin degradar la calidad de la imagen.

Luego usé una foto de una escena de la calle como una capa de reflexión. La imagen se convirtió en alto contraste con el filtro Umbral, luego la borré con el filtro Gaussian Blur, luego hice un filtro de distorsión Ocean Ripple para darle un poco de textura.

La capa de reflexión se recortó a la capa del logotipo, y el modo de capa cambió a pantalla, y también bajé la opacidad de la capa de reflexión.

Aquí hay ejemplos de las imágenes que utilicé

ingrese la descripción de la imagen aquí

Y aquí hay un ejemplo del efecto final, que muestra las capas

ingrese la descripción de la imagen aquí

Haga clic aquí para obtener un zoom del 100% en el logotipo

También sería posible usar esto como una plantilla de maqueta, ya que todo lo que necesita hacer para un logotipo diferente es pegar otra imagen en el objeto inteligente.


6

Para mí, tengo un conjunto de herramientas de modelado y renderizado 3D con las que me he sentido bastante cómodo, y las uso cada vez que ocurre esta situación. Como se estipula en la respuesta anterior, cuando le muestra al cliente los diseños propuestos no solo en un "contexto" genérico sino de hecho en su contexto específico, el impacto es ... audible.

Si no desea desplazarse por los objetos inteligentes de Photoshop y sus limitaciones masivas, puede usar Boxshot (fácil) o Blender (gratis), o modo (potente y fácil) o C4D (tiene un complemento existente para la versión Illustrator y Lite incluido con Adobe CS Suite).

Yo personalmente uso el modo y me encanta.

Vea algunos de mis ejemplos de un proyecto de documentación de ayuda continua que refleja los cambios en el diseño de la portada, el diseño del contenido e incluso el concepto base:

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí


5

Ya hay muchos elementos esenciales cubiertos por otras respuestas, pero aún puedo agregar algo.

El logotipo insertado debe ubicarse en la imagen de fondo de varias maneras:

  • misma luz, glosas y sombras plausibles
  • mismo balance de blancos
  • mismo contraste y saturación de color
  • mismo nivel de ruido y de distorsión general
  • En la misma perspectiva de visualización, se puede necesitar algo de extrusión 3D si se trata de una señal con cierto grosor.
  • compatibilidad con la forma de la superficie geométrica (= curvas y golpes a la derecha)

Si el medio ambiente está desgastado y desgastado, el logotipo insertado no puede ser como un nuevo. Por supuesto, si el logotipo es nuevo, es muy probable que desee colocarlo en algo tan bueno. Pero tener algo más viejo como una opción puede ayudar a demostrar que funciona también después de un tiempo.

Dejemos de filosofar y veamos qué tenemos. Aquí hay un nuevo logotipo:

ingrese la descripción de la imagen aquí

El logotipo colocado en un entorno antiguo:

ingrese la descripción de la imagen aquí

El logotipo ha reducido el contraste y la saturación de color. Se agrega algo de ruido. Hay una superposición que contiene ruido, contraste y saturación, lo que reduce el gris y el oscurecimiento debido a la sombra. Todos estos también pueden ser capas separadas y, en general, deben estar separados para reajustes fáciles para diferentes fondos.

Se realiza rotación de perspectiva normal, escala y distorsión. En este caso no son suficientes. Además hay

  • deformación debido a la pared doblada
  • mapa de desplazamiento debido al muro no uniforme (es una copia BW del muro)
  • un par de elementos de cobertura que cuelgan delante del logotipo y evitan que el logotipo sea totalmente visible; fueron cortados de la imagen de fondo

Otro ejemplo: el hombro de alguien

ingrese la descripción de la imagen aquí

Al principio, el logotipo estaba deformado para verse curvado.

La luz es una pieza desaturada de la piel, el rango de brillo se ajusta con la herramienta de curvas para simétricamente alrededor del 50% y se aumentó el contraste. El modo de fusión es luz fuerte.

Aquí solo se agrega un poco de desvanecimiento de los bordes como efecto de distorsión. Una máscara de capa que coincide exactamente tiene un ligero desenfoque gaussiano.

Una adición tardía:

Uno puede querer usar una forma como patrón de relleno. Es fácil en ilustrador. Puedes rociar formas o ponerlas en mosaico. La forma más sencilla de hacer un mosaico es arrastrar la forma a la colección de muestras y usarla como color de relleno. Aquí hay un par de cortinas que tienen un patrón de relleno + un color sólido:

ingrese la descripción de la imagen aquí

Es bastante simple colocarlos como una superposición en una foto que ya tiene cortinas vistas directamente en la cara. Una vista en perspectiva desde otra dirección necesita cierta deformación.

Al igual que en el caso del tatuaje anterior, uno puede robar el sombreado correcto de la foto con modos de fusión. Solo es posible si las cortinas originales tienen un solo color bastante claro sin patrones. Si no existen cortinas originales, solo un lugar para ellas o las cortinas originales tienen colores complejos, el sombreado debe pintarse o hacerse con degradados. El sombreado se puede hacer en la máscara de capa de una capa de ajuste de Brillo y contraste.

Cuidado: si cubres algo de la imagen original con tus propias creaciones, también debes desvanecer las huellas. Un objeto con color fuerte colorea fácilmente más o menos su entorno. Si el objeto se cambia a otro, el color spred también debe ser reparado.

Hay un problema: los textiles tienen arrugas, dobleces y pliegues. El patrón plano no se ve bien en ellos y la situación empeora si la vista no es directa. Se necesitan urdimbres complejas. Ese caso se discute aquí:

Crear textura de maqueta 3d

La única manera perfecta de crear formas de superficie artificial es usar un software 3D. Una lo suficientemente buena para la ropa cuesta una fortuna o es compleja de usar (Blender, freeware). Las cortinas colgantes con curvas suaves son un caso fácil incluso con deformación manual. En el software CAD se puede crear el efecto en un minuto. El resultado difiere notablemente de la vista plana:

ingrese la descripción de la imagen aquí

El programa 3D utilizado (= DesignSpark Mechanical) es un software gratuito de nivel de entrada. Con él solo puede obtener representaciones más básicas con luces fijas y solo en resolución de pantalla. Los resultados fotorrealistas necesitan un software más complejo.

La versión 3D no se hizo originalmente para caber en ninguna foto. Para colocarlo en una foto, se necesitan capas de ajuste de luz y color, una máscara de capa para recortar las cortinas y algunos reflejos y sombras. Sin ellos, el implante se ve realmente colocado después. Aquí hay un ejemplo:

ingrese la descripción de la imagen aquí


2

Si bien estoy de acuerdo con los aspectos que ahorran tiempo del software ofrecido, creo que es clave que inviertas y desarrolles las habilidades de edición de imágenes de Photoshop (u otras) para ser un diseñador gráfico efectivo. En mis estudios, la imagen, el tipo, la marca, la ilustración vectorial, la fotografía se trabajaron juntos con simpatía durante los 4 años y ha ayudado mucho a mi trabajo comercial. Las soluciones en caja pueden parecer genéricas, desea relevancia para el enfoque de su cliente y hay situaciones extrañas como la música que se muestra a continuación donde la caja POS no existía; eso es lo que creé (junto con la publicación regular de CD) y me ganó un Rolling 20K contrato internacional de impresión. Todo lo siguiente es preproducción, es decir, ilustraciones de mi arte base en Photoshop en lugar de una foto real.

Vale la pena la inversión: potenciará su trabajo de diseño más amplio. Scotdisc POS

Marca minorista SKoda

Sitio web receptivo de reclutamiento


-1

Puede obtener fácilmente el resultado de presentación de su logotipo deseado con maquetas de logotipos diseñadas profesionalmente. Solo necesita descargar y colocar el trabajo de diseño de su logotipo en él. Para su connivencia aquí es gratis, así como maquetas de logotipos premium .


1
¡Bienvenido a GD.SE! Si bien es útil agregar un enlace como referencia, es mejor escribir una explicación más extensa, verifique las otras respuestas. También se mencionó la descarga antes, y no explica cómo hacerlo . Consulte Cómo responder y el recorrido para obtener más información sobre el sitio.
Luciano
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.