כללי 25 מדריכי פוטושופ לעיצוב עבודות טיפוגרפיה מרהיבות

  • הוסף לסימניות
  • #2
חסום לי!
 
  • הוסף לסימניות
  • #4
מדריך ליצירת רקע טיפוגרפי

<!-- BuySellAds.com Ad Code --><SCRIPT type=text/javascript>(function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);})();</SCRIPT> <!-- End BuySellAds.com Ad Code -->
<!-- BuySellAds.com Zone Code --><IFRAME id=backfill_1255480_frame class=bsap_backfillframe height=90 src="//s3.buysellads.com/1255480/backfill5.html" frameBorder=0 width=728 scrolling=no></IFRAME>
<!-- End BuySellAds.com Zone Code -->
<!-- div.top-leaderboard --><!-- Begin Masthead --><!-- Begin Banner -->Tutorial9


<!-- End Banner -->Sign In | Join Now Become a member to add links and start earning points!
<!-- #user_utilities --><!-- Begin Primary Nav -->
<!-- End Primary Nav --><FORM action=http://www.tutorial9.net/search/><INPUT name=search><BUTTON type=submit>Search</BUTTON> </FORM>
<!-- #search -->
<!-- .wrapper -->
<!-- End Masthead --><!-- Begin Main Content --><!-- Begin Primary Content -->Creating a Typographic Wallpaper

thumbnail1.jpg

<!-- .post_thumbnail -->Posted by Tyler Bramer in Photoshop Tutorials on March 10th, 2009

<!--adsense#300-->
After writing my previous tutorial here about Creating a Zune in Photoshop, several viewers asked if I’d share how I created the wallpaper graphic. In this tutorial, you’ll learn how to make something similar, and it’s quite easy!

What is Typography?

In order to create a typographic wallpaper, it would make sense to know a bit about Typography in the first place. Typography is the art and technique of arranging movable type. What does this mean? It means that text itself portrays a message all of its own. Its location, font-family, font-style, color and size all determine the message it portrays. Using a really blocky font for a wedding image wouldn’t make sense, because blocky text isn’t elegant or extravagant, like cursive and curly fonts can be. While this tutorial won’t focus on the essence of typography, understanding what makes type look good will help to create a great design.
This is by no means an in depth look at typography. Typography is a subject folks have written many, many books on, and there is a lot to be learned about it. I’d definitely suggest picking up a book like "Thinking With Type" if it’s something you find interest in.
Step 1 – Creating the Background

The background of our wallpaper is going to help set the mood. Using a dark background will allow us to make the typography we use later really stand out of our image.
Create a new document with the dimensions you desire. My desktop is 1280x1024px, so that will be my document size. Set your foreground color to a dark gray (#111111) and your background color to black (#000000). Then grab the Radial Gradient Tool and create a light to dark gradient near the center of your document.
1.jpg

Step 2 – Setting Our Text Boundary

Since I want my text to be in the shape of a 9 (in relation to 2009 and Tutorial9), the easiest way to achieve the shape is going to be to create a large 9 and then use it to place our other text. To accomplish this, grab your Type Tool. Then place a 750px 9 using the font Century Gothic set to bold so that it is located in front of the center of your gradient. I also set my to the color #6dcff6 since my font will look blue later. Then lower the opacity of the layer to around 20%, since it is only being used as a guide.
2.jpg

Step 3 – Placing the Type

Now that we have our boundary area, we are ready to start adding our type. Before jumping into the vast pool of words to fill the 9, think about what you want ahead of time. Since my wallpaper is related to Tutorial9, I will fill mine with words that define the site, such as Photoshop, Design, and Tutorials.
We also need to think of how different we want the type to appear. Do we limit ourselves to one font? I’m going to only use the font Century Gothic, because it has a strong yet clean look, and will allow me to easily fit the font into the 9. Feel free to use multiple fonts in your own work. Since I’m only using one font, I’m limited to ways I can make each phrase stand out. For this, I can use different font sizes and styles. I can increase the size of a font and make it bold so that it stands out, or I can make it smaller and use a crisp or smooth style to make it more subtle.
3.jpg

4.jpg

Step 4 – Coloring the Text

Now that we have a vast stream of words filling our 9, we need to make this image look amazing! Lets start by lowering the opacity of our 9 to around 2%. This way it will help give some border around our text, but not too noticeable.
5.jpg

Then place all of your text layers (except the 9) into a Group (Layer > New > Group). Duplicate the group by right clicking it and selecting Duplicate Group. Click OK when the dialog box appears. The reason we duplicated the group is so that we can merge all of our text layers into one. With the new group selected, right click it and select Merge Group. This will take all of the layers in our group and place them onto a single layer. Now you can hide the group that still has all of the text layers in it since we have this single layer with all of our text.
Select your merged layer in your layers palette and add a Gradient Overlay (Layer > Layer Style > Gradient Overlay). I used a nice green (#48a248) for the bottom and a blue (#3bb2f7) for the top.
6.jpg

7.jpg

Step 5 – Adding a Title

Let’s add a nice title to our wallpaper. I’m going to add the text Happy New Year (Centruy Gothic / 36px / Italic) and use the same gradient overlay as before, except from left to right instead. Then I’m going to add the text Tutorial9 Staff (Century Gothic / 24px / Italic) with the color #736357.
8.jpg

Step 6 – Adding Texture

Now let’s add a texture over our image. I grabbed an image off of sxc.hu. Place the texture on a new layer on top of your document. De-saturate the image (Ctrl+Shift+U) and set the layer to Overlay.
9.jpg

Step 7 – Re-Colorization

In the next steps, we are going to add some more random and vibrant color to our image.
Create a new layer and set your foreground to #6dcff6 and background to #000000. Then go to Filter > Render > Clouds. After your layer is filled with a mixture of blue and black “clouds”, set the layer to Overlay and lower the Opacity to 25%.
10.jpg

Create another new layer and change your background color to white. Once again go to Filter > Render > Clouds to fill your layer with blue and white “clouds”. Then set your layer to Overlay and lower the Opacity to around 70%.
11.jpg

Simple enough?

As you can see, the hardest part of this tutorial was filling the document was text. Adding effects was actually quite simple. After learning all of the tools in Photoshop you will find yourself creating complex works with minimal effort! Feel free to experiment and create your own unique works.

To get the effect above, I created a new layer and went to Image > Apply Image. Then I used a Filter > Blur > Motion Blur and set the layer to Lighten with 35% Opacity. After that, I created a Gradient Map (Layer > New Adjust Layer > Gradient Map) that went from #ec008c to #e77418. Finally, I set the gradient map layer to Vivid Light.
Download the PSD File (.zip | 854KB)
Tags:
 
  • הוסף לסימניות
  • #5
כיצד ליצור איור טיפוגרפיים אופן עשיר מצועצע
Tutorial Details​
פרטי Tutorial


  • Program : Photoshop​
    תכנית: פוטושופ
  • Difficulty : Advanced​
    קושי: מתקדם
  • Completion Time : 2-3 hours​
    שעת סיום: 2-3 שעות

  • Thanks for supporting the site, feel free to download the ZIP file for this tutorial.​
    תודה על תמיכה באתר, אתה מוזמן להוריד את קובץ ZIP עבור הדרכה זו.
  • Source files for this tutorial are available to Premium members.​
    קבצי מקור עבור הדרכה זו זמינים למשתמשי פרמיום.
    קבל חברות פרימיום
<!-- Social Media -->
Final Product What You'll Be Creating​
מוצר סופי מה יהיה יצירה​

final_small.jpg

This entry is part 14 of 19 in the Mastering Text Effects Session - Show All
רשומה זו היא חלק 14 מתוך 19 באפקטי טקסט מאסטרינג המושב - Show All
«קודם הבא»

When looking for top quality content, you're usually forced to pay for your resources.​
כאשר מחפשים תוכן איכותי, אתה בדרך כלל נאלץ לשלם על המשאבים שלך.
They're generally better and easier to work with, and offer a wider range of use.​
הם בדרך כלל טובים יותר וקלים יותר לעבוד איתו, ומציעים מגוון רחב יותר של שימוש.
Sometimes though, you can find the same level of quality at zero cost, and it's exactly what we're going to do today.​
כי לפעמים, אתה יכול למצוא את אותה הרמה של איכות באפס העלות, וזה בדיוק מה שאנחנו הולכים לעשות היום.
We're going to create a detailed illustration with free gifts and self made goodies.​
אנחנו הולכים ליצור איור מפורט עם מתנות חינם ודברים טובים שנעשו עצמיים.
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Video Tutorial​
מדריך וידאו


Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial.​
הווידאו שלנו עורך גאווין סטיל יצר סרטון וידאו זה כדי להחמיא הטקסט הזה + הדרכת תמונה.
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Introduction​
מבוא


I love doing type treatments.​
אני אוהב לעשות טיפולים מסוג.
Out of all the designs I've created so far, it's typographic illustrations that have always taught me a lot, mainly because I've usually tried to make the most of Photoshop and Illustrator's tools.​
מתוך כל העיצובים שיצרתי עד כה, זה איורים טיפוגרפיים שתמיד למדו אותי הרבה, בעיקר כי בדרך כלל אני כבר ניסיתי להפיק את המירב מהכלים של Photoshop ו Illustrator.
You are practically forced to create most of it from scratch, so how much you polish your design determines how good it will be.​
אתם נאלצים כמעט כדי ליצור רובו מההתחלה, ולכן כמה אתה ללטש את העיצוב שלך קובע כמה טוב הוא יהיה.
In this tutorial, I went for a decorative look, by firstly choosing a typeface: Ayosmonika .​
במדריך זה, אני הלכתי למראה דקורטיבי, על ידי בחירת גופן ראשית: Ayosmonika.
I've used it before, and this time I wanted to go for a more flat look.​
אני השתמשתי בו בעבר, והפעם אני רוצה ללכת על מראה שטוח יותר.
The font seems very organic to me, so I sought and found a good online resource, the ornate pattern freebie.​
הגופן נראה מאוד האורגני ל, אז חפש ומצא משאב מקוון טוב, הדפוס המצועצע freebie.
It's got lots of rich detail, so it's enough for what we want.​
יש בזה הרבה פרטים עשירים, כך שזה מספיק בשביל מה שאנחנו רוצים.
My initial colors were violet and yellow, but they seemed out of place.​
הצבעים הראשוניים שלי היו סגולים וצהובים, אבל הם לא התאימו למקום.
I later decided to go with a wood texture, and bronze shades (new and aged) for the decorative elements.​
מאוחר יותר החלטתי ללכת עם מרקם עץ, וגווני ברונזה (חדש ומבוגר) לאלמנטים הדקורטיביים.
These colors would give me an old-world look, so even though it's not how it began, it is how it ended.​
צבעים אלה היו נותנים לי מראה של עולם הישן, ולכן למרות שזה לא איך זה התחיל, ככה זה נגמר.​
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 1​
שלב 1


The first thing we'll do is create a very large wooden texture.​
הדבר הראשון שנעשינו הוא ליצור מרקם עץ גדול מאוד.
Getting the same result may be difficult, so just try to obtain something that looks like a wood texture.​
מקבל את אותה התוצאה עלולה להיות קשה, כל כך פשוט לנסות להשיג משהו שנראה כמו מרקם עץ.
Start up Photoshop and create a new document.​
התחל את פוטושופ וליצור מסמך חדש.
Make it big; somewhere around 6000 px by 6000 px (300 ppi).​
להפוך אותו גדול; איפשהו בסביבות 6000 פיקסלים על ידי 6000 פיקסלים (300 ppi).
Select a dark brown (#48403a) as the foreground color and a lighter version (#ac9f92) as the background color.​
בחר בצבע חום כהה (# 48403a) כצבע חזית וגרסה קלה יותר (# ac9f92) כצבע רקע.
Fill the document's background with the foreground color (#48403a) and go to Filter > Render > Fibers.​
מלא את הרקע של המסמך עם צבע החזית (# 48403a) וללכת לFilter> Render> סיבים.
Change the settings (Variance of 12.0 and Strength of 34.0) and randomize it until you get something similar.​
לשנות את ההגדרות שונות של 12.0 (וחוזק של 34.0) וrandomize זה עד שאתה מקבל משהו דומה.
Playing around with the settings can help.​
לשחק עם ההגדרות יכול לעזור.
OR: If you're a Graphic River user, you can download a similar texture from my Wood Texture Pack .​
או: אם אתה נהר גרפי למשתמש, אתה יכול להוריד מרקם דומה משלי חבילת מרקם עץ.
1.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 2​
שלב 2


We'll now give the fibers more depth and a darker color.​
עכשיו אנחנו ניתן את הסיבים יותר עומק וצבע כהה יותר.
Go to Layer > New Adjustment Layer > Gradient Map.​
עבור לLayer> שכבת התאמה חדשה> מפה מעבר צבע '.
Once you created it, change its layer Blending Mode to Overlay and Opacity to 50%.​
ברגע שיצרת אותו, לשנות את מצב blending שכבתו כדי כיסוי ואטימות ל 50%.
2.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 3​
שלב 3


Now create a new blank layer and fill it with the color #633a1c.​
עכשיו ליצור שכבה חדשה ריקה ולמלא אותו עם הצבע # 633a1c.
Set the layer's Blending Mode to Multiply.​
הגדרת מצב המיזוג של השכבה כדי להתרבות.
3.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 4​
שלב 4


And finally, select the Gradient Tool (G).​
ולבסוף, בחר את כלי Gradient (G).
Choose white as the foreground color, and create a white to transparent white gradient from top to bottom.​
בחר לבן כצבע חזית, וליצור לבן לצבע לבן שקוף מלמעלה ועד למטה.
Change the layer Opacity to somewhere around 10%.​
שנה את אטימות השכבה ל איפשהו סביב 10%.
Select the entire canvas (Command + A) and copy the merged file (Command + Shift + C).​
בחר כל הבד (Command +) ולהעתיק את הקובץ הממוזג (Command + Shift + C).
4.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 5​
שלב 5


Create a new Photoshop document using a landscape A4 canvas (29,7 x 21 cm at 300 ppi).​
צור מסמך חדש באמצעות פוטושופ בד A4 נוף (29,7 21 סנטימטר ב300 ppi).
I created mine in CMYK format, so if you want the colors to make any sense, make sure you select CMYK, not RGB.​
אני יצרתי אותי בפורמט CMYK, כך שאם אתה רוצה את הצבעים לכל היגיון, הקפידו לבחור CMYK, ולא RGB.
Now add the type to this new document.​
עכשיו תוסיף לסוג המסמך החדש.
Download this free font and type in each letter on a separate layer.​
הורד גופן זה בחינם וסוג בכל אות בשכבה נפרדת.
The color doesn't matter, as it will be replaced by a texture.​
הצבע לא משנה, כפי שהוא יוחלף במרקם.
I chose different shades of green just to show the layer order.​
אני בחרתי גוונים שונים של ירוק רק כדי להראות את סדר השכבה.
5.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 6​
שלב 6


Now double-click on the letter “T” layer and add these effects.​
כעת לחץ פעמים על שכבת המכתב "T" ולהוסיף את ההשפעות הללו.
Here are the color codes for each of them: Drop Shadow set to #000000; Outer Glow set to #476454; Bevel and Emboss Highlight set to #f09629 and Shadow set to #45293c, and Stroke set to #466454.​
להלן קודי צבע לכל אחד מהם: 'הצללה מוגדרת # 000000; זוהר חיצוני מוגדר # 476454;' בלטה ושיקוע הדגש המוגדר # f09629 והצל המוגדר # 45293c, ולהגדיר לשבץ # 466454.
6.jpg

Altogether, your effects should look like the image below.​
בסך הכל, ההשפעות שלך צריכות להיראות כמו בתמונה למטה.
6b.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 7​
שלב 7


Copy the layer style (right-click on layer and go to Copy Layer Style) and paste it over the rest.​
העתק סגנון השכבה (קליק ימני על שכבה וללכת להעתק סגנון שכבה) ולהדביק אותו על פני השאר.
Also, create a large ampersand behind all the letters.​
כמו כן, ליצור אמפרסנד גדול מאחורי כל האותיות.
7.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 8​
שלב 8


Create a new blank layer above the letter “T” and make it a clipping mask.​
יצירת שכבה חדשה ריקה מעל האות "T" ולהפוך אותו למסיכה.
Place the wooden texture inside .​
הנח בתוך מרקם העץ.
8.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 9​
שלב 9


Create another blank layer as a clipping mask above the texture.​
צור שכבה נוספת ריקה כמסיכה מעל המרקם.
Make a selection of the “T” layer (Command + Click on the layer icon) and contract it by seven pixels (Select > Modify > Contract).​
לבצע בחירה של השכבה "T" (פיקוד + לחץ על סמל השכבה) וחוזה זה על ידי שבעה פיקסלים (בחר> שינוי> חוזה).
9.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 10​
שלב 10


Fill it with white and blur it slightly (Filter > Blur > Gaussian Blur).​
מלא אותו בלבן ולטשטש אותו מעט (Filter> Blur> Gaussian Blur).
10.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 11​
שלב 11


Change the Layer's opacity to 40% and select the eraser tool (E).​
השינוי של אטימות השכבה ל 40% ובחרו את כלי המחק (E).
Make it about 80% soft and erase the bottom part.​
תעשה את זה על 80% רכים ולמחוק את החלק התחתון.
11.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 12​
שלב 12


Get this and this screw.​
קבל את זה וזה בורג.
Cut them out with the pen tool and desaturate them (Command + Shift + U).​
לחתוך אותם עם כלי העט וdesaturate (Command + Shift + U).
We'll use the first one for large screws and the second for smaller ones.​
אנו נשתמש בראשונים לברגים גדולים ושני לקטנים.
Place one of the large ones in the middle of the “T” and apply the effects shown below.​
מקום אחד מאלה הגדולים באמצע "T" ולהחיל את ההשפעות המוצגות להלן.
<INS style="POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 300px; PADDING-RIGHT: 0px; DISPLAY: inline-table; HEIGHT: 250px; VISIBILITY: visible; PADDING-TOP: 0px"><INS style="POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 300px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 250px; VISIBILITY: visible; PADDING-TOP: 0px" id=aswift_0_anchor><IFRAME style="POSITION: absolute; TOP: 0px; LEFT: 0px" id=aswift_0 height=250 marginHeight=0 frameBorder=0 width=300 allowTransparency name=aswift_0 marginWidth=0 scrolling=no></IFRAME></INS></INS>
12.jpg

It will now look like it's holding the “T” in place.​
זה יהיה עכשיו נראה שזה מחזיק "T" במקום.
12b.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 13​
שלב 13


Do the same to create the smaller one and place these screws on all the letters.​
לעשות את אותו הדבר כדי ליצור את אחד הקטן ולמקם את הברגים האלה על כל האותיות.
13.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 14​
שלב 14


Now you'll need this free ornate pattern .​
כעת יהיה עליך חופשי זה דפוס מצועצע.
Open it in Illustrator and double-click on the flourish detail (not the pattern).​
לפתוח אותו באילוסטרייטור וללחוץ לחיצה כפולה על הפרט לפרוח (לא הדפוס).
Use the Direct Selection Tool (A) to select a white part of the detail.​
השתמש בכלי הבחירה הישירים () כדי לבחור חלק לבן של הפרט.
Change its color to #486554, Copy it (Command + C) and paste it (Command + V) into the Photoshop file as a Smart Object.​
לשנות את הצבעים ל# 486554, העתק אותו (Command + C) ולהדביק אותו (Command + V) לתוך קובץ Photoshop כאובייקט חכם.
14.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 15​
שלב 15


Now add this layer style shown below.​
עכשיו להוסיף סגנון שכבה זו מוצגת להלן.
15.jpg

It looks odd now, but it will be better once we add the second color.​
זה נראה מוזר עכשיו, אבל זה יהיה יותר טוב ברגע שמוסיפים את הצבע השני.
15b.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 16​
שלב 16


Create a new blank layer as a clipping mask and paint (#74cdd8) with a soft brush the tips of the flourish detail.​
יצירת שכבה חדשה ריקה כמסיכה וצבע (# 74cdd8) עם מברשת רכה הקצוות לפרוח פירוט.
16.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 17​
שלב 17


Group the layers (Command + G) and duplicate the group, then position it accordingly.​
קבוצת השכבות (Command + G) ולשכפל את הקבוצה, ואז למקם אותו בהתאם.
17.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 18​
שלב 18


Place a large one on the bottom.​
הנח אחד גדול בתחתית.
18.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 19​
שלב 19


Add a few smaller ones that appear to come out of the large one underneath.​
הוסף כמה קטן יותר שנראים כאילו הגיע מתוך זה שמתחת גדול.
Try to keep an orientation that feels natural and organic.​
נסה לשמור על אורינטציה שמרגישה טבעי ואורגני.
19.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 20​
שלב 20


Add the final ones too.​
הוסף את אלה סופיים מדי.
20.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 21​
שלב 21


As usual, we'll adjust the colors and contrast of the document with good ol' Adjustment Layers.​
כרגיל, תתאים את הצבעים והקונטרסט של המסמך עם שכבות התאמה טובה ol '.
Add the first one by going to Layer > New Adjustment Layer > Gradient Map.​
הוסף ראשון על ידי הולך לשכבה> שכבת התאמה חדשה> המפה מעבר צבע '.
21.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 22​
שלב 22


Now add a Selective Color Adjustment Layer and use the Colors drop down menu to get to Blacks.​
עכשיו להוסיף שכבת התאמת צבע בררנית ולהשתמש בצבעים בתפריט נפתח כדי להגיע לשחורים.
22.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 23​
שלב 23


I thought the composition needed a touch of another color, so let's add some orange.​
חשבתי שהרכב צורך מגע של צבע אחר, אז בואו להוסיף קצת כתומה.
Duplicate one of the floral patterns and make it smaller.​
שכפל אחד מדפוסי הפרחים ולהפוך אותו קטן יותר.
Delete the bright cyan and paint with this color instead: #f7db58.​
מחק ציאן וצבע עם הצבע הזה במקום הבהיר: # f7db58.
23.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 24​
שלב 24


Add a few more.​
הוסף עוד כמה.
24.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 25​
שלב 25


Now, make a selection of each letter and paint with the same color.​
כעת, לבצע בחירה של כל אות וצבע עם אותו הצבע.
25.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 26​
שלב 26


Go back to the Go Media Illustrator file and double-click the ornate pattern this time.​
חזור לקובץ מדיה גו המאייר ולחץ פעמים על הדפוס המצועצע שלב זה.
Select the white part, and make it black.​
בחר את החלק הלבן, ולעשות את זה שחור.
Copy it and go to Photoshop.​
העתק אותו וללכת לפוטושופ.
Create a new document and keep the Clipboard size.​
צור מסמך חדש ולשמור את גודל הלוח.
Paste the pattern into the new document that should be an exact fit.​
הדבק את התבנית למסמך החדש שצריכה להיות התאמה מדויקת.
Make the Background layer invisible and go to Edit > Define Pattern.​
להפוך את שכבת רקע בלתי נראית והולך לערוך> גדר תבנית.
26.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 27​
שלב 27


Create a new blank layer above the wood texture background in our illustration.​
יצירת שכבה חדשה ריקה מעל רקע מרקם העץ באיור שלנו.
Select the Bucket Tool, and click on the drop down menu to paint a pattern.​
בחר את כלי הדלי, ולחץ על התפריט הנפתח כדי לצייר דפוס.
Select the newly created one and create one in the blank layer.​
בחר את אחד חדש שנוצר וליצור אחד בשכבה הריקה.
Add the layer styles shown below.​
הוסף את סגנונות שכבה המוצגים להלן.
27.jpg

This is what you should see at 100%.​
זה מה שאתה אמור לראות ב 100%.
27b.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 28​
שלב 28


Create a new layer, make it a clipping mask and paint with a very large, soft shadow a few white glows near the center.​
יצירת שכבה חדשה, להפוך אותו למסיכה וצבע בצל גדול מאוד, רך כמה זוהר לבן קרוב למרכז.
Keep the Opacity low so that they don't become too obvious.​
שמור את האטימות נמוכות, כך שהם לא יהפכו ליותר מדי ברורים.
28.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Step 29​
שלב 29


Use the same orange to paint a few subtle glows in a few places, just like in the previous layer.​
השתמש באותו כתום לצייר כמה זוהר עדין בכמה מקומות, כמו בשכבה הקודמת.
29.jpg
<HR style="TEXT-ALIGN: right; DIRECTION: rtl">
Conclusion​
מסקנה


Finding the right resources can be a great way to eventually create your own typographic illustrations.​
מציאת המשאבים הנכונים יכולה להיות דרך מצוינת סופו של דבר ליצירת איורים טיפוגרפיים משלך.
It's like learning from others before you do everything by yourself.​
זה כמו ללמוד מאחרים לפני שאתה עושה הכל בעצמך.
In time, you'll be able to create details that are not only of the same or even better quality, but also something that reflects your style.​
עם זמן, תוכל ליצור פרטים שאינם רק שלו, או אפילו טובה יותר באיכות, אלא גם משהו שמשקף את הסגנון שלך.
And hopefully, I'll be able to write a tutorial about that some day!​
ואני מקווה שאני אהיה מסוגל לכתוב מדריך על זה ביום מן הימים!
You can view the final image below.​
אתה יכול להציג את התמונה הסופית בהמשך.
Be sure to view the larger format , as there are details you miss at small sizes.​
הקפד להציג את הפורמט הגדול יותר, שכן יש פרטים שאת מתגעגעת בגדלים קטנים.
 
  • הוסף לסימניות
  • #6
האם מופיע באתר התוצאה הסופית? משהו יכול להוריד גם אותה?
 
  • הוסף לסימניות
  • #7
נכתב ע"י פוינט ק גת;850883:
האם מופיע באתר התוצאה הסופית? משהו יכול להוריד גם אותה?

את כנראה לא רואה את התמונה בכתבה, בגלל הסינון
 

קבצים מצורפים

  • final_small.jpg
    KB 97.5 · צפיות: 34
  • הוסף לסימניות
  • #8
ארבעה מדריכים מתורגמים בקבצי PDF
 
  • הוסף לסימניות
  • #9
הצד השווה בכל המדריכים, שאין פתרונות קסם.
על היצירה הטיפוגרפית צריך לחשוב ולהיות יצירתי.
ובסוף אפשר להוסיף אפקטים יפים, שאת זה לומדים במדריכים הטובים האלו.
 
  • הוסף לסימניות
  • #11
לכל החסומים:
הנה האתר כולו (הדף הראשי עם כל התמונות). אם מישהו רוצה מדריך מסוים שיגיד.
יש לחלץ את הקובץ המצורף, להיכנס לתיקיה בשם 'מדריך' ושם להפעיל את הקובץ index.
בהצלחה.
 

קבצים מצורפים

  • מדריכים.rar
    2.5 MB · צפיות: 73
  • הוסף לסימניות
  • #12
שכוייח!!!!!!
 
  • הוסף לסימניות
  • #13
יש מישהו שרוצה שאעלה לו משהו מסוים?
 

פרוגבוט

תוכן שיווקי
פרסומת

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

לוח מודעות

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק כה

אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
נקרא  2  פעמים
למעלה