The Fundamental Elements of Design

In Studio With: Massimo Vignelli

How to create a “film flash” transition effect on Adobe Premiere

I have been working on adobe premiere to try and create a short video this weekend for The *it Magazine that was shared on their Instagram account as a “throw back short” for New York fashion week “spring-summer2014″ season. The video contains many photos that were taken by me, covering the street style for the *it last year, to create a stop motion kind of effect. The music is by “Justice” and hopefully the video will not be taken down by Vimeo for rights issues since its a very short part of it! Here is the finished work:

I tried a new transition effect in the beginning of the video. I had this idea of creating a flash effect once the images start to appear but did not find a “built in” flash effect in Premier so I looked for a tutorial on youtube and found one that explains how to do it clearly. You can watch it here:


Can We Come With?

Animating a Cartoon Character on Adobe After Effects CC

I have been wanting to try animating a simple cartoon character for a while and I seriously did not think how or where I am going to do it. I know that Adobe offers several applications that would allow me to achieve the basic results I am seeking. I watched a tutorial on Youtube, and I really wish I could share it here because it is really simple to understand and follow, however, the language that the designer used while expressing his mind was not appropriate so I must warn you before you click here. I will try to find a similar appropriate video, if not I promise I will make one myself!

.آخر تجاربي كانت عمل شخصيه كرتونيه متحركه على ادوبي افتر افكتس. استخدمت فيديو تعليمي لكن لغته للأسف بذيئه لذا احذركم قبل النقر هنا

اول خطوه كانت رسم الشخصيه على ادوبي فوتوشوب، كل جزء منها منفصل على شريحه خاصه حتى يمكنني تحريكه لاحقا. الرسمات بسيطه جدا لاختصار الوقت

first I drew the character on photoshop with a wet photoshop brush, which is there by default. here is the character from front and aside.

Screen Shot 2014-03-12 at 7.02.19 PM Screen Shot 2014-03-12 at 7.02.37 PM


I tried to make the character very basic, not much colours or curves, just simple lines. This way, when you try to animate it, it will take less effort and time, especially if you are a beginner.

I drew several mouths to capture different sounds and applying them was easier that I thought it would be!

رسمت ايضاً افواه مختلفه حتى اتمكن من تغييرها تباعا للصوت المستخدم.


The sounds I used were free sounds which I found in the FreeSound website. Click below to view the website and know that you will have to sign in to be able to download sounds and it is worth it.

الاصوات وجدتها مجانا في موقع فري ساوند. كل ما عليك هو تسجيل معلوماتك لتتمكن من تحميل الاصوات التي تحب،  يمكنكم النقر على الصوره التاليه لزيارة الموقع

Screen Shot 2014-03-12 at 7.15.29 PM

After having all the visuals and sounds ready, I started After Effects and followed the steps that the tutorial listed.

I found these tutorials, which are produced by Adobe, that I am sure will give you general knowledge of the tools if you are into that certain application. Click here to view them.

Finally, here is the shortest cartoon video that you will ever see! I must note that the 11 seconds that you are about to watch took me 6 hours to produce. I am sure that the next time I do this it will not take me that much time since I was learning as I go.

بعد ذلك قمت بانجاز الخطوات كما ذكر في الفيديو التعليمي على برنامج آفتر افكتس

يمكنكم ايضا تعلم المزيد و معرفة الادوات بشكل عام من خلال الفيديوز التاليه من اعداد ادوبي. في النهايه اشارككم بالفيديو الذي لا يزيد عن ١٣ ثانيه و الذي عملت لمدة ٦ ساعات لاعداده.

Adobe Photoshop: The Pen Tool الرسم بأداة القلم على ادوبي فوتوشوب

I have never been a fan of the Pen Tool on photoshop, but I have decided to force myself on using it. I used youtube tutorials in order to know how to work with it. I did not use it on a sketch of mine, instead I chose a photo as a guide.

قررت استخدام اداة القلم في ادوبي فوتوشوپ للرسم لأول مره على الرغم من صعوبة التعود عليها. للمبتدئين ارفقت الفيديوز التي شاهدتها لتعلم العمل بهذه الأداة. استخدمت صوره لتتبع حدود الشكل.

here are the tutorials I watched:

the first tutorial is done with Adobe Illustrator. However, the tool is used the same way! I think it is clear and useful and thats why I chose it as a practice.

الفيديو الأول تم تطبيقه على برنامج ايلوستريتر، قمت باختياره لان الاداة تستخدم بنفس الطريقه على فوتوشوپ، و لأن التدريب بهذه الطريقه واضح و ممتع

here is the photo I used:

الصوره التي استخدمتها:



This is the result of working with the Pen Tool on Adobe Photoshop:



Imaginative Toys- العاب محفزة على الخيال

Just wanted to share with you a very fun and creative way to trigger your imagination. I bought these Shapescapes, which are created by the sculptor Peter Mayor, from the National Gallery of Art a few months ago, and although they might be sold for kids, I think they are a bit sharp for young ones to play with. However, I suggest it for any adult as a relaxing and inspiring activity. With the variety of shapes and colours, It also can be used to build complicated sculptures that might be translated into interesting paintings along the way!

 شخصياً، اعتقد ان الاصعب من العمل الفني هي عملية التفكير فيه و تخيله. من احد الطرق المحفزه على الخيال هي هذه القطع غريبة الاشكال و الملونه من شيپسكيپس التي  اقتنيتها قبل عدة اشهر بعد زيارتي للمتحف الوطني للفنون في واشنطن العاصمه.

اللعبه من تصميم النحات پيتر ميور، و هي تحتوي على ٩٠ قطعه بلاستيكيه. يمكنكم دائما الحصول على العاب مشابهه من المحلات التعليميه مثل “التعليم المبكر” او محلات لُعب الاطفال. لا تترددو في اقتناء مثل هذه الالعاب حيث انها تساعد على الهدوء و تحفز الدماغ على التفكير.

here are a few GIF images which I created using the iPhone app “Stop Motion Studio






For more imaginative, inspiring toys click here and here

للمزيد من الخيارات زورو الموقع التالي بالنقر هنا

My Latest News!

I am currently on spring break and it is nothing like spring outside! However, I decided to get busy and finish my website design just so I can keep sane. I can now say that Adobe Muse is the best thing for graphic designers who wish to explore the world of web design! Its as easy as drag and drop and I am serious about this. Ill be sharing with you the tutorial soon.

click on the photo below and view my homepage !

خلال عطلة الربيع قمت باستغلال الوقت في انهاء تصميم موقعي الرئيسي. العمل عليه استمر لمدة ١٨ ساعه مليئه بالحماس، الغضب، و السعادة! سوف اشارككم بإذن الله قريبا بفيديو يساعدكم على تصميم موقعكم الشخصي بأدوبي ميوز الذي تفاجأت بسهولة العمل عليه.

انقروا على الصوره ادناه و تصفحوا الموقع، شاركوني ايضاً بآرائكم فيه

Screen Shot 2014-03-06 at 3.11.52 PM

I went yesterday to Michaels, the arts and crafts store, to buy water colour paper because I am in the mood for some water colouring! that is the first painting I did on that water-colour pad:

اجد نفسي حاليا ملهمه بالعمل مع الألوان المائيه، اشتريت كراسة ورق مخصصه لهذا النوع من الألوان بالأمس  من محل الفنون في مدينتنا  لمحاولة كسر روتيني اليومي و هذه كانت أول أعمالي عليها

Processed with VSCOcam with n3 preset

I also must say that I found the perfect book that will give you, as well as I, a push to JUST DRAW!  here it is:

خلال زيارتي لمحل الحرف و الفنون  وجدت اخر نسخه من كتاب “فقط ارسمه!”  الذي يحفز على رسم كل ما حولك من دون اي قيود. الكتاب ايضاً يعرض طرق مختلفه للتدرب على الرسم السريع بأشكال و ادوات مبتكره تحفز على الابداع و التميز.

Processed with VSCOcam with f1 preset

Processed with VSCOcam with n2 preset

Click here to take a view of the book and purchase it if you like!

اضغط هنا لمعرفة المزيد عن الكتاب

Create and Customise Your Work!اصنع بطاقات مخصصة بنفسك

For a while, I have been working on creating handmade post-cards that are going to be sold at CraftKingdom.

I first drew the main subject using a black Artist Pen, the one I usually use is a small size Faber-Castell, on a mixed media paper, and water-colored it. Below is the result:

منذ فترة و انا اعمل على صنع “بطاقات مراسله” يدويا لتباع في متجر مملكة الحرف. في البدايه قمت بالرسم على ورق للوسائل المختلطه مستخدمة قلم  آرتست پن  الحجم الصغير من فابر كاستل. قمت بتلوينها بالوان مائيه و كانت هذه النتيجه

Screen Shot 2014-02-27 at 3.37.56 PM

Then I was faced with the fact that the greeting-cards paper is too thin to be coloured “entirely” with water-colour. I drew it again Digitally on Adohotoshop and here is the result:

قمت بالتحويل من الاقلام و الالوان الى الرسم باستخدام الفوتوشوب و الطباعه ، ذلك لان ورق البطاقات لن يستحمل كميه كبيره من الالوان المائيه

Screen Shot 2014-02-27 at 3.25.21 PM

keeping some areas blank for me to colour with fibre-tip pens, metallic pens and some water colour strokes, I ended up printing the design on a plain A2 cards paper and it was really hard to fit the size on the plain paper cards I have because my printer isn’t equipped to print on that specific size. After almost 5 hours of waisted paper and ink, I got the perfect result. I coloured it and embellished it with metallic pens that gave it a beautiful effect. Below is the result:

بعد تعديل خطتي، و طباعة التصميم على ورق البطاقات فقط باللون الاسود لأتمكن لاحقاً من إضافة تفاصيل ملونة بإستخدام  اقلام فايبر تپ او “الوان فلوماستر” للتلوين، معإضافة تفاصيل  بأقلام معدنية اللون او “ذهبية” بالتحديد كانت هذه النتائج

Processed with VSCOcam with n2 preset

I tried to change the colours for half of the amount I’m creating, just to make sure all tastes are satisfied.

حاولت تنويع الألوان لإرضاء جميع الاذواق

Finally I stamped the cards using a stamp I customised at the Paper Source. I made sure that the stamps are aligned as much as possible by placing the card on an Olfa Gridded Cutting Mat and an Omni Grid Ruler to hold it in its place.

 آخر خطوة كانت اضافة ختم مخصص قمت بطلبه  من موقع پيپر سورس. للتأكد من ان الختم يتوسط البطاقة بشكل صحيح، يمكنكم استخدام  لوح  التقطيع الشبكي من أولفا  و  مسطرة أومني جرِد الشبكيه للتثبيت


Hope that my experience is of use to you, feel free to ask about anything!

اتمنى أن تكون تجربتي ذات فائدة لكم، لا تترددو في السؤال عن اي شيء!

Photoshop Tutorial: Magic Wand العصا السحرية

Just decided to create a video tutorial after I saw a 50 years old poster design in VanityFair Magazine.

Processed with VSCOcam with c3 preset

This video will allow you to design on Photoshop like a pro using very simple techniques!

here is what I came up with and I guarantee you that after 10 minutes of watching the tutorial you will be able to do the same.


watch the video and feel free to comment or ask any question. I apologise for the poor audio quality and promise that I’ll try to put more effort into it next time.

Enjoy and share your results!


 خلال تصحفي لمجلة ڤانيتي فير وجدت صوره لپوستر قديم صُمم قبل ٥٠ سنه. قررت أن اشارككم بڤيديو قصير و بسيط للمبتدڈين على الفوتوشوب حتى تتمكنون من تصميم  مشابه له تفخرون به في نهاية يومكم.

الفيديو باللغه الانقليزيه، لكن من يود أن اجاوبه عن اي استفسار ارجو أن لا يتردد بذلك.

شكرا لكم، استمتعوا و شاركوني بنتائجكم!


« Older posts

© 2014 Psychomagic

Theme by Anders NorenUp ↑