Web Site Yapımı

Hello my friends

Today i will show you how to create a business layout

This is the Tutorial Number 99 from our 100 Tutorial Marathon
Soon this marathon will end, and i will start another one. I will not tell you how many tutorials i will create in my future marathon

This is what we gone do today


Kaynak:http://www.bilinen.net/photoshop/web-site-yapimi-19021/

Open a new photoshop document
Size 760 x 780 pixels
Background color : White

Select Gradient Tool and create the following gradient:



Then with Gradient tool, apply the following gradient. Follow the green arrow



Now find some Clouds brushes over the internet , or make your own brushes if you want , and on a new layer, add a a few clouds.



Select Rounded Rectangle tool, ( set the radius to 5 pixels ) and start making some rectangles



Then add the same layer style for all the rectangles from the top









This is the result



Then for the big shape add the following layer style





This is the result



Now create a new pattern
Create another document:


Zoom this document to 1600% and with the Pencil Tool Draw 3 points:



After that go to Edit > Define Pattern.
Choose a name for your pattern and press OK
To learn more about patterns , please visit the following link.


Then you can close this 3 by 3 pixel document , and go back on our main layout

Now select one button, hold the CTRL key down and press on the layer thumbnail with the left mouse button.



You can see that a new selection will be visible around your button

__________________
Bazen ne yaparsan yap , olmuyor bazen.

Create a new layer ( press CTRL+SHIFT+ALT+N )
Select Paint Bucket tool,
Use the following settings



And press one time inside your selection
Go to Select > Modify > contract ( and choose contract to 3 pixels )



Choose Select > Inverse , then hit one time the " Delete " key from your keyboard
Now press CTRL+D to deselect



Press on " Add layer mask " button



Select Gradient Tool
Use the following settings:



Then make a small line from Top to Bottom ( please follow the red arrow )



Then duplicate this layer with this pattern , and place it on each button



Now add some tech brushes on your header, and also some text on the buttons



Now you can add another rectangles



Then add the following layer styles









This is the result



Now create some dots with Type tool. rasterize the type , and rotate this layer. I want to add some dots like in the image



Now zoom your document to 1600 %. Choose Pencil tool ( use a square brush ) and add some simple squares on your buttons



Now create a new layre , Select Brush tool ( use a smooth round brush ) and make some random lines. like in the following image. you can use 2 -3 colors if you want



Then go to Filter > Blur > Gaussian Blur
Kaynak:http://www.bilinen.net/showthread.php?t=19021



Then you can reduce also the layer opacity to 50 %, and you can also change the blending Mode to overlay



This is the result. It looks almost like water

__________________
Bazen ne yaparsan yap , olmuyor bazen.

__________________
Bazen ne yaparsan yap , olmuyor bazen.

Şimdi yeni bir model(pattern) oluşturalım
Yeni bir Döküman oluşturun :



Dökümanı %1600 yakınlaştırın ve pencil tool la aşagıdaki gibi 3 tane nokta çizin



Bunu yaptıktan sonra Edit>Define Pattern"e tıklayın
Model (pattern) niz için isim seçin ve OK ye basın
Bu üç noktalı modelinizi/pattern) kapayın ve ana tasarıma geri dönün


Bir tane buton seçin ve CTRL e basılı tutarak layer a sol mouse la tıklayın



Şimdi butonunuzu seçili bir şekilde görebilrsiniz



Yeni bir layer olusturun (CTRL+SHIFT+ALT+N)
Paint Bucket Tool u Secin
Aşagıdaki ayarları uygulayın



Ve bir kere secili alan a tıklayın
Select > Modify > contract ( 3 px seçin)



Select > Inverse yapın ve daha sonra klavyenizden bir kere "delete" tusuna basın
Ve Secili alanı kaldırmak icin CTRL+D yapın



"Add Layer Mask" butonuna basın



Gradient Tool u secin
Ve aşagıddaki ayarları uygulayın :



Sonra kücük bir cizgi yapın üstten altta dogru ( kırmızı ok u takip ederek)


Kaynak:http://www.bilinen.net/showthread.php?t=19021

Daha sonra bu modelli layer ı kopyalayın ve her butona bu stili uygulayın



Daha sonra header (üst kısım) a biraz teknik brush ve butonlar a da yazı koyalım



Ve simdi diger dikdörtgenleri ekleyebilrisniz



Daha sonra asagıdaki stilleri layer a uygulayın









Ve işte sonuc



Şimdi type tool la bir kaç nokta yapaılmType ı raster ettikten sonra (layer a sag tıklayıp "rasterize" yapın)
layer ı çevirinBen resimdeki gibi bir kaç nokta eklemek istiyorum



Resmi %1600 yaklastırın ve pencil tool u secinButonlarınıza basir kareler yapın "basit

__________________
Bazen ne yaparsan yap , olmuyor bazen.

Yeni bir layer olusturun,Brush tool u secin ve resimdeki gibi rastgele cizgileri cizin .isterseniz 2-3 renk kullanabilrisniz



Filter > Blur > Gaussian Blur



Layer opcity sini %50 azaltın ve blendgin mode u "Overlay" seçin



İşte sonuç, neredeyse bir su gibi görünüyor



Şimdi tasarımınıza birkaç resim ekleyebilrisniz

Bir çok resim kullanarak tasarımı şekillendirebilrsiniz

__________________
Bazen ne yaparsan yap , olmuyor bazen.