http://www.kaosconcept.net Noticias Diseño Web y Gráfico. es-ES http://www.kaosconcept.net En este tutorial podéis aprender a crear un Ciclón de luz en menos de 5 pasos. Tenéis el Tutorial en el siguiente link: http://designreviver.com/tutorials/how-to-create-brilliant-light-streaks-in-photoshop/ http://www.kaosconcept.net Os adjunto un archivo con 15 patterns para photoshop. Los patterns son diseños de mosaicos que se pueden usar para hacer fondos Web que se repiten. Gracias a las patters podemos conseguir fondos de 10x10, 20x20 pixeles o medidas similares que minimizan el peso de la Web y dan un toque de diseño al background. http://www.kaosconcept.net Os adjunto un archivo con multitud de adornos hechos a mano. Descargarlo y moverlos a la carpeta de Brushes de Photoshop para poder utilizarlos. http://www.kaosconcept.net Os adjunto un archivo con algunas flores en JPG, con fondo blanco, para añadir a vuestras composiciones con acabado a mano. http://www.kaosconcept.net Os adjunto un archivo de Brushes para Photoshop dónde encontraréis dibujos hechos a mano de matorrales y motivos florales varios. http://www.kaosconcept.net Os adjunto un archivo donde os encontraréis con muchas opciones de flechas hechas a mano. Brush en photoshop que podéis copiar en el directorio habitual. http://www.kaosconcept.net Nueva brush con elementos trazados a mano alzada ¡Estrellas de todos los tipos! Podéis descargar el archivo adjunto e instalarlo en su correspondiente carpeta de Photoshop para usarlo. http://www.kaosconcept.net El diseño simulando el acabado a mano está de moda. Si no tenéis ganas de escanear vuestros propios dibujitos a boli, siempre os queda la opción de descargar archivos como el que adjunto. Esta brush de photoshop dibuja algunos elementos como nubes, rayos y otros. http://www.kaosconcept.net Monta tus fotos en un divertido cómic agregando estos filtros. Tendrás una presentación original para enseñar las capturas de este verano. http://www.photoshoproadmap.com/Photoshop-blog/2007/09/13/give-your-photos-a-retro-comic-book-effect/ Fuentes de Cómic: http://www.blambot.com/fonts.shtml http://www.comicbookfonts.com/ http://www.myfonts.com/fonts/comicraft/monster-mash/ http://www.myfonts.com/fonts/blambot/zooom-bb/ http://www.myfonts.com/fonts/blambot/braaains-bb/ http://www.myfonts.com/fonts/comicraft/goosebumps/ http://www.kaosconcept.net Yo supongo que el objetivo del autor de este tutorial era imitar al mismísimo Magneto o algún Héroe similar. El resultado es impresionante. Especial atención al manipulado de color con curvas. Gracias al tutorial crearéis una esfera de poder al rededor de un personaje. http://psdtuts.com/tutorials-effects/create-a-powerful-mental-wave-explosion-effect/ http://www.kaosconcept.net En estos tiempos que corren, donde las Webs2.0 están a la orden del día, las imágenes corporativas piden una evolución y adaptación a los nuevos estilos. Para facilitar la labor, os adjunto un Pack de Estilos para Logos 2.0. Tenéis que pasarlo a la carpeta de Photoshop "PresetsStyles" El archivo lo encontráis más abajo adjunto. http://www.kaosconcept.net ¡Si siempre habéis tenido mirada de niño bueno es la hora de poner remedio! Con este completos tutoriales podréis experimentar con vuestras miradas para darles un aspecto muy siniestro. Tutorial Photoshop Mirada Siniestra 1: http://www.worth1000.com/tutorial.asp?sid=161299&page=1 Tutorial Photoshop Mirada Siniestra 2: http://www.photoshopstar.com/photo-effects/eery-eye-photo-manipulation/ http://www.kaosconcept.net Si queréis conseguir que vuestra foto luzca con un look peliculero y un acabado al más puro estilo Hollywood, no os perdáis este tutorial de Photoshop. http://ebin.wordpress.com/2007/03/21/how-to-turn-your-photo-into-movie-like-effect-using-photoshop/ http://www.kaosconcept.net Cuando trabajas en el código de Flash puedes agilizar algunos comandos con las siguientes combinaciones: esc + st -> stop(); esc + on -> on () {} esc + tr -> trace(); esc + if -> if () {} esc + do -> do {} while (); esc + sw -> switch () {} esc + fr -> for () {} esc + ca -> call (); esc + in -> #include "" esc + pr -> print(); http://www.kaosconcept.net Los Wallpapers de Windows Vista han creado tendencia! La prueba de ello es que existen muchísimos tutoriales que imitan acabados muy similares. Aquí nos encontramos con uno particularmente bueno y rápido de conseguir siguiendo unos pasos muy originales. http://www.tutorial9.net/photoshop/creating-the-windows-vista-lighting-effect http://www.kaosconcept.net Un problema a la hora de diseñar Webs en HTML es que los rótulos de las columnas, textos de botoneras o citas, etc. debemos de insertarlos en JPG o GIF. La razón es sencilla, se suelen poner fuentes llamativas, fuentes que generalmente no tiene nadie, por lo tanto el explorador no las puede interpretar y deja la Arial por defecto. Esto conlleva que Google no las puntúe de forma óptima. Lo mejor es usar las etiquetas H1 o similar. Así que... como podemos usar una fuente que nos guste, que todo el mundo la pueda ver, aunque no la tenga, y que google la capte como H1 por ejemplo? La respuesta la tenéis mejor explicada aquí ( http://www.disenorama.com/tutoriales/sifr-facil-con-jquery ) de lo que yo sería capaz de hacerlo así que no os lo perdáis porque. Mirar este ejemplo ( http://www.disenorama.com/ejemplos/sifr/final.html ), el código fuente (que son H1) y las fuentes que son custom. Una pasada para optimizar en buscadores desde luego con sIFR y JQuery. http://www.kaosconcept.net Typetester es una página donde podréis hacer pruebas de estilo sobre fuentes. Tamaño, kerning, decoración... Lo mejor de todo es que las hace al vuelo y resulta muy fácil ver un resultado con cualquiera de vuestras fuentes favoritas, facilitando la labor posterior de maquetado. http://typetester.maratz.com http://www.kaosconcept.net Con este tutorial conseguiréis mezclar Illustrator y Photoshop para hacer una composición con texto 3D. El resultado final es espectacular. http://psdtuts.com/text-effects-tutorials/design-soft-stylized-3d-type/ http://www.kaosconcept.net No os habéis preguntado nunca como el creativo de Movistar llegó a esa M tan rechoncha y futurista? O de dónde proviene el logo de Quicktime? El autor de este blog intenta darnos una explicación muy divertida con fórmulas matemáticas. http://logologos.blogspot.com/ http://www.kaosconcept.net Un tutorial sencillito con un acabado realmente impactante. El autor explica desde cómo hacer el background hasta la misma fuente con algunos detalles añadidos. Además del tutorial, en el mismo enlace podréis encontrar texturas de papel, hierba y un bonito wallpaper con el resultado final. http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop http://www.kaosconcept.net En el archivo adjunto se documentan todas las funciones y sus respectivos equivalentes entre actionscript 2 y actionscript 3. http://www.kaosconcept.net Un lastre que solemos llevar todos los diseñadores es el de los campos de formulario para subir archivos (fotos, PDF, etc.) Son muy feos! Y difíciles de modificar mediante CSS... Con este método, usando CSS y DOM, podremos customizar la imagen y quitar el campo de texto. Echarle un ojo a la demo, la funcionalidad sigue siendo la misma pero con un look mucho más fácil de integrar. · Demo http://www.shauninman.com/assets/examples/styling-file-inputs/ http://www.kaosconcept.net Si queréis crear un menú para vuestra Web con la estética de las barras de Windows Vista y compatible en todos los navegadores mediante CSS, descargar esta botonera y lo tendréis muy fácil. Valida W3C CSS y XHTML. · Descargar http://blog.itookia.com/file.axd?file=VISTA_toolbar.zip · Ver Demostración http://blog.itookia.com/vista_toolbar.html http://www.kaosconcept.net Si quieres conseguir un acabado de película en tus fotografías puedes usar este tutorial y sacar a relucir un terminado profesional de cine. http://photoshoptutorials.ws/photoshop-tutorials/photo-effects/two-color-technicolor.html http://www.kaosconcept.net Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raíces en una pieza clásica de la literatura del Latín, que data del año 45 antes de Cristo. Gracias a este generador podéis rellenar vuestros bocetos con texto provisional sin complicaros la vida y asegurándoos que quedará un resultado equilibrado en la tipografía. Generador de Lorem Ipsum: http://es.lipsum.com/ http://www.kaosconcept.net Una nueva muestra de lo que se puede llegar a hacer con un poco de originalidad, tarjetas de visita impactantes: http://www.fubiz.net/blog/index.php?2008/06/04/1692-70-amazing-business-cards Objetivo: No dejar indiferente. http://www.kaosconcept.net Si estáis pensando en montar una tienda o catálogo virtual no dudéis en descargar este pack de iconos gratuitos. Tarjetas visa, mastercard, carritos y otros 30 iconos que os servirán de mucha ayuda para adornar vuestro portal. http://www.kaosconcept.net A continuación os dejo un enlace para que echéis un vistazo a diseños de Packaging originales. http://www.smashingmagazine.com/2008/05/26/beautiful-and-original-product-designs/ Yo me quedo con el bote para miel, o cualquier contenido denso, de dos aperturas independientes... Bonito y usable, quién da más. http://www.kaosconcept.net Un pack completamente libre de iconos vectoriales. 148 modelos profesionales para adornar tus composiciones. Bolas del mundo, cajas, CDs, Guitarras, ficheros, flechas... el acabado es genial. http://69.89.31.243/~iconyell/freebies/bright.eps.zip http://www.kaosconcept.net No cabe duda que el diseño de una Web requiere de orden, estructura, usabilidad y equilibrio en varios aspectos. La proporción Divina es la retícula más vista y estudiada en el desarrollo de una interface usable y equilibrada. En el siguiente enlace veréis cuales son las medidas actuales que mejor se ajustan a estas proporciones. http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/ Calculadora de retículas: http://www.thismanslife.co.uk/main.asp?contentid=phiculator http://www.kaosconcept.net Otra utilidad que instala los servidores Apache con Php y Sql. Incluye: - Apache 2.2.8 - PHP 6.0.0-dev - MySQL 6.0.4-alpha - phpMyAdmin-2.10.3 Instálalo todo de manera rápida y sencilla http://prdownloads.sourceforge.net/appserv/appserv-win32-2.6.0.exe?download http://www.kaosconcept.net La calidad técnica de este artista está a otro nivel desde luego. Un video / Reel aconsejado para todos aquellos aficionados y profesionales de Adobe After Effects: http://www.gkaster.com/ http://www.kaosconcept.net Los creadores de la galería más glamurosa de Internet en lo que a Webs en Flash se refiere (y que concede los premios más deseados por muchos), acaba de abrir FWA Theater, un sitio donde podréis encontrar montones de Reels y vídeos profesionales destacados en Internet. FWA Theater http://www.fwatheater.com/ http://www.kaosconcept.net Si queréis tener una presentación original no os perdáis estos ejemplos de tarjetas. Trabajos creativos 100% http://www.flickr.com/photos/dailypoetics/sets/72057594104389710/?page=1 http://www.kaosconcept.net Un impresionante documento que muestra tutoriales para imitar materiales con 3D Studio: · Agua · Cristal · Terciopelo · Madera Con Vray, visita obligada: http://www.3darquitectura.info/3d-studio-max/materiales-avanzados.html http://www.kaosconcept.net En esta Web podéis acceder a 5 Sets de vectores de muy buena calidad completamente gratuitos. http://coolvectors.com/cool-vectors/ http://www.kaosconcept.net Con una textura y un buen modelo puedes tener acabados como el que enseñan en este tutorial. Un Ipod a tu medida: http://www.truecg.com/index.php?option=com_content&task=view&id=12&Itemid=1 http://www.kaosconcept.net Aprende a hacer un cometa con el sistema de partículas y fuerza / gravedad de 3D Studio. http://www.truecg.com/index.php?option=com_content&task=view&id=21&Itemid=1 http://www.kaosconcept.net Wampserver es un programa de código libre que te permite instalar PHP 5 y enlazarlo con SQL en pocos pasos. ¡Configura un servidor apache y empieza a programar! Página Oficial: http://www.wampserver.com Descargar: http://sourceforge.net/project/downloading.php?groupname=wampserver&filename=WampServer2.0c.exe&use_mirror=mesh http://www.kaosconcept.net Con el programa que adjunto podréis ver la posición de vuestro Website indicando las palabras clave que os interesan. Sencillo, rápido y en solo 1.5 Megas. http://www.kaosconcept.net En el archivo adjunto podéis descargar la fuente, en Photoshop, para que hagáis vuestras propias previews de Cajas de Software. http://www.kaosconcept.net Ventanas móviles, botoneras, sistemas de navegación, transiciones, galerías y tooltips... una colección de 30 scripts descargables para implementarlos en tu Web y dar un nuevo feeling 2.0. Échales un ojo aquí: http://www.noupe.com/css/30-exceptional-ajaxjavascript-techniques-recently-created.html Requieren conocimientos de Javascript, Ajax y Mootools en determinados casos. http://www.kaosconcept.net Cogiendo las herramientas Illustrator y Photoshop daremos vida a un diseño impactante que imita estelas de humo. http://psdtuts.com/tutorials-effects/creating-a-stunning-digital-smoke-effect/ http://www.kaosconcept.net Esta galería en Flash recuerda bastante a la interface de Iphone o Itouch. En el archivo adjunto podéis bajar el código fuente. A continuación os dejo la demo de dicha galería y un tutorial si os interesáis por aprender más de Papervisión 3D. Demo Galería 3D: http://blog.coconnut.com/source/jel/Cartelera/CarteleraFlash.html Tutorial Papervision 3D: http://www.cristalab.com/tutoriales/229/tutorial-de-3d-interactivo-en-flash-con-papervision-3d http://www.kaosconcept.net Una Web en Flash para sentarse, ponerse los cascos y desconectar del mundo durante unos minutos para deleitarse con un trabajo finísimo de este equipo de diseño. http://www.scifi.com/tinman/oz/ http://www.kaosconcept.net Una obra de arte Frame a Frame. Si quieres ver un trabajo de chinos bien hecho y original no dudes en visitarla. Cuando Flash se convierte en arte: http://www.charmingwall.com http://www.kaosconcept.net Un bonito efecto para tipografías script con un look luminoso Glow. http://www.shotgunmag.co.uk/?p=33 http://www.kaosconcept.net Con Acrobat Distiller tenéis la facilidad de configurar una impresora virtual que controle la calidad y opciones de los documentos, antes de enviarlos a Imprenta, configurándolos de forma optima. A continuación os dejo un tutorial bastante sencillo de los pasos a seguir para enviar un documento diseñado a imprenta en PDF y que no dé problemas. http://www.imprimaonline.com/index.php?cont=tutoriales&tutorial=corel_distiller_pc También os adjunto un PDF en el que se explica los márgenes, sangrados y posibilidades de un documento en vista de impresión para ajustarlos. http://www.kaosconcept.net No os habéis preguntado nunca quién es la persona que se dedica a hacer los logos y creatividades en Google? Pues aquí os dejo un video dónde no solo conoceréis al personaje, sino que también su metodología de trabajo. http://www.youtube.com/watch?v=TOOY0xuQ3TU ¿Quién no diseña con ese monitor táctil verdad? http://www.kaosconcept.net Si quieres saber que palabras de tu Web Flash están indexadas en Google puedes usar esta herramienta: http://www.se-flash.com/cgi-bin/flash.pl?etape2=1 Solo necesita la ruta del SWF. En el archivo adjunto os dejo un manual extraido directamente del Taller de Indexación de Flash en los buscadores de Motion4Graphics para que sepas más sobre la indexación y Spiders ante Flash. http://www.kaosconcept.net Si queréis montar vuestro portfolio con un diseño moderno y animado, no dudéis en descargar esta galería en Flash gratuita y fácil de usar. Solo tenéis que modificar el archivo XML para mostrar vuestros trabajos. Incluye: · Navegación intuitiva. · Compatibilidad con Windows · Compatibilidad con Macintosh · Compatibilidad con Linux · Soporte para varias lenguas · Solo 11KB de Preload! · Gratis! Para ver la Web y noticias referentes así como últimas versiones podéis visitar: http://www.flashgallery.org/ Para descargar la galería: http://www.flashgallery.org/FlashGallery_0.2_BETA.zip Para ver una Demo: http://www.flashgallery.org/demo.html http://www.kaosconcept.net En el enlace de esta noticia puedes descargar un Pack de Iconos Gratis inspirados en cocina y comida. Fresas, hamburguesas, patatas, melocotones, plátanos, cerezas, tartas, huevos, pan... ¡Y muchos más! Con acabado 2.0. muy profesionales. Recomendables 100%. En formato EPS. Descárgalo aquí: http://depositfiles.com/files/2409528 http://www.kaosconcept.net 274 banderas vectoriales para Illustrator y fácilmente exportables a Photoshop (España, Brasil, Italia...) Podéis descargarlo del documento adjunto inferior: http://www.kaosconcept.net Para descargar 25 Calaveras vectoriales solo tenéis que pulsar el enlace inferior. Están en formato Illustrator pero ya sabéis que son facilmente exportables a otros programas como Photoshop. http://createsk8.com/wp-content/gallery/createsk8/sk8skulls.zip http://www.kaosconcept.net A continuación os muestro un enlace donde podéis encontrar 63 Wallpapers para darle un poco de color a vuestro escritorio. http://outlawdesignblog.com/2008/63-wallpapers-for-designers http://www.kaosconcept.net En el JPG adjunto podéis ver las medidas estandarizadas para el diseño de Banners. Estos tamaños facilitan la migración y el intercambio de enlaces puesto que los Sitios Webs suelen dejar esos mismos espacios de manera uniforme. http://www.kaosconcept.net En el siguiente enlace tenéis un archivo de 60 megas aproximadamente con 253 objetos para utilizar con vuestros diseños a modo de previews en Photoshop. Bolsas, tazas, vasos, CDs, cajas... pasando por paquetes de tabaco, mecheros y botellas. Las imágenes están en alta resolución y podéis descargarlas http://www.mediafire.com/?e5ftknlay21 http://www.kaosconcept.net Para todos aquellos que queráis combinar colores y ver algunas mezclas interesantes os dejo esta página de referencia donde encontraréis diferentes esquemas de combinación. Podéis crear vuestras propias combinaciones y guardarlas para competir con las más vistas de esta página. http://kuler.adobe.com http://www.kaosconcept.net En este tutorial aprenderéis a modelar una manzana usando Edit Mesh y Meshsmooth, para luego aplicarle materiales que simulan cristal. Requiere Vray. La configuración de Luz es interesante, con cáusticas y sombras de estudio. http://www.cg-files.com/glass_apple_in_vray_and_3d_studio_max_tutorial.html http://www.kaosconcept.net Este tutorial en inglés muestra un ejemplo básico, bastante bien explicado, de como programar orientado a objetos en PHP. PHP 5 vendrá optimizado para este tipo de código así que toca evolucionar, con este tutorial lo tendréis más sencillo. http://www.combined-minds.net/tutorials/22/Object_Orientated_programming_in_PHP:_The_absolute_basics http://www.kaosconcept.net En este tutorial podéis ver algunas fichas de configuración para luces y render. Son 4 pasos pero os dejo el enlace del más interesante. Es necesario el motor de render VRAY. Si ahora usáis 3D Max 2008 podéis haceros con el VRAY Advanced 150 R3 para que funcione correctamente. http://en.9jcg.com/comm_pages/blog_content-art-150.htm http://www.kaosconcept.net Este es uno de esos tutoriales que son imposibles de llevar a la práctica; por el nivel tan exigente, y pasos poco detallados, que muestran en su desarrollo. Aún así, me he decidido a mostrároslo, el acabado es realmente impresionante. Es una buena guía para fijarse en que pasos da un profesional. Si también os gusta Photoshop, no os perdáis los pasos finales. http://en.9jcg.com/comm_pages/blog_content-art-147.htm http://www.kaosconcept.net En esta Web podéis encontrar numerosos diseños con estilos muy marcados y brilantes: Vintage, Retro, Grunch, Minimal, etc. De obligada visita para ponerse al día de Diseño Web. http://bestwebgallery.com Si pensáis que vuestra Web está a la altura, no dudéis en enviar vuestra petición y podrá aparecer en la galería como destacada. http://www.kaosconcept.net Las mejores Webs en Flash se encuentran aquí. Si queréis coger una depresión, viendo el nivel de algunos personajes, solo tenéis que visitarla: http://www.thefwa.com Un buen lugar de donde sacar inspiración si soys adictos a Flash. http://www.kaosconcept.net En esta entrada os dejo en un archivo RAR adjunto los carteles de algunas de las ediciones del SIMO. Un paseo para curiosos, a través de las diferentes ediciones, que harán recordar tendencias de hace unos años. http://www.kaosconcept.net El diseño Vintage está de moda! Queréis ver algunas referencias? A continuación os muestro los sitios más destacados.Cuentan con influencias de fotos antiguas, folios y panfletos, recortes, y colores envejecidos. Visit Cascadia: http://www.visitcascadia.com Cottonseed Oil Tour: http://www.cottonseedoiltour.com Tennessee Vacation: http://tnvacation.com Sexy Models: http://www.mousetominx.co.uk Lana Landis: http://www.lanalandis.com Target Scope: http://www.targetscope.com Kretivia: http://www.kretivia.com Prahba: http://www.prahba.com Yesterday Is Here: http://yesterdayishere.com/wordpress Vintage Cars: http://www.breezemedia.co.uk Jackson Fish Market: http://www.jacksonfish.com Verga Car: http://www.vergacar.ch Web Designer Ro: http://www.webdesigner.ro Sottocostoska: http://www.sottocostoska.it Avalon Rose Design: http://avalon-rose-design.com/Portfolio/portfolio.html The Retrovert: http://www.theretrovert.com Spedawerk: http://spadewerk.com Hardees: http://mytownmyhardees.com Fisticuff: http://www.fisticuffdesign.com Lataka: http://www.lataka.com Sauro Motel: http://www.sauromotel.com Cameron Moll: http://www.cameronmoll.com Forty Seven Media: http://fortysevenmedia.com Media Boom: http://mediaboom.com/ Big Rig Design: http://bigrigdesign.com The Greg Brady Project: http://thegregbradyproject.com Prospect Denim: http://prospectdenim.com Curiosidad: Podéis buscar el juego Bioshock y ver algunas tendencias que siguen sus diseñadores. Vintage en estado puro. No toda la inspiración se busca en diseños Webs, mirar aquello que os rodea, encontraréis miles de fuentes diferentes. http://www.kaosconcept.net Si necesitas inspiración para maquetar con una retícula diferente, o más atrevida de lo normal, puedes echarle un ojo a esta fantástica guía que nos enseña 32 tipos de retículas catalogadas por tema. Son Layouts, en general, para sitios de mucha información. Una buena retícula es la base del diseño web ¡No lo olvides! Míralas aquí http://www.webdesignerwall.com/trends/grid-and-column-designs http://www.kaosconcept.net Una Web de diseño increible, para ser HTML, que destaca tanto por su imagen como por sus contenidos y tutoriales. En esta Web verás información actualizada con cierta frecuencia sobre exposiciones y convenciones de diseño Web. Visítala http://www.webdesignerwall.com http://www.kaosconcept.net Un tutorial con el que usaras Waves y brochas. Conseguirás un acabado llamativo para composiciones y Wallpapers. Échale un ojo al tutorial: http://www.webdesignerwall.com/tutorials/chroma-wallpapers http://www.kaosconcept.net Si quieres tener todas las funciones más útiles de PHP sin tener que programarlas una y otra vez, échale un ojo a este JS. ¡Incorpora cerca de 100 funciones optimizadas! http://kevin.vanzonneveld.net/techblog/article/javascript_equivalent_for_phps_is_numeric/ http://www.kaosconcept.net Un Framework completísimo y compatible con la mayoría de los exploradores: Safari, MS Explorer, Firefox... Cuenta con una sección de descarga que optimiza el código para que solo obtengas el script justo que necesites. Puedes descargarlo http://mootools.net/download Para ver lo que es capaz de hacer, no te pierdas estos ejemplos http://demos.mootools.net http://www.kaosconcept.net En este extenso tutorial aprenderás a diseñar una galería para que le des el uso que más te convenga. Una interfaz "muy 2.0" con destellos, reflejos y atractivos coloridos. ¿Qué excusa tienes ahora para no tener tu propio portfolio? http://www.adobetutorialz.com/articles/2931/1/Photography-portfolio http://www.kaosconcept.net Si estás aburrido de los típicos cursores de Windows XP y no soportas la inestabilidad y falta de compatibilidad del Windows Vista, este es el paquete que buscabas. Aprovechate del nuevo look de los cursores Aero. Para instalarlos, solo descomprime el archivo, e instala el .inf pulsando botón derecho sobre el mismo e "Instalar". Una vez hecho esto tendrás acceso a los cursores desde el panel de control. http://www.kaosconcept.net Si tenéis problemas con vuestros servicios de email, porque no os dejen enviar archivos demasiado grandes, os dejo una página realmente funcional y rápida. Con acceso gratuito a cualquier usuario. Yousendit.com permite enviar emails hasta de 100 megas con la cuenta gratuita y hasta 1Gb con cuentas premium. Creo que es un servicio muy aconsejable para diseñadores que necesitan hacer envíos de ficheros en alta resolución, folletos, etc. ¡Visítala http://www.yousendit.com y a enviar! http://www.kaosconcept.net Si quieres una manera sencilla de modelar una espada japonesa, aquí la tienes: · http://www.escalight.com/tutorials/3dsmax-tutorials/creating-japanese-sword-katana-part-1.html Un tutorial muy práctico para experimentar con curvas Beizer. Quizás la parte más interesante, que es como hacer las cuerdas del mango y el bump, se lo han saltado, pero sigue siendo una buena sesión práctica para principiantes. http://www.kaosconcept.net La mejor manera de encontrar colores y complementarios para un buen diseño Web, es utilizar una de los muchos sites que facilitan esta labor con sencillos selectores. Personalmente, ColorMatch Remix, creo que es uno de los más efectivos. Es compatible con la mayoría de navegadores y permite guardar y exportar configuraciones a Photoshop e Illustrator. Pueden visitarla http://www.hlrnet.com/colormatch/sp.php A combinar! http://www.kaosconcept.net Si tienes alguna duda sobre cómo configurar los parámetros de un servidor PHP, no dudes en descargar el manual adjunto. Protégelo de ataques y aprende a usar todas las variables disponibles. http://www.kaosconcept.net A mi gusto es uno de los componentes más funcionales para agregar efectos javascript y ajax en tu Web. Admite funciones como: · Arrastrar y soltar elementos. · Soporte fácil de Ajax. · Efectos de animación. · Despliegues de capa a lo "Flex". · Animaciones de capa. Para hacerlo funcionar debéis usar también Prototype. En el archivo adjunto encontraréis los dos archivos JS listos para implementar en vuestra Web actualizados a día 18/1/08. ¡Pásate al mundo de las Webs 2.0! Web: http://openrico.org Demos: http://demos.openrico.org http://www.kaosconcept.net Crea tu propia Preview, de una caja de Software personalizada, con este sencillo tutorial. http://www.webdesign.org/web/photoshop/3d-effects/professional-software-box.13088.html http://www.kaosconcept.net Si eres diseñador te encontrarás a menudo con la ardua tarea de identificar fuentes de logos sin vectorizar, limpiar marcas corporativas o trazarlas... Para facilitarnos la tarea, os presento esta maravilla de Web. Sólo tenéis que indicar la URL (dónde se encuentra la imagen que tiene el texto en concreto) y se encargará de descubrir la fuente que lo creó. Visítala: http://www.myfonts.com/WhatTheFont En el primer paso os preguntará si ha identificado bien cada carácter del texto que aparece en la imagen para más tarde decirnos de que fuente se trata. http://www.kaosconcept.net Si tuviera que elegir un tutorial para simular una bola de cristal sobre un fondo con Photoshop, me quedaría con este sin duda alguna. Unos efectos de transparencia y cáusticas muy bien conseguidos. Rápido y sencillo. Visítenlo http://www.lunacore.com/photoshop/tutorials/tut009_2.htm http://www.kaosconcept.net Gracias a esta curiosa página podremos visualizar nuestro sitio Web, o el que nos interese, desde 50 versiones de navegadores distintas; Firefox, Opera, Safari, Explorer... El funcionamiento es sencillo, introducimos la URL de la Web a visualizar, seleccionamos las versiones que prefiramos y lanzamos el intérprete. Una vez hecho esto, podremos ver las capturas de pantalla desde cada navegador con posibilidad de descargarlas. Es especialmente útil para maquetar con CSS y ver como cada explorador se salta el estandar a la torera (en concreto y sobre todo, IE7 y 6) Visítala! http://browsershots.org http://www.kaosconcept.net Si quieres que tu herramienta favorita fluya y se ejecute de forma óptima, descarga el manual adjunto y prepárate para sacar el máximo partido del disco duro y memoria virtual. ¡Estos son los pasos fundamentales para tener la aplicación a tope! http://www.kaosconcept.net Esta Web se encargará de pasar cualquier archivo Bitmap a Vector de manera rápida y sencilla. Los tipos de archivo que soporta son: Subida: · JPG · GIF · PNG · BMP · TIFF Descargas: · EPS · SVG · PNG Visítala ya http://vectormagic.stanford.edu http://www.kaosconcept.net Cuando poner un botón: Los botones del sistema se deben utilizar en aquellas "acciones" que queremos que el usuario ejecute. Por ejemplo: · Enviar · Buscar · Descargar fichero · Subir fichero · Confirmar · Guardar Ejemplos de uso: Tenemos una web llena de documentos que el usuario puede descargar. El formato ideal para una página de este estilo sería: · Titulo del fichero Botón para descargar los ficheros fuera un botón del sistema etiquetado correctamente ("descarga este fichero"). Debajo del botón podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc...). Cuando poner enlaces: Los enlaces los debemos utilizar para vincular ficheros HTML. Es decir, el usuario va a ir a otra página web. El formato de enlaces ha de ser claro y debe indicar que vamos a ver, evitando los "pincha aquí", "más información", etc... El problema de poner bajo enlaces "acciones" que no son ver otras páginas web es que pueden confundir al usuario. Si tenemos el formato anterior: · Titulo del fichero · Descarga fichero. Debajo podemos indicar que va a pasar (si el usuario va a una nueva página, cuanto pesa el fichero, formato, etc...). Uno podría adivinar que se va a bajar el fichero, pero se podría pensar que uno va a ir a la página de descargas. Los botones no crean confusión frente a los enlaces para lo que hemos denominado como "acciones". http://www.kaosconcept.net Eyetracking: Recorrido visual. Un manual interesantisimo con un estudio sobre los hábitos del usuario al entrar en una Web. ¡No pierdas detalle para que los contenidos de tu Web sean efectivos y usables! http://www.kaosconcept.net Estas son 20 recomendaciones para optimizar la seguridad en tu servidor Apache. Puedes descargar el manual desde el archivo adjunto. http://www.kaosconcept.net Para aquellos que quieran aprender más sobre el maravilloso arte de la tipografía y su uso, descargar fuentes gratuitas o encontrar otras de pago, no podrán hacer nada mejor que visitar el siguiente enlace: http://www.ilovetypography.com/ Además contiene enlaces a otros blogs interesantes y noticias muy curiosas. ¡A disfrutar de la tipografía! http://www.kaosconcept.net Consigue este efecto clásico, de Mac, en textos para dar un acabado plastificado y brillante. http://www.webdesign.org/web/photoshop/tutorials/macintosh-text.4378.html http://www.kaosconcept.net Para aquellos desarrolladores Web que necesitéis testear sus trabajos en Internet Explorer 7 y 6, pudiéndolos abrir a la misma vez, podéis descargar este programa. ¡Fácil y rápido! http://tredosoft.com/files/multi-ie/multiple-ie-setup.exe http://www.kaosconcept.net A continuación os enseño como podéis hacer un buscador en PHP y SQL que acepte una cadena compleja, compuesta por varias palabras, de una manera rápida y sencilla. Para ilustrar los diferentes pasos pondré de ejemplo la tabla Artículos y los campos donde buscar serán Titulo y Desarrollo. 1) Ir al gestor de la base de datos y ejecutar el comando SQL: ALTER TABLE ARTICULOS ADD FULLTEXT(TITULO, DESARROLLO); 2) Una vez que tenemos los campos como FULLTEXT en el archivo PHP la consulta que haremos será: SELECT * , MATCH (TITULO,DESARROLLO) AGAINST ('$busqueda') AS puntuacion FROM ARTICULOS WHERE MATCH (TITULO, DESARROLLO) AGAINST ('$busqueda') ORDER BY puntuacion DESC Como podéis comprobar ejecutamos la comprobación MATCH dos veces, la primera es para tenerla como puntuación y la segunda la que ejerce la comparación. Al tener la puntuación podemos mostrarlas por orden descendente o ascendente teniendo como referencia la cantidad de veces que se encuentre la cadena en dicho texto. ¿Fácil verdad? http://www.kaosconcept.net Corren tiempos de Web 2.0, de nuevas funcionalidades y códigos en AS3, JS, Ajax... Si te estás iniciando en el mundo de la programación en AJAX, seguro que sacarás provecho de esta web de cargadores. Te permite generar un GIF con los patrones que especifiques y que valdrán para las precargas de tus proyectos. · Puedes visitarla http://www.ajaxload.info http://www.kaosconcept.net si queréis conocer la posición de vuestra Web en el Ranking de búsqueda de Google, solo tenéis que acceder a la Web siguiente e insertar vuestro dominio y la clave: http://www.alexapagerank.com/busca_pos.php Espero que os sea de utilidad. http://www.kaosconcept.net Al igual que grandes compañías como Google establecen sus propios baremos en Internet (Pagerank en este caso) otros, como el que nos ocupa, también intentan establecer nuevas formas de competición en la red de redes. Alexa nos brinda la posibilidad de ver una gráfica que enseña los movimientos diarios, mensuales o anuales. Solo tienes que visitar el enlace: http://www.alexa.com Y ver como crece la fama de tu Web en Internet o si por el contrario deja de ser visitada. (Siempre y cuando nuestra Web se encuentre dentro de los 100.000 sitios más visitados de Internet.) Si vuestra Web se encuentra por encima de los 100.000 sitios más visitados, hay un pequeño truco, que es compararla con otra que si los esté. Así mostrará la linea de progreso. ¡Suerte en la competición! http://www.kaosconcept.net Hace tiempo atrás Internet Explorer se vio afectado por problemas legales que tuvieron como consecuencia la reacción de Microsoft. La compañía como "revancha" hizo este ajuste en su explorador y desde entonces todos los elementos multimedia embebidos necesitan ser activados antes de que puedan utilizarse. Después de probar muchos scripts, encontré este. Activa todo los elementos de la página sin necesidad de recargar la misma (como hacen otros). ¡A olvidarse de los molestos clicks! Pulsa en el archivo adjunto para descargar el script. http://www.kaosconcept.net Una bonita brush que imita trazos en el universo creando destellos. La brush se compone de una mariposa y varias estelas. Podéis descargarlo en el archivo adjunto. http://www.kaosconcept.net El foro de referencia absoluto para aquellos aficionados y profesionales al diseño y artes gráficas en todos sus ámbitos; desde la fotografía a la tipografía, pasando por vectores y composición. Una comunidad repleta de expertos que no dudarán en desguazar tu trabajo y ayudar en la medida de lo posible. ¡De visita obligada http://www.domestika.org/foros/index.php ! http://www.kaosconcept.net Los auténticos, oficiales y seguramente, mejores wallpapers que han pasado por los diferentes sistemas operativos, puedes encontrarlos aquí. Hago mención especial a los que se encuentran en la categoría de Mac OSX. Unas fotos y composiciones increíbles a resoluciones de hasta 1900. Echarle un vistazo http://neosmart.net/gallery/v/wallpapers , no tienen desperdicio. http://www.kaosconcept.net Desde hace algunas años 3D Studio incorpora el motor de Render, opcional, Mental Ray. Una de sus ventajas es la de un tratamiento de luces más realista y con opciones que, incluso, llegan a simular causticas. En el siguiente tutorial aprenderás a crearlas: · http://www.oman3d.com/tutorials/3ds/caustics http://www.kaosconcept.net Hasta la fecha es la mejor Web de iconos libres que he encontrado. Está repleta de buenos trabajos, con diseños cuidados y de una gran cantidad de categorías. Solo tienes que registrarte y podrás acceder a muchos de ellos. ¡Busca, intercambia y descarga iconos! http://www.iconbuffet.com http://www.kaosconcept.net En el archivo adjunto de esta noticia podéis descargar un magnífico tutorial que muestra como aplicar color al boceto de un personaje de rol. Es la primera parte de una colección de tutoriales que, espero, ir podiendo subir poco a poco conforme el autor las vaya terminando. http://www.kaosconcept.net Un tutorial, de los mejores que he encontrado, de como preparar una escena para exponer un objeto a luces avanzadas con Raytrace. Las sombras y el acabado conseguido por Mario Malagrino, autor del tutorial, es impecable. http://cg-india.com/Tutorials/3dsmax_adv.html http://www.kaosconcept.net El estilo que llevan marcando sistemas operativos como Panter y algunas distros de Linux, han hecho que muchos diseñadores intenten imitar este tipo de acabado con destellos cristalinos. En este tutorial, se presenta de manera sencilla los pasos necesarios para hacer un icono de alerta con efecto cristal. http://www.project09.com/tutorials/Photoshop/alert-icon http://www.kaosconcept.net Una Web de referencia para todos los que nos gusta el diseño, usabilidad y, en definitiva, cualquier contenido relacionado con el desarrollo web. Con la colaboración de Cesar Martín, Luis Villa y otros grandes. Blog de obligada lectura. http://www.alzado.org http://www.kaosconcept.net Una aplicación extraordinaria que nos permite construir bases de datos en un interface práctico y rápido. Integramente desarrollado en Flash. Contempla la opción de exportar las tablas en XML y otros formatos. Puede usarse también como constructor de objetos para Action Script. http://www.gskinner.com/gmodeler/app/run.html http://www.kaosconcept.net Una vistosa Web dedicada al diseño de Logos y Mascotas de forma profesional. Cuentan con secciones de: tutoriales, wallpapers y numerosos ejemplos de sus trabajos en ilustración. ¡Merece la pena verlo! http://www.sosfactory.com http://www.kaosconcept.net Tutorial que combina 3DStudio y ZBrush para modelar un Orco. El acabado es impresionante, solo tenéis que echar un vistazo a las screens. Obviamente requiere conocimientos avanzados de ambos programas. Podéis encontrar el tutorial en el siguiente enlace: http://www.3dm3.com/forum/articles.php?action=viewarticle&artid=88&page=1 http://www.kaosconcept.net Un tutorial curiosisimo que utiliza textos desenfocados y glow para simular un destello mágico. Podéis ver el tutorial completo en inglés en el siguiente enlace: http://www.abduzeedo.com/magic_effect http://www.kaosconcept.net Para todas aquellas personas que tengan una Web en Flash o estén desarrollando alguna, ya sabréis del "magnífico" cambio que hizo Micro$oft en Internet Explorer 7 hace tiempo. La molesta activación de Flash se puede evitar de diferentes formas con JavaScript. Este es uno de los metodos más prácticos porque con una sola linea (que debes colocar justo al final) activará todo el contenido Flash de tu Web. Por lo tanto no hará falta clickear cada elemento. La linea de codigo es: El árchivo JS podéis descargarlo en el adjunto. http://www.kaosconcept.net Tutorial, de diseño impecable, que nos guía a través de las herramientas básicas de Flash para dibujar y animar un conejo. Muy entretenido de ver, fácil y con un resultado interesante para los noveles. Podéis descargarlo en el archivo adjunto. Necesita Macromedia Flash Player para su correcta visualización. http://www.kaosconcept.net Con esta brush se nos facilita la tarea de añadir decoración a composiciones futuristas. Podéis descargarla en el archivo adjunto. http://www.kaosconcept.net Una Web de diseño impresionante y con secciones muy curiosas. Cuentan con blog, iconos y prácticos tutoriales, de los programas más comunes de diseño actual. Visítenla en: http://www.ndesign-studio.com http://www.kaosconcept.net Otra Web de la casa, creada en el 2006, usando tecnología Flash y HTML. El catálogo se optó por utilizar HTML para su optimización en buscadores. La zona corporativa se hizo integramente en flash. Se integraron ciertos elementos en Swift 3D y vídeos que nos facilitó la empresa. Un acabado andaluz, enderezado por BSO de la mano de Paco de Lucía. Qué os parece? http://www.amcchemical.com http://www.kaosconcept.net Os adjunto un nuevo brush para Photoshop que incluye un Pack de brochas con diferentes motivos de tentáculos. http://www.kaosconcept.net Para empezar, solo tenemos que crear un botón al cual le pondremos como nombre de instancia "boton". (CTRL+F8). Para finalizar colocaremos el siguiente código en la escena: boton.onRelease = function() { anchoPixeles=System.capabilities.screenResolutionX; altoPixeles=System.capabilities.screenResolutionY; trace(anchoPixeles); trace(altoPixeles); } Como podéis comprobar, el resultado es un trace. Tenéis la posibilidad, si queréis, de volcar los datos sobre un texto dinámico. http://www.kaosconcept.net La mayor empresa de Software de diseño, Adobe, (si, aquella que absorvió Macromedia) ha lanzado ya su flamante paquete / Suite CS3. Destinado al desarrollo y diseño web, diseño convencional, impresión, aplicaciones interactivas, aplicaciones para móviles, vídeo y películas. Existirán 6 versiones diferentes, según necesidad. Dentro, encontraremos uno de los programas más esperados, Flash Cs3 (algunos melancólicos seguirán llamándolo Flash 9.) Y nuevas herramientas reversionadas al cubo de: Photoshop, Ilustrator, Dreamweaver (También CS3) y Fireworks. En esta edición prometen una integración máxima entre los diferentes soportes. Una mejora que erradicará numerosos problemas a la hora de trasladar composiciones de Photoshop a Flash. Todo esto aderezado, como no puede ser de otra manera, por Action Script 3. Para concluir, antes de Junio se esperan herramientas como: Apollo, que nos permitirá desarrollar aplicaciones de escritorio con Flash. Y Philo, un reproductor oficial de Adobe para reproducir FLV's. Más madera para programadores y diseñadores. http://www.kaosconcept.net Skyline es el nombre más común, fuera de España, para definir aquellas brushes que ayudan a diseñar horizontes en una composición. Esta Brush contiene 4 estilos urbanos diferentes para decorar el fondo de tu diseño. http://www.kaosconcept.net Una nueva Web destinada al mantenimiento de cultivos. Destaca su cuidado diseño en Flash y los ligeros toques de After Effects. Un buen ejemplo de como fusionar diferentes tecnologías. El catálogo se desarrollo integra mente en HTML para evitar conflictos con Google. Diseño de la mano de KaosConcept: http://www.nutrindal.com http://www.kaosconcept.net Después de haber cambiado la estructura por completo de Kaosconcept, no he tenido más remedio que actualizar también el antiguo sistema de Base de Datos. Esto se resume en que no he podido salvar los registros e iré renovando poco a poco los diferentes directorios de la Web. Para inaugurar el directorio de Webs Kaosconcept, subiré en primer lugar el Top 1 de la antigua Web. Se trata de Deejey1000remix. Una Web hecha integramente en flash que incluye galería y foro. Si eres amante de la música de fiesta no te la puedes perder. El diseño, corre de la mano de KaosConcept. Podéis visitarla en: http://www.deejey1000remix.com http://www.kaosconcept.net Este estilo tan utilizado en los comics se ha puesto muy de moda en algunas corrientes de diseño actual. Sencillo y moderno, con esta brush, que podéis descargar desde el archivo adjunto, tenéis posibilidad de crear vuestras propias composiciones usando un estilo original y fresco. Los extranjeros lo llaman Half Tones y es una idea tan simple como múltiples puntos que van perdiendo tamaño conforme se alejan de su punto de fuga. Este recurso ya se usó en algunos logos como Sony. http://www.kaosconcept.net Una nueva brush para Photoshop que imita algunos goteos y rastros de sangre. No es de las mejores, pero es otra alternativa. http://www.kaosconcept.net Las coronas siempre están de moda, para logotipos clásicos o modernos, para conceptos heráldicos o composiciones. Es por eso que os adjunto un brush con diferentes tipos de coronas. Solo tenéis que descomprimir el archivo y añadirlo a las Brushes de Photoshop. http://www.kaosconcept.net Una curiosa brush para Photoshop que nos permite crear perfiles de árboles y follaje. Muy útil para composiciones con temáticas de naturaleza y medio ambiente. Llevan una ligera transparencia. Está disponible su descarga en esta misma noticia, pulsando sobre el archivo adjunto. Debéis descomprimirlo con Winzip, Winrar o un software similar. http://www.kaosconcept.net Bienvenidos a esta nueva y mejorada versión de KaosConcept.