|
![]() اختر لون صفحتك |
|
|
|
|
| |
| |||||||
فوتوشوب-PhotoShop Sectionفلترات - فرش - صور - تمبلتات والكثير الكثير . |
هل تحب بوابة النوكيا ؟ إذا لا تبخل علينا واجعلها صفحة البداية لديك .. أجعلنا صفحة البداية لديك
مجموعة ناشرين بوابة النوكيا .. انضم الينا اليوم .. واحصل على مميزات خيالية
|
| | أدوات الموضوع | طرق مشاهدة الموضوع |
|
#1
| ||||
| ![]() ![]() Go to Select -> Modify -> Smooth and apply a 2px radio Photoshop Tutorials Vista Style Nav Bar ![]() Create a new layer(Shift+Ctrl+N or Layer -> New -> Layer) and fill the selection with any color Now apply this layer styles: - Gradient: #313332 to #46474a ![]() - Stroke: #676767 ![]() Select the top middle part of your nav bar Photoshop Tutorials Vista Style Nav Bar ![]() Create a new layer and make a White to Transparent gradient from top to bottom Photoshop Tutorials Vista Style Nav Bar Set layer’s blend mode to Linear Dodge and opacity to 35% Photoshop Tutorials Vista Style Nav Bar Your nav bar should look like this Photoshop Tutorials Vista Style Nav Bar ![]() Create a new layer and create a selection one px under the top border of the nav bar using the Single Row Marquee Tool Photoshop Tutorials Vista Style Nav Bar ![]() Fill the selection with White Photoshop Tutorials Vista Style Nav Bar ![]() ![]() Now, Ctrl+Click over the first layer thumb to select it Photoshop Tutorials Vista Style Nav Bar Go to Select -> Inverse and press Del while having the 1px white line layer selected Photoshop Tutorials Vista Style Nav Bar Photoshop Tutorials Vista Style Nav Bar ![]() ![]() Change this layer’s blend mode to Soft Light and opacity to 60% Photoshop Tutorials Vista Style Nav Bar ![]() Now lets make the rollover effect, create a new 130px * 24px selection, go to Select -> Modify -> Smooth and apply a 2px radio ![]() Photoshop Tutorials Vista Style Nav Bar ![]() Create a new layer and fill your selection with any color Now apply this layer styles: - Gradient: #000000 to #2f3233 Photoshop Tutorials Vista Style Nav Bar ![]() - Stroke: #0f1011 to #575858 Photoshop Tutorials Vista Style Nav Bar Create a new layer and Ctrl+click over the layer thumb to select it. Go to Edit -> Stroke and add a 1px White border Photoshop Tutorials Vista Style Nav Bar ![]() Change the layer’s opacity to 15% Photoshop Tutorials Vista Style Nav Bar ![]() Select the top middle part of the rollover and, in a new layer, apply a White to Transparent gradient from top to bottom Photoshop Tutorials Vista Style Nav Bar Change layer’s opacity to 80% img21.jpg ![]() Now let’s add some text. Using Verdana 11pt and White color Photoshop Tutorials Vista Style Nav Bar ![]() We need to add some separators between links. Create a new layer, make a selection with the Single Column Marquee Tool and fill it with #1a1b1c Move the selection 1px to the right and fill it again with #5d5f60 Move the selection by 1px to the right again, and fill it with #232526 Photoshop Tutorials Vista Style Nav Bar Erease the top and bottom parts using a 20px Soft Brush and change this layer’s opacity to 50% Photoshop Tutorials Vista Style Nav Bar ![]() Duplicate this layer and move it between the other 2 links Photoshop Tutorials Vista Style Nav Bar Your Vista Style Nav Bar is now finished! Photoshop Tutorials Vista Style Nav Bar ![]()
التعديل الأخير تم بواسطة Mr.BoBo ; 19-09-2007 الساعة : 08:36.
|
|
| أدوات الموضوع | |
| طرق مشاهدة الموضوع | |
|
|
روابط الأرشيف: 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