Cómo realizar objetos 3D con photoshop

Aunque Photoshop no es un programa especializado en gráficos en tres dimensiones, como 3DMax, Rhinoceros o SolidWorks, dispone de las funciones básicas para trabajar en gráficos 3D.

Uno de los usos más frecuente de 3D en Photoshop es para crear textos en tres dimensiones. También se pueden crear otro tipo de objetos a partir de trazados, capas y selecciones.

Un objeto 3D en Photoshop está definido por seis elementos: Malla, material, iluminación, cámara, entorno y escena.

La malla define la forma de objeto y depende del elemento de partida que nosotros seleccionemos al crear el objeto (texto, forma, selección , ... )

El material determina la textura y el color del objeto, podemos cambiar los materiales de varias formas: con colores, con materiales predefinidos y a partir de imágenes proporcionadas por nosotros.

La iluminación define los brillos y las sombras del objeto. Podemos modificar la intensidad de la iluminación y añadir nuevos puntos de luz.

La posición de la cámara define desde qué ángulo se ve el objeto 3D. Podemos girar, mover y escalar en cada uno de tres ejes.

El entorno y la escena afectan a elementos como el fondo y la sombra en la línea de tierra.

A lo largo de la unidad explicaremos más detalles de estos elementos.

 Para crear un objeto 3D vamos al menú 3D y allí encontramos varias opciones, como muestra la siguiente imagen.

 Nueva capa 3D a partir de archivo ...

Podemos abrir un archivo 3D creado con otro programa, los formatos admitidos son los que puedes ver en la siguiente imagen.

En internet se pueden conseguir archivos 3D en varios sitios, por ejemplo en archive3d.net

 Nueva extrusión 3D a partir de capa seleccionada.

Se creará un objeto 3D a partir de los elementos que haya en la capa que tengamos seleccionada. Por ejemplo, si es una capa de texto, se creará un texto en 3D, y si es una capa que contiene una forma predefinida se creará el objeto 3D de esa forma predefinida.

Otra forma equivalente de crear un objeto de texto en 3D es desde el menú Texto → Extruir a 3D.

Nueva extrusión 3D a partir del trazado seleccionado.

Se creará un objeto 3D a partir del trazado que tengamos seleccionado. Por ejemplo, podemos dibujar un trazado con la herramenta lapiz y convertirlo en un objeto 3D.

Fuente:enlace

Cómo crear un menú con Joomla

Hacemos clic en,

Y creamos uno nuevo,

Cubrimos los siguientes datos,

Guardamos,

Vamos al menú de módulos,

Y seleccionamos el menú que acabamos de crear,

Fuente:enlace

Opción de video en Photoshop

En esta versión CS6, Photoshop ha mejorado bastante el tratamiento del vídeo. Ahora ya se puede utilizar Photoshop para realizar las tareas básicas de edición de vídeo sin necesidad de recurrir a otros programas específicos para esa tarea.

Nuevas funciones:

- Línea de tiempo similar a los programas especializados en edición de vídeo como Adobe Premier.

- Nuevos formatos para importar y exportar vídeo.

- Nuevas funciones para cortar y editar vídeo, así como transiciones y efectos.

A continuación puedes ver un vídeo en mp4 realizado con Photoshop a partir de un vídeo tomado con una cámara de fotos en formato .AVI. En este vídeo se han cortado y pegado varios fragmentos de vídeo con transiciones, se ha añadido texto e incluso se ha realizado un efecto pictórico sobre un fragmento. A lo largo de esta unidad veremos cómo hacerlo.

La linea de tiempo

La línea de tiempo es el panel específico para manejar los vídeos dentro de Photoshop.

Como puedes ver en la siguiente imagen la línea de tiempo tiene un aspecto similar a los programas especializados en edición de vídeo como Adobe Premier.

Consta de varias líneas horizontales llamadas pistas donde colocar los elementos que intervienen en el vídeo. Pueden ser pistas de vídeo o de audio. En la pistas de vídeo también podemos poner fotos, gráficos, texto, etc. Por ejemplo, en la imagen anterior en la pista de vídeo Tórtola en aulaClic hay una capa de texto. Con las pistas de vídeo ocurre igual que con las capas, la situada más arriba tapa a la de abajo. En la imagen la capa de texto que está en la parte de arriba tiene fondo transparente para permitir ver la capa inferior.

En la parte superior hay una escala de tiempo y sobre ella está el cabezal reproductor que indica en qué fotograma del vídeo nos encontramos. El vídeo se visualiza en la zona de trabajo de Photoshop.

En la parte izquierda están los controles para reproducir el vídeo (avanzar, retroceder, reproducir, ... ) y los botones Dividir  y Transición  que veremos más adelante

Fuente:enlace

Consideraciones para una ilustración web

Illustrator es una herramienta ideal para crear gráficos destinados a ser publicados en una página web. Estos gráficos pueden ser imágenes estáticas o en movimiento. Si nuestra intención es crear uno de estos gráficos, hemos de tener en consideración unas cuantas opciones para tener los mejores resultados:

Utilizar el perfil de documento para Web. Esto establecerá la mayoría de las opciones óptimas para generar gráficos web, como las dos opciones siguientes.

El modo de color será RGB, y siempre que podamos utilizaremos colores compatibles con Web.

La resolución para los efectos de rasterizado será suficiente con un valor de 72 ppp.

Para generar el gráfico, utilizaremos el comando Guardar para web y dispositivos, que nos permitirá elegir el mejor formato de salida, normalmente PNG o GIF para imágenes de hasta 256 colores y con grandes áreas del mismo color, y JPG para imágenes más detalladas, y ajustar fácilmente la relación entre calidad y tamaño.

Ajustar correctamente la relación entre calidad y tamaño es especialmente importante en estos gráficos, ya que en una página con muchas imágenes, si estas son muy grandes puede tardar mucho tiempo en cargarse, y aunque este problema está perdiendo importancia con las conexiones de cada vez mayor velocidad, una página ágil proporciona una mejor experiencia para el usuario.

Hay que tener en cuenta que aunque trabajemos con gráficos vectoriales, al final obtendremos un mapa de bits. La imagen resultante será la misma que se ve con el zoom al 100%. Pero si agrandamos la imagen final, veremos los píxeles, aunque no mientras trabajamos con el documento. Podemos ver el documento tal y como se vería después del rasterizado con el comando del menúVer → Previsualización de píxeles.

Fuente:enlace

Cómo aplicar transparencias con Illustrator.

Podemos aplicar transparencias a nuestros objetos de Illustrator, de forma que se pueda ver a través de ellos total o parcialmente.

Recuerda: Para trabajar con transparencias resulta muy útil la rejilla de transparencia (Ctrl + Mayúsculas + D).

La transparencia más simple es conseguir ver a través del relleno de un objeto:

Lo único que necesitamos para conseguir esto es reducir la Opacidad en el panel de Transparencia:

A la izquierda Opacidad encontramos otro desplegable. En él seleccionamos cómo se muestran los objetos que se ven a través del transparente, el modo de fusión.

Cuando aplicamos la transparencia a objetos agrupados, todos adoptan la misma transparencia, pero los objetos del propio grupo no son visibles unos a través de otros.

Una opción muy interesante de las transparencias, es poder crear una máscara de transparencia. La máscara no es más que otro objeto que define cómo se muestra la transparencia del que tiene debajo, lo enmascara. El grado de transparencia se define con tonos grises, siendo el negro totalmente transparente y el blanco sin transparencia.

Para crear la máscara, primero dibujamos el objeto a enmascarar. En el ejemplo que veremos, hemos dibujado un cuadrado relleno con un motivo. En el panel Transparencia, vemos una miniatura del objeto seleccionado. Si hacemos doble clic a su derecha, se creará un objeto enmascarador, que por defecto oculta todo el anterior.

Ahora dibujamos sobre el objeto. Lo que dibujemos con colores muy claros tendrá poca transparencia, y con colores muy oscuros será totalmente transparente.

En las siguientes imágenes, a la izquierda mostramos la máscara que hemos utilizado y a la derecha el resultado.

Otra forma de hacerlo, que nos puede resultar más cómoda, es dibujar el objeto a enmascarar y encima el objeto enmascarador. Con ambos seleccionados, desde las opciones del panelTransparencia, pulsamos Crear máscara de opacidad.

La opción Recortar hace que sólo se muestre el objeto enmascarado que esté dentro de un objeto que haga de máscara, y la opción Invertir máscara cambia los colores que definen la transparencia, es decir, el negro pasaría a ser el opaco y el blanco el transparente.

Para definir las transparencias hemos utilizado una escala de grises porque resulta más fácil de entender. Pero esto puede hacerse con cualquier color, incluso utilizar motivos. Y podemos crear varios objetos que formen la máscara.

Fuente:enlace

Cómo imprimir una ilustración en varias páginas

Si en nuestro documento tenemos varias mesas de trabajo, menores que el tamaño de la página, cada una se imprimirá en una página nueva.

Si tenemos una ilustración de mayor tamaño que una página, para poder imprimirla debemos de enmarcarla toda en una misma mesa de trabajo. En la ventana Imprimir, en las opciones Generales, marcamos la opción Mosaico.

El valor de Superponer, si marcamos Páginas completas, indica el solapamiento de las páginas. Es decir, si por ejemplo lo establecemos a 10mm, se imprimirá lo mismo en el el último centímetro del lado de una página y en su adyacente. Esto nos ayudará a unir las páginas con mayor precisión.

En la ventana de previsualización, veremos las páginas necesarias para contener la ilustración.

Imprimir degradados a color.

En algunas impresoras se pueden producir errores, como la impresión de bandas de color, al intentar imprimir algunos objetos en los que se mezclan gradualmente colores, como mallas, degradados o fusiones. Esto es más probable que suceda cuanto más larga es la fusión de colores, y por tanto se utilizan más colores intermedios.

Si nos sucede esto, podemos hacer que Illustrator rasterice estos elementos antes de imprimirlos. Para hacerlo, desde la ventana Imprimir, en la sección Gráficos hay que marcar la opciónImprimir degradados compatibles y mallas de degradado.

Los valores de resolución que se utilizan en el degradado son los mismos que podemos configurar desde el menú Efecto → Ajustes de efecto de rasterizado de documento.

Fuente:enlace

Aprende a crear y usar sitios remotos.

Definir un sitio remoto significa establecer una configuración de modo que Dreamweaver sea capaz de comunicarse directamente con un servidor en Internet (por eso se llama remoto) y así poder trabajar a la vez con tus archivos en el sitio local, es decir, la copia que tienes en tu ordenador, y en el sitio remoto, colgados en el servidor, en Internet.

El modo en el que veremos que el programa se comunica con tu servidor será FTP, ya que es prácticamente el más utilizado y muy pocos utilizan otras alternativas.

Lógicamente, antes de realizar estos pasos, deberemos de haber contratado un sitio, o habernos registrado en uno gratuito.

Configurar un sitio remoto

Muy bien, ahora veamos los pasos que tenemos que seguir para configurar las opciones y que Dreamweaver se pueda conectar con nuestro servidor.

Para ello deberemos modificar la especificación que creamos en su día del sitio con el que estamos trabajando.

Así que haz clic en el menú Sitio y selecciona Administrar sitios.

Selecciona el sitio con el que quieras establecer comunicación remota (o crea uno nuevo para el caso) y pulsa el icono  Editar.

Verás que se abre el cuadro de diálogo de Configuración del Sitio.

La categoría que buscamos es Servidores, en el listado de la izquierda.

Para configurar un nuevo servidor, pulsa el icono +.

Ahora en el desplegable Conectar usando selecciona el método de acceso que deberá utilizar Dreamweaver para conectarse con el servidor. Como ya hemos dicho nosotros explicaremos la opción FTP.

Se mostrarán las siguientes opciones:

 El Nombre de servidor es el nombre que le podemos asignar para identificarlo.

Aquí deberás rellenar los datos que te facilitó el servicio de hosting que contrataste. Si no recuerdas los datos o has perdido el correo electrónico que seguramente te enviaron, pídeles de nuevo la información.

Los datos que necesitas son los siguientes:

 Dirección FTP o host es la dirección a la que se dirigirá Dreamweaver para conectarse a tu servidor será del tipo ftp.servidor.com o también podrás encontrar algunas que están formadas en forma de dirección IP (como por ejemplo, 192.186.1.1)

 En Nombre de usuario y Contraseña escribe el nombre de usuario y el password para poder conectar con el servidor. Marca la casilla Guardar si quieres que el programa recuerde la contraseña.

Una vez introducidos estos datos puedes pulsar el botón Prueba para ver si son correctos y Dreamweaver puede crear una conexión con el servidor remoto.

 En el campo Directorio raíz podremos establecer una carpeta contenida en el servidor donde queramos subir las páginas. Por ejemplo, es común que por FTP podamos acceder a muchas carpetas del servidor, pero hay una en concreto en la que hemos de ubicar las páginas. Imagina que dentro de la estructura de carpetas del servidor remoto tienes una que se llama pagina y dentro de esta otra que se llame principal. Podríamos indicar la ruta pagina/principal para que los archivos se subiesen directamente a esa ubicación.

 En el campo URL Web podemos introducir la dirección web de la raíz del sitio, y así probar nuestras páginas dinámicas.

Una vez hayas terminado Guarda todas las pantallas hasta volver a la vista de trabajo y estaremos listos.

Fuente:enlace

Diseña un mounstro en Photoshop

Este tutorial pintura digital nos lleva de vuelta a los reinos de extraño retro ciencia ficción futurista, donde haremos un extraño un monstruo de ojos!

Pintura Tutorial Digital - Presentacion ...

Así que creo que después de la última tutorial pintura digital que voy a hacer lo mismo y tienen todas mis vacunas progreso compilados en un gif animado, pero hablar de los principios fundamentales y los obstáculos que he experimentado a lo largo del camino. 

Yo no creo que la técnica y la pintura consejos es tan valioso como los principios y resolución de problemas. Cuanto más pinto, más me doy cuenta de lo mucho de un juego de ilustración de la psicología es. 

Usted tiene el "es lo suficientemente bueno, se mueve en" hacer la guerra de voz con el "mejor! Tiene que ser mejor! "voz. Creo que lo que te saca de la parte inferior de ser un principiante y se mueve hacia el extremo superior de ser un principiante y tal vez hasta el extremo inferior del intermedio está siguiendo la última voz. No se conforme con -. Usted sabe que no es lo suficientemente bueno para salir de la herramienta de borrador 

Con esto dicho, vamos a pasar.

Referencia e investigación

Estas son sólo algunas de las imágenes que utilicé para la investigación. tener referene es tan importante. No tienes ni idea de lo que se puede pintar hasta que sepa lo que realmente parece. A pesar de que esta obra es una especie de estilo de comic-book, que todavía tiene que ser algo real. Pero ... vale la pena señalar que esta pintura adquirió una vida propia y no se supone que este detallado. Así referencia se obtuvo después de que empecé, no antes. Más sobre esto más adelante.

La exploración / concepto inicial

Aquí está el boceto inicial que he escaneado pulg traté de limpiar el boceto por atrayéndolo de nuevo, más detallada, pero nunca pudo captar plenamente su expresión de sorpresa, así como en este dibujo. Así que me decidí a escanear el original - que era bastante un garabato rápido. 

Siempre me sorprende cómo el punto de partida puede evolucionar y refinar tanto por el final! 

Así que limpié la exploración y empecé a bloquear pulg El documento Usé fue 3500px alta.

Los principales puntos de inflexión y los obstáculos

Nota: como de costumbre, el proceso de animación completo gif será al final. Así que esto es lo que quise decir.Empecé con la intención de hacer esta imagen muy plana, dibujos animados. La cosa es que yo no estaba contento con el estilo y quería entrar en el detalle. Así que tiré algunos valores y me sentí un poco mejor. El siguiente punto de inflexión fue la decisión de ir súper detallado en el ojo. La foto muestra cómo antes pensé que el ojo se va a ver y fue en ese momento cuando empecé a estudiar la referencia. La vacuna después de haber sido el resultado. Esto es un primer plano del ojo terminado: El siguiente punto de inflexión fueron las manos ... que tipo de sabía que quería que se vean un poco realista, pero luego me decidí a ellos mucho menos caricaturesco para agregar una rareza extra a la imagen - ¿por qué este blob raro tiene la mano del hombre? . cosa un poco Aquí está la referencia mano he utilizado:los tenía de lado a lado y pintado a escala 200%, porque a pesar de que el documento era 3500px de alto, todavía no era lo suficientemente grande como para entrar en los detalles finos de las manos. Así que me agarró la mano la escalada hacia abajo del 50% para que quepa en el brazo. Esta fue una de esas batallas que he mencionado antes que yo sabía que no era lo suficientemente bueno. Hice mi propio diseño de tapa de la caja de cereales y conseguí un panel lateral de una foto real / exploración de una caja de cereal, más un poco de foto de cereal derramado. Puse todo esto juntos y dieron la imagen de la izquierda. Simplemente parecía demasiado fotográfica en comparación con el tipo blob. Tenía que ir y si te digo la verdad, que era un poco de prisa. Esto es un primer plano: El tiro más pictórico se ve mejor, creo.Incluso los trozos de cereales se ven más bonitas de la fotografía. Se toma un tiempo antes de llegar a la etapa en sus pinturas / ilustraciones que usted está preparado para el desguace de trabajo, que invirtió un tiempo precioso, porque simplemente no es suficiente . Estoy casi allí, pero tener más cada vez que hacer. Creo que el verdadero artista se prepara con regularidad para eliminar el trabajo duro que no es su mejor trabajo.

 Observe el cambio en la iluminación de sus brazos. Pasé un rato jugando con las sombras y tratando de averiguar exactamente cómo la luz baja afectaría toda la longitud de sus brazos y manos. 

Tomó varios intentos y con iluminación, sabes que es correcto cuando se ve a la derecha y me siento satisfecho con uno mismo. Si no lo hace - eliminar. Pero tenga siempre preguntando donde la luz sería golpear y mantener desconcertante a cabo espacial hasta llegar a adivinar un decente -. Eso es toda la iluminación puede ser realmente a menos que usted está pintando una réplica exacta de una fotografía / pintura 

es así, espero que haya disfrutado de eso y aprendido una o dos cosas.

Fuente:enlace

Cómo hacer tornillos con Blender

Esta rápida de video tutorial velocidad muestra una manera de modelar un tornillo de metal en Blender. No es speedmodeling pero el video es editado de manera que no hay momentos aburridos.

Fuente:enlace

Diseño de un Mobiliario con Maya

Inspiración

Diseñé este ambiente basados ​​en una de las obras de Piet Mondrian en 1920 llamados "pastillas", soy un fan de su arte y de la forma en que utiliza las líneas negras rectas simples para crear sus pinturas, la adición de los tres colores primarios (rojo, amarillo y azul) sobre un fondo blanco.

Workflow

Como la mayoría de los otros artistas 3D, he usado la FLM "Flujo de Trabajo Lineal" que ayuda a dar una mirada realista a tu render. Ir a: Preferencias - Gamma y LUT clic en habilitar y configurar todo a 2,2.

Modelado de procesos 

que quería reflejar Líneas de Mondrian en el dormitorio dividiéndolo en 5 lugares diferentes con distintos niveles que varían a través del espacio para añadir un aspecto interesante a la misma. Se puede ver que al ver el plan de color abajo,

Las paredes de la habitación estaban simplemente modelan mediante una línea de extrusión y luego él, el techo se hizo en el mismo método que acaba de agregar algunas lagunas en el medio, con la diferencia de altura para permitir que la luz de la colada de ir en el medio.

Los marcos de las ventanas y la unidad de TV fueron inspirados por Mondrian Lines también y modelados utilizando el mismo método mencionado anteriormente.

El mobiliario de la habitación como el sofá y las butacas se tomaron de modelo + Modelo Vol. 0.7 Bibliotecas y también el modelo de cama se tomó de Ramón del punto G. Quería usar esta cama, en particular, para romper el aspecto cuadrado cuadrado en la habitación, ya que fue una gran influencia. La mesa de centro y el resto de los accesorios fueron simplemente modelados en 3ds Max utilizando el método de modelado de baja poli, es bastante simple y directo adelante.Para mí siempre me gusta modelar todo tipo de muebles por separado luego fusionarlos en el archivo principal de máx.Para el suelo de la madera solía piso generador de secuencias de comandos, se puede ver la configuración de la planta en la siguiente imagen:

Después de eso me convertí objeto piso editable poly y empecé a mover unos tablones de madera arriba y abajo de forma aleatoria para darle un aspecto más realista, también puede hacer que el uso de Inclinación sección del script generador de suelo.

La característica de la pared es una serie de cuadros que entran y salen con dos tonos de acabado de madera y efecto de iluminación. Simplemente se modela utilizando polígonos editables y biselado de los bordes, me acaba de agregar un material vray-luz a las partes que aparecen a dar esa aspecto agradable a él.

Ajustes de la cámara

Para esta escena he usado una cámara física de V-Ray y los ajustes fueron:
puerta de la película: 40
Distancia focal: 20
F-Número: 8
Balance de blancos: Neutral
Velocidad de obturación: 15
Sensibilidad de la película: 150
La exposición, viñetas y la profundidad de campo en

Ajustes de procesamiento

Los ajustes de procesamiento son bastante simples, en realidad después de experimentar con tantas opciones diferentes que ustedes pueden salir de cualquier otro "making of" Tuve la oportunidad de hacer mi propia que son adecuados para adaptarse a mi máquina de hacer y menos tiempo.
Puede ver mis ajustes de procesamiento para esta escena a continuación:

Fuente:enlace