De Diseño.net

Desde que vi la demostración de Adobe en Barcelona que quería probar esta nueva funcionalidad de Photoshop CS3 Extended. Su capacidad de trabajar con objetos 3D. Bien, este tip explicará este proceso paso a paso, para que todos se atrevan a probar.
Lo que necesitamos para este tip
• Una imagen, que podéis descargar desde aquí
• Un objeto 3D compatible, que puede ser éste
• Evidentemente, el PS CS3 Extended.
• El programa de creación 3D de google SketchUp, el cual sólo utilizaremos para exportar el objeto 3D en un formato compatible con PS.

¿Qué necesidad tenemos de usar 3D en PS?
La ventaja es que puedes poner el objeto en el ángulo que quieras, y modificar ciertos parámetros, con lo que puedes realzar un montaje fotográfico muy impactante. Existen muchísimos modelos de diseño 3D listos para descargar y usar.
¿Por dónde empezar?
Primero tenemos que descargar e instalar el Google SketchUp el cual en su versión “normal” es gratuito. Una vez instalado, abriremos el objeto 3d, en este caso el archivo se llama gunboat.skp y es un pequeño y sencillo bote con vela. En el SU (SketchUp) podemos girarlo, centrarlo, aproximarlo, cambiar la textura, etc. Es un programa muy intuitivo, fácil de usar. Pero si no nos queremos complicar la vida, también podemos dejarlo como está, puesto que luego lo podemos modificar en PS.

El siguiente paso será exportarlo en formato compatible. El PS permite abrir y trabajar con archivos .u3d, .3ds, .obj, .kmz y Collada. Y el SU permite la exportación al formato kmz (Google Earth 4). Pues vamos al menú Archivo > exportar >modelo 3D. Escogemos la opción Google Earth 4, ponemos el nombre que queramos y clic a Aceptar.
Ya podemos cerrar el SU, para abrir el PS y empezar a usar las capacidades 3d de PS!

Adobe :

Nota: para editar el modelo 3D en sí, es necesario emplear un programa de creación 3D.

¿Pero como importo el objeto a Photoshop?
Mediante el menú importar o abrir es imposible colocar el objeto 3D. Deberemos crear una nueva capa 3D a partir de archivo, es así de raro, pero así es. Entonces, primero tenemos que crear un archivo en blanco, o usar un fondo ya diseñado. Y ésto último es lo que haremos, la imagen de muestra que os dije anteriormente:

Lo siguiente será importar el objeto. Y para ello nos vamos al menú Capas > capas 3d > nueva capa desde archivo 3d. Aparecerá el cuadro de diálogo abrir, y seleccionaremos el archivo guardado anteriormente gunboat.kmz

Después del proceso de importación, ya podemos usar todas las herramientas con la nueva capa que ha creado Photoshop. Veremos que las texturas están por separado, y se pueden editar usando las capacidades de PS.

Podemos convertir la capa en una capa inteligente, lo que nos permitirá usar las capacidades 3D y aplicar efectos, como si de una imagen 2D se tratara.

Lo podemos conseguir usando Capas > Objetos inteligentes > Convertir en objeto inteligente. O no preocuparnos, ya que cuando sea necesario, PS nos avisará de que para aplicar filtros al objeto 3D se debe convertir, y lo hará automáticamente.

Lo ideal es que antes situemos el objeto en el contexto, con la perspectiva y tamaño que queramos. Podemos mover la cámara, o el objeto. Aplicar diferentes tipos de iluminación, o visualizaciones de malla y otros tipos. También seccionar la imagen por cualquiera de sus ejes. Por último, aplicar filtros de efectos.

Por cierto, para que aparezca la barra de herramientas, hacemos doble click sobre la capa que contiene el objeto 3d y veremos que aparecen en la parte superior:

¿Cómo guardo esto?

Puedes guardarlo en formato psd, conservará las propiedades del objeto 3d intactas.

Aquí podéis ver el modesto montaje que he realizado yo:

Existen miles de modelos 3d listos para usar con PS, podemos buscar en la ayuda “3d” y saldrá todos los procedimientos para usar las herramientas. ¿Que os parece la idea?

via: www.cristalab.com

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional sobre Internet ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del Diseño Multimedial.

El diseño es la comunicación textual (contenidos) existente en Internet una faceta visual, sino que obliga a pensar una mejor estructuración de los mismos en este soporte. La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet.

El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra

Diseño web aplicado

El diseño de páginas web trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de ordenador, en papel, en un teléfono móvil, etc). Estos documentos o páginas web pueden ser creadas:

• creando ficheros de texto en HTML.
• utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.
• utilizando lenguajes de programación del lado del servidor para generar la página web

Etapas

Para el diseño de páginas web debemos tener en cuenta dos etapas:

La primera es el diseño visual de la información que se desea editar. En esta etapa se trabaja en el papel distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.

La segunda, una vez que se tiene este boceto se pasa a ‘programar’ la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada.

El HTML consta de una serie de etiquetas que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión.html o.htm). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Macromedia Dreamweaver. Con estas herramientas no es absolutamente necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.

Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del impacto visual que se quiere generar en el usuario.

Fundamentos

Un correcto diseño web implica conocer cómo se deben utilizar cada una de la etiquetas permitidas en HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza código propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.

La web semántica, por otra parte, aboga por un uso lógico de las etiquetas según el significado para el que fueron concebidas. Por ejemplo se utilizará la etiqueta <P> para marcar párrafos, y <TABLE> para tabular datos (nunca para disponer visualmente los diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica revolución en el diseño web puesto que apuesta por separar totalmente el contenido del documento de la visualización.

De esta forma se utiliza el fichero HTML únicamente para organizar y estructurar la información y las hojas de estilo CSS para indicar como se mostrará dicha información en los diferentes medios (como por ejemplo, una pantalla de ordenador, un móvil, impreso en papel, leída por un sintetizador de voz, etc…). Por lógica, esta metodología beneficia enormemente la accesibilidad del documento.

También existen páginas dinámicas, las cuales permiten mayor interactividad entre la web y el visitante, proporcionándole herramientas dinámicas tales como buscadores, chat, foros, sistema de encuestas, etc. y poseen de un panel de control de administración de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma

Accesibilidad

El diseño Web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios Web, aplicaciones etc. pueda ser visitado por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.

Historia

En un principio era sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la más significativa, pero también debemos mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.

El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios web. Las últimas estadísticas nos confirmaban que actualmente (2005) rondan los 8.000 millones de sitios web, a los que diariamente se les suma a raíz de 4400 por día.

Rápidamente, su importancia alcanzará las mismas cotas que la televisión o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de páginas colgadas y se espera que en los próximos años llegue a los 8 mil millones, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios (sólo alrededor de 15.000 sitios webs, el 0,4% del total).

A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes.

Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones a través internet y ha bajado su precio. A medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

El diseño gráfico es una profesión cuya actividad industrial está dirigida a idear y proyectar mensajes visuales, contemplando diversas necesidades que varían según el caso: estilísticas, informativas, identificatorias, vocativas, de persuasión, de código, tecnológicas, de producción, de innovación, etc.

También referido como “diseño de comunicación visual”, pues la actividad excede el campo de la industria gráfica y los mensajes visuales se canalizan a través de muchos medios de comunicación, tanto impresos como digitales.

Algunas clasificaciones difundidas del diseño gráfico son: el diseño gráfico publicitario, el diseño editorial,el diseño de identidad corporativa, el diseño web, el diseño de envase, el diseño tipográfico, la cartelería, la señalética, el diseño editorial y el llamado diseño multimedia, entre otros.

El origen del diseño gráfico

Aunque no existe consenso acerca de la fecha exacta en que nació el diseño gráfico, algunos lo datan durante el período de entreguerras. Otros entienden que comienza a identificarse como tal a finales del siglo XIX. También hay quienes encuentran su origen en las pinturas rupestres del Paleolítico y en el nacimiento del lenguaje escrito en el tercer milenio a. de C.

La diversidad de opiniones responde a que unos consideran producto del diseño gráfico a toda manifestación gráfica y otros solamente a aquellas que se surgen como resultado de la aplicación del modelo de producción industrial; es decir, aquellas manifestaciones visuales que han sido “proyectadas” contemplando un cúmulo de necesidades de diversos tipos: productivas, simbólicas, ergonómicas, contextuales, etc.

Una teoría joven en pleno desarrollo

Al tratarse de una disciplina relativamente joven, a quienes enseñan a diseñar y a los propios diseñadores les cuesta ponerse de acuerdo en la mayoría de los temas básicos más relevantes del diseño gráfico. Hasta fines de los años 80 existían muy pocos libros de texto sobre asuntos teóricos. Ya en los primeros años del siglo XXI la cantidad de libros se multiplicó.

El diseño gráfico es interdisciplinario y por ello el diseñador necesita tener conocimientos de otras actividades tales como la fotografía, el dibujo a mano alzada, el dibujo técnico, la geometría descriptiva, la psicología de la percepción, la psicología de la Gestalt, la semiología, la tipografía, la tecnología y la comunicación.

Tendencias y cambio tecnológico

Desde entonces, el diseño gráfico se ha transformado enormemente por causa de los ordenadores. A partir de 1984, con la aparición de los primeros sistemas de autoedición, los ordenadores personales sustituyeron de forma paulatina todos los procedimientos técnicos de naturaleza analógica por sistemas digitales. Esta innovación tecnológica tuvo como primera consecuencia una tendencia hacia la experimentación gráfica y un cierto olvido de los principios comunicativos que estaban en la base del diseño.

Clasificación de productos de diseño gráfico

Relacionando los procesos de producción se pueden agrupar los productos de diseño desde un análisis tecnológico en:

• Etiquetas: las cuales pueden ser frontales, colgantes, de seguridad, envolventes, etc.
• Envases: los más comunes son los rígidos, semirígidos, flexibles y las latas.
• Editorial: generalmente estos productos se clasifican de acuerdo al tamaño de información que disponen en afiches, flyers o volantes, libros, periódicos, revistas, catálogos, CD, DVD, VHS, etc.
• Señalética: incluye señales de peligro, señales de tráfico, señales de banderas marítimas,señales de ferrocarril, entre otras.
• Cartelería: carteles formativos e informativos.
• Identidad corporativa: marcas, iso-logotipo, papelería comercial y fiscal, billetes, aplicación de marca en arquigrafía e indumentaria, gráfica vehicular.
• Folletería: los folletos de acuerdo a su número de páginas pueden ser dípticos (dos páginas), trípticos (tres páginas), etc. También se los puede clasificar en publicitarios, propagandísticos, turísticos, entre otros.
• Diseño tipográfico: tipos sans serif o palo seco, con serif, gestuales, góticas, caligráficas y de fantasía.
• Diseño de instrumentos de mandos: pantallas de relojes digitales, de teléfonos móviles, de cámaras digitales, y otros aparatos.
• Infografía: mapas, gráficos, viñetas, formularios.
• Material didáctico: manuales instructivos, indicaciones de uso, fichas didácticas educacionales, etcétera.

Programas utilizados en Diseño gráfico

Adobe Creative Suite

• Photoshop
• Freehand
• Illustrator
• Pagemaker, antecesor de Indesign.
• Indesign
• Dreamweaver
• Flash

Otras compañías

• QuarkXPress, primer programa creado para maquetación editorial, similar a Adobe Indesign.
• Xara Xtreme
• Inkscape
• XaraLX
• GIMP
• Sodipodi
• Corel Draw

via wikipedia

La marca francesa Gucci encabeza el ranking de marcas de lujo más codiciadas del mundo, seguida de Chanel, Calvin Klein, Louis Vuitton, Giorgio Armani, etc. En España, esta lista la lidera Calvin Klein y Giorgio Armani. El estudio realizado por la compañía Nielsen revela que los Emiratos �rabes Unidos, Asia y América Latina son los “nuevos ricos� en adquisición de artículos de lujo.
Sigue leyendo »

En el mercado existen varios programas de retoque fotográfico y de edición gráfica. En el ámbito profesional Photoshop es el más popular, pero el problema es que sale muy cara la licencia. Pero existe una solución profesional que se asemeja en posibilidades a Photoshop, pero que es un software gratuito: Gimp “GNU Image Manipulation Program”.

Gimp es una herramienta profesional para edición gráfica, o programa de manipulación de imágenes, potente y muy popular, siendo una de las aplicaciones más interesantes del mundo del software libre. Está disponible en varias plataformas como Windows (XP o vista), Linux, Mac OS X, etc.
Sigue leyendo »

Quien no ha visto una animación en Flash en una página web?. Desde hace tiempo, proliferan los trabajos hechos en Flash y se pueden ver muchas páginas que incorporan animaciones, sonido y efectos realmente interesantes.

En un principio esta fue una tecnología más, con la necesidad de instalar un plug-in para poder visualizarse. Cualquier webmaster es reacio a incorporar a una página web contenidos para los que sea necesario utilizar plug-ins, pues es de suponer que no todos los tendrán y que se va a marginar a una serie de usuarios.
Sigue leyendo »

Elements 3 consigue situarse entre los mejores programas de diseño hogareño, enfocándose en la edición, organización y presentación de colecciones fotográficas. La integración del software Photoshop Album, introducido como la nueva ventana de administración de imágenes de Elements, es un factor fundamental para la transformación de esta solución, que logra distanciarse de su versión anterior, rompiendo las limitaciones de aquella.

Sin embargo, Photoshop CS va más allá de la capacidad Elements, con lo cual la competencia está marcada por Ulead PhotoImpact y Jasc Saint Shop Pro, entre otras aplicaciones.

La interfaz del programa está dividida en dos escenarios: edición y organización. En el primer caso, el usuario se encuentra con poderosas utilidades y más de 100 filtros, para que las fotos se vean lo mejor posibles. Se destaca el soporte de cámaras RAW y de imágenes de 16 bits, funciones que han sido noticia en Photoshop CS.
Sigue leyendo »

Probablemente el mejor editor de páginas web para diseñadores que busquen resultados profesionesles.

Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobretodo en lo que a productividad se refiere.

Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar:
Sigue leyendo »

El Diseño en su asepción más amplia se refiere a una actividad encaminada a la configuración de un objeto.

Siendo así, casi cualquier actividad productiva humana suele involucrar algún tipo de “actividad de diseño”; pero propiamente podríamos hablar de los más típicos como aquellos asociados al acto de “imaginar, diagramar y/o dibujar con el fin de crear un objeto”, en cuyo caso el Diseño se divide principalmente en:

• DISEÑO ARQUITECTÓNICO: que consiste en concebir y proyectar espacios habitables para el ser humano (edificios, parques, plazas públicas, casas, etc.)
• DISEÑO DE ESPACIOS: que es una especialización del Diseño Arquitectónico y se ocupa de concebir y realizar proyectos de uso / adecuación de los espacio de acuerdo a necesidades específicas de su utilidad (comercial, habitacional, lúdica, educativa, laboral, etc.)
• DISEÑO INDUSTRIAL: que consiste en concebir y proyectar objetos de producción industrial para el uso humano (desde una cuchara hasta la carrocería de un automovil o el fuselaje de un avión, pasando por muebles, herramientas, artefactos, etc.)

Sigue leyendo »