تسجيل الدخول اعربي

دروس الفوتوشوب 

[!] Zoomed Pixels

Create new file with size 160x120 pixels. Fill it with solid color (say, blue).

1

Apply noise filter (Filter menu - Noise - Add Noise). Try different amuont values to choose what you like most.

2

Now we need to resize our image (Image menu - Image size). First, change pixels to percent in width dropdown. You will notice Width value is now 100 (per cent). Change it  to 1000 (we want 10x zoom, which is 1000 per cent). Now, most importantly, goto resample image dropdown and set it  to nearest neighbour! This will give us nice squares with hard (not antialiased) edges.

3

Cool! Now we already have a nice pattern built from mini squares (each is 10x10 pixels). But we can do more.

4

We will need a 1-pixel gap between the squares. To  do so, we will need another image to help us. Create new image, 10x10 pixels, transparent background.

5

Use pencil tool to draw the lines on the left and bottom edges of the image (or right and top, nevermind). After that, select all (Ctrl-A) and define a pattern from selection (Edit menu - Define Pattern). Then, you can close this temporary image and return to our main image.

6

Create new layer and fill it with the pattern we just created. To  do so, open Fill dialog (Edi menu - Fill), choose Pattern, and then in the list of custom patterns, find the one we need (last one).

7

oh yes! now we have blue squares in layer 1 and a black grid in layer 2. This is not all yet!

8

Hold Ctrl and click layer 2". The black grid should become selection. Then

9

Then, simply hit Del button, and you will get the 1-pixel gap between the squares. Why would you need it? Read on!

10

Now that each square is separated with a pixel of transparency, we can apply layer effects. I used Bevel and Emboss, you can other. Note the values shown in the screenshot: size is 0, shadow mode - color dodge with opacity about 50%. When applying layer effects, always remember than no effects looks better than too many effects. So, be careful when setting the values.

11

To make our iage even better, how about a slight overlay of the gradient? Note the values: gradient - black to white, style - radial, blend mode - overlay.

12

Words look wiser on old paper →

تعليقات {101}

Heidi منذ وقت طويل
I love tutorials, and greatly appreciate your sharing your techniques. Thanks so much!

Blogobobo منذ وقت طويل
Simply Amazing! (y)

Fefelito منذ وقت طويل
Muito bom seu trabalho e suas dicas. me identifico muito com seu modo se trabalho. Obrigado pelas dicas. Yours technique will help a lot. Thanks for your generosity. From Brazil.

SAMAR منذ وقت طويل
U really gave a new vision to create shaded squares.Excellent....Superb (Y)(Y)(Y)

ec منذ وقت طويل
好!实用!

THYAGARAJAN منذ وقت طويل
VERY INTERESTING

toray منذ وقت طويل
hey nice tuts can you submit them to tutorialselect.com! we have over 7000+ tutorials

Joni منذ وقت طويل
Wonderful! Thank you so much!

sean منذ وقت طويل
I've worked through all of your tutorials, and it has been more than useful. Serbia loves you, Vlad.

fereshteh منذ وقت طويل
it is good... miyaneh girl

vanseven منذ وقت طويل
WOW, really help me a lot, thanks

templater منذ وقت طويل
Really nice tutorial, but the comments system needs to be fixed for cyrilic I guess... Ïðîáà ("Test" )

Matt منذ وقت طويل
Totally cool. I'm going to do it for my monitor size (1680 x 1050) and use it as my desktop background!

prashant منذ وقت طويل
He vlad, its funtastic dude, :-) I really found a new vision for the design. Thanks (Y)

chiroki منذ وقت طويل
master of magic ïîçäðàâ èç ñðáè¼å

mbandempo منذ وقت طويل
what a great tut ;-)

Donna منذ وقت طويل
I'll love you forever if all this can be put in "paint shop pro" terms for us poor fools who can't afford Photoshop (L)

alex منذ وقت طويل
Кажется вчера или позавчара на вашем сайте было несколько уроков, а сегодня один... куда пропали остальные???

m4rc[fr] منذ وقت طويل
Cool stuff (Y) Merci Vlad ;-) and go on...

.bugs منذ وقت طويل
spasiba

manik منذ وقت طويل
good but i want more tutorial on photoshop

Hasan منذ وقت طويل
fantastic, appreciated

soo منذ وقت طويل
wow. thanks

Jon منذ وقت طويل
Excellent! Simple and very helpful.

vlad gerasimov منذ وقت طويل
Алекс: скажем так, ушли на доработку по многочисленным просьбам.

latrab منذ وقت طويل
thanks.from.hungary

DewrGleision منذ وقت طويل
Understated genius; quite valuable, this tutorial is to me, to borrow a little of Yoda's syntax. ;-) :-) You wouldnt have any other feats of Photoshop ingenuity floating about that gifted psyche, aye? Clueless clods with Elements and some basic DHTML knowledge like myself are always in the need! :-) Bravo.

Vlad Gerasimov منذ وقت طويل
To Charlyk-Marlyk: :-):-) Simply go on, and work 16 hrs a day, and by 24 (I am 24) you will be much better!

Charlyk-Marlyk منذ وقت طويل
GOOD

rushdy0974@yahoo.com منذ وقت طويل
great thanx, if more send to this mail please as a favour

Gabriel منذ وقت طويل
;-) Excelente, sencillo y con un gran efecto Gracias

Aneesh منذ وقت طويل
Very very gooooooooooooooooood we want more plz give more tips to develop ourself plzzzzzzzz

:Noir: منذ وقت طويل
Simple and really nice (Y) I like the wallpapers, currently using Ooleetka Hot on my 17" LCD. Thank you.

Ali Rıza منذ وقت طويل
Çok önemli uyarılara değinilmiş. Ayrıca yaratıcılıkta geliştirilmesi önemli olan noktalar belirtilmiş. Süper! :-)

Ditza`H منذ وقت طويل
Văd că toată lumea scrie aici în propria lui limbă, aşa că o să fac şi io la fel. :-P Super tare meseriaşule! (Y) Keep on rolling!!! :-D

Calvin 18 إبريل 2008
Cool....

Yukiko 16 مايو 2008
Absolutely nice!!!! It's very useful! thanks

SUNata 5 يونيه 2008
Влад, спасибо за все представленные здесь уроки!

Russianless 30 إبريل 2009
Мы не понимаем русский язык Что hepened сейчас?? Я мог бы исправить мне?? sorry because cant speak Russian (Traslate google)

15 يوليو 2009
how i can download it?

14 أغسطس 2009
Хорошая обучающая программа Vlad! Большое спасибо!

Victor 18 أغسطس 2009
thanks! helpful!

NARENDAR 14 أكتوبر 2009
HA HA HA

Mahaveer 25 أكتوبر 2009
can i use this on a picture?? will that be effective in bringing more clarity in its visibility???

lili 3 يناير 2010
c'est trop bien ait merci beaucoup !!!! lili

Silvia 25 مارس 2010
Thanks for share this tutorial. Simple, very nice and very useful.

Bernd Artmueller 24 يونيه 2010
WOW, your tutorials are so amazing and easy to follow. Keep on making such cool effects

Marinet 25 مارس 2013
Super awesome! Thanks so much for sharing!

Mohan 30 ديسمبر 2014
Thank you, you are so creative!!

AE منذ وقت طويل
Simply amazing! (Y)

parmar_gd2006@yahoo.co.in منذ وقت طويل
good

Angelo منذ وقت طويل
I like I like I like

Azadeh Sh منذ وقت طويل
(Y) (Y) (Y) (Y) a thanks from Iran

Stef منذ وقت طويل
Cool tut. This technique will help a lot !! (Y)(Y)(Y)

Venkatesh منذ وقت طويل
thanking you

sreenivasa sharma منذ وقت طويل
good and simple novel approach to sipmpifie the complication go on more idea and help us

Nawshad منذ وقت طويل
still huge thnx for your generosity (Y)

toray منذ وقت طويل
hey nice tuts can you submit them to tutorialselect.com! we have over 7000+ tutorials

Boro منذ وقت طويل
Hmm maybe ill make use of photoshop anyway :) . Its so simple when someone walks u throo thnx for that and by the way thnx for free wallpapers they are amazing my faworite is "In this world", so now u know u realy did me a fawour by this tutorial, so thnx a milion u rule

Honeybee منذ وقت طويل
Top notch tutorial, Vlad! Thank you very much.

adoh منذ وقت طويل
Thank uuuu sooooooooooo much I did my first photoshop !!!

poe منذ وقت طويل
thanks for the tutorials , they are remarcable. good luck in the future

Nimish منذ وقت طويل
One word - "Great"

hamid (hata design) منذ وقت طويل
thats greet

tata منذ وقت طويل
Great cucc!

Pierre منذ وقت طويل
Merci Vlad de nous faire profiter de tes connaissances ; c'est super !

rapchi منذ وقت طويل
hay aq süper lan bunlar..... ama hepinizin aq çıkın lan sitemden.....

Irfan منذ وقت طويل
jo its fantastic man. give us more ps tutorialz :-P

Vitaly منذ وقت طويل
ОООгромное спасибо тебе, Влад, что открыл этот новый и оччень полезный раздел. Я буду очень рад перенять хоть какие-то навыки у тебя. :)

newuni منذ وقت طويل
Nice one. More more more... :-O

Metella منذ وقت طويل
Semplice e bellissimo. Ne avremo altri? Grazie

Lipis منذ وقت طويل
we want more...!!

Figmund Sreud منذ وقت طويل
NHjaaaa!

zabbo منذ وقت طويل
great job and very usefull !!!

Chris منذ وقت طويل
Cool tutorial,hope to see more coming up...

andman منذ وقت طويل
hallo ihr da draussen

Vitaly منذ وقت طويل
... вот только почему на русском языке нет?

David from U.S.A منذ وقت طويل
:-D Great work Vlad. Thanks for the tutorial. Cheers, David

Amoo منذ وقت طويل
How should i say! COOL pretty COOL!!

Amoo منذ وقت طويل
OMG!! COOL B

Charlyk-Marlyk منذ وقت طويل
i want to be better then u. but how?:-( i am 13

ghostinthetoast منذ وقت طويل
simply great tutorial (Y)

Mansoor_nazari منذ وقت طويل
wow. thanks .(Y) we want more...!!

Paulo Pereira منذ وقت طويل
A ideia é excelente e gostava que pudesses fazer mais tutoriais. Um dia espero poder fazer algo de tão bom a nível gráfico. Cumprimentos de Coimbra/Portugal

Artem منذ وقت طويل
Просто офигительно! (Y) Нигде в инете не видел подобного урока... эксклюзив :-)

Fred 23 مارس 2008
This was really cool and simple. Thanks!

Visualitymen 18 إبريل 2008
Excelente Saludos desde Honduras

Corpse 30 إبريل 2008
Thanks! Really nice and helpful tutorial!:)

mohshinobi 26 مايو 2008
OmG

kalyan 24 يونيه 2008
neat

dubining 28 أكتوبر 2008
I didn't know it could be THAT easy! Thank you VERY MUCH.

мартини 23 يونيه 2009
прикольно, спасибо за урок (:

lawrence77 3 يوليو 2009
Cool stuff..... :D But u didnt give the values of the gradient and so on..... :( Any way nice techniques.... ;)

Adolph 14 أغسطس 2009
Хорошая обучающая программа Vlad! Большое спасибо!

automatik 17 سبتمبر 2009
Génial!!! Merci,Vraiment :) .

Jo 14 ديسمبر 2009
ffs where's the damn pencil on the toolbar!!!!! i wasted an hour looking and searching - maybe its a pc/mac or adobe version thing

13 يناير 2010
merceeeeeeee

23 مارس 2010
LIndo!!!

Francisco Suarez 7 مايو 2010
Great!

JENNETTE 7 أغسطس 2010
OH VERY GOOD !!

Valentin 14 أكتوبر 2013
Schön

Show all comments

إضافة تعليق

1 2 3 4 5 6