Форум » Магия фотошопа - Photoshop magic » Уроки фотошопа найденные в инете » Ответить
Уроки фотошопа найденные в инете
Натали: Выкладывая урок, обязательно выкладываем ссылку на сайт, где были взяты работы и имя того человека, кто выложил ту или иную работу.
Натали: Создание бесшовных или затайленных текстур Доброе время суток. Поскольку в сети существует великое множество различных уроков на всевозможные темы, в том числе, и по фотошопу, я никогда раньше не стремилась поделиться с общественностью своими знаниями, ибо и без меня многое уже сказано. Так что, это - мой первый урок на тему, которая мне никогда в сети на глаза не попадалась, но, тем не менее, представляет интерес для определённого круга пользователей славной программы фотошоп. Я хочу рассказать вам о моём способе создания бесшовных текстур из практически любых изображений, в том числе, и из фотографий различных поверхностей. По роду деятельности мне часто приходится тайлить текстуры и, за некоторое время творческих поисков, я выработала свой, практически безотказный, способ. Точнее, основа способа одна, но с некоторыми нюансами, зависящими от характера изображения. На данный момент я расскажу вам об одном, который довольно прост, быстр в исполнении, работает в большинстве случаев и даёт превосходные результаты. Итак, для демонстрации, я взяла два не очень сложных, но и не слишком простых изображений: фотографии металлических шариков и металлической стружки:
Натали: На первый взгляд, фотографии разные и затайливанию не подлежат. Это обманчивое впечатление. Сейчас вы сами всё увидите.
Натали: Приступим. Сперва, необходимо проверить включено ли прилипание, если - нет, включить: Затем, выделяем инструмент Move Tool: После, дублируем основной слой и сдвигаем его наполовину влево (или вправо, не суть), прилипание, в этом случае позволит обойтись без направляющих и лишних телодвижений, поскольку, изображение, на определённом этапе его транспортировки, всем своим центром рванёт к рамке рабочего изображения, но это будет работать, только, если у вас в руках Move Tool:
Натали: Если вы, всё таки, сомневаетесь в точности положения центра изображения, рекомендую воспользоваться опцией свободной трансформации, тут уж гарантированно виден центр. Потом, дублируем активный слой, аналогично сдвигаем его в противоположную сторону и сливаем оба получившихся слоя в один:
Натали: В результате, мы имеем бесшовные изображения по вертикальным краям и кошмарные швы посередине. Будем с ними бороться, для чего выберем инструмент Ластик (Eraser Tool). В опциях ластика отключим все динамики, вообще всё, кроме Smoothing или, как я подозреваю, по-русски, сглаживания (прошу прощения, ни разу не работала в русскоговорящем фотошопе). Диаметр ластика должен быть не очень большим, чтобы не получилось слишком нечётких краёв, которые, в итоге, приведут к размытости частей изображения: Важно: для следующего этапа необходим включённый слой с первоначальным изображением. Теперь начинаем аккуратно вытирать часть изображения, которое приходится на центральный шов, стараясь не сильно от этого шва удаляться. Не стесняемся, в процессе, менять диаметр ластика. Для удовлетворительного результата, необходимо стирать так, чтобы открывать вменяемую часть изображения, останавливаясь на границах целых деталей, как бы вплавляя верхний слой в нижний. Хорошо, когда границы стираемой области неровные, это придаст живости и реализма конечному изображению. В принципе, процесс весьма прост, вот, что у меня, в результате, получилось (для наглядности, я отскринила результаты и с выключенным базовым слоем):
Натали: Полюбовавшись на замечательный результат и подрихтовав огрехи, сливаем все имеющиеся слои в один. По вертикальным границам наши картинки теперь затайлены. Приступим к горизонтальным. Принцип тот же: берём Move Tool, дублируем слой, сдвигаем его наполовину вверх, дублируем слой, сдвигаем его наполовину вниз, сливаем слои со сдвинутым изображением, включаем, если выключили, базовый слой, берём ластик и трём (единственное отличие от первой стадии в том, что, при стирании, нельзя затрагивать изображение вплотную к боковым границам рабочего поля, иначе нарушается целостность вертикального шва, если этого не избежать, то стирать пограничное изображение придётся симметрично):
Натали:
Натали: Уффф... на написание урока я потратила больше времени, чем на сами картинки, что говорит о том, что труд дизайнеров, с некоторых сторон, несравнимо легче труда писателей. www.alldesign.biz Автор: css
Натали: Урок по созданию круглой кнопки. Урок Adobe Photoshop по созданию круглой кнопки в стиле Web 2.0. Итак, начнем. Создадим новый документ с размерами 500х500 (по вашему желанию) и прозрачным фоном. Выберем основной цвет F98203 и с помощью инструмента Элипс нарисуем круг удерживая при этом кнопку Shift для сохранения пропорций.
Натали: Два раза щелкнем на слое с кругом в палитре слоев и в открывшемся окне настроим стиль слоя. Создадим новый слой и поместим его под слой с гругом. После этого, удерживая кнопку Ctrl кликнем по иконке слоя с кругом в палитре слоев для создания выделенной области. Дальше переходим в меню Выделение - Модификация - Расширить и вводим значение 15 Пикс..
Натали: Выбираем инструмент Градиент (синий - желтый - синий). И меняем цвета в панели настройки градиента. После, убедившись что выбран новый слой, проводим линию от верхней границы выделенной области к нижней (при этом удерживаем клавишу Shift). Должно получиться следующее.
Натали: Создадим еще один новый слой и поместим его на самый верх в палитре слоев. Удерживая клавишу Ctrl, кликнем на иконке слоя с кругом в палитре слоев. Теперь идем в меню Выделение - Модификация - Сжать и вводим значение 3 пикс.. Выберем инструмент Градиент (от белого к прозрачному) и в панели настройки градиентов заменим белый цвет на желтый. Проведем линию от нижней границы выделенной области примерно до ее середины.
Натали: Создадим новый слой и выберем инструмент Овальная область, при этом отметим опцию Вычитание из выделенной области. Теперь нарисуем круг так чтобы осталась выделенная область примерно как на рисунке. Зальем выделенную область градиентом (от белого к прозрачному) и установим прозрачность слоя 90%.
Натали: Теперь осталось только добавить необходимый текст или рисунок и все, кнопка готова. Автор: m0skit При копировании статьи, ссылка на AllDesign.biz обязательна !!! www.alldesign.biz
Натали: Рисуем шаблон сайта Для начала стоит определиться с задачами. Итак, нам необходимо создать простой шаблон со стандартным расположением основных элементов. Т.е. у нас будет шапка сайта, левая колонка, центральная часть и так называемый "footer". Сразу хочу предупредить о том, что в этом уроке я опишу только общие моменты и не буду останавливаться на мелких. А если у вас все же возникнут вопросы, то задавайте их либо тут, либо на нашем форуме в теме обсуждения этого урока, но лучше на нашем форуме. Данный урок не претендует на 100% инструкцию, т.е. не стоит воспринимать все действия как обязательные. Уверен, существуют более удобные и простые способы выполнения того или иного шага урока. Скорее урок надо рассматривать как описание того как я сделал данный шаблон, а не описание того как должны делать вы. Т.е. вы всегда можете сделать то или иное действие по своему, на свой взгляд и усмотрение и инструментами к которым привыкли вы. Итак, начинаем. Создаем новый документ с размерами 780 (ширина) пикселей Х 800 (высота) пикселей.
Натали: С помощью инструмента Прямоугольник рисуем вот такую полоску, размером на весь лист. Не страшно если боковые стороны прямоугольника будут выступать за края нашего документа. Располагаем его в верхней части нашего шаблона (как показанно на рисунке). Теперь дважды щелкните по слою с прамоугольником в палитре слоев, чтобы установить стиль слоя (кстати, на моем изображении прямоугольник уже после настройки стилей). Выставляем такие вот настройки.
Натали: Настройки градиента. Для крайних маркеров я установил цвет #7C7C7C, а для центрального #DBDBDB. В итоге и получим полоску как на рисунке. Теперь с помощью инструмента Прямоугольник со скругленными углами нарисуем левую колонку.
Натали: Настройки стилей для колонки. Цвет я выбрал #C8C8C8 Настройки для градиента. Далее создадим центральную колонку с помощью все того же инструмента Прямоугольник со скругленными углами и применим те же настройки стилей как и у левой колонки. Теперь с помощью инструмента Прямоугольник рисуем прямоугольник в самой нижней части нашего шаблона. Цвет для заливки #DF6900. Продублируем этот слой и переместим прямоугольник в самую верхнюю часть нашего шаблона. Если надо трансформируем его так чтобы он занимал все пространство между горизонтальной полоской и верхним краем шаблона. Теперь создадим панель меню. У меня она будет в виде горизонтальной полоски, причем как вверху так и внизу шаблоны. Рисуем еще один прямоугольник с помощью одноименного инструмента и применяем следующие настройки стилей.
Натали: Настройки градиента И размещаем как показано на рисунке. Теперь продублируем этот слой и разместим его в самом верху нашего шаблона. Далее, визуально выделим верхнюю часть левой и центральной колонок, там будут заголовки.
Натали: Начнем с левой колонки. Продублируйте слой с левой колонкой и растеризуйте его. Далее, уберем лишнее. Я это сделал инструментом "Прямоугольная область", просто выделил ненужное, вырезал на новый слой, а потом удалил. Изменим настройки стиля в оставшемся фрагменте. Установим вместо наложения градиента наложение цвета. Цвет я выбрал #C8C8C8. Уберем настройки тени, а обводку оставим без иизменения. Аналогичные действия проделаем и с центральной колонкой. В результате получим следующее.
полная версия страницы