Отправлено: 20.09.09 23:01. Заголовок: Уроки фотошопа найденные в инете

 Отправлено: 20.09.09 23:12. Заголовок: Общие черты шаблона ..

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



Отразим ее по горизонтали и просто перетащим ее в наш шаблон. Если нужно изменяем размер, стираем лишнее и располагаем следующим образом



Как видно, картинка не очень подходит по цвету к нашему шаблону. Изменим это. Дважды щелкнем мышкой по слою в палитре слоев и в открывшемся окне настроек отметим галочкой Наложение цвета. И выберем цвет #DF6900. Кстати, тут все зависит от исходного изображения, для другого может понадобится наложение другого оттенка.



Как видим картинка стала более гармонично вписываться в наш шаблон. Но чем заполнить левую часть шапки, ведь там нет никакой картинки. Сделаем следующее. С помощью иснтрумента Прямоугольная область, выделим небольшую полоску нашего изображения.

 Отправлено: 20.09.09 23:13. Заголовок: Скопируем выделение ..

Скопируем выделение на новый слой и растянем его в левую сторону до самого края нашего шаблона.



Теперь добавим к этому слою Слой-маску.



Выбираем инструмент Кисть с мягкими краями и большога размера. Устанавливаем основной цвет черный. Рисуем кистью с левого края, как видим слой становится прозрачным. Выберем белый цвет и применим кисть с правого края. В результате у меня получилось следующее.



Теперь для большей наглядности добавим логотип сайта, заголовки, текст, пункты меню, форму поиска. Описывать полностью это я не буду, так как тут и так все понятно, а если не понятно, то задавайте вопросы. И вот что у меня получилось.



Осталось только его поделить на части.

www.alldesign.biz

 Отправлено: 20.09.09 23:13. Заголовок: ********************..

********************************************
Как разрезать шаблон сайта

Небольшой урок, скорее даже просто инструкция - как разрезать шаблон сайта в Adobe Photoshop (без использования Image Ready).

Итак, начинаем.
Открываем или рисуем необходимый шаблон сайта. Для урока я взял такой шаблон.



Дальше выбираем инструмент Фрагмент (Slice). У меня он называется Раскройка (тут все зависит от руссификатора установленного у вас).



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



Наверняка, вы уже заметили что каждый фрагмент имеет свой номер. Это очень важно, так как именно этот номер будет присутствовать в названии сохраненного фрагмента.

 Отправлено: 20.09.09 23:13. Заголовок: С помощью инструмент..

С помощью инструмента Выделение фрагмента (Slice Select Tool),



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

После того как вы закончили резать свой шаблон и добились необходимого результата, переходим в меню Файл - Сохранить для Веб (File - Save for Web).



В открывшемся окне выбираем необходимый формат для сохранения фрагментов изображения (GIF, JPG, PNG). Кстати, в данном окне сохранения, вы можете выбрать любой фрагмент и персонально для него установить степень сжатия (т.е. качество). Соответственно, чем хуже качество, тем меньше размер файла и тем быстрее он будет загружаться. Так что ищем золотую середину между качеством и уменьшением размера. Советую воспользоваться данной возможностью и установить для каждого фрагмента оптимальные параметры сохранения - это может существенно сказаться на общем размере вашего изображения.

 Отправлено: 20.09.09 23:14. Заголовок: После этого, нажим..

После этого, нажимаем Сохранить (Save) пишем имя файла и в выпадающем меню выбираем необходимый тип сохранения. Я выбрал HTML и изображения. При этом создается html документ и отдельная папка со всеми фрагментами нашего изображения.



Вот и все. Теперь открываете сохраненный html документ в любом html-редакторе или просто блокноте (кому как нравится) и правим HTML код согласно своим задумкам.

Автор: m0skit

При копировании статьи, ссылка на AllDesign.biz обязательна !!!

www.alldesign.biz

 Отправлено: 20.09.09 23:16. Заголовок: Делаем зрачок. Часть..

Делаем зрачок.
Часть I 1. Новое изображение 100х100 с прозрачным фоном.
2. Выберите два цвета для вашего глаза. Желательно чтобы они были одного оттенка, но один тёмный, а второй светлый (например: #865F00 и #FFB400)
3. Заливаем фон белым.
4. Делаем прямоугольное выделение и заливаем тёмным цветом.



5. Image > Adjustments > Invert (Ctrl+I)
6. Filter > Stylize > Wind с настройками
Method: Wind
Direction: From the Left


Жмём 3 раза Ctrl+F.
7. Ctrl+I
8. Новый слой. Делаем прямоугольное выделение и заливаем светлым цветом.

 Отправлено: 20.09.09 23:16. Заголовок: 9. Filter > Blur..

9. Filter > Blur > Gaussian Blur с силой 4.5.

10. Ctrl+E
11. Ctrl+I
12. Filter > Stylize > Wind с настройками
Method: Wind
Direction: From the Left

13. Ctrl+I

14. Filter > Blur > Motion Blur с настройками
Strength: 30
Angle: 0




15. Image > Rotate Canvas > 90 degrees CCW
16. Копируем изображение (Ctrl+A, Ctrl+C)

Первая часть закончилась. Идём отдыхать, а потом возвращаемся

 Отправлено: 20.09.09 23:16. Заголовок: Часть II 1. Новое из..

Часть II
1. Новое изображение 200х200 с прозрачным фоном.
2. Жмём два раза Ctrl+V.
3. Размещаем слои как на картинке и сливаем в один.



4. Создаём новый слой под слоем с радужкой.
5. Верхнюю половину заливаем чёрным, а нижнюю белым.



6. На слое с радужкой делаем выделение как на рисунке



7. Filter > Blur > Gaussian Blur с силой 2.



8. Ctrl+E
9. Filter > Distort > Polar Coordinates: Rectangular to Polar.

 Отправлено: 20.09.09 23:17. Заголовок: Блестящая линза: 1. ..

Блестящая линза:
1. Делаем круглое выделение.



2. С помощью Rectangular Marquee Tool отсекаем половину выделения (для этого держим Alt)



3. Жмём D, чтобы сбросить цвета. Создаём новый слой и заполняем выделение градиентом.



4. Выставляем blending mode на screen.





Автор: N-Sane
Перевод: Erised
Источник: Photoshop.demiart.ru

http://www.creative-world.ru/lessons/lessonsphotoshop/25-risuem-zrachok.html

 Отправлено: 20.09.09 23:18. Заголовок: Девушка-кошка (фотом..

Девушка-кошка (фотомонтаж)

Урок Photoshop "Девушка-кошка (фотомонтаж)". На сегодняшнем уроке Photoshop будем заниматься фотомонтажом. Сегодня будем делать Девушку-кошку. Для этого выберем фото девушки, над которой будем измываться (у меня это фото Клаудии Шиффер) и фото кота. Важно, чтобы поворот голов на фотографиях был примерно одинаков, чтобы нам легче было монтировать.



1. Вырезаем голову кота. Для этого я выбрала инструмент
«Магнитное Лассо» (Magnetic Lasso)
и обвела им вокруг головы кота. Но у меня фоноднородный, поэтому я быстро это сделала, а если у вас фон будет яркий,то придётся использовать другой способ выделения, например Быструю маску (Quick Mask).



Кот у меня выделился и я нажимаю (Ctrl+J), чтобы перенести выделение на новый слой. Вот так теперь у нас выглядит окно слоёв:

 Отправлено: 20.09.09 23:18. Заголовок: 2. Берём инструмент ..

2. Берём инструмент
«Перемещение» (Move) (V)
и перетаскиваем кота на фото с девушкой, изменяем непрозрачность слоя с котом до 50-55 %,применяем трансформирование Ctrl+T и совмещаем нос и глаза девушки с кошачьими, нажимаем ОК.



Возвращаем непрозрачность слою 100% и идём в
Изображение – Коррекция- Цветовой тон / Насыщенность
(Image – Adjustment – Hue / Saturation)
или нажмём клавиши Ctrl+U и подгоняем цвет шерсти кошки под цвет волос девушки:

 Отправлено: 20.09.09 23:18. Заголовок: 3. Снова уменьшаем п..

3. Снова уменьшаем прозрачность слоя до 40 – 50 %, берём инструмент
«Ластик»(Eraser)(Е)
и стираем зону губ, глаз и волос, которые падают налоб и щёки, получится примерно так:



Вернём непрозрачность слоя до 100%, если всё нас устраивает, тоуменьшаем непрозрачность Ластика до 30 – 35 % и выбираем кисть для ластика из набора
«Assorted Brushes»:



Уменьшаем размер кисти до нужного нам и стираем края нашей кошачьей маски – под губой, на щеках, на лбу, и везде, где считаем нужным:

 Отправлено: 20.09.09 23:18. Заголовок: 4. На следующем этап..

4. На следующем этапе перейдём на слой с девушкой, выбереминструмент
«Палец»(Smudge),
установим
Интенсивность (Strength)
70 – 80% и подправим волосы возле уха, чтобы был более естественный переход. И посмотрим, может ещё что-то нужно подправить «Пальцем». Если хотим что-то размазать на кошачьей маске, то не забываем перейти на слой смаской. (На маске я поправила светлую шерсть под глазами).

 Отправлено: 20.09.09 23:19. Заголовок: 5. Добавим нашей кош..

5. Добавим нашей кошечке усики. Для этого сначала создадим новый слой, нажав на иконку Иконка Фотошоп, которая расположена внизу окна
Слои (Layers).
Возьмём пипеткой светлый цвет для усов на правой щеке. Кисть выбираем твёрдую круглую в 1 пкс. И изменим настройки кисти, для этого нажимаем F5, откроется окно, устанавливаем там такие настройки кисти:




Рисуем кисточкой усики на правой щеке, затем возьмём пипеткой светлый цвет с левой щеки и там нарисуем усики. Можно ещё на бровях усики нарисовать.

 Отправлено: 20.09.09 23:19. Заголовок: 6. Ещё, я думаю, что..

6. Ещё, я думаю, что нужно второе ухо добавить. Для этого перехожу на слой с маской и беру инструмент
«Лассо»(Lasso)(L)
и выделяю ухо:



7. Затем нажимаем Ctrl+J и у нас появится новый слой с вырезанным ухом. Берём инструмент
«Перемещение» (Move) (V)
и перетаскиваем ухо налевую от нас сторону. Нажимаем Ctrl+T, появится сетка трансформирования. Нажимаем правой кнопкой мыши внутри этой сетки ивыбираем строчку
«Отразить по горизонтали» (Flip horizontal),
далее поворачиваем как нам нужно и жмём ОК:




Возьмём Ластик с прозрачностью 60 – 65 %, с мягкой круглой кистью и сотрём места локонов волос.
Затеним это ухо немного инструментом
«Затемнение» (Burn)

 Отправлено: 20.09.09 23:19. Заголовок: 8. Ещё я решила сдел..

8. Ещё я решила сделать глаза ярче и изменить их цвет. Для этогоБыстрой маской выделила глаза, вырезала их на новый слой и установиладля этого слоя
Режим смешивания (Blending Mode) - Освещение (Screen)




Затем также вырезала зрачки на новый слой, и перейдя на
Изображение– Коррекция - Цветовой тон / Насыщенность
(Image – Adjustment – Hue /Saturation) (Ctrl+U)
установила вот такие параметры, чтобы придать зрачкам зелёный цвет:



9. Ну и последнее. Создадим рамочку, чтобы работа имела законченный вид. Для рамочки создадим новый слой на самом верху окна Слоёв. Вот чтоу меня получилось:



Автор: Любовь

globator.net

 Отправлено: 20.09.09 23:20. Заголовок: Фотомонтаж: меняем ф..

Фотомонтаж: меняем фон

Оригинальные фотографии:


Результат урока:



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

 Отправлено: 20.09.09 23:21. Заголовок: Итак, откройте фото,..

Итак, откройте фото, которое хотите поместить на другой фон:

На панели инструментов кликните на иконке
Quick Mask (Быстрая маска)
или нажмите Q на клавиатуре.

Теперь двойным щелчком кликните на этой же иконке, чтобы зайти в опции. Убедитесь, что у Вас стоят такие же параметры:

Берем инструмент
Brush (Кисть)
и аккуратно начинаем выделять. Тут главное- не торопиться.

Для выделения мелких деталей используйте меньший размер кисти:

Итак, вся фигура девушки выделена:

Жмем Q на клавиатуре:

В верхнем меню жмем
Edit-Copy
(Редактирование- Скопировать).

 Отправлено: 20.09.09 23:21. Заголовок: Открываем фото с нов..

Открываем фото с новым фоном. Я выбрал тропический лес.

Edit-Paste
(Редактирование- Вставить):

Как видите, тропический лес просвечивает сквозь фигуру девушки. Исправим это- создадим дубликат слоя с девушкой:
Layer-Duplicate Layer
(Слои-Создать Дубликат слоя).
Нажмите F7, если у Вас закрыто окно слоев.

Теперь объединим два слоя с девушкой в один. Нажмите Ctrl на клавиатуре и выделите оба слоя с девушкой. Кликните правой мышкой на выделенных слоях и выберите
Merge Layers (Объединить слои):

Теперь у нас снова один слой с девушкой:

Нажмите Ctrl+T на клавиатуре:

В верхнем меню нажмите на иконку цепочки, чтобы при изменении размеров слоя с девушкой сохранялись пропорции:

И начинайте изменять размеры слоя с девушкой:

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

Нажмите Enter. Увеличьте изображение. Видите, после выделения с оригинальной фотографии в некоторых местах остались мелкие светлые области по краям?

Чтобы избавиться от этих лишних пикселов, нажмите
Layer-Matting-Defringe
(Слои-Придание матовости-Удаление бахромы):

Светлые участки исчезли:

Теперь создадим видимость того, что девушка стоит позади куста с травой и ствола дерева- это придаст реалистичности. Берем инструмент
Eraser (Ластик)
и аккуратно стираем нижние части ног, которые должны находиться позади травы и дерева:

 Отправлено: 20.09.09 23:22. Заголовок: Чтобы лучше видеть о..

Чтобы лучше видеть очертания травы и ствола дерева, уменьшите прозрачность слоя с девушкой:

Стираем лишние участки и возвращаем прозрачность. Девушка уже стоит за травой и деревом:

Посмотрите: лес имеет сочные яркие краски, а насыщенность цветов у фигуры девушки недостаточная, и это бросается в глаза. Исправим это. Создадим дубликат слоя с девушкой:
Layer-Duplicate Layer (Слои-Создать Дубликат слоя)
и изменим режим смешения слоя-дубликата на
Soft Light (Мягкий свет):

Совсем другой результат:

(Автор не написан)

globator.net