Graphic & Web Design Archives


The term 'slicing' makes me think about the early days of the web, but it's basically what we still do today, only in a different way. Sometimes we need to export a whole bunch of icons to png or jpeg. Wouldn't it be great if we could export, 50 or more icons, or other images, all at once in a matter of seconds? Now, that would save a lot of time! Thanks to Slicy we can…
On May 22th (2012), I spoke at MultiMania in Kortrijk, Belgium. My talk was all about the experimentation phase during the design of a project. This presentation was mostly based on my talk at An Event Apart Boston (U.S.) last year. I decided to talk about this subject because people often wonder how I end up using that particular composition, pattern, or that particular set of colors etc. There is never a straight answer to these questions, because it's always different for each project or design. A lot of variable factors are at play during the design phase, but one thing is certain, it all connects to experimenting, trying out stuff… To me design is a lot about experimenting, to try to push boundaries, and following your instinct. Today I'll give you a brief overview of what I talked about, with the focus on sharing the resources I shared in my presentation.
Time to talk about color inspiration today. Each image in my Inspiration Stream contains a color that is handpicked. No ingenious automation process in action here, as I want to have full control over this. I even try to choose my colors so I end up with an interesting palette at the top of each page. Even though, each time I add a new image to the gallery, the colors move one position per page as the images move one position as well. Still, I try to watch that the neighboring colors are in harmony.
Letting photos shine by adding some subtle effects is something you learn to do by trial and error. Some photos will work perfect for certain effects and others won't, but it's something we creatives love to experiment with. One of the more popular effects is creating some kind of a vintage color effect. You create a certain atmosphere and it can give more depth when you add these kind of effects the right way. As always, finding the right balance in how much effect you add is crucial.
I'm not sure about you, but I'm still in favor of using Photoshop to create of my design for the web. However, I agree that this application, even with all its never-ending feature set, is not the ideal environment to design web sites in. The ideal application doesn't exist yet, until it does it is maybe not such a bad idea to investigate ways on how we can optimize our workflow.
Today we're exploring a quick way to get a satisfying wood structure in Photoshop. The kind of structure you would use as a background in a web site. So not the detailed kind that you would use for a poster for example. Why spent a ton of steps if you are going to hide 70% of it.
After writing the articles about the creation of an inset effect on text in Photoshop, followed by how to create this same effect in Illustrator , I received the request from Josephine if I wouldn't mind explaining how I created the textured background of the graphic used in that article. Here is how I did this…
Effects, such as drop shadow, inner shadow, gradient overlay etc. can be applied in Photoshop in a simple way via Layer Styles. This is a very easy, and most of all, flexible way. You can easily apply this on text and keep the text editable at all times. One of these effects is the inset effect, which can be created by a combination of a drop shadow and inner shadow. Today I want to share with you how you can apply an inset effect on text, in combination with a background that serves as a clipping mask and have all your text still editable. Let's get started!