- Видео 10
- Просмотров 60 831
Russ Gray Illustration
США
Добавлен 19 июн 2020
Russ Gray is an illustrator and graphic designer. This channel is dedicated to simple tips, tricks, and tutorials for illustration in Adobe Photoshop and Adobe Illustrator. For the moment the tutorials are geared toward an intermediate or at times advanced audience, for users who have some proficiency in Photoshop and Illustrator.
Bitmap Textures Part 2: Using Adobe Illustrator to Convert Bitmap Textures to Vector
Intermediate / Advanced Level Content. This video is a followup to another video, so please watch if first if you have not: ruclips.net/video/m-0pNfLFF4Q/видео.html (Using Bitmaps to Add Texture to Illustrations in Adobe Illustrator).
After I released the previous video, a number of people asked how to convert the bitmap textures to vector paths. In this video, I explain briefly how you can use Adobe Illustrator's "Image Trace" to quickly and easily convert your bitmap textures to editable vector paths.
After I released the previous video, a number of people asked how to convert the bitmap textures to vector paths. In this video, I explain briefly how you can use Adobe Illustrator's "Image Trace" to quickly and easily convert your bitmap textures to editable vector paths.
Просмотров: 273
Видео
Creativity Killers: Surefire ways to kill your ability to be creative
Просмотров 782 месяца назад
These are some observations I've made throughout my career about ways we can inadvertently diminish or even outright kill our ability to do our best creative work. Hopefully some of these observations can help you defend yourself from these creativity inhibitors, and allow yourself to think more creatively, allowing you to do your best work. There are many more - what other Creativity Killers w...
How to create an airbrush grain or stipple effect in Adobe Illustrator
Просмотров 7 тыс.Год назад
Intermediate / Advanced Level Content. - In this video I explain the basics of how to create an airbrush grain texture in a vector illustration in Adobe Illustrator. This is done using transparency masks, and applying the "grain" effect to the mask. Rather than a beginning to end tutorial - like all my videos so far, this only includes basic principles, which I hope you can then apply in your o...
Engravings Style Mini Timelapse
Просмотров 1,1 тыс.3 года назад
This video is not a full tutorial, but rather a short time-lapse giving a small sample of how I created the engraving-style Meadowlark Main Street Pharmacy cards. I would love to have a more in-depth video showing beginning to end, but maybe when I have more time! PROJECT BACKGROUND Graphic Design / Illustration In 2020 I was asked to create a deck of cards in an "engraved" style. I had never d...
Time-Lapse Process Video - Illustration Using Google Chrome Canvas App
Просмотров 4,7 тыс.3 года назад
In 2020 Google reached out to me to have me create six different illustrations using their Chrome Canvas app. As of right now, the illustrations are available as desktop backgrounds on Chrome books around the world. I used a Chromebook to create the entirety of each illustration. The process for one of them (the easiest!) is shown here in this time-lapse video. If you haven't used Chrome Canvas...
Quick Tip: Eliminate Those Pesky Hairlines in Vector Smart Objects Placed in Adobe Photoshop
Просмотров 2,9 тыс.4 года назад
Intermediate / Advanced Level Content. - We've all dealt with it - those annoying, mysterious "hairlines" that appear in Adobe Illustrator patterns or where objects butt up against each other. Sure, it's just a bug and the hairlines won't print. But if you've ever tried importing your vector artwork into Adobe Photoshop, you've seen that the hairlines do NOT disappear, but in fact look worse in...
Vector Art Brush Textures in Adobe Illustrator
Просмотров 4,6 тыс.4 года назад
Intermediate / Advanced Level Content. - In this video I explain the basics behind how I use vector art brushes to add texture to Illustrations in Adobe Illustrator. I very briefly explain how to create a texture brush swatch in Adobe Photoshop, then how to convert that texture to paths, and convert into a brush in Illustrator. As always, this video presents principles you can apply in your own...
Bitmap Textures Part 1: Using Bitmaps To Add Texture to Illustrations In Adobe Illustrator
Просмотров 34 тыс.4 года назад
Intermediate / Advanced Level Content. In this video I explain the basics behind how I use Bitmaps created in Adobe Photoshop, to add texture to Illustrations in Adobe Illustrator. I very briefly explain how to convert a texture into a Bitmap using Adobe Photoshop, then how to import that bitmap texture into Illustrator. As always, this video presents principles you can apply in your own work, ...
Tutorial: Using "Overlay" layers in Adobe Photoshop to create texture in a digital illustration.
Просмотров 1,5 тыс.4 года назад
In this tutorial I explain how to create texture in a digital illustration in Photoshop, by using layers set to "overlay". I describe some of the general principles involved with how I use this texture method, so that you can use some of your own textures in the same way. I'm still new at making these videos! (This is only my second) so forgive me for inadvertently having cut off the menu porti...
Tutorial: Using Gradient Maps to Color Illustrations or Images in Adobe Photoshop
Просмотров 4,6 тыс.4 года назад
In this video, I explain briefly what Photoshop's Gradient Map feature is, how it works, and how to use it to color an illustration. This video is intended for intermediate level Photoshop users who have working knowledge of the software. Beginners still might find it useful however. The Gradient Map colorization method I show here is something that can be applied after an illustration has been...
🔥
Hey Russ, i have waiting for ages for a new video, please make more :). YOu are awesome
Nice, Russ! Love your sentiment at the ending-we're SUPER lucky to get to do this for a living!
Hey Tyler great to hear from you! Hope you're well. Yes, so many people dread going to work; it's an incredible blessing to love what we do.
Wonderful illustration
Should the image always be flattened before you apply a gradient map?
Hi great question; no need at all to flatten the image. Just make sure the gradient map is above all layers you want to apply the colorization to.
@@russgrayillustration8734 Thank you so much!!
Great video. I followed the instructions and placed the bitmap created in PSD. However, Illustrator won't let me recolor the black brush stroke. You make it look easy. Is there a step I'm missing? If I try to image trace it, the background is included.
Great questions. So, if Illustrator is not letting you recolor it, my guess is that it must not actually be a bitmap. (Obviously I could be wrong, it could be something else, it's just hard to say without seeing your files. I just haven't had an issue with a bitmap not being allowed to be recolored in Illustrator, so it would have to either be something other than a bitmap saved as a PSD, or some circumstances I haven't run across). With regard to image tracing: there are two ways to accomplish that (at least). One method (and to my experience, probably more precise) is to create the paths in Photoshop (see this tutorial for more info on that ruclips.net/video/sIU1YTPse1o/видео.html; start at maybe the 2 minute mark or so). The other method is to use Image Trace in Illustrator. In order to not include the background, one way you can do that is to go to "Window > Image Trace" and within the Advanced settings there, check "ignore color". The default should probably be white, and if not, change it to white. Now it should eliminate the white background you're coming across.
@@russgrayillustration8734 Thanks so much. It's possible it's not actually a bitmap. I will review all your suggestions.
@@russgrayillustration8734 I saved it as a TIFF file and imported it into Illustrator. This time it let me change the colour. Before it was a PSD file
@@LouiseCarota Interesting! Never yet had that issue with a PSD; perhaps a setting in the way the PSD is saved? Not sure. At any rate, glad you got it solved.
As an Aussie golfer once stated, "Useful"
Thanks for the video, this opened up a lot of possibilities, I am just starting out and this helped a lot! Congrats on 1k subs by the way! :)
Great! I'm glad this helped.
i like the style. regarding the illustration itself, is it based on an image reference of a scene in the movie? have you done it in vector or in photoshop, what is the method?
Thank you! So the illustration is based loosely on a scene from one of the movies, but was all created from scratch. It was all created in vector (just the basic shapes) and then "painted" over in Photoshop. Someday I will show more process-oriented videos like that. But in a nutshell, in Photoshop, I make the illustration larger (sometimes double or more) the intended final size, and make sure the vector smart object is not anti-aliased (see my tutorial on eliminating hairlines for more info). Then I simply use the magic wand to select the areas to paint, using the selections as stencils. You could also make the selection using Selective Color, or some other method, but the magic wand gets the nice crisp edge. Then I simply paint in the selection, using custom brushes, or any combo of the "Kyle" brushes included with Photoshop.
I am having trouble saving and importing, there wasn’t much e plain action on this part, anyone have any advice?
Fixed it! I saved it to the cloud and not my computer and simply couldn't find the file, rookie move, come on naw...
This was so helpful I couldn't find any other videos this in depth on textures
Glad it was helpful! Thanks for saying.
Once again amazing tuorial Russ! Greetings from Denmark. Could you show which technique you used to make the heart and other patterns.
Thank you! Really helpful
Hey Russ, I am having this issue right now, when making pattern brushes. In your Avengers and Star wars cards, what method did you use to create those patterns on the characters' clothes while avoiding these lines? For example, I'm not sure how to make a pattern follow a circular path without hairlines, terrible distortion or missalignment. I'd love to know how you got those looking so good. Especially around the circular shapes on the cards. Thanks in advance!
Hi Gabby, good question. Those would have been created by making a pattern brush. Yes, there can sometimes be hairlines. I deal with them in the same way I describe in the video, if bringing into Photoshop. But if printing from Illustrator, I don't sweat it because -- as dumb as the hairlines are -- they truly won't print, from my experience. In terms of the distortion: yes, that can be a real challenge and limitation. I don't have any easy work-around for that. Even on the Star Wars cards, if you look closely, you can see some of the shapes you're talking about (such as some overlapping circular shapes around Leia's collar) are not perfectly circular. I had to make the overall curve radius of the brush path much larger to diminish the warp effect. I wish it was possible to avoid those issues. Anyway, hope that helps!
@@russgrayillustration8734 Ahhh, so it's not me that's the problem! That's very interesting, I'll keep this in mind. Changing the radius of the brush is definitely something I'll try. Thank you so much for taking the time to write such an informative response, you definitely helped!
I love your videos Russ. Thank you for the value you provide. I was wondering - for things such as your meadowlark pharmacy cards or your star wars illustration work, what is your work flow? As in, do you sketch on another software or use illustrator? I know it has to be quite high quality work to be printed large scale (for star wars for example) so what is your routine for those kinds of illustrations? Keep up the great videos 🙏🏻😊
So my process depends on the project, but generally when I do sketches, they are in Photoshop, using a Wacom Cintiq tablet. For actual execution following the sketch, it's almost always Illustrator followed by Photoshop.
Seriously you are a great guy. I bought a course from some fancy illustrator that I admired and it was such a disappointment. Thank you for this great tutorial, you are a true artist. Have a great day, kind regards from Denmark.
Hi Cela, I'm actually happy to hear that; all I ever really hope is that this is at all beneficial to someone. So I'm glad to hear it is. Thanks for your comment, and I hope this ends up being helpful in your own work.
This was very helpful, thank you! BTW, nice WB posters! Suscribed!
Glad it was helpful! Thank you.
It's funny how you can tackle a problem in different ways. My route would be creating the gradient and then Object > rasterize > bitmap. Same same but yours is better. I learned something new today, thanks a bunch!
Hey Italo! Yes, that's great. Thanks for your additional idea. I also learned something new. Only limitation I could possibly see of the rasterize>bitmap method is that it seems you are not able to apply color to the bitmap, without perhaps overlaying a layer and changing the transparency mode to "lighten"; but maybe I'm wrong? Either way, you are right, I love that there are so many different ways to do anything in this software. I'm sure there are countless others still untapped.
Great work!!!!!
Super cool❣️
Two years later still a bug….
Yep! Likely not to go away any time soon. (If ever). It has to do with how Illustrator deals with anti-aliasing, and when I've ever heard it addressed by Adobe over the years, it feels more like a justification for the status quo rather than a realization of the headache it causes. So ... a change doesn't seem likely. In the meantime, workarounds! Note: some have said that, within Illustrator, unchecking "anti-aliased art" (Preferences > Genera) solves the problem. That has not done anything for me, but maybe it has worked for some!
I wish i could illustrate like that
you work is amazing
Can i know what type of illustration name is that? Easier for me to find with the right keyword to find some reference at youtube..thanks
2:36 - time stamp to bitmap
it's about time for #Adobe to upgrade the brush engine in illustrator. This kind of workflow always been there and that is not great and makes the file slow and heavy. It's time to make it easier for Ai users. Affinity did it. Adobe can too.
Definitely can't argue with you there! Plenty of things that could be improved in Illustrator in general. That said, no matter what they do, or no matter what the software in question, I think we will always be pushing the software to do things it wasn't originally engineered for. I think that's just the nature of what we do, to push those limits. I would love them to improve the brush workflow, but I have a feeling there will always be looks we want to achieve that just aren't possible without "hacks" like this. In any software. But I sure would welcome those and other improvements!
Here is the solution: ruclips.net/video/dFfL0mwTwDM/видео.html&ab_channel=KrisRuff
Hi Cheeky Pirate, thanks for the feedback! Yes, her method is good for certain instances too, and I do the same at times. However, this means you have to make your vectors essentially uneditable. (In the case of her example, the pattern is no longer a pattern swatch; also her specific method also doesn't address patterns with transparency, or other complicating factors; there are ways to expand those patterns too, but it's much more time-intensive and difficult). In some cases that's fine! But especially when I might anticipate needing to modify the vector for any reason, it is necessary to maintain the editability. In both our methods, they are simply workarounds for a problem that exists in the Adobe workflow. It's good to know the core reasons for the problem, and any and all workarounds so that you can use as needed in any given situation you may run into. Thanks for your comment!
@@russgrayillustration8734 Yes, you are absolutelly right - it's destructive method and it's not always convinient. I liked hers explanation of the origin of the problem though. Guess we have to find the best matching solution for every speciffic task.
This is amazing Russ, thank you so much for sharing your knowledge!! Really appreciate it. Greetings from Argentina
Glad you liked it, hope it was helpful. Y ... me encanta Argentina! Extraño la patagonia
Great tip. Thanks!
Lies
this is pretty great! i always have a hard time with vector textures so i'm really happy this is possible! thank you so much for sharing this :D
Sure thing; glad it helped. And just so you know, these bitmap textures can be converted to vector as well, if needed. (I might make another video on that at some point; one method is using Illustrator's "Image Trace". But you have to create a custom preset).
@@russgrayillustration8734 i was revisiting this video again and only saw this now oof! i would love to know how to convert these bitmap textures to vector because sometimes work requires me to deliver a fully vector file 😅
@@crispypasta Just saw your reply now! Well, it's too complex to explain in a comment, but basically you'll use image-trace in Illustrator. But you can create a preset once you dial in the settings, so it's only a couple clicks in the future. I'll possibly add a followup to this video explaining it. Basically: go to Window > Image Trace and choose Black and White under Mode. Then under Advanced check "Ignore White" (so that it won't trace the white background, only the black). Also under Advanced you will probably want to crank up "Paths" to High. You can play around with "corners" and see what suits you. Then: save a preset (the little menu over to the right of "Preset" up near the top). Hopefully that kind of explains it.
@@russgrayillustration8734 thanks so much for this! will try it out! ☺️✨
The above illustration is super cool. Did you do that? If Yes! I would like to learn.
Hi Shyam, yes I did do that illustration (thanks), but so far this channel is more about principles and ideas that can be used in your own illustrations, rather than beginning-to-end tutorials. However, I do plan to do a handful of those types of tutorials eventually.
@@russgrayillustration8734 Its really nice. Where can I learn this?
Dope! Many years using both softwares and using bitmaps but never knew this workflow, amazing bro!
Glad to hear it Italo. I've been using both for years as well and there are always new things to learn, I find.
please keep making these, your videos are wonderful! ❤
Thank you!
glad i found this channel, auto subss
thanku :p
Glad it was helpful! I will try to put up more soon.
keep doing this <3
Can you share some bitmap files in the description please if possible ; )
I probably won't be sharing files here on RUclips. But hopefully I've shown how easy it is, you can make custom ones for yourself that work even better.
Super cool tutorials thanks so much Russ!
Thanks; hope they're helpful!
Keep it up!
so great, inspires me
Great to hear, thanks! Glad it was helpful.
awesome, thnks!
Glad it was helpful!
This is so well done 👍 but how is this any different from exporting the illustrator file into photoshop and add the textures ?
Great question. Often I will bring vectors into Photoshop for doing these types of things. However, in some cases I'm required to deliver vector artwork (in which case I can convert the bitmaps to vector if needed), and other times, I simply want to keep them easily editable in Illustrator. Plus, sometimes I love the crispness of the bitmap textures that is sometimes harder to replicate in Photoshop.
Do you convert your bitmaps into vectors? If you don’t, how you solve the quality problem?
I don't convert them to vectors. Well, not usually anyway. To convert them to vector would create so many points that it would just bog everything down. I have occasionally done that when production needs warranted it. Not sure what you mean by the quality problem ... if the bitmaps are created at a reasonable resolution, they work great. You'll know if the resolution is too low if you have to enlarge the bitmap when you bring it into Illustrator. Generally, make it a minimum of 300dpi at the needed dimensions.
So good to finally know how to get this cool effect! Excited to try it out, thanks !
Glad it helped!
Hey Russ, awesome artwork and very informative tutorial. Two questions: if you use many of these vector art brushes in a document does it start to affect computer performance? And is this way of texturing more flexible than placing bitmap PSDs like your other tutorial or adding texture in photoshop? Thanks again!
Hi James, good questions. So yes, the texture brushes do slow things down a bit. Anything in Illustrator that adds a lot of points will tend to slow it down. However, even with these heavily textured posters, I didn't find it overly prohibitive. Generally I will simplify the textures just a little (Object>Path>Simplify) while keeping the detail level high, which helps. And yes, I think the brushes are more flexible than the bitmap textures, simply because you are able to manipulate them more easily. But when textures get overly complex / detailed, I find the bitmap method works better. When vector textures get overly detailed, software performance begins to drop.
Is it possible to do a tutorial on any of the star wars illustrations you made? it would be much appreciated as it would help us to know the details about how these beauties are created and get better ourselves.
Hi Paritosh, mostly I try to demonstrate concepts and principles that can be used an adapted, but I will try to add some full tutorials as well. Thanks for the suggestion.
@@russgrayillustration8734 Looking forward to seeing them!😍
@Russ Gray Illustration don't forget to do this 😭
Wowww it is great
Thanks Abbos! Hope it was helpful.
I did not know this method, thanks for sharing !
Glad it was helpful!
Hey Russ, I've been following your work on other social channels for a while, didn't know you are on RUclips as well! Really useful tutorial, never knew you could do this in Ps. We also have started out here in YT recently; art, branding, graphics, interior design & everything in-between! Check it out sometime ruclips.net/channel/UC4ktqo77zOGgk7UZpwxwMIg All the best, Laz 👍
Thank you! Hopefully this has been somewhat helpful. I'm still just learning how to do this, but will be trying to launch videos fairly often.