Error » Graphic and Arts Error !! » Graphic tutorials » FlagIcons Tutorial

Graphic tutorials All knowledge and info

Post New Thread Reply
  FlagIcons Tutorial
LinkBack Thread Tools Display Modes
Old 26-Dec-2006, 04:45 AM   #1 (permalink)
Administrator
 
Anilrgowda's Avatar

Posts: 18,720
Join Date: Jan 2006
Rep Power: 10 Anilrgowda is on a distinguished road

IM:
Default FlagIcons Tutorial

Step 1 - Starting Out
Create a new 18x12 document. Create a new layer, and create a 1px black border like in the image. This will be the border layer, and it will never be modified through the rest of the tutorial. Step 2 - Green Block
Create a new layer and place it between the background and border layers. Next, since I will be using Italy in the example, fill in a nice 5x10 block of green with the 1px pencil tool (or alternatively, used a fixed marquee tool size of 5x10 px, and just fill it in with the paint bucket tool.) Make sure the green color is pure green (#00FF00). Step 3 - Red Block
On the same layer, do the same thing for the right side of the flag. Make sure it is a pure red color this time (#FF0000). Step 4 - White Block
Fill in between the red and green blocks with white. This step is required as blending options might not work properly unless the rest of the space is filled with the proper color (white in this case.) Step 5 - Blending Options
Right click the green/white/red block layer, and enter the blending options. Follow the image for gradient overlay... If you did it right, it should look like the image below. What were trying to achieve with the gradient overlay is just a color enhancement. Gives more detail to the flag in the end. Step 6 - Gloss
Next, create a new layer above the green/red/white block layer, and selec the gradient tool. With a white to transparent gradient selected, click and hold the tool at the top of the image, and drag all the way to the bottom. The white gradient should give a glossy effect like the image below. Step 7 - Final Comments
That's it! Simple tutorial, but with an amazing flag. This flag is perfect for any forum skin you're planning to build. Also, what's great about the scheme of this PSD is that to change the flag, all you have to do is fill in the correct colors with the pencil tool. The gloss and gradient overlay will already be added into the image. The final result scaled to 100% can be found below. End! Job well done!
Anilrgowda is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit!
Reply With Quote
   


   
Post New Thread Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Windows XP to Vista tutorial, A nother tutorial to make XP look like vista Anilrgowda Microsoft windows vista error 0 05-Aug-2007 11:50 PM
Tutorial layout - Learn how to create a vista themed tutorial layout Anilrgowda Graphic tutorials 0 23-Jul-2007 10:12 AM
HUGE dark Web Layout Tutorial! The biggest layout tutorial on the net! Iphone Graphic tutorials 0 13-Apr-2007 05:47 AM
Web 2.0 Tutorial Anilrgowda Search Engine Optimization 0 18-Jan-2007 03:33 AM
Tcp/Ip Tutorial Admin Networking Error ! 0 04-Dec-2006 06:21 PM


All times are GMT -8. The time now is 10:07 AM.

Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0

DMCA Policy

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