Psychomagic

AN EXPERIMENTAL BLOG

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!

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

mouths

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:

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

toucan-bird-pictures

 

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

النتائج

nature-smiles

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

stopmotion3

stopmotion2

 

stopmotion1

 

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!

 

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

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

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

 

The Secret to Global Recognition / نافذتي العالمية

 

نعم! قررت أن اشارككم بسرّي الذي ساعدني للوصول بعد الله للتقدير العالمي. اعني بذلك ،أن تتفاجأ فتاة بدويه مثلي قررت أن تحاول رسم الموضه بنية إمضاء وقت ممتع، ببريد الكتروني من محررة ايرلنديه من مجلة ال آيريش اندپندنت، يعبر عن رغبتهم باستلام رسمة كل أسبوع بأجر اقوم انا بتحديده! للأسف الشديد، و على الرغم من أن بعض المجلات المحليه في الشرق الأوسط قامت بالتواصل معي للرسم على صفحاتهم الا انهم ركزوا على أن تكون الاعمال محررة لهم مجاناً. لا يهمني لماذا نحظى نحن المصممين والفنانين العرب بمثل هذا التعامل،،و لكن يهمني أن اشارككم، يا رفاقي في الطريق الصعب، بسر تواصل المجله معي. إنها الوسوم، الهاشتاق التاق !
انصح باضافة وسوم تصف عملكم بدقه عند نشركم لصوره او فيديو من تصميمكم. فكروا بكلمات قد يستخدمها شخص محتاج لموهبتكم و انطلقوا. اتمنى للجميع الوصول لما يحبوا ان يكونوه يوما ما ،شاركوني بانجازاتكم و دعونا نساعد بعضنا للوصول سويه

Yes! I have decided to share with you the secret to my global recognition. A Bedouin girl who suddenly found her self interested in fashion illustration and decided to do it for fun is now being published on the Irish Independent Weekend Magazine, plus she’s getting paid for it! Sadly I have not found that attention from regional middle-eastern publications, and even when I did, it was clearly requested to be FREE OF COST.

I do not know why they have this mentality, but I know how one day an editor got my email, and decided to contact me. I was really curious and decided that this is my chance to ask!  “How did you find me?” I know there are a lot of very creative and talented fashion illustrators around the world. I also know it could have been any of them. The difference is I used HASHTAGS! Yes!! HASHTAGS! This “#” is why I got found and contacted.

If you want the recognition you never had, keep adding tags and hash-tags to what ever creation you post on your website, or on any social media website. Do not lose hope, I know that we all deserve a chance, and I am sure that all will be getting it one day.

Alternative Adobe Muse CC Design Option

After watching a number of Muse CC tutorials, and reading a few “how to” articles, one must keep in mind the compatibility of the layout with mobile phones and tablets! Which means more work must be done! However, this step comes after finishing the main design, which will make it easier to customize the same theme with new measurements; noting that Muse generates the size of the default mobile layout, so there isn’t anything to worry about. I know that the process is going to be time consuming but thank God for Spring breaks!

I also came across a few websites that develop and sell templates, which can be easily modified on Muse. That is a very easy alternative if you are not planning to 100% customize your website, and I must say I am tempted! But I’ll try to push that option further away since this should be a “learning from scratch” opportunity.

Here are a few interesting (widgets, templates, and tutorial) websites that you might want to look at:

Screen Shot 2014-02-24 at 1.00.48 PM

Here is an example on how to modify what had been already designed using resources that are free!

Screen Shot 2014-02-24 at 12.59.35 PM

 

Screen Shot 2014-02-24 at 12.58.54 PM

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

سوف تجدون اعلاه بعض من هذه المواقع التي تختص بطرح مصادر مساعده مجانيه او بسعر قد يكون رمزي بالنسبة لمن يبحث عن الراحه.

Trying Adobe Muse for the 1st Time.

Screen Shot 2014-02-23 at 8.06.26 PM

I have been wanting to transform my main website into a simple portfolio that will enable me to display my latest work without forcing viewers to scroll through the blog layout. Creating “Learn” the blog will allow me to share my thoughts, my ideas, and the things that inspire me the most with you, my dear viewers, in a more focused zone. Since I am not a programmer, coding is not my type of thing. Luckily, Adobe Creative Cloud now allows its users to install Adobe Muse and design personal websites on it. Adobe Muse is the perfect tool for graphic designers who wish to jump into the world of website design but are not so keen on coding.

I have been watching videos on Youtube that gave me a general idea about Muse tools. Here are a couple of them:

How To Get Started With Adobe Muse CC – 10 Things Beginners Want To Know How To Do

Adobe Muse CC – My Top 5 Favorite Features

I highly recommend subscribing to Terry White  channel on youtube if you are a fan of Adobe Creative Suite. Remember to also check out the official page of Muse and follow their news and updates on how you can enhance your design experience. I will also be working on the website and while I am doing so, ill try to share what I like and what I dislike about it.

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

© 2014 Psychomagic

Theme by Anders NorenUp ↑