Flip Text Effect in Adobe Illustrator Tutorial
► More Tutorials: www.bit.ly/omopops
Hello world, In this video, I've shown you how to create this Flip text effect in Adobe Illustrator. I tried to make the text coming out of a drawing from paper.
This is not just limited to text. You can use this in almost any shapes. But try to keep it pleasing.
I forgot to mention in the video that you will have to change the drop shadow direction according to text slope or rotation
► I hope you'll learn something out of it. :)
Do Like & Subscribe. Keep Learning!!
================================
Twitter :
/ vectorslate
Facebook :
/ vectorslatetutorials
Instagram :
/ vectorslate
Google+ :
bit.ly/VectorSlateGPlus
================================
Пікірлер: 202
PROBLEM SOLUTION. AI 2021. If you "Make" can't be selected on the Blend menu, try creating outlines out of your letters, right-click and create outline. If at the end the stroke isn't following the letters curvature, make sure when you are adding the 3D fx that you apply it to the group, not to the fill or stroke, so on the Appearance panel at the top, you will see Blend and underneath Group, select that to apply the 3D rotation effect so that it can apply it to both strokes and fill together.
@ROMEOTECHNICAL-wf3cx
2 жыл бұрын
Good
Good job ! Love that it's still editable as it makes it so much easier to produce different letters.
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thank you!
@sweetykumari252
4 жыл бұрын
Anyone plz help i have saved my design as jpeg but when i am zooming it got blur how to fix that
@David-wi1ou
4 жыл бұрын
@@sweetykumari252 jpeg is bitmap picture. It's just pixels. Not vector
@ROMEOTECHNICAL-wf3cx
2 жыл бұрын
Hmm
This is way different than what I was expecting - but very awesome! Thanks for the video!!
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thanks. You're welcome! ☺
Great tutorial. Thanks for sharing!
Loved this..!!
I had never seen that Blend tool. Thank you!
@vectorslategraphicdesigntu8991
6 жыл бұрын
You're welcome!
great work thanks for the tutorial
This is SICK!
Thank you for all your wonderful tutorials! Certainly learning a lot :)
@ROMEOTECHNICAL-wf3cx
2 жыл бұрын
Yes
Thank you! very useful
This is mind blowing!!!! awesome!
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thank you! 😊
Thank you so much.
Thank u so much it's very helpful to us ....
@vectorslategraphicdesigntu8991
6 жыл бұрын
You're welcome! ☺
great work... I love it. please make more this type of tutorial.
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thanks. Sure I will. :)
Its 2020 but it still usefull!!Thank you so much!
Dude, thats awesome!!!
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thanks again! :)
Thank you
Excellent. Thank u!
@vectorslategraphicdesigntu8991
6 жыл бұрын
You're welcome! Thanks :)
Dope! thanks
@vectorslategraphicdesigntu8991
6 жыл бұрын
You're welcome! Thanks
marvellous
@vectorslategraphicdesigntu8991
5 жыл бұрын
Thank you! :)
Güzel bir ders... Teşekkür ederim.
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thanks. You're welcome! ☺
i realy like yoir all videos good work bro
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thanks buddy :) 👍
Intresting
NICE !!!!!!
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thank you! 😊
nice! thank you1
@vectorslategraphicdesigntu8991
5 жыл бұрын
You're welcome!
brilliant
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thanks :D
Great
this video is very nice,i very like, I want to ask you how you clicked "A" on the top of the "F" did not display the original font, I really want to know if you can reply to me thank you.
This is so cute
Bravo
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thanks! :)
eres un mago
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thank you gentlemen! :D
Loved the idea of this but when I go to blend, it blends from the original form not the fx rotated version. Anyone know why?
Awesome 😊
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thanks! 😊
@bishalscreation9793
6 жыл бұрын
Vector Slate | Graphic Design Tutorials 😁
Great video! I made sure the order was correct and yet the drop shadow makes it that the effect doesn't work, please help thank you:)
He conseguido hacer el efecto, pero a la hora de aplicar a otra letra no se como hacerlo. GRACIAS. I have managed to make the effect, but when applying to another letter I do not know how to do it. THANK YOU
IMPORTANT!! :))) [ I forgot to mention in the video that you will have to change the drop shadow direction according to text slope or rotation. ] GREAT TUT!!!
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thank you! 😊
@urjaparekh7485
5 жыл бұрын
How do we do that?
@vectorslategraphicdesigntu8991
5 жыл бұрын
In the drop shadow dialog box. Change X & Y values to change directions.
@ROMEOTECHNICAL-wf3cx
2 жыл бұрын
Hmmm
روعة يا استاذي
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thank you dear :)
Thanks for the tutorial. I am still having problems with the drop shadow I did put it blew the 3d rotate but it did not work.
@wiewiorka_ojoj4167
4 жыл бұрын
The same problem...
molto carino! ben fatto
@vectorslategraphicdesigntu8991
3 жыл бұрын
Grazie!!
👍👍👍
Great job!!! But... excuse me, where can I find the very first video for very first beginners? (I mean explanation of any single word of an AI screen?) (Yes, of course I'm at this zero level, but I want absolutely learn and do what you explain so well). Thank you for your reply 😊
I understood the reason for not outlining the text, but does it work on normal shapes?
How you paste L I P letters at the end with the same blend. I use ALT and copy but the effect how u pastes Sir. pls help
Did wxactly what you did but the it won't let me blend, pkeade help thank you
After applying blend option how you select the Blueone "F"?? Because it's in make state.
Gracias por el video, no me ha salido bien pero pones que es editable, lo he descargado, pero me sale que tengo que poner contraseña, me gustaria tenerla para ver en que paso fallo. GRACIAS.
blend option remains in active
After I add blending effect it appear 3D Shadow on the design which ruins the folding design.
toutorial is best...
@vectorslategraphicdesigntu8991
6 жыл бұрын
Thank you! :)
how to make a copy of the letter and then auto create in new layer?
nice
@vectorslategraphicdesigntu8991
5 жыл бұрын
Thank you :)
this is awesome, thanks so much, i have a question every time a move the letter for another, the effects remake every time, in the video doesn´t happens, how can i
@vectorslategraphicdesigntu8991
6 жыл бұрын
Illustrator refresh/recalculate every effects when any changes occur to object. Refresh Time depends on cpu strength. It happened in my file too. I just cut that part to save time. So Be patient to prevent app crash. Good luck :)
@gabrihell0228
6 жыл бұрын
Thanks Again Master!!
@vectorslategraphicdesigntu8991
6 жыл бұрын
No problem :) Questions are always welcomed.
Great video. But, does it work with geometric figures?. I am struggling with the hexagon...
@ROMEOTECHNICAL-wf3cx
2 жыл бұрын
Try another one
That background music .....
That background you download or...??
How i make 960*960 resolution image with 2mb size in adobe illustrater
I don't understand. For some reason there is something I'm doing wrong with the text and the stroke of the first letter doesn't rotate accordingly like you showed in the video. There is an issue with my 3D rotation and when the "blend" is completed, its shows a white background behind the letter. I moved the "Drop Shadow" below "3D Rotate" and nothing same thing but now the letters are behind the rotated one.
👍✅
@vectorslategraphicdesigntu8991
6 жыл бұрын
:)
white space is going only after deleting drop shadow effect. any help?
After i apply blend i would arrange the layers from appearance panel. 3d layer should be on the top of drop shadow layer, after i did that every letters has been cut off except the top letter
@vectorslategraphicdesigntu8991
5 жыл бұрын
could you share me a screenshot? along with Appearance panel opened & object with problem selected.
@vectorslategraphicdesigntu8991
5 жыл бұрын
You can use Imgbb or Prnt.sc
@pransispedrero2925
5 жыл бұрын
@@vectorslategraphicdesigntu8991 BEFORE: ibb.co/bJKcQ2P AFTER: ibb.co/M1q6TVY
@vectorslategraphicdesigntu8991
4 жыл бұрын
Goto "View > Preview on CPU" or Press Ctrl+E
Can you help me please. After 3D rotation > blend>make. My laptop make button makes lots of (F) with 3D color type and after select both button I can not separate (F)with effects. Can you tell me please where is mistake.
Tentei de várias formas e não consegui fazer
Hi, Blend doesn't work. Elements don't follow 3D curves. Figures remains straight ??? Thanks for your support...
bro i been doing this text more than 2 month i haven't get can u pls post clear video
I can't blend it without expending.
hie there! I'm getting problem while doing 1st blend step. The outline remains same, only color is blending! plzzz help
@vectorslategraphicdesigntu8991
5 жыл бұрын
Please check effect order in Appearance Panel. Wrong order causes this issue.
Sir having trouble in Blending the character plz help i have tried your method but its not working i have done effect order as per shown in your video but its not working
@vectorslategraphicdesigntu8991
6 жыл бұрын
Could you please msg me the Ai file to facebook.com/VectorSlateTutorials ?
Its not letting me blend. Why?
hey im having a problem. everything works until i move the drop shadown below the 3d rotate. I made sure i removed the default fill and stroke. When i try to move the second letter it hides everything behind it and i cant see a blend anymore.
@vectorslategraphicdesigntu8991
5 жыл бұрын
I won't be able to help you without proper context. Please send me your file's snapshot along with the appearance panel in it. www.Facebook.com/VectorSlateTutorials
As u put drop shadow its not coming when 3d rotate when we apply it's separate from text why it is? How to solve
Object > Blend > Make option is in grey. I can't choose the option even though both the texts are selected. reference: 2:35 version: cc17
@vectorslategraphicdesigntu8991
6 жыл бұрын
Can you please share me a snapshot of your appearance panel of both text object? you can use www.imgbb.com for that.
@omkarstha
6 жыл бұрын
ibb.co/g6e44c thankyou
@vectorslategraphicdesigntu8991
6 жыл бұрын
Looks like you are using Area Text. Convert both text object into Non area text from TYPE menu. When you create text by dragging a text box, it creates area text. So next time you just *click* to make text.
@omkarstha
6 жыл бұрын
thankyou so much
@vectorslategraphicdesigntu8991
6 жыл бұрын
You're welcome! Mr Omkar ☺
How do u select the letter to reposition the effect location. And u do somethings that u don't explain, like the short cuts your using, how to select both objects at once....
@sarshanewton2647
4 жыл бұрын
Hold shift and click
nice video but 3.00 time how to back appearance file I dont understand plz solve this problem
@vectorslategraphicdesigntu8991
5 жыл бұрын
What do you mean by "how to back"?
@vectorslategraphicdesigntu8991
5 жыл бұрын
Got it. You meant "Bake"? Yes you can do by clicking on "Expand Appearance" several times from Object Menu.
which illustrator version do you use?
@vectorslategraphicdesigntu8991
6 жыл бұрын
AI CC 2015
@michaelmike8000
6 жыл бұрын
Vector Slate | Graphic Design Tutorials thaks man
@vectorslategraphicdesigntu8991
6 жыл бұрын
You're welcome ☺
Doesn't work with me too. The color of the letter has the good isometric value but not the stroke...there is a white space between color and stroke and i don't see anything... do you know why ? Thanks
@vectorslategraphicdesigntu8991
6 жыл бұрын
That could happen if you don't remove default fill & stroke color right after creating text. That can make edges look different because that color is there even if you applied another from appearance panel. & Make sure you applied 3D Rotate option OUTSIDE the Fill & Stroke. (in Appearance panel)
@vectorslategraphicdesigntu8991
6 жыл бұрын
I marked that step as *important* in the video.
@janus1450
6 жыл бұрын
i follow everything you said but it works only if i remove the drop shadow effect who create a white rectangle around my letters... i don't know where is the problem... But think you for your tuts, your advices and keep going ;)
@amandarochon2976
6 жыл бұрын
I was having the same problem, then I disabled GPU performance and it finally worked. Try that!
@vectorslategraphicdesigntu8991
6 жыл бұрын
did chromagraphix design's answer solved your this issue?
Hi! I did everything step by step, but when i go to Object->Blend->Make, it's greyed out, so I can't use the blend function :(
@vincentreimann6276
3 жыл бұрын
same don't know what's wrong :(
I cant blend , please help me
Great video but I followed the steps l can't make it I don't know why
This is not working for me as an extra white stroke appears around my f's...
@sarshanewton2647
4 жыл бұрын
I suppose you figured it out by now but try doing the 3D Rotation first and then apply the drop shadow
@dr.aruneshgupta4975
4 жыл бұрын
@@sarshanewton2647 not able to do it. Still getting a white box around the first letter
Sir which free lancer website do you use.
@vectorslategraphicdesigntu8991
3 жыл бұрын
None yet. I work by mails, paypal & cloud storage.
not working for me.. as soon as i blend.. text remains straight, doesn't twist or flip...
I m getting a problem when I m doing 3D(the operation can not complete because there is not enough ram) how do I solve it
@vectorslategraphicdesigntu8991
6 жыл бұрын
I get the same message sometimes. But after pressing OK, there is everything good. As it should be. But in case your pc configuration is low then close other apps which are opened at same time. It might make Ai faster.
THE WHITE SPACE U TALKED ABOUT AT 2.54 IS NOT GOING EVEN AFTER PUTTING DROP SHADOW DOWN WHAT TO DO, AND YOU TEXT LAYER THUMBNAIL IN APPERANCE IS GETTING THAT BLUE TEXT PIC, MY TEXT THUMBNAIL IS PURE WHITE . PLEASE HELP DOING EXACTLY THE SAME YOU DID.
I tried many times and the strokes won't change with the blending mode applied. I really want to make that effect. D:
@vectorslategraphicdesigntu8991
6 жыл бұрын
I haven't used any Blending Modes in this effect. May be you meant "Blend Tool". If yes, then please compare your effect ordering with Mine. In Appearance Panel. Make sure your "Drop Shadow" is BELOW the "3D Rotate". And also make sure that you kept effect where it should be. I mean Inside or Outside "Fill" in Appearance panel. Good Luck 👍
I am having a problem... after I have blended the letters together and moved the 'drop shadow' below the '3D Rotate' a problem appears where only the first letter and the edges of all the other blended layers show... it's not until I hide the drop shadow it appears normal again just without the shadow... Please help
@vectorslategraphicdesigntu8991
6 жыл бұрын
Please share me a screenshot of blended text *along with Appearance Panel* (from window menu). You can use imgbb.com to share snapshot.
@rashidsignindia
5 жыл бұрын
Very nice but my one qus how to 3d word with line work
Why am I getting a grey block behind my letter after 3D rotate
@_simran_strokes_
4 жыл бұрын
Hey!! Did u find the solution I am also facing same problem
@_simran_strokes_
4 жыл бұрын
Hey!! Did u find some solution to this? I am also facing same problem
I've a problem, after make a 3d rotation and select both of the alphabets and go to the object > blend > but my " make " is turn off, how to fix it? Im using Ai cs6
@yansun3545
6 жыл бұрын
you should put the letter's appearance -(inner glow &drop shadow& 3d rotate) below characters.maybe!
@kenzhou807
6 жыл бұрын
I did it, aaand the result is same.. I still cant push " make " button
@kumarankit4479
5 жыл бұрын
Ken Zhou i too am facing same issues. what can be done to eliminate. or suggest other methods
@AliAminAAA
5 жыл бұрын
me too.. Make Blend choice is off..i think it doesnt work with Ai CS6
I can't move 3D Rotate
Doesn't work for me, I'm not sure why.
@michaelbernicky58
6 жыл бұрын
I get to the 3D rotate part and it makes 3D but forms a white box around the letter so when I blend, it does the same to all letters except for just the first letter. Even taking the drop shadow behind the 3D rotate does not work.
@vectorslategraphicdesigntu8991
6 жыл бұрын
Please make sure you cleared default fill & stroke just after writing a character. I encountered that same issue on first time. And check Effect stack Order. Make sure it is the same as mine
@shuangfang2163
6 жыл бұрын
i have the same problem with you ,and i dont know what's wrong with the option
@tamarniharris6852
5 жыл бұрын
@@vectorslategraphicdesigntu8991 I did it exactly the way you did it and i still have the same problem any help?
HELP ME PLEASE ,,, CHANGED THE ORDER IN APPEARANCE PANNEL AND ALSO DELETED DEFAULT STROKE FOLLOWED YOUR VIDEO STEP BY STEP BUT STILL SEEING BACKGROUND IN BETWEEN BLEND HELP PLEASE I HAVE TRIED MY BEST I M USING AI CC 2018
@vectorslategraphicdesigntu8991
6 жыл бұрын
I can't help you without knowing the cause. Could you send me your Ai file for Inspection on my Facebook page? I'll let you know the cause of the problem.
how you are convrt f into l I don't understand plz explain me
@vectorslategraphicdesigntu8991
4 жыл бұрын
I duplicated the letter 'F' Group> Moved it towards right > Took Type Too (T) > Selected that letter F > Erased with Backspace > Typed Letter I > Do this replacing I with F step for both blended 'F's. I recommend using Outline view (Ctrl Y) to deal with Blended Letters. Outline view makes Artboard easier to understand.
@sumitpunia8839
4 жыл бұрын
@@vectorslategraphicdesigntu8991 it not help me
could not duplicate this, sorry. tried going back and following it several times but was unable to duplicate it. could you put the AI file in a link so that I could download it, please. or email it to me. thank you for your time.
It wont work after makeing the blend
Doesn't work with other font why ???
@vectorslategraphicdesigntu8991
6 жыл бұрын
It works and looks good with any sans-serif font.
@thedesignerways
6 жыл бұрын
Vector Slate | Graphic Design Tutorials I tried but the effect didn't goes as shown :(
I cannot select the top object.... Anybody please help
@sarshanewton2647
4 жыл бұрын
Deselect everything by pressing ctrl + d then using the select tool select the top letter
@vectorslategraphicdesigntu8991
4 жыл бұрын
You can easily select objects from layer panel. Alt+Click on layer item to select it.
gg
Doesn't work. Moving the drop shadow to the bottom doesn't get rid of the white space.
When i wrote another letter by using text tool... it doesn't work for me as it was showing the last letter in backward.. like F And l both were overlap
@vectorslategraphicdesigntu8991
6 жыл бұрын
Can you please share me a full screenshot? (You can use imgbb.com for that)
@varkhasadhwani8342
6 жыл бұрын
imgbb not opening firewall issue
@vectorslategraphicdesigntu8991
6 жыл бұрын
Use: ctrlq.org/images/
@varkhasadhwani8342
6 жыл бұрын
Uploaded
@vectorslategraphicdesigntu8991
6 жыл бұрын
You have to share that link here! No problem. If you are having problem in that.. Msg me on my Facebook Page instead facebook.com/VectorSlateTutorials
Although it's a great tutorial, but it didn't work for me :(
jo easy step h unko to u r writing aur jo samajh ni aara u are not telling