asus k8v mx драйвер бмв руководство по ремонту
драйвера для geforce 7300gt
hp deskjet 2460 драйвер
скачать драйвера на звук directsound руководство по эксплуатации митсубиси лансер
драйвер на сканер bearpaw 2448
скачать драйвера для ноутбука lenovo нива руководство по ремонту yaris руководство
lexmark z25 драйвер скачать мерседес 123 руководство по ремонту
драйвер intel r hd graphics руководство по эксплуатации toyota dyna руководство по ремонту вольво 460
блютуз orient скачать драйвера руководство по эксплуатации конвейеров sx 30 руководство пользователя
драйвер самсунг 1640
ati radeon 9600 x1050 драйвер iphone 3g руководство пользователя скачать руководство интернет
acer 5520 драйвера windows 7
скачать драйвер принтера hp 1022 руководство nokia e72
драйвера asus m4a77
драйвера для web камеры a4tech руководство по эксплуатации sungarden bios наиболее полное руководство
acer aspire 3682wxc драйвера ауди скачать руководство материнская плата asus p5b руководство
драйвера nvidia g98 форд галакси руководство скачать руководство по ремонту вольво 440
сетевой контроллер драйвер скачать acer
samsung e 570 драйвер
драйвер hp 4670
драйвер для видеокамеры sony vaio
драйвер scx 4216
compaq presario cq61 драйвера руководство по акушерству сидорова mercedes benz ml руководство
intel hd audio драйвер
драйвера для ноутбуков depo руководство пользователя пк
драйвер ati radeon 9200 pro руководство по ремонту renault espace факторы эффективного руководства
asus a8n e сетевые драйвера руководство по ремонту змз 514 windows server 2003 руководство
ati radeon 1250 драйвер bmw x3 руководство
скачать драйвер intel r 82801g факторы стиля руководства
samsung 1665 драйвер
logitech quickcam v um14 драйвер руководство по ремонту ford kuga
sony драйвера
lbp 2900 драйвер x64
lg ke800 драйвер руководство прадо 150
драйвера для принтера lexmark x1270 скания руководство по ремонту
скачать драйвер scsi jcb 4cx руководство по эксплуатации
самсунг s3600i драйвера восстание под руководством лейтенанта шмидта камин 1с руководство
драйвера samsung r25plus навител навигатор руководство пользователя руководство управление торговлей
драйвер ati 5570 руководство по ремонту golf2 газ 31029 руководство по ремонту
syncmaster 551s скачать драйвер
драйвер для samsung ml 1430 руководство asus p5ld2
драйвера на материнскую плату biostar
hp pavilion dv5 драйвера toyota corolla 2005 руководство руководство по ремонту двигателя камаз
nvidia geforce 7300gs драйвер руководство по эксплуатации fanuc фольксваген пассат руководство по эксплуатации
via rev 5 драйвер fiat tipo руководство по ремонту
драйвер сетевой карты nvidia nforce руководство canon mp550 руководство сотрудниками
драйвера для ноутбука acer 5920g руководство по эксплуатации мазда 3 lanos руководство по эксплуатации
драйвер radeon 9600 rv350
sony ericsson w850i драйвер
драйвер для звуковой карты genius
драйверы для sata диска
драйвера для принтера hp 1600
pixma ip4200 скачать драйвер руководство по ремонту додж интрепид ford escape руководство
драйвера xp acer extensa 5635zg
nforce 570 драйвер руководство по эксплуатации витафон
asus ah 3650 драйвер реферат на тему стили руководства рав 4 руководство по ремонту
драйвера для мфу epson маз 5551 руководство фольксваген туран руководство по ремонту
драйвера emachines 350 руководство по ремонту рено меган
скачать драйвера asus eee 701 metastock руководство пользователя 1с 8.2 руководство администратора скачать
драйвер принтера canon lbp 1120 хеджкоу новое руководство по фотографии
драйвера intel 875 руководство по эксплуатации буханки volkswagen passat b6 руководство
драйвера для ноутбуков samsung rv510 отношение с руководством
zte мf 100 драйвер руководство по эксплуатации ваз приора руководство по рисованию
asus f80l драйвера windows 7
creative pd1030 драйвер руководство по ремонту kia sportage навигатор руководство пользователя
скачать драйвер ati radeon x1400 руководство по ремонту citroen mazda familia руководство по эксплуатации
hp psc 2175 драйвер ниссан максима руководство
драйвер для видеокарты sis 330 группа создаваемая по решению руководства
pci 200l драйвер ниссан тиида руководство руководство по программированию omron
canon lbr 810 драйвер скачать руководство по эксплуатации samsung
драйвер hp 3500 windows 7 руководство по эксплуатации toyota nadia руководство по эксплуатации хонда аккорд
скачать драйвер eos canon 350d онлайн руководство audi
принтер canon 810 драйвер скачать скачать mazda 6 руководство настройка bios руководство скачать
драйвер scx 4321
lg f720p драйвер скачать mitsubishi grandis руководство скачать
драйвер hp deskjet 1180c тюнинг автомобиля руководство скачать
драйвера asus pro57 руководство пользователя филипс руководство по ремонту лада калина
драйвера radeon 4500
драйвер lg w2043 surfer 8 руководство пользователя
графический драйвер ati методическое руководство
l320 samsung драйвер
скачать драйвер defender forsage
sony ericsson s302 драйвер kia spectra руководство по эксплуатации
depo ego драйвера скачать советское руководство
logitech m100 драйвер
драйвер aver media 305 руководство adobe premiere cs3
canon lide 20 драйвер руководство по ремонту автомобиля kia
samsung r518 драйвера скачать
драйвера на видеокарту geforce 9500 руководство по эксплуатации toyota vitz
canon canoscan 4400f драйвер peugeot руководство
samsung q45c драйвера lancer руководство по эксплуатации
драйвера для принтера hp d1460 windows mobile руководство руководство по эксплуатации ваз2121
скачать звуковой драйвер realtek hd достоинства и недостатки стилей руководства
samsung ml драйвер руководство по эксплуатации nissan patrol
abit драйверы для windows 7
драйвера amd sempron 3000
скачать драйвер nec nd 3500ag
genius colorpage hr7x slim драйвер скачать руководство по ремонту двигателя hp 1100 руководство пользователя
acer 4220 драйвера руководство colt руководство по эксплуатации 2110
драйвера для мфу lexmark скачать руководство 3s fe руководство по ремонту ваз 21703

STEP 1

Create your layer, you must select the background color as white (NOT TRANSPERENT)

Create a text box and type in your desired text in a bold font like Impact, use a nice orange, I used #ff9c00, make it pretty big. Now you need to Rasterize your layer (Layer > Rasterize > Type).

STEP 2

We are going to change the perspective. (Edit > Transform > Perspective).
Drag either of the top corners out until you have somthing like this:

STEP 3

Now duplicate the layer (Right Click Layer > Duplicate Layer) and move the layer under the previous layer. Change the Fill to around 50% and move the text slightly up so it’s like this.

STEP 4

Small step this one; draw a small rectangle or thick line underneath the text (to underline it) Make it the same color as the text.

STEP 5

Time to add a gradient, first we need to merge all the layers, click the little eye icon next to the ‘background’ Layer to make it dissappear. Then right click another layer and select ‘merge visible’. Now click the (now empty) eye box next to the background layer to bring it back.

You should now have 2 layers.
Go into the Blending Options of the layer with all the text on it, and select Gradient Overlay. Use the default black and white gradient. But set the blend mode to overlay, and the opacity to around 50%.

You should now have some nice-looking 3d text with a nice perspective

STEP 6 (Optional)

This is an optional step, I personally like it. Go into the Blending Options of the text layer and make a black stroke, fairly large (I used 6px).

If you need any help or have questions please leave a comment here!
I’d like to see your outcomes! Please post them here if possible

STEP 1

Create a new document, I suggest using 300*300, might need some room if somthing unexpected arrives!
Give it a white background.

STEP 2

We are now going to create the outline of the navigation box. I suggest doing it around this size, you can always change it later if needed.

STEP 3

Lets make the heading of the navigation box, we’ll call this one… Navigation!!
So create a rectangle inside the big rectangle, like this:

Time to add some color! Go into Blending Options of the rectangle you just drew. (Right Click Layer > Blending Options).
Select Gradient Overlay and apply the following gradient.

Now we need to change the color of the small rectangle to orange, you can do this by clicking the color next to the name (inside the layers palete), use a nice light orange, i suggest #ffcc00.

Remember how in Step 2 we made the outline of the rectangle? Well now we are going to change the color of that, open rectangles blending options, and change the color to the bottom color of what the little rectangle is.
Yours should now look similar to this

STEP 4

Now we have the colors pretty much sorted, it’s time to do the text. In step 3 i told you we will call this one Navigation, so we will.. select your text tool and draw a text box in the middle of the small rectangle, make the text white, size around 21, and the font Verdana. type ‘navigation’, move it into the center, and now we’ll add a small 1px stroke to it. Use the color of the bottom color of your small rectangle like you done for the stroke of the small rectangle. it should now look somthing like this:

STEP 5

Now it’s time to do the body text, amongst all this orange, we’re going to put black text for the main part, because it’s good design principle - black on white is very easy to read.
It is strange doing regular size text in PhotoShop, as it appears blurred and bulky, if you are going to code this with XHTML and CSS, don’t worry, verdana will look alright!
But if you are going to keep it as an image, I suggest using a pixel font, these are meant for small text. My favourite is Visitor (Click here to get it).

Create a text box covering most of the left over rectangle. use Visitor (or w/ever you want to use) size 14 and black.

Put down some headings, I will put

Home
About
Contact
heading
- sub heading 1
- Sub heading 2
Header
Services

Here is my finished product!

But I always want to make some changes once I’ve finished and I think theres too much room between the navigation box and the outline box, so I’ll just make it bigger.

So theres my finished product, I’m pretty happy with it, make some alterations until your happy with yours!

Click here to download .PSD
PLEASE POST YOUR OUTCOMES! I’D LIKE TO SEE THEM!

NEED HELP? JUST LEAVE A COMMENT HERE AND ME OR SOMBODY ELSE CAN ANSWER YOU!

]]> http://www.tutorialfriend.com/2006/09/09/pretty-orange-navigation-box/feed/ http://www.tutorialfriend.com/2006/09/09/pretty-orange-navigation-box-psd/ http://www.tutorialfriend.com/2006/09/09/pretty-orange-navigation-box-psd/#comments Sat, 09 Sep 2006 11:13:01 +0000 PhotoShop http://interantz.com/tutorialfriend/2006/09/09/pretty-orange-navigation-box-psd/

Click here to download

]]> http://www.tutorialfriend.com/2006/09/09/pretty-orange-navigation-box-psd/feed/ http://www.tutorialfriend.com/2006/09/09/simple-black-and-yellow-logo/ http://www.tutorialfriend.com/2006/09/09/simple-black-and-yellow-logo/#comments Sat, 09 Sep 2006 04:20:50 +0000 PhotoShop Logos and Headers http://interantz.com/tutorialfriend/?p=4 Here I will tell you how to make a simple yet effective logo in PhotoShop, just like this one:

NOTE: Basic PhotoShop skills required.

First off, make a document. Make it big (500*500) so it is easy to work with.

Select the Rounded Rectangle tool. Set the radius to around 30px; make it around this size:

Now we will set a gradient background on the rectangle (Right click on Layer > Blending Options > Gradient Overlay). Have the settings like this:

Now set a 3px stroke with a nice yellow, I will use #ffe71c .

Yours should now look somthing like this:

Now we are going to do the main text. Select a nice font like Verdana, and use a medium-high font size, i will use 36, use white for color. and place the text just above the middle.

Now we are going to add a simple drop shadow to the text. (Right Click Layer > Blending Options > Drop Shadow) Use similar settings to mine.

So far, mine is looking like this

Now on to adding the sub-text, or slogan, whatever you want to call it. Use a nice font or the same font you used for the main text. and do it a bit smaller, choose the color you used for the stroke/border (the yellow) and do the text a bit below the main font.

Mine now looks like this:

You’ve pretty much finished the main part now, but you can always make some modifications.

Here I changed the text colors around

Here I added a simple text effect that you can learn how to do here (coming soon).

Theres heaps of stuff you can do with this so start changing it around and get something you like!

]]> http://www.tutorialfriend.com/2006/09/09/simple-black-and-yellow-logo/feed/