soukhnah.com



انضم إلى المنتدى ، فالأمر سريع وسهل

soukhnah.com

soukhnah.com

هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
إلى جميع الأعضاء رابط منتديات السخنة : www.al-sukhnah.net
منتديات السخنة أبداع متميز بلا حدود
أهلا وسهلا بك في شبكة منتديات السخنة الأستراتيجية

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب

    ياسر لخطيب
    ياسر لخطيب
    عضو فعال
    عضو فعال


    عدد المساهمات : 37
    تاريخ التسجيل : 21/12/2009

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Empty طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب

    مُساهمة من طرف ياسر لخطيب الجمعة يناير 01, 2010 6:31 am

    السلام عليكم ورحمة الله وبركاته


    كل عام وأنتم بخير
    أيها الأخوة والاخوات من جميع بلدان وطننا الحبيب
    وأتقدم بأحر التهاني والمنى للأمتين العربية والإسلامية
    بحلول العام الجديد
    وأسأل الله أن يعم به السلام والرحمة واللألفة على شعوبنا العربية
    وأقدم لكم الليوم درس جديد من دروس الإلستريتور
    حول كيفية عمل لوغو
    LOGO
    بطريقة إحترافية تمكننا من الإبحار بخيال متبصر في فهم الادوات التي أمامنا في البرنامج
    والعمل معها بطريقة فريدة وجديدة ومميزة لم نعهدها من قبل
    ولكن باللغة الإنكليزية
    وذلك كما أقول بمشاركاتي
    السابقة لأنها هي المثلة لفهم تراكيب البرنامج اللغوية ومصطلحاته التي تمكن المتدرب من فهم عميق لما يدور حوله من أساليب
    تعليم جديدة تمكنه من ترجمة أعماله بسعة خيال غير محدودة يفيد بها أمته ووطنه إذا ما نال التعليم والتدريب اللازمين لتحقيق ذلك

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


    Zee Logo in Illustrator





    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب ZeeLogo

    Zee Logo in Illustrator






    So in this tutorial I will show you how I created the logo in Illustrator and the splash in Photoshop.
    Step 1


    Open Illustrator and create a new document. Then go to View>Show Grid and then go to View>Snap to Grid. These 2 presets will be very important for us to design the font for the logo.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_1
    Step 2


    With the Rectangle Tool (M) create a rectangle using the grid.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_2
    Step 3


    With the Pen Tool (P) add 4 new points on each segment of the rectangle. After that with the Direct Selection Tool (A) select each one of this points and move them um module of the grid away to create a chamfered corner.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_3
    Step 4


    Lets start creating the Z. Still with the Direct Selection Tool (A), select the segment of the left side of the rectangle and delete it.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_4
    Step 5


    Delete the righ side now still with the Direct Selection Tool (A). Pretty much the whole process will be with the Direct Selection Tool (A) and the Pen Tool (P).

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_5
    Step 6


    Now with the Pen Tool (P) click on the point 1 and then on the point 2 to create a diagonal segment. Our Z will be done.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_6
    Step 7


    To create the E will be the same process. First let's delete the right segment of our chamfered rectangle using the Direct Selection Tool (A).

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_7
    Step 8


    With the Pen Tool (P) click on the point 1 then holding SHIFT
    click a few modules down in the grid (point 2). The click again now one
    module left and dow to create a chamfered corner (point 3).

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_8
    Step 9


    Still with the Pen Tool (P) create the segment 1 and the chamfered corner 2. Hold SHIFT
    to make sure that you're creating straight lines, even though we have
    activated the Snap to Grid option. After that our E will be done.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_9
    Step 10


    Now just duplicate the E and we will have the word ZEE.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_10
    Step 11


    Go to Effect>Stylize>Round Corners. Use 5 points for the Radius
    or try different values to increase or reduce the round corners effect.
    However I didn't like the result I wanted something more stylized.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_11
    Step 12


    So I decided to increase in 2 modules the chamfer effect.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_12
    Step 13


    Now apply the Round Corner effect to the new logo, I still used 5
    points for the Radius. The result is much better, it is much more like
    what I was looking for. But now I need to create a connection between
    the characters to give the idea of loop.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_13
    Step 14


    To do that it's quite easy. With the Pen Tool (P) create the the segments to connect the Z to the E (1-2) and the E to the other E (3-4).

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_14
    Step 15


    Now just increase the stroke size. I'm using 8 points for the
    stroke. The logo is done. It resembles those subway maps and has this
    idea of loop, exactly what I wanted.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_15
    Step 16


    Now let's open Photoshop and create a new document. I used 1024x768
    pixels for the size. Fill the background layer with a very light blue (#dde9f5).

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_16
    Step 17


    Copy the logo from Illustrator and paste it in the Photoshop document.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_17
    Step 18


    Go to Layer>Layer Style>Color Overlay. Use #5d87b6 for the Color and Normal for the Blend Mode.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_18
    Step 19


    Now go to Layer>Layer Style>Inner Shadow. Use
    Multiply for the Blend Mode, black for the color, 40% for the Opacity,
    120º for the Angle, 1 pixel for the Distance, 0 for the Choke and 1
    pixel for the Size.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_19
    Step 20


    Now go to Layer>Layer Style>Drop Shadow. Use
    Color Dodge for the Blend Mode, white for the color, 100% for the
    Opacity, 90º for the Angle, 1 pixel for the Distance, 1 pixel for the
    Spread, 0 pixel for the Size.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_20
    Step 21


    This is the effect you will have gotten so far.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_21
    Step 22


    Create a new layer and with the Rectangular Marquee Tool (M) create a rectangle selection and fill it with a white to black gradient with the Gradient Tool (G). Use the image below for reference.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_22
    Step 23


    Duplicate the rectangle and go to Edit>Transform>Flip Horizontal.
    Move it so it will be on the other side of the segment of the E (1-2).
    Duplicate those 2 layers and move to create the same effect on other E
    (3-4).

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_23
    Step 24


    Select the 4 gradient layers and group them. Them holding the
    Command key on a MAC or the Control key on a PC, click on the thumbnail
    of the Zee layer in the Layers Panel to create a marquee selection of
    the Zee logo. After that select the group with the gradient rectangles
    and go to Layer>Layer Mask>Reveal Selection.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_24
    Step 25


    Reduce the Opacity of the group with the gradients to 40%. That will make the effect much more subtle.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_25
    Step 26


    Duplicate all layers and merge the copies to a single layer. Then go to Filter>Noise>Add Noise. Use 1.4% for the Amount and select Gaussian for the Distribution and Monochromatic.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Step_26
    Conclusion


    That's it, we have a nice splash. We can add more stroke if we want
    to make the logo bolder. If you pasted the vectors in Photoshop using
    Smart Objects that is pretty easy, you can just double click on the
    smart object to open it in Illustrator and then just play with strokes
    over there. Now the cool thing is that the logo uses a font created
    from scratch what makes it quite original and it was really easy to do
    that in Illustrator using basic tools and the snap to grid option.

    طريقة جديدة لعمل LOGO في برنامج الإلستريتورمع الفوتو شوب Conclusion





    أتمنى من الله أن يكون قد حقق الدرس مبتغاه بالفائدة للشباب

    وأن يكون من الدروس المفيدة وإستخدامه كمادة أرشيفية

    يمكنهم من العودة إليه متى شأوا ومتى أرادوا
    ومع رعاية الله وحفظه

    أخوكم

    ياسر الخطيب
    *
    المصادر كالعادة من أشهر مواقع التدريب والتعليم على الشبكة الدولية
    http://abduzeedo.com
    *

      الوقت/التاريخ الآن هو الخميس نوفمبر 14, 2024 2:12 pm