Читать далее...

Как в ФШ открыть глаза

Серия сообщений "Уроки Накрошаева Олега":

Часть 1 - Фантастические, но редко используемые возможности программы фотошоп
Часть 2 - Красивое небо в фотошопе
...
Часть 39 - Как нарисовать небо в фотошопе
Часть 40 - Как сделать рамку на фото и вставить в неё фотографию
Часть 41 - Как в ФШ открыть глаза
Часть 42 - Экспресс ретушь в photoshop в два слоя
Часть 43 - Бесплатные видео-уроки по работе в программе Adobe Photoshop

1.98 Mb

Скачать

pricol.zip
pricol.zip

Серия сообщений "Шрифты (Fonts)":

Часть 1 - Диск «3000 шрифтов»
Часть 2 - Эротические шрифты
...
Часть 8 - Всякая всячина для ФШ
Часть 9 - Как узнать название шрифта по картинке
Часть 10 - Прикольные шрифты

Есть множество секретов при работе с Photoshop, зная которые можно заметно повысить свою производительность. При создании дизайна сайта гармоничное размещение объектов на странице, правильные отступы и наличие пустого пространства играют важную роль для восприятия оформления, а достигается это перемещением элементов дизайна. При этом на переключение между слоями и операции по их перемещению уходит порой до 80% времени, и лишь только оставшееся часть идет на рисование и ввод информации. Поэтому в данном мини-ликбезе, я хочу коснуться только хитростей работы с вкладкой Layers как наиболее востребованной.

Итак, начнем сначала.

Создавайте слои

Старайтесь не лепить всё в один слой (особенно в слой Background). Возьмите за правило создавай новый слой каждый раз когда хочется добавить что-то новое. Для каждого отдельного объекта (даже простой линии) обязательно нужно создавать новый слой. В дальнейшем будет проще двигать, корректировать, применять фильтры, прозрачность, временно отключать слой. Некоторым слоям рекомендуется давать понятный вам идентификатор (в отличие от Layer10), чтобы легче было их потом находить. Ну вы сами разберетесь каким именно слоям важно иметь название когда начнете их искать и не находить.

Чтобы создать новый слой кликните по иконке во вкладке Layers. Удерживайте Alt чтобы иметь возможность задать сразу имя. Также вы можете создать слой нажав Ctrl+Shift+Alt+N (или Ctrl+Shift+N чтобы вас попросили задать имя).

Группируйте слои

Как только вам захочется двигать одновременно несколько элементов, то скорее всего вы оперируете с какой-то новой сущностью, не ленитесь сгруппировать эти слои и понятно обозвать. Это тоже должно войти в привычку. Группы позволяют быстро двигать составные элементы, быстро скрывать, а также (что немаловажно) быстро клонировать их. Чтобы создать пустую группу нужно кликнуть по иконке во вкладке Layers. Аналогично со слоями удерживайте Alt чтобы задать сразу новое имя.

Но обычно пустые группы не создают, а объединяют в них уже существующие слои/группы. Чтобы мгновенно сгруппировать уже существующие объекты: выделите нужные во вкладке Layers и кликните по удерживая Shift (или просто нажмите Ctrl+G). В результате все выделенные слои автоматически попадут в новосозданную группу. По аналогии со слоями, если зажать еще и Alt, то вас попросят ввести имя для группы. Если слоям названия не помешали бы, то для групп они уже довольно важны. Особенно важно назвать группу до ее клонирования (меньше будет мороки позднее).

Есть еще один неявный способ сгруппировать уже существующие слои. После выделения нужных слоев хватаем один из них и перетаскиваем на кнопку внизу вкладки Layers.

В результате Layers уже выглядит как набор папок в вашей файловой системе. И такое структурирование очень удобно для перемещения и клонирования связанных объектов. Еще раз настою на том, чтобы вы сразу старались называть папки говорящими именами. Будет удобно изменять исходник даже через полгода, не говоря уже про ближайшие полчаса.

Выбирайте слои/группы

Прежде чем делать что-нибудь со слоем (или группой) нужно выделить его во вкладке Layers. Однако, когда количество слоев зашкаливает за сотню искать там становится проблематично. К счастью есть другой, очень простой метод выбора нужного слоя. Перейдите в режим (нажав V), а далее кликаем по какой-нибудь области рисования:

Ctrl + Left Click — моментально выбрать группу (если нет, то слой) к которой относится область.

Alt + Right Click — моментально выбрать слой под курсором (самый верхний если их несколько).

Накрайняк, если вы не можете никак зацепить нужный слой (например он глубоко под всеми) используйте:

Ctrl + Right Click — вызвать меню-список всех слоев которые относятся к точке под курсором (вот здесь грамотные названия очень вам пригодятся). Выбираем нужный из списка и voila.

Двигайте/клонируйте объекты

После того как вы выбрали слой/группу (например по методу выше), как известно, вы можете перемещать его методом драг-н-дроп. Чтобы клонировать группу/слой при перемещении удерживайте Alt (зажав его еще перед перемещением). Вы можете также удерживать Shift чтобы перемещение/клонирование происходило точно по вертикали/горизонтали/диагонали от начального положения (зажимать и отжимать Shift можно когда угодно).

Изменяйте меньше, накладывайте больше

Photoshop это растровый редактор, поэтому чем больше вы меняете оригинал тем (необратимо) хуже он становится. Неплохо было бы использовать принцип «семь раз отмерь» при работе с клипартами. Однако некоторые вещи можно делать над слоем и не изменяя оригинала:

Во-первых используя Blending Options (дважды кликнуть не по названию слоя), что вы, скорее всего, уже знаете и используете. Там есть разнообразные визуальные эффекты и очень удобно что их всегда можно поправить или вовсе отключить.

Во-вторых, поправить гамму, контраст, яркость, скорректировать баланс белого и всё такое прочее можно создав Adjustment Layer (из меню Layers->New Adjustment Layer или кликнув по во вкладке Layers). Все изменения, которые вы таким образом сделаете, можно будет отменить просто удалив Adjustment Layer с текущего слоя. Кроме того вы всегда сможете поправить настройки впоследствии и это не отразится на качестве, т.к. оригинальный слой при этом остается нетронутым. Если вы вдруг решите поменять цветовую гамму макета вам не придется переделывать его заново.



Также вы можете откадрировать клипарт или сделать невидимой/видимой любую его область (хоть градиентно, хоть в виде звезды, хоть в виде текста) создав Layer Mask (кликнув по ). Теперь рисуя в этой области (или применяя к ней любые интрументы/фильтры) вы можете влиять на степень видимости слоя к которому применили. Черные области скрывают части оригинала, серые делают полупрозрачными, чем светлее тем меньше прозрачность. Чтобы вернуться к оригиналу просто удалите Layer Mask.



В случаях когда вам приходится изменять оригинал (например при уменьшении его размеров), рекомендую делать это над клонированным слоем. Оригинал же оставить и сделать невидимым. Таким образом, если окажется что вы немного переборщили с изменениями, вы всегда сможете начать с оригинального изображения.



Всякие мелочи


Начиная с Photoshop 7 появилась возможность назначать цвета группам и слоям. Вы уж сами разберитесь надо ли оно вам. Думаю, что при очень большом количестве групп/слоев цветовое разделение может помочь быстро найти нужный в списке.

Поменять имя слоя/группы можно дважды кликнув на имени во вкладке Layers

Быстро выделить (маской) весь слой можно Ctrl+кликнув по его миниатюре

Чтобы быстро понять что это за слой с названием Layer10 большинство обычно скрывает/показывает его кликая по иконке . А если кликать по «глазу» удеривая Alt то, с точностью до наоборот, все скроется кроме данного слоя. Разумеется следующий Alt+Click вернет все как было.

Одним нажатием можно скрыть/показать сразу несколько слоев если кликнув на «глаз» одного слоя провести (не отпуская кнопки мыши) по «глазам» остальных слоев.

Вместо группировки в группы можно также связать объекты с помощью связывания (). Лично мне кажется что это пережитки прошлого и такой группировкой лучше не злоупотреблять (ну как минимум невозможно скрывать/показывать такую группу в один клик).

Если клик по треугольнику рядом с группой раскрывает/закрывает эту группу, то Ctrl+клик раскроет/закроет все группы текущего уровня.

Можно создать копию слоя (слоев), переместив его (их) на кнопку создания нового слоя ().



Меня всегда удивляли отсутствие закономерностей в комбинациях клавиш Photoshop (в частности модификаторов Shift, Alt и Ctrl), запомнить сразу скорее всего не удастся, но если вы не будете бояться пробовать их, то рано или поздно всё запомнится, что обязательно повлияет на вашу продуктивность.

Читать далее...

Основы работы в фотошоп
1. Как создать качественный превью - http://www.liveinternet.ru/community/new_photoshopinka/post107691232/
2. Как пишут экшены - http://www.liveinternet.ru/users/pechalnaya_ya/post110492426/
3. Как защитить свои фотографии? - урок проставления копирайта на изображения http://www.liveinternet.ru/users/radioheads/post92687878/
4. Режимы рисования или алгоритмы наложения -http://www.liveinternet.ru/users/pechalnaya_ya/post110049155/
5. http://www.egraphic.ru/viewid.php?lnkid=9729 – перо
6. http://www.egraphic.ru/photoshop-tutorials/basics/9089-izmenenie-cveta.html - изменение цвета
7. http://www.egraphic.ru/photoshop-tutorials/basics/...ist-bazovoe-predstavlenie.html - инструмент кисть. Базовое представление
8. http://www.egraphic.ru/viewid.php?lnkid=7705 – параметры кисти
9. http://www.egraphic.ru/photoshop-tutorials/basics/7277-ramka-dlja-fotografii.html - рамка для фотографии
10. http://www.egraphic.ru/photoshop-tutorials/basics/7244-rezhimy-nalozhenija.html - режимы наложения
11. раскрашивание кистей - http://www.alldesign.biz/photoshop/uroki/10077-yeffekt-babochki.html http://photoshop.rukoyatka.ru/53-ubu-bpubshseb-usjojais.html
12. переводим текст в вектор - http://www.goldenone.ru/?go=post&id=336
13. как создать кисти - http://umka.kharkov.ua:8000//html/article5.html
14. водяной знак - http://globator.net/photoeffects/302-watermark.html

Фотоэффекты
1. Эффект разбивающегося стекла - http://bravedefender.ru/post110319231/?upd
2. Картинка с отражением - http://www.liveinternet.ru/users/djiliya_peiton/post89973235/
3. сказочный лес - http://malahitovaya.ru/forum/showthread.php?t=300
4. размытый фон - http://www.photoshop-master.ru/lessons.php?rub=3&id=58
5. карандашная растушевка - http://freetemp.net/index.php?option=com_content&task=view&id=62&Itemid=63
6. рваный край - http://www.diano4ka.ru/029.php
7. хорошие уроки работы с фото - http://mgraphics.ru/show_articles.php?kid=2
8. отличные уроки работы с фото - http://tutorials.psdschool.ru/
9. ксеноновые фары - http://photoshop-forever.ru/foto-i-photoshop/48-ks...fary-na-mashinu-besplatno.html
10. старое фото - http://web-silver.ru/photoshop/tutorials/old-photo.php
11. смешивание слоев - http://artjunkies.net/tutorials/575-smeshivanie-izobrazhenijj.html
12. сказочный эффект - http://startgraphics.ru/photoshop/tutorials/photoe...hnyjj-jeffekt-v-photoshop.html
13. объединение фото - http://startgraphics.ru/photoshop/tutorials/photoeffects/25-obedinenie-fotok.html
14. дождливый день - http://artjunkies.net/2007/10/13/dozhdlivyjj-den..html
15. фары машин - http://artjunkies.net/2007/10/21/fary-avtomobilja..html
16. 3d – коробка http://tutorials.psdschool.ru/web-graphics/designing-a-software-box.html#more-2849
17. лейбл компакт-диска - http://artjunkies.net/2007/12/09/label-kompakt-diska..html
18. раздеваем девушку - http://photoweb.com.ua/view_post.php?pho=3&id=102


Коллажирование
1. слияние 2х изображений - http://apple.fcreator.ru/viewtopic.php?pid=30780#p30780
2. Коллаж из квадратов - http://www.liveinternet.ru/users/djiliya_peiton/post85273565/
3. безупречный коллаж - http://rukurs.com/content/view/942/103/
4. коллаж «коктейльный улет» - http://www.interface.ru/home.asp?artId=10098
5. простой коллаж - http://www.world-of-love.ru/forum/showthread.php?t=12387
6. цветной коллаж - http://www.alltutorials.ru/2008/07/cvetnoj-kollazh-uroki-fotoshopa.html
7. фрагментированная рамка - http://rukurs.com/content/view/1442/103/
8. солнечный свет (лучи) - http://psd.at.ua/publ/7-1-0-161
9. http://photoshop-forever.ru/foto-i-photoshop/94-jeffekt-golubogo-svechenija.html - эффект голубого свечения
10. http://photoshop-forever.ru/foto-i-photoshop/86-glamur.html - гламур
11. искрящийся след - http://demiart.ru/forum/index.php?showtopic=37000
12. солнечный свет (лучи) - http://psd.at.ua/publ/7-1-0-161
13. луч света - http://malahitovaya.ru/forum/showthread.php?t=293
14. http://photoshop-forever.ru/foto-i-photoshop/13-reklama-dukhov.html - реклама духов
15. http://photoshop-forever.ru/foto-i-photoshop/95-fotomontazh-menjaem-fon.html - замена фона
16. http://photoshop-forever.ru/jeffekty/134-vospominanija-o-lete.html - коллаж
17. http://balbesof.net/article/a-113.html - коллаж
18. урок создания сияния - http://photoshop-forever.ru/foto-i-photoshop/14-urok-o-sozdanii-sijanija-i-sveta.html
19. интересный эффект коллажа - http://photoshop-school.in.ua/publ/15-1-0-276
20. день и ночь - http://artjunkies.net/tutorials/910-den-i-noch.html
21. открытка к дню св.валентина - http://www.photoshop-master.ru/lessons.php?rub=28&id=311
22. интересные переходы - http://www.photoshop-master.ru/lessons.php?rub=28&id=242


Много уроков по фотошоп - http://www.liveinternet.ru/showjournal.php?journalid=3053021&keywordid=1133486
Все для фотомонтажа (костюмы, шаблоны) –
http://www.yarfoto.ru/


Колорирование
1. http://photoshop-forever.ru/foto-i-photoshop/88-cvetovaja-obrabotka.html - цветовая обработка
2. http://photoshop-forever.ru/foto-i-photoshop/84-retro-jeffekt-v-2-klika.html - ретро в 2 клика
3. http://photoshop-forever.ru/jeffekty/124-krossprocessing-chto-jeto-takoe.html - цвет фото
4. http://photoshop-forever.ru/foto-i-photoshop/88-cvetovaja-obrabotka.html - цветовая обработка
5. колоризация - http://all-graphics.narod.ru/
6. эффект цветовой - http://ruthenia-alba.livejournal.com/13059.html
7. эффект винтаж - http://www.diano4ka.ru/040.php
8. карандашный рисунок из фото - http://www.diano4ka.ru/057.php
9. слияние двух картинок - http://www.diano4ka.ru/058.php
10. перекрашиваем фото - http://www.goldenone.ru/?go=post&id=410

Текстовые эффекты
1. http://ps-school.org/index.php?option=com_content&task=view&id=437&Itemid=76 – собирающийся текст
2. пишем в стиле Web - http://web-silver.ru/photoshop/tutorials/web-2-0-text-edge-reflection.php
3. надпись на аватаре - http://www.diano4ka.ru/025.php
4. http://arty-shock.ru/uroki-photoshop/animatsiya/rassyipanie.htm - рассыпание
5. http://demiart.ru/forum/index.php?showtopic=6037 – неоновый эффект букв
6. http://virtualreklama.narod.ru/statica.htm - эффект текста
7. http://forum.33b.ru/topic1831741.html - поднимающиеся буквы
8. http://www.photoshop-planet.ru/forum/index.php?showtopic=2683 - текст по кругу (движение)
9. http://forum.33b.ru/topic1784865.html - текст по контру сложного объекта
10. http://forum.33b.ru/topic36553.html - изломанный текст
11. текст-мозаика - http://zerolayer.ru/2007/05/01/tekstmozajjka.html
12. взрывная волна - http://www.photoshop-master.ru/lessons.php?rub=2&id=140
13. обтекание текстом - http://www.photoshop-master.ru/lessons.php?rub=28&id=232

Анимация
1. http://forum.33b.ru/topic1806208.html - крутящийся мяч и глобус
2. http://www.gifzona.com/e107/news.php?extend.158 – бегущий блик на рамке
3. http://arcanumclub.ru/autohtml0.php?filename=manual_art/manual_art_002.html - уроки анимации
4. http://photoshop-forever.ru/animacija/188-jeffekt-uvelichenija.html - эффект увеличения
5. анимация печатного текста - http://all-graphics.narod.ru/
6. стереокартинка - http://avatarochka.ru/forum/49-1439-1
7. вращающийся элемент - http://forum.33b.ru/posting.php
8. текст из звезд - http://forum.33b.ru/topic1821762.html
9. слайд шоу - http://www.diano4ka.ru/034.php
10. анимация блика - http://avatarochka.ru/forum/49-1615-1
11. блики - http://forum.rc-mir.com/topic1806238.html
12. исчезающее слово - http://forum.rc-mir.com/topic1798423_10.html
13. проявляющийся текст - http://www.liveinternet.ru/community/photoshopinka/post97859882/
14. анимация переливающейся рамки - http://paint.3dn.ru/forum/4-626-1
15. блестящая картинка - http://avatarochka.ru/forum/49-288-1
16. звездный текст - http://forum.rc-mir.com/topic1821762.html
17. анимация рукописного текста - http://globator.net/animation/44-animaciya-rukopisnogo-teksta.html
18. сияющий текст - http://paint.3dn.ru/forum/4-423-1
19. мигающая аватарка - http://www.photoshop-master.ru/lessons.php?rub=8&id=386
20. бегущий блик - http://www.diano4ka.ru/026.php
21. бьющееся сердце - http://apple.fcreator.ru/viewtopic.php?id=108
22. появляющийся текст - http://apple.fcreator.ru/viewtopic.php?id=952
23. окно загрузки - http://photoshop4u.ru/tutorials/animation/218-okno-zagruzki.html
24. дышащий текст - http://photoshop4u.ru/tutorials/animation/157-dyshashhijj-tekst.html
25. анимация радуги - http://avatars.mybb.ru/viewtopic.php?id=179
26. дождик - http://www.diano4ka.ru/018.php
27. юзебар - http://www.diano4ka.ru/progulka.php
28. падающий снег - http://www.liveinternet.ru/community/photoshop_tricks/post61472104/
29. эффект старого фильма - http://www.diano4ka.ru/022.php
30. мигающие буквы - http://apple.fcreator.ru/viewtopic.php?id=2051
31. слайд-шоу - http://apple.fcreator.ru/viewtopic.php?id=2062
32. проявляющейся текст - http://apple.fcreator.ru/viewtopic.php?id=952
33. сверкающий аватар - http://avatarochka.ru/forum/40-1758-1
34. лучи солнца - http://avatarochka.ru/forum/49-1821-1
35. запотевшее стекло - http://avatarochka.ru/forum/49-1694-2
36. гламурный эффект - http://forum.33b.ru/urok-sozdanie-glamurnyh-jeffektov-topic1824333
37. Эффект прожектора - http://freetemp.net/index.php?option=com_content&task=view&id=57&Itemid=63
38. разбрасываем звезды - http://www.diano4ka.ru/010.php
39. мерцание - http://www.diano4ka.ru/017.php
40. бриллианты - http://www.diano4ka.ru/020.php
41. блестящая надпись - http://www.diano4ka.ru/042.php http://www.photoshop-master.ru/lessons.php?rub=8&id=545

Web-дизайн
1. http://www.photoshop-free.ru/publ/11-1-0-369 - нарезка шаблона
2. анимированный баннер - http://www.diano4ka.ru/037.php
3. разноцветная шапка сайта - http://www.liveinternet.ru/users/pechalnaya_ya/post112336338/
4. шапка для сайта – коллаж http://paint.3dn.ru/forum/4-322-1
5. прозрачный переход для шапки сайта - http://www.photoshop-master.ru/lessons.php?rub=4&id=277
6.

Рисование
1. http://photoshop-forever.ru/jeffekty/175-flag-v-stekljannom-share.html - значок
2. округляем края - http://ollyfun.ucoz.ru/forum/2-10-1#190
3. красивый аватар - http://avatarochka.ru/forum/40-1995-1
4. открытка или приглашение - http://mgraphics.ru/show_articles.php?act=read&aid=628
5. рисуем обои - http://cc-studio.ru/forum/index.php?showtopic=208
6. лунная дорожка - http://photoshop4u.ru/tutorials/drawing/48-lunnaja-dorozhka.html
7. лист в клетку - http://worldps.ru/effects/674-tetradnyjj-listok-v-kletku.html
8. стикер - http://blogs.privet.ru/community/YANA_2008?tag_id=220175#post46516890
9. лесной пейзаж - http://ua-arts.com/102-lesnojj-pejjzazh.html
10. шар с помощью фильтра - http://demaker.ru/page-id-21.html
11. коробка для диска - http://www.2photo-paint.com/design_lessons/advert-cover-for-dvd-disk
12. обложка диска - http://photoshop-master.ru/adds.php?rub=14&id=103
13. тетрадный лист - http://forum.33b.ru/urok-tetradnyj-list-v-kletochku-topic1836411
14. снежный фон для открытки - http://www.photoshop-master.ru/lessons.php?rub=28&id=296

Смотреть дальше

Клипарт для оформления творческих работ - Декоративные Линии
15 PNG | 2000 x3000 | 300px | 24,8 Mb.
Дизайн: Natalivesna

 

 

Скачать

Смотреть  далее…

После прочтения этой статьи, ваш уровень владения программой гарантированно поднимется. Тут собрана выжимка самых классных приемов, которые экономят уйму времени.

Рекоммендую перечитывать раз в неделю и активно внедрять в повседневную работу.

1. Нажмите Tab, чтобы скрыть панель инструментов и палитры, Shift+Tab скроет только палитры.

2. Shift+клик по синей верхней полосе у панели инструментов или палитрах, переместит их к боковой границе окна.

3. Двойной клик по верхней синей полосе, в любом окне палитры, свернет ее.

4. Двойной клик по серому фону откроет диалоговое окно для открытия файла, Shift+двойной кликоткроет браузер Adobe Bridge.Читать далее

Уроки фотошопа. Отделение объекта от фона. Как вырезать?
Как вырезать объект из фона в фотошопе? Есть немало способов. В предыдущем уроке я рассказывала, как сделать клипарт с прозрачными краями, а сегодня я расскажу, как сделать клипарт, отделяя объект от фона. Я опробовала разные способы вырезания и остановилась для себя на одном, который подходит практически для любых объектов, даже сложных, но требует внимательности и терпения.  Сегодня мы будем вырезать объект пером. В предыдущем уроке "Лебединая верность"
я использовала для коллажа картинку с лебедями с размытыми, прозрачными
краями. Сегодня я покажу, как вырезать лебедя из фона для того, чтобы в
следующем уроке фотошопа научить вас использовать в коллаже вырезанный объект. Для вырезания
лучше подобрать картинку, где объект имеет четкие границы. Я выберу
картинку с лебедем, продолжая тему первого коллажа, для наглядности,
чтобы вы поняли разницу работы с вырезанной картинкой и картинкой с
размытыми краями. Вы можете взять любую свою картинку и вырезать ее из фона. Вот наша картинка с лебедем, которого мы будем отделять от фона: 

Читать далее...

Я нередко размещаю на страницах сайта различный клипарт. А что же собственно означает слово Клипарт? Слово происходит от английского ClipArt. Этим термином обозначается какое-либо изображение, иллюстрация, фрагмент какой-нибудь картинки, используемые при работе с графическими редакторами, такими, как Фотошоп или Корел. Пользуются <клипартом как простые пользователи фотошопа, так и продвинутые веб-дизайнеры, потому что клипарт – это неотъемлемая и, пожалуй, даже самая важная часть вашей будущей работы. 

Читать далее...

Навигация по урокам фотошопа

Читать далее...

Читать далее...

скачать

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ.

КАК РАЗДЕЛИТЬ КЛИПАРТ



Сегодня мне задали такой вопрос. Это не сложно. Вот смотрите как это делается.
Открываем наш клипарт.



"Читать далее..."

Кисти "Плазма" (9,9 Мб)


Скачать здесь

Читать далее...

Фотографии в альбоме «Восток» Zarema.Z_ova на Яндекс.Фотках

Серия сообщений "Восток":

Часть 1 - Клипарт "Восток"

Смотрите далее!