blue ([info]awmp) wrote,
@ 2005-05-05 15:16:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Current mood: calm

some kind of style guide: pop art (part1 - basic elements I)
pop art: style elements and basic techniques

so, my attempt to make pop art more, uhm, pop, kinda got too long for one post, so I cut it onto pieces. this first part will cover some common style elements and explain the techniques to achieve them. even though I'm talking about icons here, the techniques are very general...
I included icons I have used the styles for in each chapter.

starburst, retro dots, silhouettes, overcontrasted b/w images
and more...



General Notes:

  • I used Photoshop 7.0

  • you should be familiar with the basic PS tools



1) starburst

Image hosted by Photobucket.com

- the canvas should be bigger than icon size


- make some vertical color rectangulars (two or more colors)


- select the color area


- go to Edit - Define Pattern and give it a name


- fill the canvas with your new pattern (don't forget to deselect it before)
go to Edit - Fill... - Contents Use: Pattern - Select your new pattern




- Use Filter - Distort - Polar Coordinates - Rectangular to Polar


- crop it to icon size




2) retro dots



- open a random pic


- desaturate it


- use Filter - Artistic - Cutout
I used these settings: no. of levels 8/edge simplicity 0/edge fidelity 2
this step is important to get thicker lines in the end


- use Levels (ctrl. + L) until only black and white is left
which means the sliders have to be at the same place on the bar... more to the left or more to the right depends on how dark/light the pic was


- make a selection with the single column marquee tool
chose an area with a balanced black and white content
- copy, paste and stretch it


- crop it to a square size
important to get a round result


- Use Filter - Distort - Polar Coordinates - Rectangular to Polar


- at this point you can select the white areas of the circles with the Magic Wand Tool, make a new layer, fill it with black, and define a brush (hiding the other layer of course)


- if you do this more than once and use the brushes you'll get a nice effect, that also works in different colors.




3) retro dots V2

Image hosted by Photobucket.com

- use the hard round default brush in different colors and sizes
- normally I use several layers (for each new color a new layer)
- use the eraser with the hard round brush tip to make some holes





4) silhouettes



- use layer masks, that way you don't destroy your picture
- don't scale before, resize after you made the silhouettes, that way you don't have to work overly exact
- make a background layer and choose a suitable bg color, this will help you a lot to see if your silhouette looks good


- try the magnetic lasso if you want to, it often saves a lot of work, at least with a rough selection, that you can fill with black/white on the layer mask


- draw with black and white on the layer mask to hide and reveal the details you want to show up or not



- you will end up with something like this


- when you are satisfied, ctrl click on the layer mask to load the selection, make a new layer, fill it with a color





5) overcontrasted b/w images


(this icon is not sharable, I made it for [info]indiana_jane_)

- desaturate it


- use levels, drag the left slider more to the right and the left one more to the right, use the middle slider to balance the pic more


- I often use the silhouette technique to cut out a part of the final image or I use a silhouette for the background and the overcontrasted image on top with different blending modes


- if you use a smart blur for instance your result will be smoother





sooo, if you combine everything you'll get too much ;)




coming up next: more basic elements, such as duotones, shapes, outlines, color halftone etc.
if there are any questions, feel free to ask :)



Page 1 of 4
<<[1] [2] [3] [4] >>

(Post a new comment)


[info]greenpear
2005-05-05 06:25 am UTC (link)
I haven't seen such excellent pop art since back in the 60's. Wonderful job in recreating it.

(Reply to this) (Thread)


[info]awmp
2005-05-05 06:33 am UTC (link)
thanks a lot. I love pop art. I'm a big fan of all these 60s artists :D

(Reply to this) (Parent)


[info]wtfbrain
2005-05-05 06:37 am UTC (link)
This is awesome and very helpful. Thanks for writing this guide! :)

(Reply to this) (Thread)


[info]awmp
2005-05-05 06:45 am UTC (link)
glad you found it helpful :)

(Reply to this) (Parent)


[info]_jems_
2005-05-05 06:46 am UTC (link)
Oh, I love seeing how you create these things. Looking forward to the next post. =)

(Reply to this) (Thread)


[info]awmp
2005-05-05 06:54 am UTC (link)
thank you :)
I always love looking how everyone is doing their things, too, cause we basically know all these techniques but there are so many ways to achieve the effects, that it's always interesting to see how everyone else is doing it... most of the times my ways tend to be way too complicated though. LOL.

(Reply to this) (Parent)


[info]andemaiar
2005-05-05 06:55 am UTC (link)
Woah. Thanks for that! Very useful. Never would've thought to use Distort - Polar to Coordinates thing. Now I'm gonna have to go experiment. :)

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:01 am UTC (link)
glad you found it helpful. :)

the polar->coordinates filter is actually very useful but totally underused and overlooked normally ;)

(Reply to this) (Parent)


[info]psychme
2005-05-05 07:11 am UTC (link)
There's one screencap on my hard drive that I thought of converting into something pop arty just last night, and now you post this. Wonderful guide. Will have to play around with your tips. Thank you so much for this helpful and timely tutorial. :D

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:19 am UTC (link)
oh, I'm glad my timing was good then ;)
I hope it will be helpful for you.

(Reply to this) (Parent)


[info]starrysummer
2005-05-05 07:16 am UTC (link)
Your tutorials are always some of my favorites. I'm adding this to my memories immediatley to play with later.

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:23 am UTC (link)
aww, thanks a lot! :D
hope you'll find it useful :)

(Reply to this) (Parent)


[info]cordy81
2005-05-05 07:21 am UTC (link)
Added to my memories. Great job!. It's fantistic ;)

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:28 am UTC (link)
hee, thank you ;D

(Reply to this) (Parent)


[info]blond_bear
2005-05-05 07:25 am UTC (link)
Wow...I am constantly amazed at how much there is to learn about methods and techniques with Photoshop - it is a constant learning experience...

I can't wait to try out some of these...thank you so much for taking the time to put it together!

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:29 am UTC (link)
you're welcome :)
I'm glad if you found it useful.
there's too little popart love out there in this world ;)

(Reply to this) (Parent)(Thread)

(no subject) - [info]miss_sarac, 2005-05-05 07:31 am UTC
(no subject) - [info]awmp, 2005-05-05 07:43 am UTC
(no subject) - [info]miss_sarac, 2005-05-05 02:46 pm UTC

[info]shipperchick
2005-05-05 07:28 am UTC (link)
omg so useful and fantastic!

I doubt I'll be anywhere near as great as you are, but it'll be fun to try now that you've broken it down for us! Wheeness!

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:38 am UTC (link)
thank you :)

aww, I'm really not great. lol. but I'm glad you enjoyed the guide :)

(Reply to this) (Parent)


[info]blueirish
2005-05-05 07:29 am UTC (link)
that's it...I'm devoting my life to the worshiping of you....

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:39 am UTC (link)
aww, sweetie, you are the cutest thing ever! *hugs*

(Reply to this) (Parent)(Thread)

(no subject) - [info]blueirish, 2005-05-05 07:44 am UTC
(no subject) - [info]awmp, 2005-05-05 07:47 am UTC
(no subject) - [info]blueirish, 2005-05-05 07:48 am UTC

[info]miss_sarac
2005-05-05 07:30 am UTC (link)
once again, absolutely brilliant!!!! I love your style--it's so original & unique and that's becoming more of a rarityher on LJ lately.

I am envious of your talents! :)

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:42 am UTC (link)
awww, thanks a lot! *blushes*

I'm seeing my style more as odd than as original/unique. lol. but peopl are polite enough to use the nicer words ;)

I am envious of your talents! :)
hee, don't be there's nothing there to be jealous of. lol.

(Reply to this) (Parent)


[info]shannigansx
2005-05-05 07:40 am UTC (link)
Ooh! That looks fun. I love seeing how people create such nifty things :-)

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:45 am UTC (link)
thank you :)

I'm always enjoying how others do their things, too :D most of the times my ways are way too complicated. lol.

(Reply to this) (Parent)


[info]ba4ever
2005-05-05 07:47 am UTC (link)
that is funky! So cool thanks!

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:58 am UTC (link)
glad you liked it :)

(Reply to this) (Parent)


[info]ciley
2005-05-05 07:51 am UTC (link)
adding this to my memories so that when i have some time to make icons again i can try some of these out.

thanks for the wonderful tutorials :D

(Reply to this) (Thread)


[info]awmp
2005-05-05 07:59 am UTC (link)
aww, I'm happy you found it useful :)

(Reply to this) (Parent)


[info]annabelle528
2005-05-05 08:00 am UTC (link)
You're so awesome for sharing your techniques! You never cease to amaze me with your creativeness. :)

(Reply to this) (Thread)


[info]awmp
2005-05-05 08:18 am UTC (link)
aww, you make me blush!

(Reply to this) (Parent)


[info]splendoria
2005-05-05 08:01 am UTC (link)
Thanks for those tips on making the pop up textures.. I always think it looks cool.. but Never knew how to make them! They look great.. and it seems so easy when you explained them.. (although I'm sure it's harder then it looks) :D

(Reply to this) (Thread)


[info]awmp
2005-05-05 08:19 am UTC (link)
they are really not that hard to make :)
glad you found the guide helpful!

(Reply to this) (Parent)


[info]eula_tequila
2005-05-05 08:02 am UTC (link)
Oh this is a lovely tutorial. I learned many new things! Thank you for sharing.

(Reply to this) (Thread)


[info]awmp
2005-05-05 08:20 am UTC (link)
glad you found it useful :)

(Reply to this) (Parent)


[info]covert_light
2005-05-05 08:04 am UTC (link)
*dies of happiness* THANK YOU!

(Reply to this) (Thread)


[info]awmp
2005-05-05 08:20 am UTC (link)
aww, you're so welcome :)

(Reply to this) (Parent)


[info]moondancerjen
2005-05-05 08:08 am UTC (link)
best tutorial ever! i am so memorieing lol

(Reply to this) (Thread)


[info]awmp
2005-05-05 08:21 am UTC (link)
heee, thanks ;)

(Reply to this) (Parent)


[info]kathyh
2005-05-05 08:09 am UTC (link)
Great tutorial. It's always nice to see effects I can do using PE2 and some of these are definitely possible. Expect a rash of retro dots to break out all over LJ *g*. Many thanks.

(Reply to this) (Thread)


[info]awmp
2005-05-05 08:22 am UTC (link)
Expect a rash of retro dots to break out all over LJ *g*.
that's the secret masterplan ;)

glad you found it useful :)

(Reply to this) (Parent)


[info]blifme
2005-05-05 08:40 am UTC (link)
Love the tutorials. I love the retro circles. Looked so cute! Can't wait to play around with these for my icons. Thanks so much for sharing. Definitely memorising it :). Thanks again!

(Reply to this) (Thread)


[info]awmp
2005-05-08 09:35 am UTC (link)
you're welcome, I'm glad you found it useful :)

(Reply to this) (Parent)


[info]seablues
2005-05-05 08:46 am UTC (link)
This is brilliant! Definitely bookmarking! :)

(Reply to this) (Thread)


[info]awmp
2005-05-08 09:35 am UTC (link)
aww, thanks :) glad you found it helpful.

(Reply to this) (Parent)


[info]yourxstardust
2005-05-05 08:52 am UTC (link)
I LOVE YOU. <33333 *clings*

(Reply to this) (Thread)


[info]awmp
2005-05-08 09:36 am UTC (link)
aww, thanks *blushes*

(Reply to this) (Parent)

Wonderful
[info]bunnyluv_pet
2005-05-05 08:55 am UTC (link)
Oh thank you so much for sharing your techniques! Your art is truely wonderful and inspiring. Your pop art pieces are especially alluring

I look forward to your next post and am anxious to attempt some of these tecniques.

(Reply to this) (Thread)

Re: Wonderful
[info]awmp
2005-05-08 09:37 am UTC (link)
thanks a lot :)

it's nice to know the tutorials are helpful as they take forever to be written. lol.

(Reply to this) (Parent)


[info]__kali__
2005-05-05 09:22 am UTC (link)
I never realised it was all so simple. Thank you for sharing *adds to memories*

(Reply to this) (Thread)


[info]awmp
2005-05-08 09:38 am UTC (link)
glad you found it useful :)

(Reply to this) (Parent)


Page 1 of 4
<<[1] [2] [3] [4] >>

Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…