ديزاين آرت Design Art: عمل لوجو 3D ببرنامج الأليستريتور
الخميس، 20 أكتوبر 2011
درس لعمل بوستر - أفكار جميله - الدرس بالإنجليزية مرف ملق مفتوح psd
الأربعاء، 19 أكتوبر 2011
Dark Knight Rises Poster in Photoshop
Step 1
Open Photoshop and create a new document. I am using a portrait mode for the poster, the size is 2550x3500 pixels. After that fill the background layer with grey #b0adad
Step 2
The next step is find the Batman logo. Search it on Google, it's
pretty easy to find. Once you have the logo, place it in your canvas
like the image below. The color doesn't really matter, we will use for
masking reference
.
Step 3
As I said in the beginning this tutorial is a big photo collage, in
which the most important thing is finding the right assets. In this part
we have to place some buildings. I found quite useful images on
Shutterstock and you can check them out here:
...
Step 4
Start placing the buildings using the batman logo for reference of position and size
.
Step 5
Here we have covered all canvas and the logo is our negative space
.
Step 6
In order to create all the shatters and destruction in the original
poster I used some other images from Shutterstock that I had downloaded
while back. It's good to have these assets because you can always reuse
them later. This one can be found at http://www.shutterstock.com/pic-73243228/stock-photo-abstract-character-...
Step 7
Just copy some shatters from the image and start placing in your
scene. You can resize and rotate them, or even create a brush. I was
lazy so I was copying and pasting them
.
Step 8
In order to make the effect more realistic it's necessary to add some motion blur to these shatters. So for every block go to Filter>Blur>Motion Blur. Use the building perspective for Angle reference
.
Step 9
Here you have the scene with the shatters
.
Step 10
Everything was too clean an perfect in terms of textures and colors.
So in order to solve that I placed a big concrete texture on top of the
other layers with Multiply for th Blend Mode. Don't worry about colors yet, we will get there in a few
.
Step 11
Select all layers but the background and go to Layer>Group Layers. After that with the Magic Wand Tool (W) select the batman symbol. You can hide the batman symbol layer right after that
.
Step 12
With the group selected go to Layer>Layer Mask>Hide Selection
Now the buildiing and the shatters will be hidden on the area that th
batman symbol was. It looks good but it's too perfect. So in order to
solve that let's use the Brush Tool (B) and create a brush using a grunge brush. Just Google for grunge brushes in Photoshop. Tip: Reduce the spacing, use Shape Dynamics and Scattering in order to make a brush that is perfect for destruction effects.
After that start painting in the mask with black and the new brush.
The idea here is destroy the edges of the batman symbol to make it very
subtle
.
Step 13
Add a layer on top of the others and then with the Brush Tool (B) and a very soft brush, start painting the edges of the canvas with black to create a vignette effect
.
Step 14
The image still was too clean in my opinion, so I added a few more
shatters and also paint some of the white windows with black using a
grunge brush. The idea is make the image really destroyed. Another
detail is when you are make the edges of the batman symbol less uniform,
try to make it was the buildings were really falling a part. So keep
some windows and structure of the building visible. Use the image below
for reference
.
Step 15
Time to fix the color problem. There are many ways to do that, but my idea is find a quick fix. So go to Layer>New Adjustment Layer>Hue and Saturation. Change the Hue to 195, the Saturation to 8 and the Lightness to -7
.
Step 16
Now go to Layer>New Adjustment Layer>Levels. Use 29 for the black input, 1.00 for the grey and 155 for the white input. Tip: both adjustment layers have to be on top of the other layers
.
Step 17
Here is the image after the adjustment layers. It looks really nice aready
.
Step 18
Here lets add some clouds in the sky. Just use any clouds image you
find, desaturate it and place it using multiply for the Blend Mode. If
you place it on top of the other layers, use the same mask you are using
for the buildings to show only the batman symbol area
.
Step 19
Add a new layer behind the buildings layer and the with the Brush Tool (B) and a very small brush with black, start painting some sort of lines on top of the building like in the destructed areas
.
Step 20
The original poster had some rocks falling from the sky. So let's add
some rocks too. I used another image from Shutterstock for reference,
you can find it here http://www.shutterstock.com/pic-24964786/stock-photo-zoom-of-gravel-gray.... I just selected one rock copied and pasted it in my design
.
Step 21
Paste the rock in your design and select it. After that go to Edit>Define Brush. You will create a brush with the shape of the rock. Edit the brush and for the Shape Dynamics make sure you have Flip X and Y selected, also Size Jitter. Select Scatter too in order to make the brush very random.
Once you have the brush done, start painting some rocks falling from
the sky. Follow the perspective and make the ones on top smaller than
the ones close to the bottom of the page. You can see I used white for
the color, don't worry about that, we will fix this issue with Layer
Styles
.
Step 22
Go to Layer>Layer Style>Pattern Overlay. Select
Multiply for the Blend Mode and for the Pattern select Black Marble
(it's a default one
Step 23
Select Color Overlay. For the Blend Mode use Multiply and for the color use a dark grey
.
Step 24
Now select Inner Shadow. For the color use White; for the Blend Mode use Color Dodge; for the Angle,
this is really important, depending where the rocks are, use an angle
that follows the perspective of the building they are in front of. In
this case 121º. For the Distance use 28 pixels, for the Choke 0 and for the Size 25 pixels
.
Step 25
Here are the rocks with the layer styles. Notice that the adjustment
layers are on top of the rocks layer as well. Another important thing
here is to apply motion blur (Filter>Blur>Motion Blur) to the rocks as we did for the other layers in the steps 7-9
.
Step 26
Add more rocks in your design. Remember the inner shadow angle will vary according to the location of the rocks
.
Step 27
Select all layers and duplicate them, after that merge all the duplicated layers into one. The shortcut for that is Command(mac)/Control(pc) + Alt + Shift + E. Change the Blend Mode to Soft Light at 50% Opacity. Duplicate this new layer and change the Blend Mode to Screen at 100% Opacity. Go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius
Conclusion
Delete pretty much the whole layer with the screen mode, leave just a
few areas around the batman symbol to create a sort of glowing effect.
The design is practically done.
As you could see, most of the process was messing with layers and
adding some blurs. The most difficult part is finding the right assets,
once you find them it's putting everything together and adjust them to
make the image look real. It's a really nice technique and I love this
posters and recreate them to learn new things and practice Photoshop
more. Now it's up to you. Have fun
.
Download the Photoshop File
احدى تطبيقات تقنيه الكيو ار باركود QR
الثلاثاء، 18 أكتوبر 2011
الباركود QR (Quick Response) Codes
سواء كنت قد رأيت هذا النوع من الباركود أو سمعت عنها -- هو من احدث واشهر التطورات التى ظهرت فى الفترة الماضية وهو نتاج العديد من الابحاث التكنولوجيه والتعاون بين العديد من القطاعات سواء المصنعه لهذة التكنولوجيا (شركات السوفت وير) وقطاع الاتصالات (الشركات المصنعه للهواتف المحموله) هو ذلك المربع الأبيض والأسود الموجود في الإعلانات ، وعلى لوحات الإعلانات و مع تزايد شعبيته بداء فى الظهور على الكروت الشخصية وعلى الكثير من المنتجات المختلفة والمنتشرة امام اعين الناس
تم وضع هذه التكنولوجيا وتطويرها لاول مرة فى اليابان منذ عدة سنوات، حيث نجد الان ان أكثر من 60 ٪ من المواطنين اليابانيين يستخدمون هذة النوعية من الباركود فى العديد من المنتجات واصبح من الاشياء الاساسيه الموجودة والمنتشرة فى المجتمع اليابانى، بعد ذلك بدأت هذة التكنولوجيا فى التطور والانتشار فى اوروبا و الان توجد لوحات ضخمة في أوروبا مطبوع عليها الباركود فقط مع عدم وجود حاجة إلى تفسير ما هو هذا الرمز أو كيفية استخدامه وكذلك انتشرت هذة التكنولوجيا وتطورت كثيرا فى امريكا واصبح انتشره الآن كانتشار النار في الهشيم في جميع أنحاء الولايات المتحدة وعند الذهاب إلى ميدان التايمز سترى الكثير من الباركود منهم على لوحات الإعلانات هناك
بعد هذة المقدمة عن الباركود بخلاف كونه مربع أبيض وأسود ما هو الكيو ار باركود QR Codes
هو باركود ثنائي الأبعاد يحتوى على الكثير من البيانات مثل الاسم - الوظيفة - العنوان - ارقام التليفونات والفاكسات - الميل - الموقع الالكترونى...... العديد من البيانات ويمكن ان يوضع هذا الباركود على المواقع الالكترونيه او يكون مطبوع على الكتيبات ، ومراسلات البريد، والنشرات ، والافتات ، والوحات -- او في أي مكان تقريبا يمكن ان يخطر لك ----ويمكن قراءة الباركود عن طريق برنامج قارئ الباركود الموجود على الهاتف المحمول الذى يظهر هذة البيانات التى يمكن تخزينها مباشرة على الهاتف فى خطوه واحد (فى الماضى كان يجب ان تسجل كل البيانات بطريقة يدويه) وكذلك عن طريق الباركود يمكن توجيهك الى الموقع الالكترونى المسجل فى الباركود بشكل مباشر ويمكنك تنزيل السوفت وير ( قارئ الباركود) على الهاتف الذكى من موقع التطبيقات الخاصة بك أو الذهاب إلى get.beetagg.com من متصفح الجوال।
توجد العديد من الطرق المختلفة لاستخدم الباركود فى تقويه وتعزيز وسائل التسويق واجتذاب العديد من العملاء بشكل مباشر بحيث يستطعون الحصول على البيانات الكامله لشركتك بشكل مباشر:
1. وضع الباركود بشكل مميز على الموقع الالكترونى الخاص بك2. وضع الباركود على فيديوهات اليوتيوب يوفر وسيله سهله ومفيدة لكيفية الحصول على معلومات شركتك ومعلومات المنتج3. وضع الباركود على صفحات الفيسبوك.
4. وضع الباركود على اعلانات الطرق السريعه حتى يتمكن العميل من الوصول الى البيانات فى اسرع وقت بدون التوقف لاخذ البيانات5. وضع الباركود على عروض المبيعات او على قسيمة المشتريات وذلك سواء على الموقع او المنتجات المطبوعه6. وضع الباركود على المدونات الخاصه بالمبيعات بحيث يسطيع العميل الوصول الى معلوماتك بسهوله.7. حاليا يتم وضع الباركود على الافلام السينمائيه لعرض بيانات كامله عن الفيلم وكذلك يمكن ان يوجهك مباشره الى موقع الفيلم لعرض مشاهد منه والاطلاع على كل البيانات
هناك بعض الشركات الان تستخدم الباركود بشكل فعال ووجدت صدى ايجابى من قبل المستهلكين مثل:
* شركه كالفن كلاين تعرض الباركود بشكل مميز على لوحات الإعلانات في نيويورك فهو يرسل الماسح الضوئي إلى فيديو اليوتيوب الخاص باعلان جينز حيث يمكنك شرائها في الحال* شركة كونتننتال ايرلاينز يرسل الباركود إلى الهواتف الذكية للمسافرين لاستخدامها بوصفها بطاقة الصعود كل ما عليك فعله هو تمرير الهاتف تحت الماسح الضوئي في الأمن وعند بوابة الصعود للنهائي. لن ترى تذاكر بعد ذلك !!!!!* شركات أخرى مثل ميسي ، الدوري الاميركي للمحترفين، رالف لورين، شفروليه ، ميني كوبر وستاربكس يستخدمون هذة التكنولوجيا فى محاوله لزيادة جهود التسويق المباشر
ومن المتوقع أن يتضاعف انتاج الهواتف الذكية نتيجة الزيادة فى استخدام الباركود خلال هذا العام وبالإضافة إلى ذلك من المتوقع زيادة عدد الشركات والاشخاص المستخدمين لهذة التكنولوجيا
ولا يزال السؤال -- هل المستهلك المصري ومدراء التسويق فى الشركات المصريه عندهم القدرة على فهم استخدام هذه الأداة الهامة مثل الاسواق اليابانية والاميركية والأوروبيين؟ نأمل ذلك.
أعتقد ان هذة النوعية من الباركود وجدت لتبقى..... ما هي أفكارك؟ يرجى التعليق أدناه
الاشتراك في:
الرسائل (Atom)