Webmaster Sitesi
Geri git   Webmaster Sitesi > Web Tasarımı > Photoshop

Eski Bir günlük masası oluşturma <İng>

Photoshop forum başlığına Eski Bir günlük masası oluşturma <İng> konusunun bir özeti Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın STEP 1: Let's start by creating new document in photoshop. Mine is 1680x1050 #e5dfd3 . pixels. Name this file ...
Cevapla
 
  #1  
WS 09-11-2009, 14:15
uslanmaz91 Resmi
5. Rank
 
Blog Yazıları: 3
Dikkat Eski Bir günlük masası oluşturma <İng>

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın
STEP 1:


Let's start by creating new document in photoshop. Mine is 1680x1050#e5dfd3. pixels. Name this file diary.psd. Fill the background with

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Download soft grunge texture from Bittbox. I picked up second one (free_high_res_texture_102), and palce it above the background layer. Command + T to resize it the way You like, and lower the opacity to 70%. Let's name this layer "background texture".

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Now download Waterlogged Map Brushes by ~Arbenting. Create new layer above "background texture" and name it "map". Set foreground color to #463003. Now pick up the brush tool (B), load Waterlogged Map Brushes by ~Arbenting, choose map3, set master diameter to around 1557 and place the map in the middle of layer "map". Lower the "map" opacity to 75%.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Select all three layers (background, background texture and map) by holding the command key (or control on PC) and left mouse click on every layer, then hit command + G (ctrl + G on PC), and group these layers in Group and named this Group "BACKGROUND".
STEP 2:


I found excellent picture of old Notebook. Download it and open in photoshop. Now we're going to cut out the notebook. Use Magic Wand Tool (W) to select white background, hit command + shift + I to inverse selection, so that the nootebook is now selected. Command + C to copy selection, and paste it into our diary.psd file. Name this layer "notebook", resize it and rotate a bit (Command + T) and place it somewhere in the center, but a little on the left.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Now, we want to have same pictures between pages. To achieve that effect we need to do the following steps:
  • Duplicate "notebook" layer (Command + J);
  • Name this layer "notebook top";
  • Now pick up the Polygonal Lasso Tool (L) and start selecting around notebook pages.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Inverse the selection by pressing Command + Shift + I and delete the part that we don't need.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

We'll going to give a life to a pages. Set the foreground color to #463003, create new layer above "notebook top", pick up the brush tool (B), and choose the map you like, I picked it map2, set diameter around 330px and paint with this brush in the lower right page part of notebook. Rotate this layer to match notebook paper orientation, lower opacity to 50% and name this layer "right page 1".

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Create new layer, name it "right page 2", use the brush tool (B), choose another map, I choose map3, set the diameter around 450px, and paint upper part of right notebook paper. Rotate this layer to match notebook paper orientation. Lower the opacity to 50%.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Create another new layer, name it "left page", pick up the brush tool (B), choose another map, I choose map4, set the diameter around 600px, and paint over left notebook page. Rotate and move this layer so you get something like this.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Lower the opacity to 50%. Now we should have something like this.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Apply the following layer style to "notebook" layer:

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın
STEP 3:


Download the polaroid photo and open it in photoshop. Double click on background layer and then clik OK so that this layer become editable. Save this file as ploaroid.psd because we will be using it for creating our polaroid photos.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

For creating polaroid photos I used some of my pictures that I took this summer in Greece. You can find some of them on a flickr. So picked up photo you want, open in photoshop, copy and paste it in polaroid.psd. Command + T (Ctrl + T) to rotate a bit to catch polaroid orientation. Name this layer "photo".

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Now hide photo layer, click on layer0, use magic wand tool (W) to select black square in polaroid.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Unhide photo layer, select it, inverse selection with Command + Shift + I, and hit backspace to delete unwanted parts of photo. Now deselect (Command + D). You should have something like this.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

We want our photo to look old, so download Heavy Scratch brushes, open the brush tool (B), load Heavy Scratch brushes, pick up Scratch Heavy brush, set diameter to max 2500px, create new layer above "photo" layer, and paint with brush tool. Name this layer "scratch". Resize it to be bigger then the polaroid.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Then hide "scratch" layer, select "layer0", use magic wand tool (W) to select white background, Command + Shift + I to inverse selection, unhide "scratch" layer, select it, inverse selection once again and hit backspace to delete unwanted part of "scratch" layer. Lower the fill to 30%.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Photo now look scratchy but not old enough. To give more vintage look do next: Choose Create new fill or adjusment layer, choose photo filter, warming filter (85) for filter, set Density to 77% and click OK.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

This one is now look pretty good and old enough.
STEP 4:


Select all layers, choose Layer>Merge Layers. Now pick up magic wand tool (W), select white background, inverse selection,

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Copy it, and paste it in diary.psd between "notebook" and "notebook top" layers, and name this layer "photo 01 bp". Resize it and rotate, and place it on the left between pages like this.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Apply drop shadow layer style to "photo 01 bp".

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Now create another polaroid photo and place it also between pages, using the above method. Name this layer "photo 02 bp" and apply Drop Shadow layer style to this layer, same as previous. We should have something like this.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Create another polaroid photo using the above method and this one we're going to place it on open pages. Name this layer "photo03".

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Create paperclip to hold this photo. Set the foreground color to #583f0d, open custom shape tool, find paperclip shape, and draw paperclip. Hold Shift key to constrain proportions. Resize it and rotate. Name this layer "paperclip". Be sure that this layer is above "photo03" layer. Rasterize this layer and apply following "Bevel And Emboss" style to this layer.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

We need to delete some parts of paperclip, choose eraser tool (E), pick Hard Round 5px, and start erasing.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Ok, let's continue. Create another polaroid photo, insert it in diary.psd, name this layer "photo04", and place it below "photo03" layer.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Let's add more details. Download Sticky Tape Photoshop Brushes, load into photoshop, set the foreground color to #dab05d, pick up brush tool (B), then pick up brush SpoonGraphics Tape2, set diameter to 116px, create new layer above "photo04", paint with brush tool. Name this layer "sticky tape 1" and apply drop shadow effect.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Duplicate "sticky tape 1" layer and clear layer style. We should have something like this.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

With this, the left page is finished.

Now let's move on to the right page. Let's add Paragraph layer. To add a Paragraph layer you must create the bounding box first. You can Click and Drag the cursor diagonally until you've got your desired size. Write some text into Paragraph layer. I used font Journal. Set the text color to #463003, rotate and resize it to fit the right page of notebook. Name this layer "text".

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Make this page a little more dirty and grunge. Download Coffee Stain 1 photo, open in photoshop, copy and paste it into dairy.psd. Name this layer "caffe strain page". Change the Blend Mode to Multiply. Resize it and palce it above "text" layer.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Now download Torn PostCard, open it in photoshop, select white background with Magic Wand Tool (W), inverse selection,

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

copy and paste into our photoshop file. Name this layer "map background". Resize it, rotate and place it on top of the right page. Add Drop Shadow Effect.



Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Select "map background" with Command + Click on thumbnail, create new layer, make sure that foreground color is #463003, pick up Brush Tool (B), choose any of the Waterlogged Map Brushes by ~Arbenting and paint it over. Name this layer "map1" and lower the opacity to 60%.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Add sticky tape, using the above method, to hold "map1" to the page.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Let's add a small detail to the pages. Download Italian Flag, open it in photoshop, with Rectangular Marquee Tool (M) make a selection, copy and paste it into diary.psd.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Name this layer "italian flag", resize it, rotate it and place it below "photo03". Now go to Image - Adjusments - Photo Filter.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın



And apply Drop Shadow Effect.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

With this we finished notebook.
STEP 5:


Let's add more details! Create couple of polaroid photos, palce it into BACKGROUND group, in separate layers, above layer "map", give them a names starting with "photo 05 bg" respectivly. Apply Drop Shadow Effect to every layer.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Now add Cofee Stain over top picture. Create new layer, name it "caffe strain big", use Coffee Stain 1 photo, change the Blend Mode to Multiply, resize it and place it over photo.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın
STEP 6:


We'll add a cup of coffee now. Download Isolated Cup of Strong Coffee, open it in photoshop, open Paths, hold Command Key and click on Path thumbnail to select cup of coffee.



Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Copy and paste it into dairy.psd, name this layer "caffee" and place it on top. Resize it, apply Drop Shadow Effect.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Make it old. Go to Image - Adjusments - Photo Filter.



This is what we have now.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın
STEP 7:


Let's add compass. You can download compass from my flickr photostream. Extract compass from background, copy and paste it into diary.psd. Name this layer "compass". Place this layer below "caffee" layer. Go to Image - Adjusments - Photo Filter.



Add Drop Shadow Effect.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Make it a liitle bit scratchy. Create new layer above "compass" layer, name it "compass scratch", set the foreground color to #000000, pick up the brush tool, choose Scratch Heavy brush, select compass by holding Command Key and click on compass layer thumbnail, select "compass scratch" layer, and paint it with brush tool. Change the Blend Mode to Soft Light.



Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

This one is looking pretty good right now.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın
STEP 8:


It's time to finish. Let's add the final detail. Write out the word abduzeedo using some random font. I used HumstSlab712 Blk and set it in this colour #c5c6ba. Set the font size to 120px. Change the blending mode to Colour Burn and add a 1px stroke.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Now duplicate this layer, and lower the opacity to 65%, blend mode is still Colour Burn.



And this is it.

Orjinal Boyutunda Açmak İçin ( %1$sx%2$s ve %3$sKB ) Buraya Tıklayın

Hope You all enjoy this tutorial.


Biliyorum Çok Zahmetli ama Öğrenceğiniz Çok Şey war

Kaynak:
WS
Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler


Benzer Konuları Oku
Konu Konu Açan Forum Cevap Son Mesaj
Kaygı Nedir?(kaygı bozukluğu) capi İnsan Hakları 2 14-03-2010 19:26
SEO İçin 30 ALtın Kural NaBoYuKi SEO Arama Motoru Optimizasyonu 1 15-02-2010 21:20
Ware.z paylaşım politikamız W-S WS'den Duyurular - Haberler 10 07-07-2008 22:58
İstanbul Emniyet Müdürlüğü Organize Suçlar Şubesi’nin eski Müdürü Adil Serdar Saçan, oğlu ve bir akrabası, çöp taşıyan bir TIR’ın kapağının çarpması sonrası meydana gelen kazada yaralandı kadınca Haberler 0 26-06-2008 23:50
Bu mesajlara sakın tıklamayınMSN'de en yakın arkadaşınızdan biri size bir mesaj gönderiyor. Ama aslında o en yakın arkadaşınız değil... Bir solucan ve mesajı da şöyle; capi Haberler 0 23-06-2008 19:39

Bağlantı Kur, Contact, Forum Kullanım Sözleşmesi, Gizlilik ~ siteler hakkında Style By: Powered

Saat: 04:29

 
© Copyright. All Rights Reserved. Webmaster Sitesi, Dünya'nın çeşitli yerlerinden katılan kullanıcılardan oluşmaktadır. Yönetim olarak her konuyu incelesek de bazen gözümüzden kaçabilmektedir. Açılan konularda bir yanlışlık veya yasalara aykırı içerikler görürseniz bu Webmaster Sitesi'nin sorumluluğunda değildir. Bizzat paylaşımı yapan kişi veya kişilerin sorumluluğundadır. Böyle bir durumda Webmaster Sitesi sorumlu tutulamaz, yargılanamaz.

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