background preloader

Praise be to Grid.

Praise be to Grid.

Create Custom Shadows – Photoshop CS5 Tutorial Create Custom Shadows – Photoshop CS5 Tutorial Creating a great drop shadow has become one of the fundamental skills for any graphic or web designer using Photoshop. In this tutorial we’re going to start at the most basic of basics and break out the good ole’ Drop Shadow which we all know and love so much and then use a couple custom shapes to edit the way that the Drop Shadow displays itself and add some 3-dimensionality to our graphics! Grab the starting image here! Tutorial Inspiration: Video Step 1: Start by grabbing this PSD file to start with » Step 2: We’re going to create three different Drop Shadows. Step 3: Most of this little dialog is self-explanatory, the blend mode will be most predictable if you set it to “Normal”, you can select the color swatch to change the color of your shadow, and you also have the ability to reduce/increase the opacity of this shadow using the Opacity slider. Step 4: Step 5: Now we move on to the second shadow! Step 6: Step 7:

UX, UI : c’est différent et c’est pas pareil 21 décembre 2012 Dans le jargon des métiers de la conception web, on parle souvent, et de plus en plus d’UX et d’UI, ou expérience utilisateur (User eXperience) et interface utilisateur (User Interface) en bon françois. Si pour vous ces deux notions sont aussi compréhensibles qu’une équation mathématique différentielle du second degré, lisez ce qui suit pour éclairer vos lanternes. UX is not UI but UI is UX Souvent, l’UX est assimilé à l’UI. En effet, l’interface utilisateur, c’est ce qui fait le lien entre l’humain et la machine. Les réflexions sur l’UI font l’objet de nombreuses études : quelles typographies utiliser ? Or, pour qu’une expérience utilisateur soit agréable, que dis-je mémorable, travailler l’UI n’est clairement pas suffisant. En effet, l’UI doit être le résultat d’un travail plus approfondi, celui de l’expérience utilisateur ou la prise en considération globale des besoins de l’utilisateur. Source : illustration Agence LunaWeb Source : Aller plus loin

9 Clever Visual Tricks Behind Iconic Poster Designs Design historians have been portending the poster’s demise for at least four decades. And by most accounts, the computer screen should have been the final nail in its coffin. And yet, the paper medium endures as a powerful means for a graphic designer to demonstrate his visual mastery. How Posters Work, a new exhibition at the Cooper Hewitt, Smithsonian Design Museum, details the techniques designers use to make arresting posters. Simplify You’ve heard it often enough: Good design is simple design. Click to Open Overlay Gallery Assault the surface Most posters use an image to tell a story. Manipulate scale In a 1970s series for furniture company Herman Miller, Steve Frykholm illustrates giant detail shots of picnic ingredients (corn on the cob, pie, watermelon seeds) to comic effect. Overlap By overlapping text, designers can play with our perception of depth. Overwhelm the eye Double the meaning Make eye contact It’s hard to look away from a penetrating. Make a system Focus the eye

Basic Graphic Design Tips You Should Know Are you thinking about building a web page? Graphic design is a great skill to learn, but when you’re just starting out it can be a little bit intimidating. Though graphic design software is much more widely available and intuitive, even with WYSIWYG interfaces there’s still a steep learning curve from “Let’s build a website!” to taking the finished product live. You may not need to code by hand every step of the way if you’re working with a pre-made template, but there are choices you’re going to need to make. Here’s a few basic tips to get you going: 1. 2. 3. 4. 5. 6. These are not the authoritative hard and fast rules, not by a long shot, but they’re a good place to start whether you’re going DIY or using a service like graphic design by Designhill.

Top 22 Designing Trends For 2015 That Are Must For Graphic Designers On per global scale, the enormous growth of graphics/web designing over the years is a clear testimony of men’s lust and longing for more of the visualizing revolution. Various notable and companies and their CEO’s are always on the hunt for some brilliant graphic-designing talent out there. This is mostly due to the fact that the verge of mobile internet platform and the need for applications has been and constantly in great want, which certainly requires an efficient design and appealing look to apart from having great functionality. Furthermore, we are ushering in an era where more text and the minds of the readers are captivated by appealing visualization rather than norm trends of the web and application that was once in use a couple of years behind our backs. Therefore, some trends are still with us while some have faded away altogether in the mist of ever-growing world of technology. 1. 2. 3. 4. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22.

Cómo ver los documentos y gráficos igual en Illustrator, inDesign, Photoshop y Acrobat Aunque los cuatro programas pertenecen a la misma empresa, muchos usuarios tienen dificultades para que los documentos y gráficos se vean igual, con los mismos colores en todos ellos. El objetivo de esta página es explicar cómo conseguirlo. Si seguimos los pasos adecuados veremos igual en los distintos programas aquellos documentos que tengan los mismos gráficos. Un PDF colocado en InDesign se verá igual en Acrobat o en Photoshop y los gráficos de Illustrator que contengan se verán con los mismos tonos. Y lo que es más importante —o debería preocuparnos más: Se imprimirán como se ven en pantalla. ¿Por qué no se ven igual? Estos cuatro programas no nacieron ayer ni a la vez. Afortunadamente, esas diferencias se han ido reduciendo con los años y cada vez es más fácil conseguir el objetivo final de la representación en pantalla: Ver el documento tal y como va a salir impreso. Factores que intervienen en la representación en pantalla de un documento en los programas de Adobe Un ejemplo concreto

10 reglas para hacer diseño editorial | DesignLifer El diseño editorial es una de las ramas más completas en el diseño gráfico. Requiere no solamente de una buena dosis de creatividad, sino conocer la técnica en la que se va a producir, saber aplicar nuestro idioma y cómo generar un archivo original que sea lo más amigable posible para producción. Sea desde un folleto hasta un libro de arte, resulta básico conocer las reglas, dominarlas y aplicarlas. Seguramente habrá más, pero con base en la experiencia obtenida en estos años, las englobo conceptualmente para su correcta aplicación en cualquier producto editorial, reduciendo riesgos, tanto en la comunicación, como en la parte de producción. 1. Parecerá muy obvio, pero es fácil detectar cuando se diseña un texto sin conocer la parte sensible de la información. Además, leer un texto nos permitirá adentrarnos en el tema de lo que diseñamos y podremos tomar decisiones creativas que incluso puedan llegar a alterar los textos en pro de una comunicación más efectiva. 2. 3. 4. 5. 6. 7. 8. 9. 10.

Lo más 'great' del 2014 en imagen corporativa Por M. Ángeles García asta cuándo es lícito felicitar el año nuevo y publicar listas de lo más visto, lo más leído o lo más (a secas) del 2014? Como no hemos encontrado respuesta en el protocolo que marque estos límites (si alguno lo sabe, que nos lo diga: prometemos enmendarnos para el próximo año), aquí va el penúltimo listado de lo «lo más…» del 2014 que nos ha llamado la atención. Se trata, en esta ocasión, de los 12 proyectos de imagen corporativa realizados por diseñadores y estudios independientes que más porcentaje de greats han recibido a lo largo del 2014 en el proyecto Friday Likes de Brand New. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. (Puedes ver el post original aquí)