3

So there is this sort of a pastel/raster artwork used in some sites that I want to learn to make and possibly replicate it. Please help my identify this these techniques

Eg1:The pastel/paint marks on Slack The pastel/paint marks on Slack

Eg2:The patterns used on AvocodeThe patterns used on Avocodee

Eg3:Pastel images on HioscarPastel images on Hioscar

  • 1
    Please limit your questions to one per, well, question. Thanks! – Vincent Jul 26 '18 at 12:23
  • @Vincent I clubbed seemingly similar techniques and their examples. Apologies if it is not so – DYNSTy Jul 26 '18 at 12:25
  • These look like vector graphics with a raster pattern applied as a texture. I can clearly see a repeating raster pattern on this one here which looks like a scan from something drawn on paper with a felt tip pen. What have you tried? – Billy Kerr Jul 26 '18 at 12:28
  • Thing is that, right now, there is no right answer to this question. An answerer could attempt to answer all three questions; be absolutely right about the first one but completely off the mark about the second and third. Would you upvote their answer? Downvote it? Mark it as correct and signal to new answerers 'this question has been handled, you can move on'? The Stack Exchange model is very, very bad at handling multi-part questions. – Vincent Jul 26 '18 at 12:40
  • @BillyKerr I tried searching for 'pastel brushes for photoshop' but given what you're saying that clearly won't give the right result. – DYNSTy Jul 26 '18 at 12:41
7

User Billy Kerr has already said the essentials and there's seemingly popped up an answer, too. Here's a practical way to create the textured colors:

Have a desaturated photo of an everyday material texture. Here's 3 different.

enter image description here

Insert 2 layers over the texture layer:

  1. A curves or levels adjustment layer to get the wanted contrast; here the contrast is reduced

  2. A layer with the wanted color, the blending mode Color is good for this purpose

enter image description here

Find good combination of the opacity of the color layer and the contrast of the texture layer. All adjustments are non-destructive.

Here's a screenshot of the curves adjustment. Note: the switch "only the next layer" is ON.

enter image description here

You can flatten the result or export as PNG or use it as is in Photoshop when you make the drawings.

I would draw the images in Illustrator or Inkscape and use exported colored texture images there with clipping masks. An advanced Inkscape or Illustrator user can easily apply layer blending modes also there, it's not at all a must to make ready to use colored images in Photoshop at first.

As user Daniello wrote, many blending modes work for this. You can colorize a texture or as well you can modulate the brightness of a solid color.

An example:

enter image description here

  1. A texture image is imported to Illustrator

  2. A colored rectangle is drawn and lowered under the texture

  3. The rectangles are aligned and the texture image has got blending mode Luminosity, the opacity is reduced - this happens in the Transparency panel.

  4. The rectangles are grouped to keep them together. A random closed shape is drawn on the top

  5. The group and the new shape are selected, a clipping mask is made. For it goto Object > Clipping mask > Make.

The mask shape vanishes. If you need it, for example to get the stroke, have a copy. NOTE: You can allways release the clipping mask if you want to edit it.

6

Shapes

It can be done in different ways, but the basics in all of them is:

  • A texture
  • A color overlay

textured shapes

oranges

Strokes

  • Brush effects like watercolor brushes
  • Thanks for the answer @Danielillo One question: With the color overlay are we applying any color mode (eg, multiply, overlay, etc.) or simply playing with opacities? – DYNSTy Jul 26 '18 at 13:06
  • Both, opacity and Hard Light or Multiply, but this always depends on the used color and the texture intensity. The best it is adjusting the texture with levels to get the result you want and then decide the color blend and the opacity. – Danielillo Jul 26 '18 at 13:18

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.