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

 Отправлено: 20.09.09 23:03. Заголовок: Создание бесшовных и..

Создание бесшовных или затайленных текстур

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

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

 Отправлено: 20.09.09 23:03. Заголовок: http://s52.radikal.r..

На первый взгляд, фотографии разные и затайливанию не подлежат. Это обманчивое впечатление. Сейчас вы сами всё увидите.

 Отправлено: 20.09.09 23:03. Заголовок: Приступим. Сперва, н..

Приступим. Сперва, необходимо проверить включено ли прилипание, если - нет, включить:



Затем, выделяем инструмент Move Tool:



После, дублируем основной слой и сдвигаем его наполовину влево (или вправо, не суть), прилипание, в этом случае позволит обойтись без направляющих и лишних телодвижений, поскольку, изображение, на определённом этапе его транспортировки, всем своим центром рванёт к рамке рабочего изображения, но это будет работать, только, если у вас в руках Move Tool:

 Отправлено: 20.09.09 23:03. Заголовок: http://s42.radikal.r..

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

 Отправлено: 20.09.09 23:04. Заголовок: В результате, мы име..

В результате, мы имеем бесшовные изображения по вертикальным краям и кошмарные швы посередине. Будем с ними бороться, для чего выберем инструмент Ластик (Eraser Tool). В опциях ластика отключим все динамики, вообще всё, кроме Smoothing или, как я подозреваю, по-русски, сглаживания (прошу прощения, ни разу не работала в русскоговорящем фотошопе). Диаметр ластика должен быть не очень большим, чтобы не получилось слишком нечётких краёв, которые, в итоге, приведут к размытости частей изображения:

Важно: для следующего этапа необходим включённый слой с первоначальным изображением.

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

 Отправлено: 20.09.09 23:04. Заголовок: http://s46.radikal.r..

Полюбовавшись на замечательный результат и подрихтовав огрехи, сливаем все имеющиеся слои в один. По вертикальным границам наши картинки теперь затайлены. Приступим к горизонтальным. Принцип тот же: берём Move Tool, дублируем слой, сдвигаем его наполовину вверх, дублируем слой, сдвигаем его наполовину вниз, сливаем слои со сдвинутым изображением, включаем, если выключили, базовый слой, берём ластик и трём (единственное отличие от первой стадии в том, что, при стирании, нельзя затрагивать изображение вплотную к боковым границам рабочего поля, иначе нарушается целостность вертикального шва, если этого не избежать, то стирать пограничное изображение придётся симметрично):

 Отправлено: 20.09.09 23:04. Заголовок: http://s61.radikal.r..

 Отправлено: 20.09.09 23:04. Заголовок: Уффф... на написание..

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

www.alldesign.biz

Автор: css
`

 Отправлено: 20.09.09 23:07. Заголовок: Урок по созданию кру..

Урок по созданию круглой кнопки.

Урок Adobe Photoshop по созданию круглой кнопки в стиле Web 2.0.

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

Создадим новый документ с размерами 500х500 (по вашему желанию) и прозрачным фоном.

Выберем основной цвет F98203 и с помощью инструмента Элипс нарисуем круг удерживая при этом кнопку Shift для сохранения пропорций.

 Отправлено: 20.09.09 23:07. Заголовок: Два раза щелкнем на ..

Два раза щелкнем на слое с кругом в палитре слоев и в открывшемся окне настроим стиль слоя.



Создадим новый слой и поместим его под слой с гругом.
После этого, удерживая кнопку Ctrl кликнем по иконке слоя с кругом в палитре слоев для создания выделенной области.
Дальше переходим в меню Выделение - Модификация - Расширить и вводим значение 15 Пикс..

 Отправлено: 20.09.09 23:08. Заголовок: Выбираем инструмент ..

Выбираем инструмент Градиент (синий - желтый - синий).



И меняем цвета в панели настройки градиента.



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

 Отправлено: 20.09.09 23:08. Заголовок: Создадим еще один но..

Создадим еще один новый слой и поместим его на самый верх в палитре слоев. Удерживая клавишу Ctrl, кликнем на иконке слоя с кругом в палитре слоев. Теперь идем в меню Выделение - Модификация - Сжать и вводим значение 3 пикс..



Выберем инструмент Градиент (от белого к прозрачному) и в панели настройки градиентов заменим белый цвет на желтый.



Проведем линию от нижней границы выделенной области примерно до ее середины.

 Отправлено: 20.09.09 23:08. Заголовок: Создадим новый слой ..

Создадим новый слой и выберем инструмент Овальная область, при этом отметим опцию Вычитание из выделенной области.



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



Зальем выделенную область градиентом (от белого к прозрачному) и установим прозрачность слоя 90%.

 Отправлено: 20.09.09 23:08. Заголовок: Теперь осталось толь..

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





Автор: m0skit

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

www.alldesign.biz

 Отправлено: 20.09.09 23:10. Заголовок: Рисуем шаблон сайта ..

Рисуем шаблон сайта

Для начала стоит определиться с задачами. Итак, нам необходимо создать простой шаблон со стандартным расположением основных элементов. Т.е. у нас будет шапка сайта, левая колонка, центральная часть и так называемый "footer".

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

Данный урок не претендует на 100% инструкцию, т.е. не стоит воспринимать все действия как обязательные. Уверен, существуют более удобные и простые способы выполнения того или иного шага урока. Скорее урок надо рассматривать как описание того как я сделал данный шаблон, а не описание того как должны делать вы. Т.е. вы всегда можете сделать то или иное действие по своему, на свой взгляд и усмотрение и инструментами к которым привыкли вы.

Итак, начинаем.
Создаем новый документ с размерами 780 (ширина) пикселей Х 800 (высота) пикселей.

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

С помощью инструмента Прямоугольник рисуем вот такую полоску, размером на весь лист.



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

Выставляем такие вот настройки.

 Отправлено: 20.09.09 23:10. Заголовок: Настройки градиента...

Настройки градиента.



Для крайних маркеров я установил цвет #7C7C7C, а для центрального #DBDBDB.
В итоге и получим полоску как на рисунке.



Теперь с помощью инструмента Прямоугольник со скругленными углами нарисуем левую колонку.

 Отправлено: 20.09.09 23:11. Заголовок: Настройки стилей для..

Настройки стилей для колонки.



Цвет я выбрал #C8C8C8





Настройки для градиента.



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



Теперь с помощью инструмента Прямоугольник рисуем прямоугольник в самой нижней части нашего шаблона. Цвет для заливки #DF6900.



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



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

Рисуем еще один прямоугольник с помощью одноименного инструмента и применяем следующие настройки стилей.

 Отправлено: 20.09.09 23:11. Заголовок: Настройки градиента ..

Настройки градиента







И размещаем как показано на рисунке.



Теперь продублируем этот слой и разместим его в самом верху нашего шаблона.



Далее, визуально выделим верхнюю часть левой и центральной колонок, там будут заголовки.

 Отправлено: 20.09.09 23:12. Заголовок: Начнем с левой колон..

Начнем с левой колонки. Продублируйте слой с левой колонкой и растеризуйте его. Далее, уберем лишнее. Я это сделал инструментом "Прямоугольная область", просто выделил ненужное, вырезал на новый слой, а потом удалил. Изменим настройки стиля в оставшемся фрагменте.

Установим вместо наложения градиента наложение цвета. Цвет я выбрал #C8C8C8.



Уберем настройки тени, а обводку оставим без иизменения.

Аналогичные действия проделаем и с центральной колонкой. В результате получим следующее.