Adhesive Notes and pushpins are pretty popular in web design and so to make my life easier – and hopefully yours too :) – I made a pack of vector post-it notes and drawing-pins. There are 9 unique post-it notes, out of which I made 6 color combinations (yellow, blue, green, white, pink and orange) for a total of 54 colorful sticky notes plus shadows; and if you need a worn out look some of the paper notes are wrinkled as well. About the vector Push Pins – there are 3 kinds (tall, flat and round) in 7 color variations (red, green, yellow, white, blue, pink and orange) and from different angles; over 100 vector thumbtacks in total.
At the bottom there are two format versions for downloading, one contains ai + png files and the other eps + png. They are the same but I kept them in separate files as the eps files are larger and if you only need the ai there’s no point in downloading the whole thing. In the zip files I also added a png file that has both the pushpins and sticky notes together for a quick copy and paste in a project. By the way if you need a corkboard texture to go along with these files check out my previous post here. Check the screens below and if you like this post don’t forget to post a note or share it. Thanks!
New – I added an extra link for high resolution png transparencies to to the download section.
.zip){kind=link}
This is great, thank you!
[...] a simple illustrator tutorial on how to make a shinny 3d push pin using the Revolve Tool. Using the Revolving Tool can be a lot of fun in creating complex 3d objects out of a simple 2d [...]
This is great !!!!!!!o_O
wow, this work you did here is great and you saved my bacon. need to have pin abd notes on our internal intranet and did not have time to create them!
Hi, great work. Is there any reason I’m getting some white blocking behind the images when I use them in Quark???
@Dan
I assume it has something to do with the drop shadows losing their transparencies while being imported. I just added a third link to the download section above for High Resolution PNG transparencies. Download those and they should probably work. Let me know if you need them in another format.
Oh my good! They’re incredible. Thank you so much!
We love your blog and all the resources in it, really
We’d like to learn Gimp’s Guides ;)
By the way, we’re from Spain, and, our English is… Well…Sorry! Jajajaja
We love all the resources you have in your blog
Greetings!
Thanks ever so much.
New file worked a treat, you are a true legend my friend!!!
Thanks for the hi-res png version. Solved a few issues resizing the post-it without getting pixelated borders. Good work.
And cool website.
Thank you so much! This is exactly what I dreamt of putting into my design, but don’t have the skills.
Really nice, well done and thanks! :)
LOVE these! I was about to do a corkboard motif and dreaded making the pushpins.
Brilliant!
Thank you very much :)
thanks so much!!! Love the stickies :)
Hi, I’m a having a few problems viewing the folders. I only have Illustrator CS on my laptop and the files are saved in CS3, and CS4. CS won’t let me open the folders as they were saved in a newer version of illustrator. Is there something I can do to resolve this?
Thanks :-)
@Sandy
I emailed you a version that should be compatible with CS. Hope it works!
These are absolutely awesome! THANK YOU THANK YOU!
just perfect, thank you so much!!
thanks a lot!! you’re really a great help!!
This is excellent, I was doing my own push pin following your excellent tutorial, it worked really well, but this will save me a lot of time… I’m hoping to use them for a charity website I’m putting together (no profit made), thanks very much for sharing!
Thank you!! Lifesaver!!
Great Post its!!!
exactly what i’ve been looking for!
These are great, thank you for providing these for free, much appreciated.
Thanks for all the comments! Glad to know these are useful!
I just put a post similar to this one with binder and paper clips here.
These are wonderful! Thanks very much for your hard work!
Fantastic!!
I find this for a long time and you even provide a set!
Thanks so much :)
These are great! Thanks for such a thoughtful and complete set!
This is AMAZING!!! Your work is truly unique and lifts the quality on a higher level! The best I’ve ever seen!:)))
Superb !
Thanks a lot for great work…
suuuuuper bien .. gracias
I tried to import the eps file in coreldraw its not working, pls suggest
@Anand Punchhi
I don’t know much about CorelDraw. Maybe something to do with the Illustrator 3D effects not being imported well in CorelDraw. I will email you some PDF files that may work. Also there are high resolution png transparencies in the above download section in case you need them. Hope it works!
Thanks for post..very well done
This is great! Just what I needed for my English lessons! Thanks a lot!
Great! thanks a lot.
thanks!!! a lot!!
brilliant! thank you!
Hi and thanks for the post it notes they are just what I am looking for to compliment my office layout. I’m a bit of a post it note nut and love using them for planning. Thanks again and I really do appreciate the post it notes! :)
Thanx alot
:)
Thanks, Good collection.
This is really great and very helpful, thank you so much for that!
Best regards.
Thanks a lot!!! Its really cool
Hermosisimos!!!!!.Mil gracias!!!!…..los estaba necesitando!!!
What a great-looking site you have and thanks so much for the freebies, they’re class!
Great, Saved me a load of work and look brill
This is great! Thanks alot!
I would love to use both the post-its/push pins and polaroid frames but I only have Photoshop CS, not CS3 or CS4. Any way I can get the .eps files in that format (Adobe will be on CS30 before my school district can afford an upgrade!!). Thanks and great work.
Glad you’re finding the notes and pins useful! Thanks for the comments everyone!
@Mrs T – The polaroid frames are not vectors. They are hi res jpgs which can be used in any image editing software including Photoshop CS. About the Post it Notes + Push Pins, you can download version 3 in the download section above. Those are hi res pngs transparencies which can be used in Photoshop CS as well. Let me know if you still need a cs version eps and I’ll email you one.
You saved my life! just what I needed to finish a design! woohoooo
Thank you so much. Its really hard to find people like you whom provide such good material for free :D
Thank you so much for the free push pins download. They were exactly what I was looking for.
Merci beaucoup pour toutes ces ressources ! good job !
You sir are a legend !, Thanks
Thx, i like this style vector, thx very much
thanks so much. These will help a ton in building my mom’s homeschooling website (non-profit and I’m broke, so free is GREAT!)
Just what i’ve been looking for.. Thanks
Hi, I downloaded this and then when I double clicked or right clicked on the sticky, I was taken to Microsoft Paint.
I cant seem to copy and paste.
I assume you are referring to the png image files. What is it that you want to do and what are you trying to copy and paste?
Also Ms Paint is very basic; if you don’t have access to Photoshop, there is this free image editing program called Gimp and is pretty good.
These are great – just what I needed. Thanks for making them available!
thanks for these! your site is awesome! :D
Great, Thanks.
Thx so much!
Thanks – great and just what I was looking for. Saved me a looot of work and made it so much nicer.
Grand work!!!
Hi,
Just wanted to ask, if it would be ok that I use your white pins for our Abitur-shirts and Abitur-book.
(graduation of13 class in germany)
Hi YaminiZouren,
Yes, you may use them for your shirts and books.
this is awesome, thanks so much!!!! : )
Makes my life a whole lot easier! Thank you for sharing
Thanks for these! I love em!
Hi!
Thanks a lot for sharing! c’, )
Many thanks :D
encore merci ))))
Danke ,I love your web site.
Thank you so much. You are very generous. I appreciate
this.
Thanks.I like diz.
I love these post-its and pins, just what I’ve been looking for. Unfortunately, I as well have an earlier version of CS (cs2). What I need is transparent high resolution pictures that could be used in print. Could you help me with a bigger picture so that I can choose a single post-it as a 300 resolution(?) image with a image width of approx. 15cm? When I try to minimize this myself a grey frame appears in the post-it corners.. if you don’t have the time, could you please respond by email to me so I know if I need to keep looking.. thanks :)
Hi Cecilia,
The high resolution png transparencies from the download section above are 300dpi, but I don’t think one note is 15cm though. In any case I’ll email you an earlier CS version.
Thanks so much! The designs are beautiful and the downloads worked like a charm.
Hi Antoniu! I’m trying to place the post-it notes to Indesign on a page with grey background(working on a school magazine). When I do so, it looks great on Indesign. The problem is that when I export the page pdf, the transparency behind the post-its is gone and there is a white rectangle around each one of them. This looks bad… I would like to keep only the post-its with their shadow on the grey page… What is the correct way/format to export it from illustrator and place on Indesign in order to do this?
Thanks again! Sorry for my bad english :)
Hi Matina,
What format are you placing in Indesign? Have you tried working with the high resolution png transparencies? You can also save the note as pdf from Illustrator and then from Indesign File > Place the pdf. Let me know if that works.
Hi again Antoniu, I tried the png hi-res and it worked like a charm! Thank you vrey much for the quick reply
matina
again, thanks for your immense generosity.
keka
Thank you very much for share it with us! Greetings! :)
Fabulous, just what I was looking for, thanks so much!
THANKS!
Thank you! I needed a small map pin for a job in a hurry!
THANK YOU! :D
Thank you so much, the pushpins are great, xactly what i needed!
Fabulous! Thanks so much.
you ROCK !
merci.
DANKE DANKE DANKE!!!!!!
amazing (btw im english- i just know german) ;)
this is amazingly good
Thank you, Thank you!!!! – Really kind of you to share your work. Saved me so much time.
Wish you all the best.
Thanks for making my life easier!
These are so cool – thank you!
we r very very happy we love u
tuz and tuzz
qué éxito! graciasssssss!!! :D
These are just what I needed! Thanks!
Thanks for your inspiration!
appreciate your job
Hi –
Love the design of the post-its & pushpins…but cannot open any of the files to a format that I can use. I am using Illustrator CS2.
Any ideas?
Thanks,
Kian
Hi Kian,
I’ll email you a CS2 version. That should take care of the problem. :)
So generous, and so helpfull! Thanks a lot!
Thanks a lot!
You are ridiculously amazing. I can’t begin to describe how happy I was (am) when I found your notebook paper vectors/scans and these post-its and tacks. You just made my current project so much easier. Thank you. So much.
These are AWESOME! Thank you!
Awesome vectors, thanks a bunch
Thanks. The Daily Digi sent me.
Beautiful! referred from my membership at the Daily Digi. :)
You saved me sooooooo much time. Thanks for your generosity!!
These are wonderful and awesome! I am in the same boat as Kian and am using CS2, would it be possible to send me a version that is compatible? I would totally appreciate it!
Thank you!
Sure, I’ll email it to you.
I am beyond a beginner for most of this stuff, but I have enjoyed these Post Its so much! I have been using them for my “30 Days of Lists” project on my blog and it has been so fun! Received lots of compliments too!
great work man
SUPER, merci!!!
GREAT!! tranks, buenisimo recuerso ;) gracias!
salamat
the download is a bit slow! but thanks for the great free vectors!
These are fantastic! Thank you!!!!!
Thanks so much for this! Perfect!
thank you sooooooo muchhh!!! mwaaaaahhh
..^_^..
Hi,
Love your Post-it. I used it in a WordPress theme that I would like to publish under GPL. Is that okey with you? Please contact me on my E-mail.
Hi
Its really awesome.
I have learn so much. Mind blowing work.
can we use it for our home & Commercial work?
Potter
Thanks! Yes, the free stuff downloads may be used as parts/tools for both personal and commercial works. However it’s not ok to use them to create other redistributable design resources.
Thanks a lot! Great job! Just what I was looking for!
Have an excellent day!
Cheers!
thank u so so so much,you saved my day, god bless you
Awesome stuff! Saved my day! :D
THANKS!
This is an absolute amazing site and you are doing a fantastic job! Thank you! I wish all the best.
Thanks so much for these, just what I was looking for, but….. how do I use them and combine the two images?
Hi Amie,
To combine the png images you would need an editing program like Photoshop. There are also some free ones such as Gimp or Paint.net.
Thank you ever so much
Thanks, I really needed those. Saves me lot of time. :-)
This was a true time saver to me – huge thanks!!
huge thanks – saved me screwing around drawing that and lets me get on with the programming
Thanks for sharing this! :)
Hello,
Amazing work!
Is it ok for me to use the Vector Post it Notes on my website portfolio?
I will make sure to add your details to my credit page of course…
I look forward to your response! :)
Hi Kathleen,
Yes, you can use them for your portfolio. Credit is not required, but appreciated. Here’s also a link to my terms.
Thank you so much for this! Amazing! :D
how can i use the post-it notes and pins separately? i work with indesign. i have no clue how to use it. shall i cut the png pciture into pieces? but that doesnt work. is there any other way? please, help! by the way, very nice idea…thank u
Download the high resolution png transparencies.
If you have access to Photoshop, you can open the png’s to crop and save them individually.
If you need to do it using only InDesign:
• grab the Rectangle Frame Tool (F) and drag a frame where you want the note/pin to appear.
• top menu File>Place and choose the png image
• with the Direct Selection Tool (A) drag the notes/pins until you get the one you want within the frame; if the note/pin extends outside the frame you can scale it down by dragging one of the image corners (not the frame) while holding Shift.
• use the Selection Tool (V) if you need to resize the frame around the placed image – to scale both the frame and the contained image hold Ctrl+Shift while dragging.
this is outstanding! thank U!
Awesome thank you, the perfect touch on our family christmas card this year :-) love them!
i’m using cs4..how exactly do i crop the push pins & post its indivdually? they open as groups. your help is appreciated.. as is your work! awesome!
Hi Joe,
If you’re referring to Illustrator CS4, you can just select a single note/pin with the Selection Tool (V) and copy/paste it where you need it.
If you are referring to Photoshop CS4, it’s best to download and work with the high resolution png transparencies. Open them and use the Rectangular Marquee Tool (or Lasso Tool) to drag a selection around a note/pin and then copy/paste it where you need it.
Thanks. This is Excellent. Perfect!
Thanks to share the vector, it is nice. I have implement to my project
Great! I was looking for these. Thank you a lot!
thanks. Saved me some time today
awesomeness. yu are awesome my friend! God bless you!
a quick question: i think (but am not 100% sure) that when i downloaded this the first time there was an image that contained the pushpins already “tacked” into the post it note. is that correct? because i cannot seem to find it if it actually existed. when i realized this, i tried putting the pin on the note myself in my yearbook program (which worked out perfectly), but the pin was rather blurry. any suggestions?
oh, and i am working in photoshop CS3
AH!!! nevermind! i just downloaded (again) the first version you put up, and what i was looking for was there!!
thank you so much for this link and all the awesome stuff you have up here!
Cool, glad it worked!
I just want to ask how can i use the post it notes & pins individually? whenever i import them in photoshop, the whole pics are uploaded. thanks!
Use the Rectangular Marquee Tool or Lasso Tool to drag a selection around the pin or note you want to use. You can either go to the top menu Edit > Copy and then Paste it to your artwork or if you want to have an image by itself top menu Image > Crop and then File > Save As (make sure you save it as a png file if you want to maintain the transparency).
Thanks guys.
God bless you, and all who sail on you!
this is amazing,, Thank you!
=D
Great! Thank You very much…
Thanks so much! This was exactly what I was looking for. They’re really pretty and detailled! Shared it on facebook (: