Это рубрика lessons.

:

рисуем модем

Шаг 1. Открываем новый документ (Ctrl+O) и создаем контур с помощью Инструмента Перо (Pen Tool (P)) в режиме «контуры (paths)».

pen tool

Шаг 2. Отрегулируем форму кривых с помощью Инструментов Угол (Convert Point) и Стрелка (Direct Selection (A)), чтобы получилась вот такая форма:

arrow convert point

Шаг 3. Создаем новый слой (Ctrl+Shift+N). Нажимаем Ctrl+Enter и заливаем (Shift+F5) появившееся выделение любым цветом.

выполняем заливку

Шаг 4. Теперь применим к нашему слою эффект слоя Наложение градиента (Gradient Overlay) c такими параметрам (чтобы открыть палитру Layer Styles (Стили Слоя) дважды кликните по миниатюре слоя на Палитре Слоев):

gradient overlay

Наше изображение после применения данного эффекта.

рисуем в фотошопе

Шаг 5. С помощью Инструмента Эллипс (Ellipse Tool (U)), рисуем поверхность, как показано внизу. И заливаем её #C26436 цветом.

эллипс

Шаг 6. Нарисуйте другую поверхность этим же инструментом, но чуть большего размера.

Шаг 7. Применим и к ней эффект слоя Наложение градиента (Gradient Overlay).

наложение градиента

Шаг 8. Теперь кликаем на первом овале, чтобы сделать активным его слой. Жмем на Ctrl+На миниатюре данного слоя, чтобы создать выделение для овала.

выделение овала

Шаг 9. Передвиньте выделение на один пиксель вверх. И создайте 1 пиксельную границу, для этого идем Выделение>Модификация>Граница (Select>Modify>Border) и задаем величину границы в 1 пиксель.

выделение граница

Шаг 10. Создаем новый слой (Ctrl+Shift+N) и, выбрав мягкую Кисть (Brush Tool (B)), закрашиваем белым цветом почти всю правую часть.

рисуем кистью

Шаг 11. Теперь с помощью Инструмента Овал (Ellipse Tool), рисуем черный овал непосредственно под модемом.

ellipse tool

Шаг 12. Растрируем этот слой и размываем его с помощью Фильтр>Размытие>Размытие по Гауссу (Filter>Blur>Gaussian Blur), задав размер размытия 4.1 пикселя.

размытие по гауссу

Шаг 13. Дублируем размытую поверхность и помещаем ее ниже второго овала. Уменьшаем непрозрачность до 55-60%. Этим мы создали тень от нашего объекта.

создаем тень

Шаг 14. Нарисуем квадратную поверхность с помощью Инстремента Прямоугольник (Rectangle Tool).

rectangle tool

Шаг 15. Рисуем однопиксельную линию на левой стороне квадрата. Группируем и сливаем слои.

однопиксельная линия

Шаг 16. Дублируем и выравниваем слои, как на рисунке.

дублируем и выравниваем слои

Шаг 17. Пишем любой текст на свободном месте у нашего модема.

Шаг 18. С помощью Инструмента Эллипс (Ellips Tool), рисуем такие вот овальчики. Их цвет указан на рисунке.

ellis tool

Шаг 19. Применяем эффект слоя Глянец (Satin).

satin

Шаг 20. И, наконец, на последнем шаге, добавляем маленькую линию, нарисовав ее с помощью Инструмента Перо (Pen Tool). Теперь наш ADSL модем можно подключать.

модем

:

В этом уроке мы сделаем пазл из фото с помощью Фотошопа. Для этого будем использовать чудную фотку малыша.

пазл

фото ребенка
копируем слой
переименование слоя

Шаг 1. Открываем фото в Фотошопе (Ctrl+N) и дублируем слой с фотографией на Панели Слоев, нажав Ctrl+J (это один из возможных вариантов получения копии слоя). Появившийся слой автоматически будет называться «Layer 1», переименовываем его для удобства в «Puzzle».

новый слой
new layer

Шаг 2. Создаем новый слой, для этого нажимаем на соответсвующую кнопочку на Панели Инструментов (см. рисунок), удерживая Ctrl (чтобы слой появился под тем на которым сейчас мы находимся).

заливаем слой
fill
черная заливка
background color

Шаг 3. Заливаем новый слой черным цветом. Для этого переходим на этот слой и идем Edit>Fill (Редактировать>Залить). В появившемся окне выставялем значения, как на рисунке внизу (цвет заливки делаем черным). После чего переименовываем его в «Background color».

texturizer
загрузить текстуру
текстура пазла
параметры фильтра
пазл

Шаг 4. Переходим на слой «Puzzle». И идем Filter>Texture>Texturizer, а в появившемся окне выбираем пункт Load Texture (Загрузить текстуру), кликнув по стрелочке. Далее идем в папку с соответствующей текстурой (обычно в Windows она находится по такому пути: для начала C:\Program files\Adobe\Photoshop CS3 (для этой версии фотошопа), далее находим папку Presets, а в ней Textures, где уже и кликаем по файлу Puzzle. psd). Параметры для фильтра установите, как на рисунке внизу.

pen tool
path
перо
выделение

Шаг 5. Выбираем инструмент Pen Tool (Перо (P)) в режиме «Paths»(Контуры) и обводим подходящий пазл. После этого нажимаем Ctrl+Enter, чтобы перевести контур в выделение.

layer via cut
новый слой

Шаг 6. Теперь идем Layer>New>Layer via Cut (Слой>Новый>Посредством вырезания). В результате чего получаем новый слой, который для удобства переимновываем в «First puzzle piece».

free transform

Шаг 7. Находясь на слое с пазлом, нажимаем Ctrl+T, чтобы вызвать инструмент Free Transform (Свободная Трансформация) и перемещаем этот пазл, как нам того захочется, по окончании нажимаем Enter.

drop shadow
тень
пазл

Шаг 8. Для красоты добавляем тень. Идем в соответствующий Стиль Слоя (см. рисунок) и задаем параметры примерно, как на рисунке внизу.






Шаг 9. Добавляем еще сдвинутых или удаленных пазлов схожим образом.

выделение пером
выделение
inverse
select

Шаг 10. Пришло время обрезать лишнее. Выделяем Пером по периметру подходящую форму и, нажав Ctrl+Enter, получаем выделение. Инвертируем его (Select>Inverse) и удаляем лишнее (Delete). После этого снимаем выделение (Ctrl+D).

снимаем выделение
заливаем белым
пазл

Шаг 11. После этого снимаем выделение (Ctrl+D). Переходим на слой «Background color» и заливаем его белым (или не заливаем, как хотите): Edit>Fill.

drop shadow
тень
пазл

Шаг 12. Осталось только добавить общую тень, но это уже по желанию. Делаем точно также, как и для отдельного пазла. Наш пазл готов!

:

Создаем приятный простой шаблон сайта с помощью Фотошопа. Всего 12 шагов и ваш сайт готов.

приятный простой шаблон сайта

create new document

Шаг 1. Первый делом, создаем новый документ (Ctl+N), размером 1000*600 пикселей.

gradient overlay
gradient editor

Шаг 2. Создаем новый слой (Ctrl+Shift+N) и идем в Layer Styles (Стили Слоя) двойным щелчком по иконке слоя на Палитре Слоев. А там в пункте Gradient Overlay (Наложение Градиента) задаем следующие параметры (тем самым мы закрасили весь слой приятным зеленым градиентом)

текстура земли

Шаг 3. Добавим текстуру. Для этого скачаем ее отсюда, вставим в новый слой и поменяем Режим Смешивания (Blending Mode) на Linear Burn (Линейный Затемнитель).

rectanqular marquee tool

Шаг 4. Теперь, выбираем Инструмент Rectanqular Marquee Tool (Прямоугольная Область(M)) и выделяем им область, как на рисунке внизу. Создаем новый слой (Ctrl+Shift+N) и, перейдя на него, заливаем прямоугольник зеленым (#75a414) цветом.

выделенная область

Шаг 5. Повторяем предыдущий шаг для создания новой области. Заливаем его #639013.

rounded rectangle tool

Шаг 6. Выбираем Инструмент Rounded Rectangle Tool (Прямоугольник со скругленными углами (U)) с радиусом скругления около 5 пикселей и рисуем белую область

навигационная панель

Шаг 7. Тем же Инструментом Rounded Rectangle Tool (U) рисуем навигационную область и после этого, выбрав Инструмент Type Tool (Текст (T)), пишем слово «home» (или любое другое), используя #639013 цвет.

навигационные кнопки

Шаг 8. Если надо, рисуем ещё навигационные кнопки тем же способом.

gradient overlay
gradient editor

Шаг 9. Покажем, что созданная в предыдущем шаге кнопка неактивна в данный момент. Для этого закрасим её в отличный от белого цвет. Идем в Стили Слоя (Layer Styles) слоя с кнопкой (кликнув дважды по иконке слоя) и задаем следующие параметры:

пишем текст

Шаг 10. Добавлем белый текст неактивным кнопкам.

макет сайта

Шаг 11. После того, как мы подпишем все кнопки, наш шаблон сайта будет выглядеть так

рисуем макет сайта

Шаг 12. Осталось только добавить текст и картинки. Наш макет сайта готов.