ADMIN ...::|مؤسس فرسان الدعم |::...
البلد : المشاركات : 3993 المتصفح : النسخة : الإعجابات : 3 تاريخ التسجيل ♦ : 14/10/2012 احترام قوانين المنتدى :
| موضوع: السلسله المصوره لكيف تصمم بنفسك ...How to create with your self 4/21/2013, 14:03 | |
| السلسله المصوره لدروس كيف تصمم بنفسك How to create and design with your self الدرس الاول How To Create A Grungy And “Sticky” Icon With Photoshop
Let’s start, create new file with a size of 512×512 px, 72 dpi, RGB. ActivateEllipseshape tool.shift+clickto create a circle. Add layer stye:Drop ShadowandStroke(Layer > Layer Style > Drop ShadowandLayer > Layer Style > Stroke). Use settings shown below.
In Layers panel, right click on the small “fx” icon at the end of circle layer and choose Create Layers. With this trick you can create the layers for the style, separating them from their layer.
Create another circle, same size and layer style as previous one (or duplicate it). Move it to top right corner.
Click Layer > Create Clipping Mask. This step will cut the second circle and put it inside first circle.
Place paper grunge texture above all layers and change its blend mode to Overlay.
Paper grunge texture
Click Layer > Create Clipping Mask. The texture will be inside the circle.
Create a new layer (ctrl+shift+N) and with the Gradient Tool draw a white to black gradient. Change layer’s blend mode to Multiply.
Again, click Layer > Create Clipping Mask. Hold down ctrl key and click all layers to select them. Hit ctrl+G to place all layers inside a group
Using Polygonal Lasso Tool to select a section of the circle as shown below in the image.
Press ctrl+shift+I to reverse the selection
Click Add Layer Mask icon. This operation will add a layer mask to the group and it will hide unselected areas.
Add Twitter’s Logo
So, we’ve just created a base for our icon. The next step is adding the logo of the web application. Go to Twitter and save its logo image.
In Photoshop, drag logo image to our icon file.
For Twitter, we just need to add the “t”. So, erase “witter” text and press ctrl+T to resize the“t” of the logo
Activate Pen Tool. Choose shape icon from option bar and change foreground color to #4cd9ff. Carefully trace the “t” shape to redraw manually the logo.
Add layer style Stroke to the logo. Use the settings shown below.
Here’s what we have so far.
Save as Transparent PNG Icon
Now we need to remove empty areas around the icon. Click Image > Trim and click OK.
Click eye icon in front of “Background” layer to hide it. Now, we have a transparent icon.
Click File > Save For Web & Device, choose Preset PNG-24 with Transparency. Click save to create a transparent PNG icon
اللهم ما قسمت فى هذه الليله الشريفه المباركه من صحه وسلامه وخير وعافيه وسعه رزق فاجعل لنا ولاهلينا ولمن اوصانا واستوصانا بدعاء الخير ولمن لهم حق علينا يا كريم اوفر الحظ والنصيب اللهم امين
|
|
abo zyad ...::|عضو محترف|::...
البلد : المشاركات : 684 المتصفح : النسخة : الإعجابات : 2 تاريخ التسجيل ♦ : 18/07/2013 احترام قوانين المنتدى :
| |