Публикации

Форумы

Создаем свою «splash» заставку для Photoshop CS3
 

Создаем свою «splash» заставку для Photoshop CS3

 
Модераторы: Патрик, net1313, Predator, Perfecthus, Kapman
Тема закрыта
Тема закрыта
Автор Добавил
Offline Predator
27.02.12 - 11:46
Predator


Сообщений: 4039
Решил написать урок по созданию и замене стандартной splash-заставки для Photoshop, может-быть кому-то это интересно и стандартная заставка надоела и хочется чего-нибудь нового креативного

Менять заставку будем в программе Adobe Photoshop CS3, в других версиях размер заставки и её название могут отличаться, но поменять можно в любой версии, итак приступим...

Вот, что у Вас должно получится в итоге:



Что нам понадобится для выполнения этого урока:

1. Это конечно же сам установленный Photoshop чтобы нарисовать splash

2. Программа ResEdit взять её можно тут

Начинаем рисовать splash-заставку:

Шаг 1 - Создание документа

Запустите Photoshop и создайте новый документ File - New размером 584х342 px с разрешением 300 dpi, важно использовать именно такие размеры (для Adobe Photoshop CS3, в других версиях размер изображения другой), поскольку при загрузке Photoshop в это изображение будет вписываться еще и стандартный текст.



Шаг 2 - Ground

Назовите созданный слой ground и залейте его белым цветом Edit – Fill – White.

Продублируйте слой и назовите вновь созданный fon



Отключите видимость слоя ground и выделите слой fon для дальнейшей работы.



Используйте инструмент Free Transform (Ctrl+T), для того чтобы уменьшить размер белого фона, до 96% от ширины и 95% от высоты.



Примените стили слоя: тень (Drop Shadow) и градиентную заливку (Gradient Overlay) к этому слою с такими параметрами.







Шаг 3 - Создание модульной сетки

Для того чтобы выровнять обьекты на изображении, нам потребуется создать направляющие линии (так называемую модульную сетку), для этого выбираем пункт меню View-New Guide... и создаём направляющие по которым в дальнейшем будем выравнивать объекты на изображении, всего их будет 7 штук, 3 по вертикали и 4 по горизонтали.

Далее выполняем теже действия для всех значений.

Размечаем вертикаль...



первое значение 25px
второе значение 217px
третье значение 559px

Размечаем горизонталь...



первое значение 22px
второе значение 88px
третье значение 100px
четвертое значение 319px

В итоге должно получиться вот так...



Шаг 4 - Текст

Выберите инструмент Text Tool (T), чтобы написать лотип PS.



Можете использовать любой шрифт, я использовал шрифт Tahoma для придания реалистичночти логотипу PS.



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





А затем нажмите на выделении правой кнопкой мыши и выберите пункт меню Select Inverse.





После перейдите на слой fon и создайте маску слоя.



Затем отключите видимость слоя с текстом логотипа PS, получится вот так...



Шаг 5 - текст названия программы «Adobe Photoshop CS3»

Выберите инструмент Text Tool (T), и напишите надпись в том месте и с такими параметрами, как показано ниже...



Шаг 6 - Добавление слоя с изображением AvP

Заходим в меню File - Open... (Ctrl+O) и открываем изображение avp.png



Затем берем и удерживая курсором мыши маленькую превьюшку на панели слоев перетаскиваем слой с AvP на наше окно со splash'ем.





Видим, что изображение Avp большего размера и нужного его уменьшить в размерах, для этого воспользуемся инструментом Free Transform (Ctrl+T), уменьшим изображение (при уменьшении размера изображения нужно удерживать нажатой клавишу Shift, для того чтобы пропорции изображения не изменялись) и разместим его в нужном нам месте...

Получится вот так



Затем в панели слоев выберем режим смешивание Soft Light и получаем результат показанный на скрине ниже.



Далее нам нужно создать Pattern, для этого создадим новый документ File- New... (Ctrl+N), размером 4х4px и с помощью инструмента Zoom tool (Z) увеличим его до 1600%.



Далее рисуем сам pattern, выбираем в панели инструментов верхний цвет #000000 (чёрный), а нижний цвет #A7A7A7 (серый) и рисуем инструментом карандаш размером 1px так, как показано на скрине ниже...



Затем идем в меню Edit - Define Pattern... Вводим имя нарисованного паттерна и жмем ОК, закрываем окно с паттерном.

Далее в панели слоев выделяем слой с названием программы и ниже жмем значек создания нового слоя.



Назовем этот слой pattern, затем сбросим цвета по умолчанию, для чего нажмем клавишу (D) и зальем слой белым цветом, для чего нажмем сочетание клавиш Shift+Backspace выберем в выпадающем списке пункт Background Color и нажмем ОК.



Далее воспользуемся инструментом Free Transform (Ctrl+T), для того чтобы уменьшить размер белого фона, до 96% от ширины и 95% от высоты.



Затем применим к этому слою нарисованный нами ранее паттерн, для этого идем в меню Layer - Layer Style - Pattern Overlay и выбираем нужный нам паттерн.



Далее в панели слоев выставляем следующие параметры прозрачности и заливки для слоя



Далее устанавливаем скачанный ранее шрифт savatage.ttf, котырый находится в скачанном ранее архиве, выделяем в панели слоев, слой с названием AvP и воспользовавшись инструментом Horizontal Type Tool (T), пишем PREDATOR STYLE, надпись располагаем, как на скрине и применим режим смешивания Soft Light.



Далее выделяем слой AvP удерживаем Ctrl и кликаем по маленькой превьюшке слоя AvP в панели слоев, получаем выделение рисунка, затем выделяем слой pattern и жмем клавишу Delete, снимаем выделение сочетанием клавиш Ctrl+D, сделано этого для того, чтобы убрать полоски паттерна с изображения, должно получиться так, как показано ниже.



Далее загрузим в фотошоп кисти Monster scratches из ранее скаченного архива, для чего идем в пункт меню Edit - Preset Manager... жмем кнопку load указываем файл с кистями и жмем Done.

Выделяем слой с AvP и жмем в панели слоев кнопку создать новый слой, назовем его clutches. Выбираем инструмент Brush Tool (B), выбираем понравившиеся следы когтей, подбираем размер и рисуем след когтей, после в панели слоев, выберем режим смешивания Darken, получиться должно так...



Теперь выключим видимость слоя с логотипом PS и выделим его. Возьмем инструмент Magic Wand Tool (W) и удерживая клавишу Shift, выделим букву P логотипа, не отпуская Shift выделим букву s.



Далее выключим видимость слоя с логотипом PS и выделим слой pattern в панели слоев, нажмем клавишу Delete и затем сочетание клавиш Ctrl+D.

Выделим слой ground в панели слоев и включим его видимость, нажмем Ctrl+T и уменьшим размер слоя до 96% от ширины и 95% от высоты.
Затем идем в пункт меню View - Show - Guides... (Ctrl+;) и выключаем модульную сетку.

Все, наш splash готов, идем в меню File - Save for Web & Devices... и сохраняем файл со следующими названием SPLASHARTBACKGROUND.PNG (ВНИМАНИЕ! Название файла должно быть именно таким) и параметрами...



Шаг 7 - Замена стандартного splash на нарисованный

1. Ранее мы скачали программу ResEdit, устанавливаем и запускаем её.

2. Открываем в программе файл PSArt.dll, который находится по адресу C:\Program Files\Adobe\Adobe Photoshop CS3\PSArt.dll, предварительно сделав его копию
(мало-ли чего пойдет не так) :satisfied

3. Если вы выполнили шаг 6 правильно и сохранили заставку в PNG файл, и назвали его SPLASHARTBACKGROUND.PNG, перейдите по адресу C:\Program Files\TGTSoft\ResEdit\Temp и скопируйте в нее сохраненный файл с заменой старого.

4. Вернитесь в ResEdit, нажмите на кнопку Save , а затем закройте программу.



5. Запустите Photoshop и радуйтесь созданной Вами заставке.

Автор урока: Predator


Я не матерюсь, а всего лишь употребляю ненормативную лексику в целях более полного и лаконичного выражения своих эмоций.
Вернуться наверх
Популярность сообщения: 0
 
Создаем свою «splash» заставку для Photoshop CS3

Перейти:  Вернуться наверх