تعديل

تصميم أيقونةِ Siri

الكاتب : عبدالرحمن في : الأربعاء، مارس 21، 2012 1 التعليقات
السلام عليكم ورحمتة الله تعالى وبركاتة
اليوم جبت ليكم درس اجنبى رووووووووووعة احترافى ...
بسم الله نبــــــــــــــدأ.....

You’re free to start off with any size document that you wish. I chose to start with a
512x512 document, which is standard for icons, at the moment. This will probably be bumped up to 1024×1024 someday. We’re going to start off by creating the microphone in the middle.
The first shape we’ll create will the be mic ‘stand’. Start off my grabbing your
Rounded Rectangle Tool from the Tools on the left, and set the Radius to 100px on the Options Bar at the top of your workspace. This will ensure we’re left with nice rounded corners. Draw out a shape in the middle of the document, like the one below.


Once that’s one, we need to subtract a section from the middle. On your Options Bar, choose the
Subtract from shape area button (), then drag out another 100px Rounded Rectangle on top of the previous one, making sure to leave a nice ‘edge’ to it, like you see below.


Now the top of the stand doesn’t look right. We need the edges to be flat. To do this, switch to the
Rectangle Tool, and making sure to keep the Subtract from shape area button selected, drag out a rectangle over the edges to flatten them out.



Good. That part is done. Now for the bottom rectangles, we can simply add two rectangles onto our current shape. On the Options Bar, select the
Add to shape area button, and drag out two rectangles. One vertically, and one horizontally. You should have something that looks like this

Good! Now that the shape of the stand is complete, let’s add some Layer Styles. We’re going to add a
Drop Shadow, Inner Shadow, and a Gradient Overlay. The settings for all three are below.







Perfect! We’ve dealt with the mic’s stand, now let’s create the mic itself. This piece will consist of a few elements. The rounded shape, the ‘dots’ and the shines. Let’s start with the shape of the mic.
To create the shape, we’re going to use the same
Rounded Rectangle that we used earlier with the same 100px Radius. Make sure you select the Create new shape button, then draw out a Rounded Rectangle in-between the stand. You should have something like this:


As for the Layer Styles of this layer, we’re going to keep it simple. A
Gradient Overlay. The settings are below.



Now that the main shape of the mic is complete, let’s get those ‘dots’ created! Continue on!
The pattern

You
could manually go through and add each dot, which would be a tedious task, or we can create a pattern that will do the job for us! Let me show you the second way!
- Create a new document with the dimensions
12px x 12px and a transparent background.
- Using a
7px hard brush, place a white dot in the center of this document.
- Save the pattern using the
Edit > Define Pattern feature.

Applying the pattern:
Back in our icon’s document, create a new layer in your Layer’s Panel. You can also use the
Command+Shift+N (Mac) or CTRL+Shift+N (PC) shortcut as well. Once the new layer is created, turn your mic’s shape into a selection, by holding Command/CTRL and clicking on the shape’s thumbnail. You should see ‘marching ants’ running around the mic.

Now that the selection is created, we should give it a bit of breathing room. Head up to
Select > Modify > Expand and use a value of 5px. This will allow us to adjust our pattern if we need to. We’re ready to fill it in! Grab your Paint Bucket Tool from your tools on the left, and on your Options Bar at the top, change Foreground to Pattern (). Now you have the ability to select your newly created pattern from the dropdown.



Once the pattern is selected, click anywhere inside your selection. You should see it fill with a load of dots!



Now you’ll probably notice a few things. They’re not centered, and there are some dots that spill off the shape. This is why we expanded the selection a touch. We can simply move the dots left or right in order to center them inside the mic. As for the dots that spill off the shape, we can simply grab our
Eraser and remove the dots that spill over, and you can also remove a few in order to create a ‘curved’ look at the top and bottom.





Once you’re happy with the look of the dots, let’s move onto their Layer Styles. Because there’s a section of ‘light’ dots, and ‘dark’ dots, we’re going to duplicate our dots layer. One for the light, one for the dark. With your dots layer selected, use the
Command/CTRL+J shortcut key to duplicate. You should be left with two identical layers of dots. Go ahead and hide one of the layers in the meantime


With the visible layer active, let’s apply some Layer Styles! This will be for the ‘light’ dots. The settings are below.



Now that the Layer Styles are applied, we need to hide half of the dots. Apply a Layer Mask to this layer using the icon at the bottom of your Layer’s Panel (). Once the Layer Mask is applied, use a nice large soft
black brush and paint over the top half of the dots. This should hide those from view. You should be left with something like this:




Now that the ‘light’ dots are completed, let’s unhide the second dots layer, and apply the following Layer Styles to it



And just like we did for the light dots, let’s apply a
Layer Mask to this layer, and this time, paint over the bottom half to hide the dots on the bottom. You should be left with this:

The Shines

The shines will be quite simple. The first shine will run diagonally down the mic. Start off by
creating a new layer in your Layer’s Panel, then create a selection from the mic’s shape by holding down Command/CTRL and clicking on the mic layer’s thumbnail

When the selection is made, grab your
Polygonal Lasso Tool () from the tools on the left, and with the Option/Alt key held down, select the area that you don’t want included in the shine. When the new selection is ready, fill it with white, then change the Blend Mode to Overlay, and the Opacity to 40%.





Fantastic! The shines are complete, along with the mic. The last thing to be done, is the circular ‘plate’ in the back, which consists of two elements. Continue on! We’re almost there
The Plate
The first element of the Plate is simply a circle. Grab your Ellipse Tool from the Shapes Flyout on the left, and drag out a perfect circle by holding down your Shift key. When the circle is in place, apply the following Layer Styles:







Now that the back element is complete, we’re going to duplicate this layer using the
Command/CTRL+J shortcut, then scale it down a touch. Use the Command/CTRL+T shortcut to enter Transform Mode, then with your Shift+Alt/Option keys held down, scale the shape inwards, to leave a nice border around the edge of the circle



When you’ve completed the transformation, we need to cut out the center of this new circle, to create a donut style shape. On your Options Bar at the top, select the
Subtract from shape area button, then drag out another perfect circle inside the new circle, again leaving a border around the edge of the inner circle, like you see below.




Now that the inner circle is complete, apply the following Layer Styles:





And just like that, we’re finished! Of course, you can change the colors as you wish, have fun with it!

النتيجة النهائية..
مزيد من التفاصيل »

من اقوى التصاميم العالمية

الكاتب : عبدالرحمن في : 0 التعليقات
بسم الله الرحمن الرحيم الحمد لله رب العالمين والصلاة والسلام على سيدنا محمد وعلى آله وصحبه أجمعين وبعد ...
كيف حالكم ان شاء الله بخير ماكو ملل 
هذا الموضوع هاااااااااام لكل مصمم مبدع ولكل هاوي مجال فنون الدمج ...
هذه بعض التصاميم الاحترافية اتمنى ان تنال على اعجباكم


مزيد من التفاصيل »

درس الدمج الخيالي

الكاتب : عبدالرحمن في : 0 التعليقات


مزيد من التفاصيل »

درس دمج زرافه

الكاتب : عبدالرحمن في : 0 التعليقات
السلام عليكم ورحمة الله وبركاته ..


إخواني ..


يفتقـد كثير من المصممين إلى الواقعية ..


ماهي الواقعيه ؟


هي انك تشوف التصميم .. ماتدري هل هو صورة حقيقية .. أو تصميم ؟
بالتأكيد رأينا جميعاً مصممين كبار وتصاميم من هذا النوع
فما ندري هي صورة او تصميم إلا من خلال موقعها او مكانها اللي يدل على انها تصميم


تعتمــد الواقعيــة بشكل كبير على دقة القص .. والموازنة بين عرض وطول الصورة المقصوصه وهو الشي اللي نبهنا له مرات كثيره ..



درسنــا اليوم سهــل ممتنــع مثل مايقولون ..


هي مجرد صورتين .. نريد ان نصنع من دمجها مع بعض .. صورة واقعيه وتصميم رائع


النتيجــة النهائيــة



مزيد من التفاصيل »

افكار فوتوشوبية رائعه

الكاتب : عبدالرحمن في : 0 التعليقات
صور الخيال ابداع

اتمنى ان تروق لكم

,,,,,,,,,













مزيد من التفاصيل »