AiLeVaDiSi FoRuM  

Go Back   AiLeVaDiSi FoRuM > BILGISAYAR > Tutorials

Tutorials Bilgisayar İngilizce Eğitim Setleri

 

Cevapla
 
LinkBack Seçenekler Stil
Alt 05-03-2012, 09:01 PM   #1 (permalink)
OROCHIMARU - ait Kullanıcı Resmi (Avatar)
AileVadisi.NeT
Üyelik tarihi: Nov 2009
Bulunduğu yer: Ailevadisi.net..
Konular :
Mesajlar: 28,009
Rep Puanı : 622
Rep Derecesi : OROCHIMARU is a name known to allOROCHIMARU is a name known to allOROCHIMARU is a name known to allOROCHIMARU is a name known to allOROCHIMARU is a name known to allOROCHIMARU is a name known to all
İletisim :
Standart How to Create an Effective Coming Soon Page


http://www.ailevadisi.net
Final Image

Here is a preview of the image that we are going to be creating:

Step 1

Create a new document (1000X700px) and fill your background layer with a linear gradient ranging from 11cbef to 0d94cc.

Step 2

Now create a new layer called ‘highlight’.
Drag out a white to transparent radial gradient from the top-center of your canvas. Then reduce this layer’s opacity to 25% and change the layer’s blend mode to ‘overlay’.


Step 3

Apply another highlight layer slightly higher up in your canvas, adding further lighting to your background:

Step 4

Now download the fractal brush set from the resources for this tutorial.
Create a new layer called ‘fractal brushes’. Apply one of the brushes using a white paintbrush, roughly over the top-center of your canvas.
Then reduce this layer’s opacity to 60% and go to layer>layer mask>reveal all. Use a large, soft, black paintbrush to mask off the edges of your fractal brush mark. This should provide a subtle detail for your background.




Step 5

Now paste in a large version of your logo’s icon design. Position this in the top-center of your canvas.
Then change this layer’s blend mode to ‘overlay’ and reduce it’s opacity to 35%.
Create a layer mask, and mask off the edges of this logo shape.


Step 6

Now paste your complete logo into the center of your canvas.
Apply an outer glow blending option:
Outer Glow Settings:
Blend Mode: Overlay
Opacity: 75%
Color: ffffff
Spread: 0%
Size: 15px



Step 7

Now apply some centered text underneath your logo area.
Smaller White Text Settings:
Font Face: DejaWeb
Styling: Bold
Size: 18pt
Kerning: -50
Color: ffffff
Medium Blue Text Settings:
Font Face: DejaWeb
Styling: Bold
Size: 22pt
Kerning: -50
Color: abf3ff
Then add a subtle drop shadow blending option to your text layer, in order to add definition.
Drop Shadow Settings:
Blend Mode: Multiply
Color: 000000
Opacity: 19%
Angle: 90
Distance: 1px
Spread: 0%
Size: 1px



Step 8

Now apply two rounded rectangles (10px radius) underneath your welcome text. Make sure that these rounded rectangles are 7acce8 in color.
Then apply a 1px stroke blending option to each rounded rectangle layer:
Stroke Settings:
Size: 1px
Opacity: 25%
Color: 000000


Step 9

Now create a third rounded rectangle to the right of your form. This rounded rectangle will act as your submit button.
Apply a gradient overlay and stroke blending option to this layer.
Gradient Overlay Settings:
Blend Mode: Normal
Opacity: 100%
Gradient Ranging From: 016386 to 0181af
Angle: 90
Stroke Settings:
Size: 1px
Opacity: 30%
Color: 000000



Step 10

Create a new layer called ‘button highlight’.
Option+click on your submit button layer in your layer’s palette. This will select the shape of your button.
With this selection in place, create a small white-transparent radial gradient. Then change this layer’s blend mode to ‘overlay’ and reduce it’s opacity to 15%. This should create a subtle lighting effect over your submit button.

Step 11

To finish, just type out some text over your form, and add a basic copyright notice.

And We’re Done!

You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome.






imza
OROCHIMARU isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Reklamlar Bağışlanmaktadır
Cevapla

Bookmarks

Etiketler
coming, create, effective, page

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık

Forum Şartları


Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 09:38 PM.


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.5.2
aBSHeLL
Protected by CBACK.de CrackerTracker
Abshell-AileVadisi

Linkler

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305