Project 1 -Creating a texture brush in Photoshop

October 18, 2010 § Leave a comment

This picture has made with the brush that I created



Original picture has taken on the train



I cropped the picture and I selected an area using the magic wand



The result that I had



Project 1 – Header Graphic Workshop

October 16, 2010 § Leave a comment

For this workshop we have to create an header graphic for a minimum of 2 of the following blog: Bleak Sky, Hysteria Blog, The Jagged Edge, Streetwise , Victorian Underworld, Woodgrain, FabricFrenzy.

I chose Hysteria Blog, Victorian Underworld, Woodgrain, Fabric Frenzy.

Project 1 -Logo Tutorial

October 15, 2010 § Leave a comment

In this workshop we used Adobe Illustrator to create different logo. I began drawing some ideas on my skecth book.


For this logo I used two arrows which they follow each other around a point to give idea of synchronization.


I made a very simple logo with basic shapes and I used those three colours: Red Green Blue (RGB),  used in  scanning process.

Music explosion

I tried to find a contrast beetween the words. I mean explosion it’s very strong word while I used low case letters that give a sense of calm.


For this logo I tried to draw something like a cuddle, because the word ‘together’ is reminiscent of an embrace.

Project 1 – Twitter background for a night club: Pixel

October 13, 2010 § Leave a comment

For this project we have to design a Twitter background for a night club. I designed my background for a fictional night club called Pixel.

I downloaded a Twitter background template from internet to have the correct size because the background must be 1600 x 1200 pixels.

I started to draw some ideas on my sketch book for the background and the logo.

After I sketched my ideas I made a mood board to have a visual map of colours and designs.


Pixel mood board



floor texture on the train (1)


Then I took pictures for my background. I took the first picture on the train while I was going to work in Worthing (1).

Later, I went out in Brighton with my digital camera looking for things that looked like  pixels and I found various tiled floors (2).


tiled floors in Brighton North lanes (2)



step 1: tiled floor inverted (3)



step 2: layer set on hard mix (4)


With Photoshop I cut and resized one of those floors and I inverted it in Image>Adjustments, then I setted this layer on hard mix blending mode (4).

I added another level from the tiled floor pictures , cut and resized it (5)


step 3 (5)



step 3: layer set on hue (6)


before putting a gradient overlay blended with linear burn. I set this level to hue blending mode (6).

I then downloaded from Google an image of speakers (7).


speakers image (7)



step 4: speakers after has been modified (8)


I wanted the  speakers to look like a building so  I used treshold in Image>Adjustement to give a comic effect, then I gave it a grandient overlay with blend mode darken and style radial (8).

Finally I put in another picture which i took on the train


picture from the train (9)



step 5: (10)


and I set it on Color in blending mode(9). This gave all the components of the image the same light; thus unifying the image (10).


logo scanned from sketch book and modified in Photoshop


For the logo I began from my drawing: I scanned it and with Photoshop modified it. But after the lesson on logo design I understood that that logo should be as simple as possible, so I remade it with Illustrator and transfered it in Photoshop. The logo is comprised of 4 squares which make another square. One of these is not aligned with the rest.


new logo made in Illustrator


In Photoshop I added a white stroke for the logo to increase its visibility once incorporated with the Twitter background. Below is the final result.

After testing this background on Twitter I thought that it would be more effective to use the background without the speakers because it’s simplier and it looks better.

I think the speakers were effective but I feel they would be better suited to alternative promotional formats such as flyers or posters. This reflects my personal view of website design generally: that it should be simple and clean for the benefit of the reader/viewer.

Project 1 – Layer Blends Workshop

October 8, 2010 § Leave a comment

The purpose of this workshop was to create a graphic using blended images in photoshop composed from textural images taken from the internet. Inspired by a selection of words provided such as colour, nature and night.

I began by using a concrete texture to give the image an urban atmosphere and then I added the metallic texture of a worn shutter with white stains that reminded me of clouds. I used hard/light blending mode to mix these two images. On Google I found a traditional Brighton skyline; I removed the background, and desaturated the remaining image. To give more colour to the image I found a colour splatter and I added this to my image. The first one looks like colour trees, and the second one gives more energy to the image. I setted those two layers with Multiply blending mode. The final result is my vision of Brighton, colourfull but at the same time quite dark.

Where Am I?

You are currently viewing the archives for October, 2010 at Giorgio Scappaticcio's Blog.