Photoshop

Взрыв

Fake — Thu, 23 Apr 2009 16:56:38 GMT

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

Создайте новое изображение размером 800х600 пикселей с черным фоном. Нажмите клавишу D для того, чтобы установить цвета по умолчанию, а затем Х, чтобы поменять их местами. Возьмите инструмент Radial Gradient Tool и произвольно залейте изображение.

Создайте новый слой
(Ctrl+Shift+N). Примените один раз фильтр Clouds (Filter > Render > Clouds) и два раза фильтр Difference Clouds (Filter > Render > Difference Clouds). Установите Blending Mode слоя с Облаками на Color Dodge.

Примените к слою функцию Hue/Saturation (Image > Adjust > Hue/Saturation) с параметрами
Hue: 30
Saturation: 50
Lightness: 40.

Кроме того, пользуясь этим эффектом можно получить впечатляющие языки пламени: для этого на третьем шаге в Hue/Saturation установите такие параметры:
Hue: 30
Saturation: 50
Lightness: 0.

О боже мой

Fake — Sat, 24 Jan 2009 14:12:48 GMT

О боже сайт возобновил работу по вопросам 1009четры77

1) Массовое удаление пользователей

2) Вскоре произойдет наполнение сайта

Рисуем Баши-Бузука, Making of Black Bashi – Bazouk

{Gm]NightStalkeR[Gm} — Thu, 10 Apr 2008 12:44:03 GMT

Создайте новый слой и следите за чистотой эскиза.
Этапы работы:
Как только вы сделаете эскиз приступаем к основной части работы, будем выполнять ее в оттенках серого, это позволит вам сосредоточиться на целостности картины а не на цвете.
На мой взгляд, успех картины заключается в ее целостности. Вы можете использовать любую цветовую гамму, но если не будет целостности то картина не будет успешной. Первое, что мы должны сделать, это перейти к Image > Mode > Grayscale. А так –же должны изменить авши оттенки серого переместите ползунок в меню colors (Window > Color). Не изменив эти показатели, вы можете не добиться желаемых результатов но и может привести к косякам в работе.

Сначала я использую простые, крупные кисти в особенности на ранних стадиях работы, это позволяет не останавливаться на мелких деталях. Работать начинаем темными и постепенно переходим к более светлым тонам. Постепенно добавляем деталей и делаем картину более выразительной.
Для завершения процесса я обычно использую жесткие кисти, кисти мягкими краями, ставим opacities не прозрачности где то на 25-50%, для более плавного перехода. На данном этапе нам не потребуется много слоев, один для фона, и один для проработки мелких деталей персонажа. Когда будете довольны полученным результатом, работайте над мелкими деталями отключим давление пера в разделе ‘Pen Pressure’. Держите все под контролем.
Когда мы закончим живопись в оттенках серого, мы понимаем что картина выглядит «полной». Это очень удобно совершенствовать картину в этих тонах перед нанесением цвета. Это сделает процесс нанесения цвета гораздо легче.

$IMAGE2$

Добавление цвета:
Когда работа в серых тонах завершена, пора подумать о цветах. Поскольку речь идет о копировании картины, хорошей идеей будет немного остановиться и внимательно изучить цвета в оригинальной картине. Возьмите инструмент пипетка и скопируйте цвета которые использовал художник, главное внимательно изучить переходы цвета.
В данной работе цветовая схема будет такой: Довольно насыщенный красный и оранжевый цвет, переходы от ярко красного к оранжевому, и доходит до бледно желтого цвета. Ивот наконец пришло время добавлять цвета нашей живописи. Так как мы работали в оттенках серого пришло время перейти в режим RGB. Выбираете Select Image > Mode > RGB.
Теперь создаем новый слой выше базового заполняем ее цветами основной цветовой палитры, затем объединяем их. Создает еще один слой для кожи. Внимательно наблюдайте за цветом оригинала и постарайтесь максимально точно воспроизвести его. Затем сделайте слияние.

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

Автор: George Patsouras
Перевод: Xelx

Фото в стиле Jill Greenberg, Стилизация под Jill Greenberg

{Gm]NightStalkeR[Gm} — Thu, 10 Apr 2008 12:39:40 GMT

Итак, вот примерные образцы
Вот моя исходная фотка:

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

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

Вот примерный план действий:
1. Удаление лишних теней и высветление светов
2. Удаление ненужных оттенков кожи и добавление нужных оттенков коже.
3. Добавление резкости
4. Изменение цвета одежды и кожи
5. Фон
6. Ретушь
7. Усиление и добавление бликов

1) Создаю копию слоя бэкграунд, на всякий случай. А вообще я довольно часто делаю snapshot-ы в палитре истории на различных этапах, чтобы быстро отменить изменения.
Убираю красные глаза. Создаю корректирующий слой curves: Layer --> new adjustment layer --> curves. Если при этом открыть окно info, то увидим, что в нейтральной серой точке красного больше чем синего и зеленого, а должно быть одинаково корректируем это на кривой в красном канале:

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

И слила эти слои, кроме бэкграунда (его делаю невидимым)
2) Немного изменяю цвет глаз, делая его ярче и более синим с помощью hue/saturation: удерживая shift, выделяю радужки вместе со зрачками, иду в Image--> adjustment--> hue/saturation.
Корректирую изображение еще (в основном добиваюсь сине-зеленого оттенка фона, придаю коже похожий цвет как на оригинале, то есть чтобы она была естественного цвета, но в то же самое время на ней бы и присутствовали рефлексы от синего фона) применяя различные средства коррекции: shadow/highlight, brightness/contrast, хотя это можно сделать и кривыми наверно, но я пробую и другими методами. Главное не переусердствовать, чтобы не появились неестественные цвета кожи, смотрю периодически на оригинал, чтоб приблизиться к цветовой гамме (на одежду и фон пока не обращаю внимания, добиваюсь нужных цветов и избавляюсь от слишком черных теней на коже).
3) Добавляю резкости фильтром High pass: filter-->other-->high pass. Для этого создаю копию слоя, обесцвечиваю и применяю фильтр, регулирую настройки, причем радиус зависит от размера изображения, чем оно больше, тем и радиус больше, , регулирую радиус так, чтобы на изображении мелкие детали были уже заметны, но не слишком

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

4) Далее меняю цвет одежды, для этого: делаю копию слоя, выделяю сарафан, с помощью lasso tool (или, например быстрой маски) добавляю маску слоя: Add layer mask, применяю hue/saturation и, поставив галочку, напротив colorize, меняю цвет на голубой, также поступаю и с футболкой отдельно от сарафана. Места складок на футболке усиливаю Бёрн тулом с кисточкой с мягкими краями.
Перевожу изображение в цветовое пространство Lab: Image--> mode--> Lab color. Канал L отвечает за яркость. Также как и в предыдущем шаге одежду, теперь на копии слоя выделяю лицо вместе с рукой, добавляю маску слоя и корректирую кривыми: Image--> adjustment--> curves. В канале L немного опускаю кривую вниз, чтобы чуть-чуть затемнить кожу и снизить пересвет. Здесь же в каналах a и b можно немного подкорректировать тональность кожи, придавая ей чуть-чуть сине-зеленоватых рефлексов, все время сверяю с оригиналом. Получилось так:

Потом перевожу обратно в RGB.
Все время коррекцию цветов делаю так, чтобы светлые места совсем не ушли, так как они будут бликами на коже.
Потом идет куча корректирующих слоев,

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

и для волос:

В основном снимала красноту с разных участков тела с помощью selective color и сделала ярче губы.

Потом уже руку и лицо вместе, подкорректировала по цвету с помощью curves, levels, color balance: добавила румянец, убрала лишнюю красноту с кожи, еще немного затемнила цвет кожи. Также выделяла края волос быстрой маской и убирала с них ненужные оттенки (здесь были желтые и зеленые особенно заметны на макушке и кончиках торчащих волос) с помощью корректирующих слоев по маске (см. рисунок на два выше).
Теперь придаю коже загорелый вид: создаю выделение быстрой маской руки и лица вместе, кроме глаз и заливаю на новом слое коричневым цветом 3f0d01, режим смешивания ставлю soft light, opacity 20 % - кожа становится более загорелой.

Теперь можно слить все слои: flatten image.

5) Делаю фон: создаю сверху новый слой, заливаю радиальным градиентом от светло-голубого к темному, центр градиента располагаю примерно около переднего плеча. Добавляю шум Filter-->Noice-->Add noice, чтобы фон не был слишком однородным. Создаю маску слоя, снижаю прозрачность слоя, чтобы видеть ребенка и рисую черной кистью по маске, прорисовывая все самые мелкие волоски и всю фигуру, (если где-то получилось неправильно, можно закрасить белой кистью – появится фон), после того, как выделила всего ребенка, прибавляю непрозрачность до 100 %, в результате получается фон за ребенком.
Вот такая маска была, если ее посмотреть в палитре каналов:

6) Корректирую свето-теневой рисунок и ретуширую:

С помощью Dodge tool с мягкой кистью осветляю волосы, учитывая что свет падает слева и дополнительное освещение создает яркие блики: делаю волосы слева более светлыми, и осветляю челку, так как она должна давать блики (см рис. ниже, пункт 1)

Додж тулом с круглой мягкой кистью очень маленького диаметра, в режиме: highlights, и невысоким exposure (высокий процент прожига не ставлю, потому что цвет может получится слишком белый) осветляю кончики волос и тоненькие волоски по окружности головы, при этом меняя интенсивность додж тула, чтобы не было слишком резких границ( см. рисунок выше, п.2)
Ретуширую кожу, выравниваю ненужные неровности и пятнышки с помощью clone stamp с непрозрачностью около 30 % и healing brush, немного можно размазать переходы smudge tool, но не слишком сильно, чтобы не смазалась фактура кожи и не получилось кукольного личика как на фотках в стиле гламур.

Ретушь кожи можно произвести также очень интересным фильтром "Portraiture", который загружается в ФШ дополнительно, а не входит в стандартный набор. Но с этим фильтром очень легко переборщить с заблюриванием и разглаживанием кожи, поэтому надо очень внимательно регулировать все настройки
7)Используя берн тул с включенным аэрографом (или можно просто мягкой кисточкой темного цвета с низкой opacity) немного затемняю и выравниваю тень справа на щеке (3), а слева наоборот высветляю додж тулом с аэрографом (или опять же кисточкой, но светлым цветом), чтобы создалось впечатление подсветки с левой стороны, главное не забывать про объем, чтобы после всех манипуляций с цветом лицо и тело не выглядели плоскими (4).
Додж тулом осветляю контуры на сарафане, на правой щеке и руке (5). Усиливаю блики на коже и на одежде (6). Для того, чтобы создать фактуру кожи, там где ее недостаточно видно, использую додж тул с кистью из нескольких точек и настройками, чтобы он рисовал не полосками, а точками:

Добавила блики на глазах: осветлила додж тулом в режиме хайлайтс нижнюю часть радужки, при этом насыщенность цвета не снижается, но увеличивается яркость. Тут мне показалось, что глаза в целом очень темные. Выделив глаза с помощью lasso tool, я их осветлила c помощью hue/saturation. Потом добавила едва заметных точечных бликов додж тулом по все радужке. Потом выделяю только радужки вместе со зрачками, копирую на новый слой: layer via copy, ставлю режим смешивания multiply (разница тут получилась в принципе, не очень заметна, но мне показалось так выглядит интереснее):

Еще усилила блики на губах и зубах додж тулом.

Дальше уже можно слить все слои и добавить еще резкости, если ее недостаточно.
Я выделяю фигуру ребенка (точность выделения здесь не важна, главное не выделять фон и волосы, те которые торчат сзади) делаю копию выделения: layer via copy, применяю фильтр High pass, режим наложения overlay, чтобы фигура не выглядела плоской, стираю этот слой ластиком там, где высокая резкость не нужна, то есть по контуру, волосы сзади и по бокам, одежду по контуру ( в основном нужна высокая резкость на лице, так как оно на переднем плане и на него идет весь акцент). Копирую еще раз этот слой, если опять же недостаточная резкость. Сливаю слои. Если фактура кожи получилась недостаточно явная, можно применить фильтр sharpen, также сделав layer via copy только тех частей кожи, где нужно добавить фактуру, например щеки и рука.
На этом в принципе и все. В конце смотрю на изображение, сравниваю с оригиналами фотографий Джил Гринберг.
Мне показалось, что можно немного снизить красный на изображении в целом и совсем чуть-чуть дорисовать кисточкой румянец

Еще добавила буквально немного резкости небольшими штрихами, с помощью sharpen tool ресницам, некоторым кончикам волос, на челке, зубам и немного ноздрям и губам.
Вот что получилось в результате:

Автор shoni

Капельки воды, спецэффект

{Gm]NightStalkeR[Gm} — Thu, 10 Apr 2008 12:38:41 GMT

1. Открываем желаемую картинку
2. Создаем новый слой. Выбираем elliptical marquee tool, делаем небольшое выделение (рис. 1)

3. Выбираем gradient tool (убеждаемся, что background/foreground цвета чёрный/белый)

4. Заливаем градиент так (рис. 2)

5. Снимаем выделение. Ставим режим смешивания на Overlay

6. Идем в Layer > Blending options.
Закладка drop shadow:
Blend Mode – Multiply,
Opacity - 64%,
Angle – 120,
Distance – 6,
Spread – 0,
Size – 5,
Закладка inner shadow:
Blend Mode – Multiply,
Opacity - 64%,
Angle – (-29),
Distance – 5,
Choke – 0,
Size – 5.
Вы можете играться этими настройками по желанию

7. Меняем background/foreground цвета на белый/чёрный. Выбираем кисть размером 5-6 (зависит от размера капли) и ставим точку в левом верхнем углу капли.

Для получения большего эффекта можно поиграться Filter > Liquify. Результат (рис. 3, 4)

автор: josephine
источник: www.13dots.com
перевод: Als

Сноубординг Плакат, Pixel and Vector to Produce Striking Art

{Gm]NightStalkeR[Gm} — Thu, 10 Apr 2008 12:35:17 GMT

Часть Первая

При создании проекта мы будем использовать Adobe Photoshop и Adobe Illustrator для создания и объединения элементов. Так же нам понадобятся фотографии, которые можно взять с StockXchng и векторная графика с GoMedia и Vecteezy. Так же я уже имел некоторые ресурсы в собственно комплекте инструментов.
Начало:
Первым шагом надо изобразить грубый схематический план. Я довольно ясно представлял будущий проект в голове, но все же я сделал рисунок, от которого я отталкивался в начале.

Когда у вас есть план и идея, открываем фотошоп и настраиваем параметры документа. Я использовал 300dpi CMYK A4 слой с 3mm отступа так, как позже я собираюсь распечатать работу.

Зная об отступе в документе мы создадим Guides, которые расположатся по сторонам документа.

Задним фоном у нас будет изображение гор, взятое с StockXchng и выравниваем изображение по основанию документа.

Выберете темные и синие области на изображении и добавьте градиента, что бы расширить небо.

Добавляем 2-3% шуму.

После поиска, я нашел нужное мне фото сноубордиста, которое было загружено и перенесено в фотошоп.

Берем пентул и начинаем вырезать бордера. Наверно это самый трудоемкий способ по «вырезанию», но и самый аккуратный.

Создаем выделение из наших путей, используя half pixel feather для удаления острых краев. Вставляем бордера в наш документ.

Теперь у вас есть хорошая возможность поработать над коррекции изображения, типа уровней, кривых, резкости, для того, чтобы наше изображение соответствовало нашему фону.
Вектор #1: Радиальные линии
Переходим в иллюстратор, что бы создать первый векторный элемент. Это будет ряд радиальных линий, который мы поместим на задний фон нашей работы.

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

Копируем и вставляем нашу фигуру, при это немного её крутя, с помощью инструмента Rotate Tool. Жмем CTRL+D для повтора последнего действия с быстрой вставкой (CTRL+F) и многократного вращения. В конечном счете, у вас должно получится, нечто, изображенное на картинке.

Вставляем линии в наш документ, выше слоя с горами, но ниже слоя со сноубордистом.

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

Слой с горами выглядит достаточно плоско, поэтому добавьте halftone текстуры на дубликате слоя (Filter/Pixelate/Halftone). Поставьте для минимального диаметра 30px и 45 для каждого из каналов. Режим смешивания этого слоя поставьте на Soft Light, а непрозрачность снизьте до 20%. Создайте выделение из путей гор и удалите выделенное с halftone слоя.
Вектор #2: Круглые капли
Снова переходим в иллюстратор для создания следующего элемента.

Рисуем круг с зажатой клавишей Shift, затем многократно копируем и вставляем круг, для получения области с кругами. Выделяем все и заполняем белым, а затем вставляем в фотошоп.

Сделайте выделение из путей гор и удалите лишнее с кружков.

Смените режим смешивания на Overlay.
Вектор #3: Модные круги
В предыдущем посте я предоставил для скачивания набор Модных кругов
, которые открываются иллюстратором.

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

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

Окрашиваем круги с помощью Image/Adjustments/Hue/Saturation так, чтобы они соответствовали общему виду работы.

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

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

Повторите шаги с окрашиванием и применением градиента, что бы брызги привести к общему виду. Удалите брызги, попавшие на горы.

Откройте векторный набор Punk и скопируйте фигуру звезды.

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

Окрашиваем в темно синий цвет.
Вектор #4: Волнистые Линии
Возвращаемся в иллюстратор и создаем маленький круг.

С помощью Direct Selection Tool оттягиваем левые и правые точки, что бы создать фигуру 3. Вместе с этой формой, кликаем по кнопке New в палитре кистей и выбираем опции New Art Brush.

Удостоверьтесь, direction стоит по ширине формы, в диалоговом окне.

Создайте кривой путь и примените к нему нашу новую кисть. Скопируйте, вставьте и немного поверните путь.

Выберете оба путя и идите Object/Blend/Blend Options с параметрами, указанными ниже. Затем идем обратно в Object/Blend и выделите созданное.

Сделайте форму белой и вставьте в фотошоп, так, что бы она вылетела из под сноубордера. Режим смешивания измените на Soft Light.

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

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

Вектор #5: Завивающиеся линии

Переходим назад в иллюстратор и создаем спираль, уменьшая ее размеры с помощью стрелочек. Используя Direct Selection Point сделайте спираль шире. Примените к ней нашу созданную ранее кисть.

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

Вставьте линии в фотошоп, продублируйте их несколько раз, покрутите немного и поменяйте режим смешивания на Overlay 50%.

Продублируйте получившийся образ и отразить по горизонтали, что бы получился такой же симметричный образ.
Вектор #6: Много волнистых линий

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

Вставьте их в фотошоп и сделайте их большими на столько, что бы они выходили из краев холста. Затем поставьте Overlay.

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

Сделайте несколько вариаций звезды.

Использую один из freebie наборов от добрых товарищей из Go Media, копируем векторный спинной хребет и вставляем в фотошоп. Дублируем его, крутя, что бы создать из этого радиальный образ, исходящий из руки сноубордиста.

Объедините все слои с хребтами воедино, придайте им голубой оттенок и снизьте непрозрачность.
Вектор #7: Диагональные линии
В последний раз переходим в иллюстратор для создания диагональных линий.

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

Вставляем их в фотошоп, ставим Overlay 50%, затем загружаем выделение гор и удаляем линии, которые находится в их.
Горы можно сделать более констрастными, путем дублирования слои и смены режима смешивания на Multiply 40%.

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

Приспосабливаем режим смешивания и оттенок к гамме нашего документа.

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

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

Берем огромные кисти Spray Paint Photoshop Brushes from Go Media и добавляем стильных подтеков, создающие еще более холодный образ.

Берем другой набор кистей Watercolour brushes from Bittbox и раскрашиваем границы документа. Не забываем вращать кисть, для этой стадии.

Используя все те же кисти, удаляем часть границы резинкой, с 50% непрозрачностью.

Меняем режим смешивания на Overlay 50%, что бы добавить ледяной текстуры к нашему изображению.

Посмотрите внимательно на изображение и доработайте его детали. Например, я удалил еще немного границы, и усилил эффект брызгов, продублировав их.
Сохраняем и экспортируем нашу работу.
Помните, в этом уроке вы увидели основные МОИ методы создания, но есть еще много других методов достичь подобного результата, которые вы можете развивать по собственному желанию. Одно из ключевых особенностей, это создать набор ресурсов, которые вы будете использовать в дальнейшей работе.
Результат:

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

Автор: Spoon
Перевод: T Jay

Разноцветная шапка для сайта., идея для шапки с навигацией.

{Gm]NightStalkeR[Gm} — Thu, 10 Apr 2008 12:31:04 GMT

Начнем с создания файла нужного размера. Нарисуем прямоугольник rectangular shape tool'ом.

Жмем Ctrl+T. Клик правой кнопкой мыши, выбираем Wrap. Выбираем режим деформации Flag. Настраиваем как показано:

Заполняем желтым цветом.

Копируем слой. Нажимаем Ctrl+T. Клик правой кнопкой мыши, выбираем Flip Vertical.

Жмем Ctrl+T, поворачиваем и уменьшаем как на рисунке:

Заполняем другим цветом.

Делаем еще несколько копий. Поворачиваем уменьшаем, меняем цвет, располагаем как показано на рисунке.

Выделяем слой с основной фигурой и ставим ему режим Hard Light.

Создаем фоновый слой, заполняем его белым цветом. И применяем ему следующие параметры в стиле слоя.

Вставим подходящую картинку.

Изменим режим этого слоя на Overlay.

Вставим изображение цветов.

Изменим режим на Hard Light

Берем eraser tool. Выбираем кисть с размытыми краями и убираем резкие границы картинки.

Нарисуем круглые фигуры elliptical shape tool’ом. Эти круги будут служить кнопками.

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

Меняем режим слоя на Color.

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

Надпишите кнопки.

Ну, и поставьте Лого куда нужно.

Автор: Invano
Вольный перевод: Drummy

Источник: http://www.invano.com/tutorials/photoshop/navheader.php

Ролловерная кнопка в Image Ready, Web-графика

{Gm]NightStalkeR[Gm} — Thu, 10 Apr 2008 12:28:47 GMT

Шаг 1

Сначала откройте Image Ready.
Для создания ролловерной кнопки вам понадобятся два изображения: до наведения курсора и после.

Шаг 2

Скопируйте изображение второй кнопки в вставьте его над слоем с первой:

Убирите видимосто со второго слоя:

Теперь нажмите на кнопочки Unify Layer Position (не менять позицию слоя, первый замочек в ряду Unify) и Unify Layer Visibility (слой будет оставаться постоянно видимы, находится в том же ряду, только это уже второй замочек):

Шаг 3

Перейдите на палитру Web Content (если у вас её нет, откройет через Window).
Находясь на первом слое, нажмите кнопочку Create layer-based rollover:

Перейдите на воторой слой, на той же панельке нажмите кнопочку Create rollover state:

Сделайте видимым второй слой.

Шаг 4

На панеле инструментов, нажмите кнопочку Preview Document (Y). Теперь попробуйте навести курсор на вашу кнопчку. Ну как? Чувствуете себя веб-дизайнером?)))

Можно сделать так, например, чтобы ваше второе изображение появлялось, если вы кликните на первое изображение. Для этого кликните по вашему Rollover States'y правой кнопкой мыши и в выпавшем меня поставьте галочку на "Click":

Для непосредственной загрузки роловера на сайт, воспользуйте палитрой Slice (если её нет, опять же попробуйте открыть через Window) и в поле URL введите адрес вашего сайта

Заключение

Если вы хотите посмотерть, как работает ваша новая кнопочка в окне браузера исключетльно своего компьютера, просто в отдельной папочке создайте пустую веб-страничку, потом вернитесь в Image Ready File -> Save Optimized As..., выберите вашу веб-страничку, а поле Тип файла выберите: HTML and Images (*html). Сохраните, зайдите на вашу страничку с кнопочкой и наслаждайтесь!

Идея
Автор/Перевод: Roxanne

Graphic Design Studio Web Layout

{Gm]NightStalkeR[Gm} — Thu, 10 Apr 2008 12:23:25 GMT

Создайте новый файл. С помощью Rectangle Tool (U) сделайте такой фон как на картинке (от переводчика - просто моздайте прямоугольник во весь файл).

К слою примените такие настройки:

С помощью Pen tool нарисуйте такую форму (от переводчика: залейте цветом AA8366).

Примените к слою такие параметры Blending Options-Color Overlay:

Поставьте Blending Mode слоя на Soft Light.

Скачайте с сайта http://www.deviantart.com кисти evil_bloodsplat. Поместите их в …\ Program Files\Adobe\Adobe Photoshop CS2 \Presets\Brushes. Выберите инструмент кисть (В), и загрузите скачанные кисти.

Несколько раз ткните кистью на изображении, чтобы получилось что-то, похожее на это:

С помощью Rectangle Tool (U) создайте белую панель сайта. Примените стили слоя - тень:

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

И ещё один, любого цвета. Примените к нему перекытие градиента:

С помощью Line Tool (U) создайте вертикальную линию цвета 646464 на сером фоне.

На новом слое опять примените кисть. В итоге должен получиться такой эффект:

Напишите меню. Автор предлагает такие настройки текста:

С помощью Custom Shape Tool (U) создайте такую форму (цвет - 01C2EE).

Напишите название сайта. Автор предлагает такие настройки текста:

(Design)

(Studio)

(imagination is our power)

Примените к нему тень:

(от переводчика: далее автор рассказывает, с какими настройками можно написать текст в панели сайта, так что это не очень важно). Напишите текст в таблице, можно применить такие настройки:

(Latest news)

(About company)

(The software)

Примените тень:

Напишите текст с настройками:
и

С помощью Rectangle Tool (U) нарисуйте прямоугольники цветом 00A1DC.

Напишите в них текст:

Результат:

Источник: здесь
Переводчик: Angelo4ek

Futuristic Logo V12

{Gm]NightStalkeR[Gm} — Thu, 10 Apr 2008 12:21:29 GMT

Шаг 1.
Начнём с черного фона. На новом слое начнём рисовать наш логотип.
Выберем polygon tool, поставим 3 стороны, и Smooth Corner.

На этом новом слое, цветом #00C1FF рисуем нашу фигуру (width: 86 x height: 83).
Добавим layer styles

Шаг 2.
На новом слое, цветом #00C1FF, с помощью polygon tool рисуем ещё один полигон (width: 46 x height: 44)
Добавим layer styles

Шаг 3.
На новом слое, тем же цветом рисуем ещё один полигон, но таким размером width: 23 x height: 22)
Добавим layer styles

Шаг 4.
Продублируем слой и расположим наши фигуры как на рисунке

Шаг 5.
На новом слое нарисуем ещё один черный полигон (width: 44 x height: 43)
Добавим layer styles

Шаг 6.
Сольём все слои, кроме фона, в один слой.
Дублируем получившийся слой, уменьшим и расположим как на рисунке.
blending mode на Lighten.

Шаг 7.
Дублируем ещё раз наш слой.
blending mode на Color Dodge.
Теперь склеем получившиеся слои. Layer > Merge layer set.

Шаг 8.
Продублируем новый слой несколько раз и расположим маленькие структуры как на рисунке.
В конце склеим их в один слой.

Шаг 9.
Снова продублируем получившуюся фигуру и уменьшим размер на 80%.
Расположим как на рисунке.

Шаг 10.
Добавим такие же структуры на каждую сторону

И вот что получилось

Источник: http://www.netcades.com/2007/03/11/futuristic-logo-v12/1/
Перевод: Mis-teeq